* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
a img {
border: none;
}
a:focus {
outline: none;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
img {
border: none;
}
input,
select,
textarea {
outline: 0;
}
textarea {
resize: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
var,
em {
font-weight: normal;
font-style: normal;
}
ul,
ol,
dl {
list-style: none;
}
@media only screen and (max-width: 750px) {
.g-mobile .g_pub_header_box,
.g-mobile .g_pub_footer_box {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
}
.g-mobile .m_head_nav,
.g-mobile .m_foot_nav {
display: none;
}
.g-mobile .g_pub_footer {
height: auto !important;
zoom: 1 !important;
}
.g-mobile .g_pub_footer:after {
content: "" !important;
display: block !important;
clear: both !important;
}
.g-mobile .g_pub_footer .u_logo.foot {
width: 100%;
margin-left: 0;
}
}

.g_importantnews .slidebox {
width: 670px;
height: 390px;
overflow: hidden;
position: relative;
}
.g_importantnews .slidebox .hd {
overflow: hidden;
position: absolute;
right: 30px;
bottom: 15px;
z-index: 1;
}
.g_importantnews .slidebox .hd ul {
overflow: hidden;
zoom: 1;
list-style: none;
}
.g_importantnews .slidebox .hd ul li {
float: left;
margin-right: 5px;
width: 10px;
height: 10px;
background: #d6b128;
border-radius: 50%;
cursor: pointer;
position: relative;
}
.g_importantnews .slidebox .hd ul li.on {
background: #ffffff;
width: 20px;
border-radius: 10px;
}
.g_importantnews .slidebox .bd {
position: relative;
height: 100%;
z-index: 0;
}
.g_importantnews .slidebox .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
}
.g_importantnews .slidebox .bd img {
width: 670px;
height: 390px;
display: block;
}
.g_importantnews .m_ullist {
margin-top: 30px;
}
.g_importantnews .m_ullist li {
font-size: 18px;
color: #000000;
margin-bottom: 20px;
}
.g_importantnews .m_ullist li a {
color: #000000;
padding-left: 10px;
}
.g_importantnews .m_ullist li span {
color: #033e8f;
font-size: 20px;
font-weight: bold;
}
@media only screen and (max-width: 750px) {
.web_w {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.g-mobile .g_importantnews .slidebox {
width: 100%;
height: auto;
}
.g-mobile .g_importantnews .slidebox .bd img {
width: 100%;
height: auto;
}
}
body {
background:  0 0 repeat;
}
body li {
list-style: none;
}
.nodesktop {
display: none;
}

.g-head {
width: 100%;
height: 1325px;
background:  top center no-repeat;
}
.m-head {
width: 1200px;
margin-left: auto;
margin-right: auto;
height: 100%;
position: relative;
}
.m-head .u-title {
position: absolute;
top: 67px;
left: 147px;
}
.m-head .u-subtitle {
position: absolute;
top: 489px;
left: 600px;
animation-delay: .5s;
}
.g-part1 {
width: 1200px;
margin-left: auto;
margin-right: auto;
margin-top: 68px;
zoom: 1;
}
.g-part1:after {
content: "";
display: block;
clear: both;
}
.g-part1 .m_l_main {
margin-right: 30px;
float: left;
width: 670px;
}
.g-part1 .m_r_main {
width: 500px;
float: left;
}
.g-part1 .m_r_main dl {
padding-bottom: 15px;
border-bottom: 1px dashed #deca9e;
}
.g-part1 .m_r_main dl dt {
font-size: 24px;
line-height: 36px;
color: #ffc652;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.g-part1 .m_r_main dl dt a {
color: #ffc652;
}
.g-part1 .m_r_main dl dd {
font-size: 14px;
line-height: 26px;
color: #8998b0;
text-indent: 2em;
}
.g-part1 .m_r_main dl dd a {
color: #ffc652;
}
.g-part1 .m_r_main ul li {
font-size: 18px;
margin-top: 26px;
color: #fff;
background:  0 10px no-repeat;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.g-part1 .m_r_main ul li a {
padding-left: 20px;
color: #fff;
}
.g-part1 .m_r_main ul .u-more {
font-size: 14px;
line-height: 14px;
text-align: right;
background: none;
margin-top: 14px;
}
.g-part1 .m_r_main ul .u-more a {
color: #a88b49;
}
.g-part1 .m_imgtitle {
position: absolute;
left: 0px;
bottom: 0;
width: 100%;
height: 40px;
line-height: 40px;
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.g-part1 .m_imgtitle a {
color: #ffffff;
font-size: 16px;
padding-left: 10px;
}
.g_importantnews .slidebox1 {
border: 4px solid #fff;
}
.g_importantnews .slidebox1 .hd {
bottom: 13px;
right: 15px;
}
.g_importantnews .slidebox1 .hd ul li {
background: #fff;
}
.g_importantnews .slidebox1 .hd ul li.on {
background: #ee3335;
}
.m-title {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
max-width: 1200px;
height: 76px;
text-align: center;
position: relative;
}
.m-title .u-more {
position: absolute;
bottom: 0px;
right: 340px;
color: #daaf56;
}

.g-part2 {
width: 100%;
height: 515px;
margin-top: 13px;
padding-top: 225px;
background: url(/uploads/image/pz/channel-272/zqsc_bg.png) top center no-repeat;
}
.m-part2 {
width: 980px;
height: 430px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.m-part2 .m-part2con {
zoom: 1;
width: 10000px;
}
.m-part2 .m-part2con:after {
content: "";
display: block;
clear: both;
}
.m-part2 .m-part2con ul {
float: left;
}
.m-part2 .m-part2con ul li {
float: left;
height: 430px;
font-family: "kaiti";
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding-right: 50px;
}
.m-part2 .m-part2con ul li div {
font-size: 28px;
line-height: 40px;
color: #175a7e;
}
.m-part2 .m-part2con ul li p {
font-size: 20px;
line-height: 40px;
color: #242421;
}

.g-part3 {
margin-top: 60px;
height: 588px;
background:  top center no-repeat;
}
.m-part3 {
width: 1200px;
margin-left: auto;
margin-right: auto;
zoom: 1;
}
.m-part3:after {
content: "";
display: block;
clear: both;
}
.m-part3_l {
float: left;
margin: 21px 257px 0 0;
width: 270px;
padding: 52px 13px 0 17px;
height: 515px;
background:  0 0 no-repeat;
}
.m-part3_l .slidebox2 {
position: relative;
width: 270px;
margin: 0 auto;
}
.m-part3_l .slidebox2 .hd2 {
position: absolute;
bottom: -30px;
left: 38%;
}
.m-part3_l .slidebox2 .hd2 ul {
zoom: 1;
}
.m-part3_l .slidebox2 .hd2 ul:after {
content: "";
display: block;
clear: both;
}
.m-part3_l .slidebox2 .hd2 ul li {
float: left;
width: 10px;
height: 10px;
border-radius: 5px;
text-indent: -99999em;
background-color: #fff;
margin: 0 4px;
}
.m-part3_l .slidebox2 .hd2 ul li.on {
width: 30px;
background-color: #dd382c;
}
.m-part3_l .slidebox2 .bd2 {
width: 270px;
height: 460px;
overflow: hidden;
}
.m-part3_l .slidebox2 .bd2 ul {
overflow: hidden;
zoom: 1;
}
.m-part3_l .slidebox2 .bd2 ul li {
width: 270px;
height: 460px;
}
.m-part3_l .slidebox2 .bd2 ul li img {
width: 270px;
height: 460px;
vertical-align: middle;
}
.m-part3_r {
float: left;
margin-top: 160px;
width: 400px;
}
.m-part3_r li {
font-size: 18px;
margin-top: 26px;
color: #fff;
background:  0 10px no-repeat;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.m-part3_r li a {
padding-left: 20px;
color: #fff;
}

.m-four-main {
width: 1200px;
height: 490px;
overflow: hidden;
margin: 40px auto;
font-family: "kaiti";
}
.m-four-main ul {
height: 450px;
zoom: 1;
position: relative;
}
.m-four-main ul:after {
content: "";
display: block;
clear: both;
}
.m-four-main ul li {
position: absolute;
zoom: 1;
top: 0;
}
.m-four-main ul li:after {
content: "";
display: block;
clear: both;
}
.m-four-main ul li h4 {
float: left;
width: 84px;
height: 450px;
cursor: pointer;
font-size: 26px;
text-align: center;
line-height: 84px;
color: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
background:  0 0 no-repeat;
}
.m-four-main ul li div {
float: right;
width: 0px;
height: 450px;
display: none;
margin: 0 0 0 30px;
background:  0 0 no-repeat;
}
.m-four-main ul li div img {
width: 720px;
height: 420px;
margin: 14px 0 0 17px;
}
.m-four-main ul li div p {
font-size: 26px;
text-align: center;
margin-top: 20px;
}
.m-four-main ul li div p a {
color: #fff;
}
.m-four-main ul li.on h4 {
display: none;
}
.m-four-main ul li.on div {
display: block;
margin: 0;
width: 754px;
}
.m-four-main ul li.u-special div {
width: 754px;
}
.m-four-main ul .m-lis1 {
left: 0px;
}
.m-four-main ul .m-lis2 {
left: 109px;
}
.m-four-main ul .m-lis3 {
left: 222px;
}
.m-four-main ul .m-lis4 {
left: 1008px;
}
.m-four-main ul .m-lis5 {
left: 1116px;
}


.g-part5 {
width: 1140px;
padding: 32px 29px 0 29px;
height: 691px;
margin-left: auto;
margin-right: auto;
zoom: 1;
margin-top: 45px;
background:  top center no-repeat;
}
.g-part5:after {
content: "";
display: block;
clear: both;
}
.g-part5 .fl_wb {
float: left;
width: 770px;
}
.g-part5 .fr_wb {
float: right;
width: 350px;
}


.g-part6 {
width: 100%;
height: 918px;
background:  bottom center no-repeat;
margin-top: 80px;
margin-bottom: 100px;
}
.m-picscroll_left {
position: relative;
width: 1064px;
margin: 0 auto;
}
.m-picscroll_left .phd {
position: absolute;
width: 394px;
padding-left: 232px;
height: 24px;
background:  0px 11px no-repeat;
bottom: -40px;
left: 219px;
top: unset;
}
.m-picscroll_left .phd ul {
zoom: 1;
}
.m-picscroll_left .phd ul:after {
content: "";
display: block;
clear: both;
}
.m-picscroll_left .phd ul li {
float: left;
width: 22px;
height: 22px;
text-indent: -99999em;
margin: 0 5px;
background:  0 0 no-repeat;
}
.m-picscroll_left .phd ul li.on {
background:  0 0 no-repeat;
}
.m-picscroll_left .pbd {
width: 1064px;
height: 350px;
margin: 0 auto;
overflow: hidden;
}
.m-picscroll_left .pbd ul {
overflow: hidden;
}
.m-picscroll_left .pbd ul li {
width: 1064px;
height: 350px;
}
.m-picscroll_left .pbd ul li img {
width: 1064px;
height: 350px;
vertical-align: middle;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes zoomin {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomin {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomin {
-webkit-animation-name: zoomin;
animation-name: zoomin;
}
@-webkit-keyframes fadeinright {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeinright {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeinright {
-webkit-animation-name: fadeinright;
animation-name: fadeinright;
}

@media only screen and (max-width: 414px) {
.nodesktop {
display: block;
}
.nomobile {
display: none;
}
body {
background: none;
background-color: #2e394b;
}
.mobhead {
width: 100%;
height: auto;
}
.g-part1 {
width: 100%;
margin-top: 50px;
}
.g-part1 .m_l_main {
margin-right: 0px;
float: none;
width: 100%;
}
.g-part1 .m_l_main .slidebox1 {
width: 100%;
height: unset;
border: 0px;
}
.g-part1 .m_l_main .slidebox1 img {
width: 100%;
height: auto;
}
.g-part1 .m_r_main {
width: 100%;
float: none;
margin-top: 20px;
}
.m-title {
margin-top: 60px;
max-width: 100%;
height: unset;
}
.m-title img {
width: 70%;
height: auto;
}
.m-title .u-more {
right: 4px;
}
.m-part2 {
width: 100%;
}
.g-part3 {
margin-top: 30px;
height: unset;
background: none;
}
.m-part3 {
width: 100%;
}
.m-part3_l {
float: none;
margin: 0 0 30px 0;
width: 270px;
padding: 52px 13px 0 17px;
height: 515px;
background:  0 0 no-repeat;
margin-left: auto;
margin-right: auto;
}
.m-part3_r {
float: left;
margin-top: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.m-four-main ul li.u-special div {
width: 100%;
}
.m-four-main ul .m-lis5 {
display: none;
}
.m-four-main {
width: 100%;
height: auto;
margin: 20px 0 0 0;
}
.m-four-main ul {
width: 100%;
height: unset;
zoom: 1;
}
.m-four-main ul:after {
content: "";
display: block;
clear: both;
}
.m-four-main ul li {
position: static;
float: left;
width: 47%;
margin-left: 2%;
}
.m-four-main ul li h4 {
display: none;
}
.m-four-main ul li div {
float: none;
width: 100%;
height: auto;
margin: 0;
display: block;
background: none;
}
.m-four-main ul li div img {
width: 100%;
height: auto;
margin: 0;
}
.m-four-main ul li div p {
font-size: 16px;
line-height: 1.5;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: "microsoft yahei";
margin: 0;
}
.m-four-main ul li.on div {
width: 100%;
}
.m-four-main ul li.u-special div {
width: 100%;
}
.m-four-main ul .m-lis5 {
display: none;
}
.g-part6 {
width: 100%;
height: unset;
background: none;
margin-top: 30px;
margin-bottom: 50px;
}
.m-picscroll_left {
position: relative;
width: 100%;
margin: 0 auto;
}
.m-picscroll_left .phd {
position: absolute;
width: 170px;
padding-left: 0px;
height: 24px;
background: none;
bottom: -40px;
left: 31%;
}
.m-picscroll_left .pbd {
width: 100%;
height: unset;
}
.m-picscroll_left .pbd ul li {
width: 100%;
height: unset;
}
.m-picscroll_left .pbd ul li img {
width: 100%;
height: auto;
}
}