/*通用css*/
*:not(table){padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal; }
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#F60; text-decoration:none;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}

/*网站导航*/
.header{width:100%; padding:0 2%; background-color:rgba(255,255,255,.95); box-shadow:0 0 5px #aaa; position:fixed; top:0; left:0; z-index:9999;}
.header .logo{width:380px; margin: 0; float:left;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:50%; margin-top:-.9rem; right:6%; height:1.8rem; width:2rem; display:none;}
.header .an i{display:block; font-size:1.2rem; color:#333; line-height:1.8rem; position:absolute; left:-3rem;}
.header .an span{width:2rem; height:.2rem; background-color:#0091ff; display:block; position:absolute;}
.header .an span.a1{top:0.3rem; left:0;}
.header .an span.a2{top:0.8rem; left:0;}
.header .an span.a3{top:1.3rem; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:.8rem; width:2rem;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:.8rem; width:2rem;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.sousuo{position:relative; margin-top:36px; width:30px; margin-left:20px; float:right;}
.sousuo font{font-size:14px; float:right;}
.searchbtn{ cursor:pointer}
.suk{ display:none; position:absolute; top:55px; z-index:9999999; right:0px; width:320px; background: rgba(255, 255, 255, 0.99); padding:20px; }
.input1{ width:210px; line-height:41px; height:41px; border:#d4d4d4 1px solid; padding-left:10px; outline:none; color:#666;}
.btn1{ background:#0091ff; border-radius:0px; border:0; color:#FFF; width:60px; line-height:40px; text-align:center; outline:none; cursor:pointer; float:right;}
.header .nav{float:right; }
.header .nav ul li{font-size:16px; text-align:center; float:left; display:block; position:relative; margin:0px 0px 0px 16px;line-height:90px; }
.header .nav ul li a{color:#333; display:block; }
.header .nav ul li a:hover { color:#0091ff;}
.header .nav ul li span{width:0; height:2px; background-color:#0091ff; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav .ej{width:130px; background:#fff; position:absolute; left:0; z-index:999; display:none; padding:0px; margin-left:0px; text-align:left; }
.header.on .nav .ej{ background:#fff;}
.header .nav .ej a{font-size:14px; line-height:40px;  color:#333; padding-left:20px;}
.header .nav .ej a:hover { background:#0091ff; color:#FFF;}
.header .nav ul li:hover .ej{display:block;}
@media only screen and (max-width:1280px){
.header .nav ul li {margin:0px 0px 0px 5px;}
.sousuo{margin-top:34px; margin-left:12px; margin-right:0px;}
}
@media only screen and (max-width:1023px){
.header .logo{width:auto; float:left; margin:5px 0;}
.header .logo img{width:auto; height:50px;}
.header .an{display:block;}
.sousuo{margin-top:19px; margin-left:0px; margin-right:0px;}
.suk{ top:40px; width:300px; background: rgba(255, 255, 255, 0.9); padding:10px;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background:#fff; top:0; left:0; margin:0; margin-top:60px; overflow:auto; overflow:hidden; z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:0; border-top: none;}
.header .nav ul li{width:100%;  font-size:15px; margin:0; background:#fff; border-bottom:1px solid #f6f6f6; padding:0; line-height:50px; }
.header .nav ul li:hover { background:#a9daff;}
.header .nav ul li:hover .ej{ display:block;}
.header .nav ul li span{ display:none;}
.header .nav .ej{width:100%; margin:0 auto; background:#fff; position: relative; left:0; z-index:999;  left:auto; display:none;}
.header.on .nav .ej{background:#fff;}
.header .nav .ej a{ border-bottom:0; color:#333; text-align:center; padding-left:0;}
}
@media only screen and (max-width:760px){
.header .an{display:block; right:10%;}
.sousuo{margin-top:19px; margin-left:0px; margin-right:-20px;}
}

.head_h{width:100%; background-color:#fff; height:90px;}
@media only screen and (max-width:992px){
.head_h{height:60px;}
.container { width:96%; margin:0px auto;}
}



/*banner*/
.gallery-top{width:100%; position:relative; z-index:9;}
.gallery-top .swiper-slide { position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-slide .wz{ color:#fff; text-align:center; position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%);  z-index:9; }
.gallery-top .swiper-slide .wz h3{font-size:50px; font-weight:bold; letter-spacing:8px; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);  padding:30px 50px;}
@media only screen and (max-width:1360px){
.gallery-top .swiper-slide .wz{ width:80%;}
}
@media only screen and (max-width:992px){
.gallery-top .swiper-slide img{width:150%;}
.gallery-top .swiper-slide .wz{ width:90%;}
.gallery-top .swiper-slide .wz h3{font-size:23px;padding:0px; letter-spacing:0px}
}

/*通知公告*/
.sy_tz { width:96%; margin:0px auto; max-width:1200px; box-shadow: 3px 5px 10px rgba(0,0,0,0.1); position:relative;}
.sy_tz .zctz { width:10%; background:#0091ff; text-align:center; color:#FFF; padding:56px 0px; margin-top:-45px; z-index:10; position:absolute; float:left; }
.sy_tz .zctz p { font-size:20px;}
.sy_tz .zctz a { font-size:14px; color:#FFF;}
.sy_tz .yclb { width:90%; background:#FFF; float:right;}
.scrollDiv{ width:90%; margin:0px auto; height:30px;/* 必要元素 */line-height:30px; overflow:hidden;/* 必要元素 */ padding:15px 0px;}
.scrollDiv li{height:30px; background:url(../images/dian.jpg) no-repeat center left; padding-left:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.scrollDiv li a { font-size:16px;}
.scrollDiv li span { float:right; color:#666;}
#s2{height:170px;}
@media only screen and (max-width:992px){
.sy_tz .zctz { width:20%; background:#0091ff; text-align:center; color:#FFF; padding:18px 0px; margin-top:-24px; z-index:10; position:absolute; }
.sy_tz .zctz p { font-size:16px;}
.sy_tz .zctz img { width:50%; height:auto; margin:0px auto 10px auto;}
.sy_tz .zctz a { font-size:12px; color:#FFF;}
.sy_tz .yclb { width:80%; background:#FFF; float:right;}
.scrollDiv{ width:90%; }
.scrollDiv li{padding-left:15px;}
.scrollDiv li span { display: none;}
}


/*网站标题*/
.sy_bt{ width:100%; margin:30px auto; font-size:30px; color:#333; text-align:center;}
.sy_bt span { width:53px; height:3px; background:#0091ff; display: block; margin:7px auto;}
.sy_bt p { font-size:20px; color:#999; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
@media only screen and (max-width:992px) {
.sy_bt{  margin:20px auto; font-size:24px; }
.sy_bt span { width:40px; height:3px; background:#0091ff; display: block; margin:7px auto;}
.sy_bt p { font-size:16px; color:#999; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
}


/*项目展示*/
.sy_xm { width:100%; margin:60px auto;}
.swiper-container-cpfw{padding-bottom:60px;}
.swiper-container-cpfw .swiper-slide{float:left;}
.swiper-container-cpfw .swiper-slide img{width:100%; height:auto; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
@media (min-width: 767px) {
    .swiper-container-cpfw .swiper-slide img{width:100%; height:356px; display:block;
        transition:all 3s;
        -webkit-transition:all 3s;
        -moz-transition:all 3s;
        -ms-transition:all 3s;
        -o-transition:all 3s;}
}
.swiper-container-cpfw .swiper-slide:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.swiper-container-cpfw .swiper-slide .nr{width:100%; position:relative; overflow:hidden;}
.swiper-container-cpfw .swiper-slide .wz{position:absolute; width:100%; left:0; bottom:0; font-size:16px; color:#fff; line-height:50px; height: 50px; background-color:rgba(0,0,0,.5); text-align:center;}
.swiper-container-cpfw .swiper-slide .wz i {width:40px; height:2px; background:#fff; display: block; margin:15px auto; display:none;}
.swiper-container-cpfw .swiper-slide .wz p { padding:0 12%; font-size:16px; line-height:32px; display:none;}
.swiper-container-cpfw .swiper-slide:hover .wz { height:100%; font-size:20px; padding-top:30%;}
.swiper-container-cpfw .swiper-slide:hover .wz i { display:block;}
.swiper-container-cpfw .swiper-slide:hover .wz p { display:block;}
.swiper-container-cpfw .swiper-button-prev{top:auto; bottom:0; left:50%; right:auto; margin-left:-50px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(../images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.swiper-container-cpfw .swiper-button-prev:hover{width:70px; margin-left:-70px;}
.swiper-container-cpfw .swiper-button-next{top:auto; bottom:0; left:auto; right:50%; margin-right:-50px; width:50px; height:22px; margin-top:0; background:#0e70bc url(../images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.swiper-container-cpfw .swiper-button-next:hover{width:70px; margin-right:-70px;}
@media only screen and (max-width:992px) {
.sy_xm { width:100%; margin:30px auto;}
.swiper-container-cpfw{padding-bottom:3rem;}
.swiper-container-cpfw .swiper-slide .wz{ font-size:14px; line-height:40px; height: 40px;}
.swiper-container-cpfw .swiper-slide .wz i {width:35px; margin:5px auto; }
.swiper-container-cpfw .swiper-slide .wz p { padding:0 5%; font-size:12px; line-height:24px;}
.swiper-container-cpfw .swiper-slide:hover .wz { height:100%; font-size:16px; padding-top:15%;}
.swiper-container-cpfw .swiper-button-prev{top:auto; bottom:0; left:50%; right:auto; margin-left:-50px; width:50px; height:22px; margin-top:0; background:#e7e7e7 url(../images/cpzj.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.swiper-container-cpfw .swiper-button-prev:hover{width:70px; margin-left:-70px;}
.swiper-container-cpfw .swiper-button-next{top:auto; bottom:0; left:auto; right:50%; margin-right:-50px; width:50px; height:22px; margin-top:0; background:#0e70bc url(../images/cpyj.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.swiper-container-cpfw .swiper-button-next:hover{width:70px; margin-right:-70px;}
}




/*新闻中心*/
.sy_xw { width:100%; background:url(../images/xwb.jpg) no-repeat center bottom #ededed; padding:60px 0px;}
.sy_xw .sy_bt{ text-align:left; margin:0px;}
.sy_xw .sy_bt span { margin:7px 0px;}
.sy_xw .left { width:48%; float:left;}
/*焦点图*/
.focus{ position:relative; width:100%; height:auto;  float: left;}  
.focus img{ width:100%; height:auto;}
@media (min-width: 767px) {
    .focus img{ width:100%; height:345px;}
}
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,145,255,0.7);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; }  
.focus .fbg{bottom:13px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 5px;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#ffffff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ff8400;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
/*右侧滑动*/
.tabbox3 {width:48%; float:right; margin-top:20px; position:relative;}
.tabmenu3 span {line-height:40px; position:absolute; top:0; right:0;}
.tabmenu3 ul {margin:0;padding:0;list-style-type:none;}
.tabmenu3 li { text-align:center; float:left; display:block; width:125px; height:40px; overflow:hidden;background:#f6f6f6; line-height:40px; display:inline; font-size:18px; color:#333333; margin-right:10px; border-radius:3px;}
.tabmenu3 .cli {text-align:center;float:left;display:block;width:125px;height:40px;overflow:hidden;line-height:40px;display:inline;font-size:18px; cursor:pointer; background:#0091ff; color:#FFF; border-radius:3px;}
#tabcontent3 {width:100%;}
#tabcontent3 ul {margin:0;list-style-type: none; padding-top:15px;}
#tabcontent3 ul li { padding:12px 0px; border-bottom:1px dashed #ccc;}
#tabcontent3 .hidden {display:none;} 
#tabcontent3 ul li .riqi { width:15%; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
#tabcontent3 ul li .riqi font {font-size:40px; color:#0091ff; display:block;}
#tabcontent3 ul li .riqi b {font-weight:normal;  font-size:18px; color:#0091ff;}
#tabcontent3 ul li .wz { width:82%; float:right;}
#tabcontent3 ul li .wz h4 {font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
#tabcontent3 ul li .wz h4 a {color:#333; font-size:18px;}
#tabcontent3 ul li .wz h4 a:hover { color: #0072c3;}
#tabcontent3 ul li .wz p { font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
@media only screen and (max-width:992px) {
.sy_xw { width:100%; padding:30px 0px;}
.sy_xw .sy_bt{ text-align: center; margin:0px;}
.sy_xw .sy_bt span { margin:7px auto;}
.sy_xw .left { width:100%; float:none;}	
.focus .shadow{height:40px; line-height:40px;}  
.focus .shadow a{ font-size:14px; }  
.focus .fbg{bottom:8px; right:5px; }
.focus .D1fBt a{ margin:0 2px;}      
.tabbox3 {width:100%; float:none; margin-top:20px; position:relative;}
.tabmenu3 li { text-align:center; float:left; display:block; width:85px; height:40px; overflow:hidden;background:#f6f6f6; line-height:40px; display:inline; font-size:16px; color:#333333; margin-right:5px; border-radius:3px;}
.tabmenu3 .cli {text-align:center;float:left;display:block;width:85px;height:40px;overflow:hidden;line-height:40px;display:inline;font-size:16px; cursor:pointer; background:#0091ff; color:#FFF; border-radius:3px;}
#tabcontent3 ul li { padding:5px 0px; border-bottom:1px dashed #ccc;}
#tabcontent3 ul li .riqi { width:23%;}
#tabcontent3 ul li .riqi font {font-size:36px;}
#tabcontent3 ul li .wz { width:75%;}
#tabcontent3 ul li .wz h4 {font-size:16px; } 
#tabcontent3 ul li .wz h4 a { font-size:16px;}
#tabcontent3 ul li .wz h4 a:hover { color:#F30;}
#tabcontent3 ul li .wz p { height:48px; overflow:hidden;}
}


/*党群工作*/
.sy_hz{width:100%; margin:40px auto; overflow:hidden; position:relative; max-width:1200px;}
.sy_hz .swiper-container-hz { padding:0 1%;}
.sy_hz .swiper-container-hz img{width:100%; height:auto; border:1px solid #e7e7e7; display:block;}
@media (min-width: 767px) {
    .sy_hz .swiper-container-hz img{width:100%; height:166px; border:1px solid #e7e7e7; display:block;}
}
.sy_hz .swiper-container-hz .swiper-wrapper { margin-bottom:50px;}
.sy_hz .swiper-container-hz .swiper-wrapper .swiper-slide{ background:#FFF; box-shadow: 2px 3px 6px rgba(0,0,0,0.3);}
.sy_hz .swiper-container-hz .swiper-wrapper .swiper-slide h5 { font-size:18px; padding:5px 10px; color:#333;}
.sy_hz .swiper-container-hz .swiper-wrapper .swiper-slide p { font-size:14px; color:#666; line-height:24px; padding:0px 10px;}
.sy_hz .swiper-container-hz .swiper-pagination-bullet { background:#999;}
.sy_hz .swiper-container-hz .swiper-pagination-bullet-active {opacity:1;background: #0091ff; width:25px; border-radius:25%;}
@media only screen and (max-width:992px) {
.sy_hz{width:100%; margin:0px auto;}
.sy_hz .swiper-container-hz .swiper-wrapper { margin-bottom:45px;}
.sy_hz .swiper-container-hz .swiper-wrapper .swiper-slide h5 { font-size:16px; padding:0px 10px; }
.sy_hz .swiper-container-hz .swiper-wrapper .swiper-slide p { font-size:13px;}
}


/*底部*/
.foot { width:100%; background:#282828; padding-top:40px;color:#FFF;}
.foot .left { width:30%; float:left;}
.foot .left h1 { font-size:18px; height:30px;}
.foot .left span{width:35px; height:2px; background:#0091ff; display: block; margin:7px 0;}
.foot .left h2 { color:#0091ff; font-size:32px; font-family:Arial, Helvetica, sans-serif;}
.foot .left h2 font { font-size:14px; color:#808080;}
.foot .left p { padding-top:15px; color:#ccc; line-height:20px;}
.foot .contt { float:right; width:67%;}
.foot .contt ul li {float:left; width:12.28%;}
.foot .contt ul li span{width:35px; height:2px; background:#0091ff; display: block; margin:7px 0 18px 0px;}
.foot .contt ul li h1 {font-size:16px; height:30px;}
.foot .contt ul li h1 a {font-size:16px; color:#FFF;}
.foot .contt ul li p { font-size:14px; color:#ccc; line-height:24px;}
.foot .contt ul li p a { color:#ccc;}
.foot .contt ul li p a:hover { color:#F60;}
.foot1 { border-top:1px solid #454545; text-align:center; margin-top:40px; line-height:50px; width:100%; background:#282828;  color:#ccc; display:block;}
@media only screen and (max-width:992px) {
.foot { padding-top:10px;}	
.foot .left { width:100%; float: none;}
.foot .contt { float:none; width:100%;}
.foot .contt ul li {float:left; width:33.333333%;height:260px;}
.foot .contt ul li span{width:35px; height:2px; background:#0091ff; display: block; margin:5px 0 10px 0px;}
.foot .contt ul li:nth-child(4n) { height:120px;}
.foot .contt ul li:nth-child(5n) { height:120px;}
.foot .contt ul li:nth-child(6n) { height:120px;}
.foot .contt ul li:nth-child(7n) { height:60px;}
.foot1 {margin-top:20px; line-height:20px; padding:10px 15px;}
}


.zxkf{width:60px; position:fixed; right:0; top:30%; z-index:99999;}
.zxkf .dh{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover{background-color:rgba(235,105,90,1); width:210px;}
.zxkf .dh .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover .tp{background-color:rgba(205,30,10,.8);}
.zxkf .dh .wz{font-size:20px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover{background-color:rgba(66,167,204,.8); width:150px;}
.zxkf .qq .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover .tp{background-color:rgba(66,137,184,.7);}
.zxkf .qq .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq .wz a{color:#fff;}
.zxkf .wx{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wx:hover{background-color:rgba(75,192,124,1);}
.zxkf .wx .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .ewm{position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}
.zxkf .ewm img{width:100%; height:auto; display:block;}
.zxkf .wx:hover .ewm{display:block;}
.zxkf .fh{margin-bottom:10px; background-color:#0068b7; width:60px; height:60px; float:right; position:relative; cursor:pointer; display:none;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .fh .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/f_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
@media only screen and (max-width:992px) {
.zxkf{ display:none;}
}



/*内页banner*/
.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}
.nban img{ width:100%; height:auto;}
.nfdzi{ position:absolute; top:50%; transform:translateY(-50%); color:#fff; z-index:9; width:100%; text-align:center;}
.nfdzi h3{ font-size:50px; letter-spacing:5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
.nfdzi p{ font-size:20px; display:block; margin:20px 0; line-height:45px; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
.nfdzi p a { font-size:20px; padding:0px 15px; color:#fff;}
@media screen and (max-width:992px) {
.nfdzi h3{ font-size:28px; }
.nfdzi p{ font-size:14px; display:block; margin:5px 0; line-height:25px}
.nfdzi p a {font-size:14px; padding:0px 10px;}
}
@media screen and (max-width:600px) {
.nban{  height:180px;}
.nban img{ position:absolute; height:180px; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:2}
.nfdzi h3{ font-size:24px;}
.nfdzi p{ font-size:14px; display:block; margin:5px 0 10px 0px; line-height:25px}
.nfdzi p a {font-size:14px; padding:0px 10px;}
}


/*内页二级分类导航*/
.ny_ej{width:100%;  position:relative; background:#f6f6f6;}
.ny_ej ul{width:100%; margin:0px auto; max-width:1200px;}
.ny_ej ul li{ width:15%; float:left; height:55px; line-height:55px; color:#333; text-align:center; }
.ny_ej ul li a{ font-size:18px; color:#333;}
.ny_ej ul li a:hover{ color:#fff; background:#0091ff; display:block;}
.ny_ej ul li a.on{ color:#fff; background:#0091ff; display:block;}
@media only screen and (max-width:992px){
.ny_ej ul li{height:45px; line-height:45px;width:25%;float:left;}
.ny_ej ul li a{font-size:16px; color:#333;}
}



/*关于我们-公司简介*/
.ny_gy { width:96%; margin:50px auto; max-width:1200px;}
.ny_gy .wz{ font-size:15px; line-height:30px; text-indent:26px;}
.gy_gy{width:100%; margin:20px auto; }
.gy_gy .tp{width:50%; float:left;}
.gy_gy .tp img{width:100%; height:auto; display:block;}
.gy_gy .wz{width:47%; float:right;}
.gy_gy .wz p{font-size:15px; line-height:28px; text-indent:26px;}
@media only screen and (max-width:995px){
.ny_gy { margin:20px auto;}
.ny_gy .wz{ font-size:14px; line-height:26px;}
.gy_gy img{width:100%; height:auto; display:block;}
.gy_gy{width:100%; margin:0px auto 20px auto; }
.gy_gy .tp{width:100%; margin-top:0px; float:none;}
.gy_gy .wz{width:100%; margin-top:10px; float:none;}
.gy_gy .wz p{font-size:14px; line-height:24px;}
}

/*关于我们-领导团队*/
.gy_ld { width:96%; margin:30px auto; max-width:1200px;}
.gy_ld ul li { border-bottom:1px dotted #cccccc; padding:20px 0px;}
.gy_ld ul li .tu { float:left; width:18%;}
.gy_ld ul li .tu img { width:100%; height:auto;}
.gy_ld ul li .wz { width:79%; float:right;   }
.gy_ld ul li .wz p { color:#333; line-height:30px; font-size:14px; }
.gy_ld ul li .wz h1 { font-size:28px; color:#333; height:55px; margin:50px 0 0 0; padding:0;}
@media only screen and (max-width:992px) {
.gy_ld {margin:20px auto;}
.gy_ld ul li .tu { float:left; width:35%;}
.gy_ld ul li .wz { width:62%; float:right;}
.gy_ld ul li .wz h1 { font-size:20px; height:35px;}
.gy_ld ul li .wz h1 a {font-size:20px;}
.gy_ld ul li .wz p {line-height:24px; font-size:13px; overflow:auto; height:144px;}

}


/*翻页*/
.paging{width:100%; margin:30px auto ; text-align:center; overflow:hidden;}
.paging a{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:50px; height:32px; margin:0 3px; display:inline-block;}
.paging a:hover{background-color:#0091ff; border:1px solid #0091ff; color:#fff;}
.paging a.on{background-color:#0091ff; border:1px solid #0091ff; color:#fff;}
@media only screen and (max-width:1023px) {
.paging{margin:20px auto 30px auto ;}
.paging a{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 3px; }
}



/*新闻中心*/
.ny_xw { width:96%; margin:30px auto; max-width:1200px; }
.ny_xw ul li { border-bottom:1px dotted #cccccc; padding:20px 0px;}
.ny_xw ul li .rl {border:1px solid #0091ff; width:12%; height:40px;color:#0091ff;font-size:14px; line-height:40px; float:right; text-align:center;transition:all .3s;-webkit-transition:all .3s;
-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; margin-top:4%;}
.ny_xw ul li .rl a {font-size:14px; }
.ny_xw ul li .rl:hover  a{background-color:#0091ff; color:#fff; display:block; font-size:14px;}
.ny_xw ul li .tu { float:left; width:35%;}
.ny_xw ul li .tu img { width:100%; height:auto;}
@media (min-width: 767px) {
    .ny_xw ul li .tu img { width:100%; height:252px;}
}
.ny_xw ul li .wz { width:48%; float:left; font-size:14px; line-height:24px; margin-left:2%; }
.ny_xw ul li .wz p { color:#333;}
.ny_xw ul li .wz h1 { font-size:20px; color:#0091ff; margin:0px; padding:0px; height:35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold;}
.ny_xw ul li .wz h1 a {font-size:20px; font-weight:bold; color:#0091ff; }
.ny_xw ul li .wz h1 a:hover { color:#F30;}
.ny_xw ul li .more2 { font-size:14px; margin-top:30px; line-height:45px;}
.ny_xw ul li .more2 font { padding-left:50px; color:#666;}
@media only screen and (max-width:992px) {
.ny_xw { width:96%; margin:10px auto;}
.ny_xw ul li { border-bottom:1px dotted #cccccc; padding:20px 0px 5px 0px;}
.ny_xw ul li .rl { display:none;}
.ny_xw ul li .tu {float:left; width:40%;}
.ny_xw ul li .wz { width:56%; float:left; font-size:12px; line-height:20px;  margin-left:4%; }
.ny_xw ul li .wz h1 { font-size:16px; color:#0091ff; height:25px; overflow:hidden;  margin-top:0px;}
.ny_xw ul li .wz h1 a {font-size:16px;}
.ny_xw ul li .wz p {height:40px; overflow:hidden;}
.ny_xw ul li .more2 { font-size:12px; margin-top:-20px; padding:0;}
.ny_xw ul li .more2 font { padding-left:20px; color:#666;}
}


/*通知公告*/
.tz_xw { width:96%; margin:30px auto; max-width:1200px; }
.tz_xw ul li { border-bottom:1px dotted #cccccc; padding:20px 0px 10px 0px;}
.tz_xw ul li .rl {border:1px solid #0091ff; width:12%; height:40px;color:#0091ff;font-size:14px; line-height:40px; float:right; text-align:center;transition:all .3s;-webkit-transition:all .3s;
-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; margin-top:4%;}
.tz_xw ul li .rl a {font-size:14px; }
.tz_xw ul li .rl:hover  a{background-color:#0091ff; color:#fff; display:block; font-size:14px;}
.tz_xw ul li .wz { width:82%; float:left; font-size:14px; line-height:24px; }
.tz_xw ul li .wz p { color:#333; overflow:hidden; height:48px;}
.tz_xw ul li .wz h1 { font-size:20px; color:#0091ff; margin:0px; padding:0px; height:35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold;}
.tz_xw ul li .wz h1 a {font-size:20px; font-weight:bold; color:#0091ff; }
.tz_xw ul li .wz h1 a:hover { color:#F30;}
.tz_xw ul li .more2 { font-size:14px; margin-top:10px; line-height:30px;}
.tz_xw ul li .more2 font { padding-left:50px; color:#666;}
@media only screen and (max-width:992px) {
.tz_xw { width:96%; margin:10px auto;}
.tz_xw ul li { border-bottom:1px dotted #cccccc; padding:20px 0px 10px 0px;}
.tz_xw ul li .rl { display:none;}
.tz_xw ul li .rl:hover  a{background-color:#0091ff; color:#fff; display:block; font-size:12px;}
.tz_xw ul li .wz { width:100%; float:none; font-size:12px; line-height:20px;  }
.tz_xw ul li .wz h1 { font-size:16px; color:#0091ff; height:25px; overflow:hidden;  margin-top:0px;}
.tz_xw ul li .wz h1 a {font-size:16px;}
.tz_xw ul li .wz p {height:40px; overflow:hidden;}
.tz_xw ul li .more2 { font-size:12px; line-height:20px; margin-top:5px;}
.tz_xw ul li .more2 font { padding-left:20px; color:#666;}
}




/*项目展示*/
.ny_cp{width:96%; overflow:hidden; margin:50px auto; max-width:1200px;}
.ny_cp ul li{width:31.33333333%; float:left; position:relative; margin:0 2% 2% 0%;}
.ny_cp ul li:nth-child(3n){ margin:0 0% 2% 0%;}
.ny_cp ul li span { background:#f6f6f6; line-height:50px; padding:0px 10px; display:block; margin-top:-4%; font-size:18px;}
.ny_cp img{width:100%; height:auto; display:block;}
.ny_cp .bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; opacity:0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.ny_cp ul li:hover .bj{opacity:1;}
.ny_cp .wz{width:84%; height:78%;  color:#fff; position:absolute; left:5%; top:10%; opacity:0; padding:1% 3%; text-align:center;
transition:all .3s .2s;
-webkit-transition:all .3s .2s;
-moz-transition:all .3s .2s;
-ms-transition:all .3s .2s;
-o-transition:all .3s .2s;}
.ny_cp .wz span{width:40px; height:2px; background:#fff; display: block; margin:15px auto;}
.ny_cp .wz h3{font-size:22px; line-height:32px; margin:20px 0;}
.ny_cp .wz p{font-size:14px; line-height:28px;}
.ny_cp .wz i{width:100%; position:absolute; bottom:2%; left:3%; font-size:14px; text-transform:uppercase; font-style:normal;}
.ny_cp ul li:hover .wz{opacity:1; top:10%;}
@media only screen and (max-width:992px) {
.ny_cp{ margin:20px auto;}
.ny_cp ul li{width:49%; float:left; position:relative; margin:0 2% 2% 0%;}
.ny_cp ul li span { background:#f6f6f6; line-height:40px; height: 40px; overflow: hidden; padding:0px 10px; display:block; margin-top:-9%; font-size:14px;}
.ny_cp ul li:nth-child(3n){ margin:0 2% 2% 0%;}
.ny_cp ul li:nth-child(2n){ margin:0 0% 2% 0%;}
}



/*联系我们*/
.ny_lx{width:100%; overflow:hidden;  margin:50px auto; max-width:1200px;}
.ny_lx .x_x{width:100%;}
.ny_lx .l_y{width:50%; float:right;}
.ny_lx h3{font-size:24px; margin-bottom:10px; color:#333333; margin:0px; padding:0px; line-height:50px;}
.ny_lx h4{font-size:16px; line-height:26px; color:#666666;margin:0px; padding:0px; margin-bottom:15px;}
.ny_lx h5 {font-size:28px; color:#0091ff; margin:0px;  padding:20px 0px 30px 0px;}
.ny_lx em{width:50px; height:2px; background-color:#0091ff; display:block; margin-bottom:15px;}
.ny_lx b{font-family:Arial, Helvetica, sans-serif; color:#00c4ff; padding-left:5px; font-size:20px !important;}
.ny_lx p{font-size:16px; line-height:32px; color:#666666;}
.ny_lx input.w_zz{width:45%; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px; background:#fff;}
.ny_lx input.w_z{width:94%; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px; background:#fff;}
.ny_lx input.a_n{width:120px; height:40px; background-color:#0091ff; font-size:14px; color:#fff; line-height:40px;}
.ny_lx textarea{width:98%; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px; background:#fff;}
.ny_lx .dt { width:100%; margin:0 auto 50px;}
.ny_lx .dt img { width:100%; height:auto;}
@media only screen and (max-width:995px){
.ny_lx{width:96%; margin:20px auto 30px auto; overflow:hidden;}
.ny_lx .x_x{width:100%; }
.ny_lx .l_y{width:100%; margin-top:20px;}
.ny_lx h3{font-size:20px; margin-bottom:0px; color:#333333;}
.ny_lx h4{font-size:15px; line-height:26px; color:#666666; margin-bottom:15px;}
.ny_lx h5 {font-size:24px;  padding:10px 0px 10px 0px;}
.ny_lx em{width:80px; height:2px; background-color:#0091ff; display:block; margin-bottom:15px;}
.ny_lx input.w_z{width:80%; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px; background:#fff;}
.ny_lx input.a_n{width:120px; height:40px; background-color:#0091ff; font-size:14px; color:#fff; line-height:40px;}
.ny_lx textarea{width:90%; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px; background:#fff;}
.ny_lx .dt { width:100%; margin:30px auto 0px auto;}
}


/*人才招聘*/
.row-h1{ width:96%; margin:50px auto; max-width:1200px;}
.g-tit-g1{ padding:0px 0px 15px 0px;}
.text-h1 .tab{position:relative;padding-left:28px;font-size:18px;line-height:20px;margin-bottom:40px;font-weight:700}
.text-h1 .tab:before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;border:2px solid #ea5413}
.text-h1 .desc p{font-size:16px;}
.dl-h1{margin-bottom:65px}
.dl-h1 .desc{display:none;padding:12px 30px; text-align: justify;}
.dl-h1 .item.on .desc{display:block}
.dl-h1 .item.on .date:after{background-image:url(https://www.haohead.com/statics/images/icon-h1-5.png)}
.dl-h1 .item{box-shadow:0 10px 30px rgba(35,35,48,.1); margin-top:50px}
.dl-h1 .tit{overflow:hidden;padding:15px 30px;line-height:30px;cursor:pointer}
.dl-h1 .left{float:left}
.dl-h1 .right{float:right}
.dl-h1 .name{font-size:18px;margin-bottom:10px}
.dl-h1 .info{overflow:hidden;font-size:16px}
.dl-h1 .info span{float:left;margin-right:30px}
.dl-h1 .date{font-size:16px}
.dl-h1 .date span{display:block;float:none}
.dl-h1 .date:after{content:'';display:block;margin:10px auto 0;width:20px;height:20px;background:url(https://www.haohead.com/statics/images/icon-h1-4.png) center center no-repeat;-webkit-background-size:contain;background-size:contain}
.job-cont{font-size:16px;line-height:2.375;overflow:hidden}
.job-cont h4{font-size:1em;font-weight:400}
.job-cont .btn{float:right;width:130px;line-height:40px;background-color:#0091ff;color:#fff;text-align:center;font-size:16px;margin-bottom:16px}
.job-cont .btn:hover{box-shadow:0 10px 20px rgba(0,0,0,.1)}
@media only screen and (max-width:995px){
.row-h1{ margin:30px auto;}
.dl-h1 .desc{display:none;padding:10px 15px}
.dl-h1 .item{box-shadow:0 10px 30px rgba(35,35,48,.1); margin-top:20px}
.dl-h1 .tit{overflow:hidden;padding:10px 15px;line-height:30px;cursor:pointer}
}




/*详情页面*/
.ny_xq { width:100%; margin:30px auto; max-width:1200px;}
.ny_xq .left { width:100%; float:none;}
.ny_xq .left h2 { font-size:34px; font-weight:bold; color:#222222; line-height:60px; border-bottom:1px solid #dddddd;} 
.ny_xq .left .bq { height:50px; line-height:50px; color:#999;}
.ny_xq .left .bq a {color:#999;}
.ny_xq .left .bq a:hover { color:#222222; text-decoration:underline;}
.ny_xq .left .tp { width:100%; padding:30px 0px 20px 0px; text-align:center;}
/*
.ny_xq .left span { font-size:20px; font-weight:bold; color:#222222; line-height:35px;  padding:25px 0px; display:block;}
.ny_xq .left p { font-size:16px; color:#222; line-height:32px;text-align:justify;}*/
.ny_xq .left .dblj {border-top:1px solid #dddddd; margin:50px auto 50px auto; padding-top:20px; padding-bottom: 20px;}
.ny_xq .left .dblj .an{ color:#222;}
.ny_xq .left .dblj .an .m1 { display:block;}
.ny_xq .left .dblj .an .m2 { display:none;}
.ny_xq .left .dblj .an a:hover .m1 { display:none;}
.ny_xq .left .dblj .an a:hover .m2 { display:block;}
.ny_xq .left .dblj .an a { padding:0px 5px 0px 0px; color:#222; float:left;}
.ny_xq .left .dblj .an a:hover {text-decoration:underline; color:#0091ff;}
.ny_xq .left .dblj .page {width: 100%; height: 80px;}
.ny_xq .left .dblj font { background:#e6e6e6; border-radius:3px; text-align:center; margin:10px 10px 0px 0px; float:left;}
.ny_xq .left .dblj font a{ display:block; width:200px; height: 30px; line-height: 30px; overflow: hidden;padding: 0 5px 0 5px;}
.ny_xq .left .dblj font:hover a { background:.ny_xq .left .dblj font jk2
2juhh2j63 t2h263.rd.ed236a.s23663.2.a326.#0091ff; color:#FFF; display:block;  border-radius:3px;}
.ny_xq .right { width:20%; float:right; display:block;}
.ny_xq .right h3{ font-size:24px; color:#0091ff; line-height:60px;}               -
.ny_xq .right ul li { margin-bottom:2%;}
.ny_xq .right ul li img { width:100%; height:auto;}
.ny_xq .right ul li img:hover {filter: alpha(Opacity=90); opacity:.9;}
.ny_xq .right ul li h3 { font-size:18px; padding:0; margin:0; color:#222222; line-height:45px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:5px;}
.ny_xq .right ul li h3 a {font-size:18px; color:#222222;}
.ny_xq .right ul li h3 a:hover {color:#0091ff;}
.ny_xq .right ul li p { font-size:14px; color:#222; line-height:24px; padding:0px 0px 10px 0px; height:70px; overflow:hidden; text-align:justify;}
.ny_xq .right ul li span { font-size:14px; color:#999; line-height:35px;}

@media only screen and (max-width:990px){
.ny_xq { width:96%; margin:20px auto;}
.ny_xq .left { width:100%; float:none;}
.ny_xq .left .tp{padding:10px 0px 20px 0px;}
.ny_xq .left img { width:100%; height:auto;}
.ny_xq .right {display:none;}
.ny_xq .left h2 { font-size:28px;line-height:36px; padding-bottom:15px;}
.ny_xq .left .bq { height:auto; line-height:25px; padding:10px 0px;}
.ny_xq .left .bq .fl { float:none;}
.ny_xq .left .bq .fr { float:none;}
/*
.ny_xq .left span { font-size:16px; color:#222222; line-height:28px; padding:10px 0px;}
.ny_xq .left p { font-size:14px; color:#222; line-height:26px;text-align:justify;}*/
.ny_xq .left .dblj .an a { padding:0px 2px; color:#222;}
}