﻿﻿@charset "utf-8";
/*基础制作页面组件*/
/*20150716 v1.0*/
/*20190107 v1.1*/

html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, input, textarea, label, ul, ol, dl, li, dt, dd, .clearfix:after { margin: 0; padding: 0; }
/*html, body { height: 100%; }*/
body { padding: 0; margin: 0; /*font-family: 'PingFang SC', 'Lantinghei SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'sans-serif' !important;*/
font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif; }
h1, h2, h3, h4 { font-weight: normal; }
li { list-style-type: none; }
a { text-decoration: none; outline: none; color: #000; }
a:hover { text-decoration: none; color: #3773db; }
table { border-collapse: collapse; border-spacing: 0; }
iframe, img { border: 0; }
img { vertical-align: middle; }
input { outline: none }
.clearfix { display: block; #zoom:1;
}
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }

html {
min-width: 1200px;
overflow-x: hidden;
}
.content {
width: 1200px;
height: auto;
margin: 0 auto;
}
.content .lbt {
width: 1200px;
height: auto;
margin: 50px auto;
}
.banner {
width: 100%;
height: 490px;
background: url(banner1.jpg) no-repeat 50% 0;
}
.nav_box {
width: 100%;
height: 71px;
background: url(bg1zrzh.jpg) repeat-x;
color: #ffffff;
}
.nav_box a {
font-size: 18px;
color: #fff;
line-height: 71px;
padding: 0 25px;
font-weight: bold;
}
.nav_box a:hover {
color: #fac958;
}
.jj_left {
width: 585px;
height: 329px;
overflow: hidden;
}
.focusBox3 {
width: 585px;
height: 329px;
position: relative;
}
.focusBox3 .swiper-container {
width: 585px;
height: 329px;
}
.swiper-slide {
position: relative;
}
.focusBox3 .swiper-container.swiper-wrapper .swiper-slide img {
width: 585px;
height: 329px;
}
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px;
opacity: 0.6;
background: #000;
z-index: 0
}
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title {
position: absolute;
left: 2%;
bottom: 0;
width: 96%;
height: 60px;
line-height: 60px;
color: #fff;
overflow: hidden;
z-index: 1;
font-size: 20px;
}
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title a {
color: #fff;
}
.focusBox3 .pagination {
position: absolute;
right: 10px;
text-align: right;
bottom: 20px;
width: 25%;
z-index: 2;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
background: #999;
margin: 0 3px;
cursor: pointer;
}
.swiper-active-switch {
background: #6c9f37;
}
.focusBox3 .swiper-button-prev {
display: none
}
.focusBox3 .swiper-button-next {
display: none
}
.focusBox3:hover .swiper-button-prev {
background: url(arrows_1zrzh.png) left top no-repeat;
display: block;
width: 17px;
height: 30px;
}
.focusBox3:hover .swiper-button-next {
background: url(arrows_1zrzh.png) left bottom no-repeat;
display: block;
width: 17px;
height: 30px;
}
.focusBox3 .swiper-pagination {
position: relative;
margin-bottom: 22px;
}
.focusBox3 .swiper-pagination-bullet {
background: #e70000;
margin-left: 4px;
margin-right: 4px;
width: 8px;
height: 8px;
opacity: 1;
border-radius: 0px;
}
.focusBox3 .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background: #FFF;
margin-bottom: 0;
}
.focusBox3 .button {
width: 580px;
margin: 0 auto;
bottom: 43px;
position: relative;
}
.focusBox3 .button div:hover {
background-color: #2f4798;
}
.focusBox4 {
width: 585px;
height: 329px;
position: relative;
}
.focusBox4 .swiper-container {
width: 585px;
height: 329px;
}
.swiper-slide {
position: relative;
}
.focusBox4 .swiper-container.swiper-wrapper .swiper-slide img {
width: 585px;
height: 329px;
}
.focusBox4 .swiper-container .swiper-wrapper .swiper-slide .bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px;
opacity: 0.6;
background: #000;
z-index: 0
}
.focusBox4 .swiper-container .swiper-wrapper .swiper-slide .title {
position: absolute;
left: 2%;
bottom: 0;
width: 96%;
height: 60px;
line-height: 60px;
color: #fff;
overflow: hidden;
z-index: 1;
font-size: 20px;
}
.focusBox4 .swiper-container .swiper-wrapper .swiper-slide .title a {
color: #fff;
}
.focusBox4 .pagination1{
position: absolute;
right: 10px;
text-align: right;
bottom: 20px;
width: 25%;
z-index: 2;
}
.focusBox4 .swiper-button-prev{
display: none
}
.focusBox4 .swiper-button-next{
display: none
}
.focusBox4:hover .swiper-button-prev{
background: url(arrows_1zrzh.png) left top no-repeat;
display: block;
width: 17px;
height: 30px;
}
.focusBox4:hover .swiper-button-next{
background: url(arrows_1zrzh.png) left bottom no-repeat;
display: block;
width: 17px;
height: 30px;
}
.focusBox4 .swiper-pagination{
position: relative;
margin-bottom: 22px;
}
.focusBox4 .swiper-pagination-bullet {
background: #e70000;
margin-left: 4px;
margin-right: 4px;
width: 8px;
height: 8px;
opacity: 1;
border-radius: 0px;
}
.focusBox4 .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background: #FFF;
margin-bottom: 0;
}
.focusBox4 .button {
width: 580px;
margin: 0 auto;
bottom: 43px;
position: relative;
}
.focusBox4 .button div:hover {
background-color: #2f4798;
}
.focusBox6 {
width: 585px;
height: 329px;
position: relative;
}
.focusBox6 .swiper-container {
width: 585px;
height: 329px;
}
.swiper-slide {
position: relative;
}
.focusBox6 .swiper-container.swiper-wrapper .swiper-slide img {
width: 585px;
height: 329px;
}
.focusBox6 .swiper-container .swiper-wrapper .swiper-slide .bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px;
opacity: 0.6;
background: #000;
z-index: 0
}
.focusBox6 .swiper-container .swiper-wrapper .swiper-slide .title {
position: absolute;
left: 2%;
bottom: 0;
width: 96%;
height: 60px;
line-height: 60px;
color: #fff;
overflow: hidden;
z-index: 1;
font-size: 20px;
}
.focusBox6 .swiper-container .swiper-wrapper .swiper-slide .title a {
color: #fff;
}
.focusBox6 .pagination{
position: absolute;
right: 10px;
text-align: right;
bottom: 20px;
width: 25%;
z-index: 2;
}
.focusBox6 .swiper-button-prev{
display: none
}
.focusBox6 .swiper-button-next{
display: none
}
.focusBox6:hover .swiper-button-prev{
background: url(arrows_1zrzh.png) left top no-repeat;
display: block;
width: 17px;
height: 30px;
}
.focusBox6:hover .swiper-button-next{
background: url(arrows_1zrzh.png) left bottom no-repeat;
display: block;
width: 17px;
height: 30px;
}
.focusBox6 .swiper-pagination{
position: relative;
margin-bottom: 22px;
}
.focusBox6 .swiper-pagination-bullet {
background: #e70000;
margin-left: 4px;
margin-right: 4px;
width: 8px;
height: 8px;
opacity: 1;
border-radius: 0px;
}
.focusBox6 .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background: #FFF;
margin-bottom: 0;
}
.focusBox6 .button {
width: 580px;
margin: 0 auto;
bottom: 43px;
position: relative;
}
.focusBox6 .button div:hover {
background-color: #2f4798;
}
.jj_right {
width: 590px;
height: 329px;
overflow: hidden;
}
.jj_box {
width: 590px;
height: 329px;
overflow: hidden;
}
.jj_box .tit {
overflow: hidden;
border-bottom: 1px dotted #aaa;
padding-bottom: 11px;
}
.jj_box .tit h2 {
font-size: 22px;
color: #333;
line-height: 35px;
}
.jj_box .tit h2 a {
color: #333;
}
.jj_box .tit p a {
color: #76984e;
margin-left: 20px;
padding-right: 5px;
}
.jj_box .tit p {
font-size: 16px;
color: #666;
line-height: 24px;
margin-top: 10px;
text-indent: 2em;
padding-right: 5px;
}
.jj_list {
overflow: hidden;
}
.jj_list li {
font-size: 18px;
color: #333;
height: 24px;
overflow: hidden;
margin-top: 10px;
position: relative;
padding-left: 20px;
padding-bottom: 12px;
border-bottom: 1px dotted #aaa;
line-height: 32px;
}
.jj_list li a {
color: #333;
}
.jj_list li:before {
content: "";
width: 8px;
height: 8px;
background: #6c9f37;
position: absolute;
left: 0;
top: 12px;
}
.jj_more {
font-size: 14px;
color: #666;
height: 30px;
background: #f4f4f4;
border-bottom: 1px dotted #aaa;
border-top: 1px dotted #aaa;
text-align: center;
line-height: 30px;
margin-top: 7px;
}
.jj_more a {
color: #666;
}
/* 第二部分 */
.part2 {
width: 1200px;
margin: auto;
}
.lbt {
width: 1200px;
height: auto;
margin: 50px auto;
}
.picScroll-left {
width: 1200px;
position: relative;
}
.picScroll-left .hd {
padding: 0 10px;
position: relative;
}
.picScroll-left .hd .prev, .picScroll-left .hd .next {
background: url(zy_1zrzh.png) no-repeat scroll 0 0;
height: 75px;
position: absolute;
top: 110px;
width: 33px;
cursor: pointer;
}
.picScroll-left .hd .prev {
background-position: 0px 0px;
left: -37px;
}
.picScroll-left .hd .next {
background-position: -30px 0px;
right: -37px;
}
.picScroll-left .bd {
}
.picScroll-left .bd ul {
overflow: hidden;
zoom: 1;
}
.picScroll-left .bd ul li {
margin: 0 14px 0px 4px;
float: left;
_display: inline;
overflow: hidden;
text-align: center;
position: relative;
background: #f2ebdf;
height: 305px;
}
.picScroll-left .bd ul li .img, .picScroll-left .bd ul li .img a {
display: block;
font-size: 0;
height: 170px;
width: 282px;
}
.picScroll-left .bd ul li .img img {
display: block;
font-size: 0;
height: 170px;
width: 282px;
}
.picScroll-left .bd ul li .text {
bottom: 0;
left: 0;
width: 282px;
z-index: 2;
}
.picScroll-left .bd ul li .text h4 {
overflow: hidden;
font-size: 18px;
text-align: left;
font-weight: normal;
color: #333;
margin-top: 15px;
line-height: 28px;
padding: 0 10px
}
.picScroll-left .bd ul li .text h4 a {
color: #333;
}
.picScroll-left .bd ul li .text h3 {
overflow: hidden;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
text-align: left;
color: #666;
line-height: 24px;
padding: 0 10px;
text-indent: 28px;
}
.picScroll-left .bd ul li .text h3 a {
color: #666;
}
.picScroll-left .bd ul li:hover {
background-color: #f4c980;
}
.picScroll-left .bd ul li:hover .text h4 a {
color: #fff;
}
.picScroll-left .bd ul li:hover .text h3 a {
color: #fff;
}
/* 高清大图 */
.gqdt {
width: 100%;
overflow: hidden;
}
.gqdt .lmt {
width: 1200px;
height: auto;
margin: 50px auto;
}
.gqdt .slider {
width: 100%;
min-width: 1000px;
height: 578px;
position: relative;
overflow: hidden;
background: #fff;
}
.gqdt .slider .bd {
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
}
.gqdt .slider .bd li {
width: 800px;
overflow: hidden;
}
.gqdt .slider .tempWrap {
overflow: visible !important
}
.gqdt .slider .tempWrap ul {
margin-left: -1600px !important;/*强制位置*/
}
/*
.gqdt .slider .hd {
position: absolute;
left: 50%;
z-index: 20;
height: 10px;
bottom: 32px;
margin-left: 440px;
text-align: center;
}
.gqdt .slider .hd li {
display: inline-block;
*display: inline;
zoom: 1;
width: 8px;
height: 8px;
line-height: 99px;
overflow: hidden;
background: url(http://www.xinhuanet.com/world/jzgjmtfh/images/20151123jzgjfh_jbgd_an02_v1.png) 0 -10px no-repeat;
margin: 0 5px;
cursor: pointer;
filter: alpha(opacity=60);
opacity: 0.6;
}
.gqdt .slider .hd li.on {
background-position: 0 0;
filter: alpha(opacity=100);
opacity: 1;
}
*/
.gqdt .slider .pnBtn {
position: absolute;
z-index: 30;
top: 0;
width: 100%;
height: 490px;
cursor: pointer;
}
.gqdt .slider .prev {
left: -50%;
margin-left: -400px;
}
.gqdt .slider .next {
left: 50%;
margin-left: 400px;
}
.gqdt .slider .pnBtn .blackBg {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 680px;
background: #000;
filter: alpha(opacity=60);
opacity: 0.6;
}
.gqdt .slider .pnBtn .arrow {
display: none;
position: absolute;
top: 0;
z-index: 40;
width: 60px;
height: 6800px;
}
.gqdt .slider .pnBtn .arrow:hover {
filter: alpha(opacity=60);
opacity: 0.6;
}
.gqdt .slider .prev .arrow {
right: 0;
background: url(20170725JYJD_annu_v1.png) 0px 285px no-repeat;
}
.gqdt .slider .next .arrow {
left: 0;
background: url(20170725JYJD_annu_v1.png) -70px 285px no-repeat;
}
.gqdt .slider .bd li {
position: relative;
}
.gqdt .slider .bd li img {
width: 800px;
height: 578px;
display: block;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.gqdt .slider .bd li img:hover {
-webkit-transform: scale3d(1.04, 1.04, 1);
-moz-transform: scale3d(1.04, 1.04, 1);
transform: scale3d(1.04, 1.04, 1);
}
.gqdt .slider .bd li .bg01 {
width: 100%;
height: 60px;
left: 0;
bottom: 0;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
z-index: 1
}
.gqdt .slider .bd h3 {
height: 60px;
line-height: 60px;
left: 0px;
bottom: 0px;
position: absolute;
z-index: 3;
padding-left: 20px;
width: 100%;
text-align: center;
}
.gqdt .slider .bd h3 a {
color: #fff;
}
.kpspleft {
width: 585px;
height: 330px;
position: relative;
float: left;
margin-top: 14px;
margin-right: 25px;
}
.kpspleft img {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
margin: 20px 0;
}
.kpspleft .play {
width: 82px;
height: 82px;
position: absolute;
background: url(player_1zrzh.png);
z-index: 2;
left: 50%;
top: 50%;
margin-left: -41px;
margin-top: -41px;
}
.kpspleft .lastbg {
width: 100%;
height: 58px;
position: absolute;
background: url(http://www.xinhuanet.com/gangao/2010610hkback/images/graybg.png) repeat-x;
z-index: 1;
bottom: -26px;
}
.kpspleft h3 {
width: 100%;
overflow: hidden;
height: 58px;
line-height: 58px;
position: absolute;
color: #fff;
font-size: 18px;
z-index: 3;
bottom: -26px;
padding-left: 20px;
}
.kpspleft h3 a {
color: #fff;
}
.kpspright ul {
width: 585px;
float: left;
margin: 20px 0;
}
.kpspright li {
width: 100%;
overflow: hidden;
height: 53px;
line-height: 53px;
position: relative;
border-top: 1px dotted #e0e0e0;
}
.kpspright li:first-child {
margin-top: 5px;
border: 0;
}
.kpspright li i {
width: 4px;
height: 4px;
display: inline-block;
background: #00ffff;
border-radius: 2px;
position: absolute;
top: 21px;
}
.kpspright li h3 {
font-size: 18px;
line-height: 53px;
height: 53px;
display: inline-block;
margin-left: 20px;
font-weight: normal;
}
.kpspright li h3 a {
color: #333;
}
.kpspright li h3 a:hover {
color: #ad0601;
}
.fourthpart {
width: 1200px;
margin: 0 auto;
}
.fourthpart .tit {
width: 1200px;
height: auto;
margin: 50px auto;
}
.fourthpart .pc-banner {
margin: 20px auto 0;
width: 1200px;
overflow: hidden;
}
.fourthpart .swiper-container {
width: 1520px;
left: 50%;
margin-left: -760px;
margin-bottom: 10px;
}
.fourthpart .swiper-slide {
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-ms-transition: transform 0.5s;
-o-transition: transform 0.5s;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.fourthpart .swiper-slide.swiper-slide-prev {
transform: translateX(100px)scale(0.8);
}
.fourthpart .swiper-slide.swiper-slide-next {
transform: translateX(-100px)scale(0.8);
}
.fourthpart .swiper-slide-active, .swiper-slide-duplicate-active {
-webkit-transform: scale(1);
transform: scale(1);
width: 420px;
z-index: 999;
}
.fourthpart .none-effect {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
}
.fourthpart .swiper-slide-active a:after {
background: none;
}
.fourthpart .swiper-slide img {
width: 100%;
display: block;
}
.fourthpart .swiper-slide .center-text {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
padding-left: 10px;
padding-right: 10px;
background: linear-gradient(transparent 0%, #6ba02c 100%);
}
.fourthpart .swiper-slide .container {
position: relative;
}
.fourthpart .swiper-slide .text {
font-size: 18px;
color: #fff;
line-height: 22px;
font-weight: normal;
padding-bottom: 10px;
padding-top: 10px;
}
.fourthpart .swiper-slide .text a {
color: #fff;
}
.fourthpart .swiper-pagination {
position: relative;
}
.fourthpart .swiper-pagination-bullet {
background: #699d2f;
margin-left: 4px;
margin-right: 4px;
width: 12px;
height: 12px;
opacity: 1;
margin-bottom: 4px;
}
.fourthpart .swiper-pagination-bullet-active {
width: 13px;
height: 13px;
background: #FFF;
border: 4px solid #699d2f;
margin-bottom: 0;
}
.fourthpart .button {
width: 1200px;
margin: 0 auto;
bottom: 260px;
position: relative;
}
.fourthpart .button div:hover {
background-color: #d5c4a6;
}
.fourthpart .swiper-button-prev {
width: 50px;
height: 60px;
background: url(left_1zrzh.jpg) 0 0 no-repeat;
left: 220px;
}
.fourthpart .swiper-button-next {
width: 50px;
height: 60px;
background: url(right_1zrzh.jpg) 0 0 no-repeat;
right: 220px;
}
.zszq {
width: 1200px;
margin: auto;
}
.zszql {
float: left;
width: 400px;
padding: 0 100px;
}
.zszqr {
float: right;
width: 400px;
padding: 0 100px;
}
.footer {
background: url(bg2_1zrzh.jpg) 0 0 no-repeat;
font-size: 14px;
padding-top: 40px;
width: 100%;
height: 133px;
text-align: center;
line-height: 30px;
color: #fff;
margin-top: 40px;
}
.gd {
margin-top: 50px;
}
.kpxw {
width: 1200px;
margin: auto;
}
.kpgr {
float: right;
width: 580px;
margin: 0px 0px;
}
.kpgl {
float: left;
width: 580px;
margin: 0px 0px;
}
.textList li {
height: 28px;
line-height: 31px;
overflow: hidden;
padding: 11px 0;
border-bottom: 1px dotted #f0f0f0;
overflow: hidden;
position: relative;
padding-left: 20px;
}
textList span {
float: right;
}
.textList li:before {
content: "";
width: 8px;
height: 8px;
background: #95bd28;
position: absolute;
left: 0;
top: 23px;
}
﻿ .textList li a {
font-family: "微软雅黑";
font-size: 20px;
}
﻿ .part3 {
width: 1200x;
margin: auto;
}
.tzgg {
height: 429px;
background: url(bg3_1zrzh.jpg) 0px 0px no-repeat;
width: 1200px;
margin: auto;
}
.tzgg ul {
padding: 68px 70px 0px 70px;
}
.tzgg li {
border-bottom: 1px dotted #d2cece;
overflow: hidden;
position: relative;
padding-left: 20px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.tzgg li:before {
content: "";
width: 8px;
height: 8px;
background: #95bd28;
position: absolute;
left: 0;
top: 9px;
}
.tzgg li span {
float: right;
}
.picScroll-left .bd ul li:hover {
background-color: #f1eeee;
}
.picScroll-left .bd ul li:hover .text h4 a {
color: #000;
}
.picScroll-left .bd ul li:hover .text h3 a {
color: #000;
}
/*part1页签*/ 
.tab1 {
width: 1200px;
position: relative;
margin: -107px auto 0px;
}
.tab1 .tab_menu {
width: 100%;
float: left;
position: absolute;
z-index: 1;
background: url(images1_03_1zrzh.png) 10px 42px no-repeat; margin-left:750px;
}
.tab1 .tab_menu li {
float: left;
width: 170px;
height: 40px;
line-height: 30px;
border-bottom: 0px;
cursor: pointer;
text-align: center;
margin: 0 15px;
background:url(hbg_1zrzh.jpg) 0px 0px no-repeat; font-size:22px; color:#858585; line-height:40px;
}
.tab1 .tab_box {
width: 1200px;
height: auto;
clear: both;
top: 100px;
position: relative;
}
.tab1 .tab_menu .selected {
cursor: pointer;
background:url(hbg_1zrzh.jpg)  0px 0px no-repeat; color:#fff;
}
.tab1 .tab_menu .selected a{
color:#fff;
}
.tab1 .hide {
display: none;
}
.picScroll-left .bd ul li {
background: #f1eeee;
}
.picScroll-left .bd ul li a{
background: #f1eeee;
}
.tab1 .tab_menu li a{
color: #858585;
}
.part1{ height:452px;}

