@charset "utf-8";
body {
    font-size: 16px;
    font-family: "微软雅黑";
}

html,
body {
    height: 100%;
    width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
dl,
li,
ol,
body,
html,
form,
textarea,
input,
select,
table,
ul {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style: none;
}

a,
u,
button {
    text-decoration: none;
    color: inherit;
}

section,
article,
aside,
nav,
header,
footer,
main {
    display: block;
}

input,
button {
    background: #fff;
    border: 0;
    outline: 0;
}

img {
    border: 0;
}

.clear::after {
    content: '';
    display: block;
    visibility: hidden;
    opacity: 0;
    clear: both;
    height: 0;
    overflow: hidden;
}

.main {
    width: 1200px;
    margin: auto;
}
.bqnys{line-height:2}
.main::after {
    content: '';
    display: block;
    visibility: hidden;
    opacity: 0;
    clear: both;
    height: 0;
    overflow: hidden;
}

@media all and (max-width:1200px) {
    body {
        font-size: 14px;
    }
    .main {
        width: 100%;
    }
}




.fzw_top {
    line-height: 42px;
    background: #000;
    color: #fff;
}

.fzw_top .tr {
    background: url(/img/3_05.jpg) left 5px no-repeat;
    padding-left: 35px;
}

.fzw_top .tr h2 {
    font-size: 18px;
    font-weight: normal;
    float: left;
}

.fzw_top .tr p {
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    float: left;
}

#logo {
    float: left;
    padding-left: 86px;
    background: url(/img/3_10.jpg) left top no-repeat;
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
}

#logo h1 {
    font-size: 50px;
}

#logo p {
    font-size: 16px;
    color: #d70908;
}

.bq {
    color: #fff;
    background: #202020;
    padding-top: 40px;
  }

.bq_logo {
    background: #000;
    background: url(/img/3_45.jpg) center top no-repeat;

   float: left; margin-top: 10px;
}

.bq_logo h2 {
    font-size: 48px;
    padding-top: 120px;
}

.bq_logo p {
    color: #d10300; letter-spacing: 2px;
}

.mt_b1 {
    float: left;
    width: 400px;
}

.mt_b2 {
    float: left;
    width: 136px;
    margin-left: 40px;
}

.mt_b3 {
    float: left;
    width: 145px;
    margin-left: 50px;
}

.mt_b4 {
    float: right;
    width: 129px;
}

.mt_b h2 {
    font-size: 18px;
    font-weight: normal;
    padding-top: 35px;
    line-height: 50px;
    border-bottom: 1px solid #B4B4B4;
    width: 70px;
}

.mt_b4 img {
    padding-top: 20px;
}

.bqjszc{line-height: 50px; border-top: 1px solid #383838;  margin-top: 20px;}
.cp{background: #eeeeee;}
.cpbt{padding-top: 70px;}
.cpbt h2{ font-size: 42px;}
.cpbt h2 span{color: #d10300;}
.cpbt p{font-size: 24px;color: #d10300;}
.cpys ul{margin-top: 30px;}
.cpys ul li{width: 268px; height: 112px; float: left; background: #fff; box-shadow: 0 0 5px 5px rgba(2, 0, 0, 0.052); margin: 0 16px;;}
.cpys ul li img{margin: 20px 10px 0 20px; float: left;}
.cpys ul li:hover img{ transform: rotate(360deg); transition: all .5s;}

.cpys ul h4{float: left;font-size: 26px;color: #d10300; font-weight: normal; line-height: 1.5; padding-top: 20px;}
.cpys ul p{float: left;}

.left_cpnr2 ul li {
    line-height: 30px;
}

.left_cpnr2 ul li a {
    display: block;
}

.sy_nav2 {
    margin-top: 10px;
}

.sy_nav2 a {
    width: 122px;
    line-height: 30px;
    text-decoration: none;
    display: block;
}




#nav {
    float: right;
    margin-top: 30px;
}

#nav>ul {
    width: 850px;
}

#nav>ul::after {
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

#nav>ul>li {
    width: 16.66%;
    text-align: center;
    line-height: 50px;
    float: left;
}

#nav>ul>li a {
    display: block;
    position: relative;
    z-index: 1;
}

#nav>ul>li>a:hover {
    color: #fff;
}

#nav>ul>li>a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 50px;
    z-index: -1;
    background: #d10300;
    opacity: 0;
    transition: all .3s
}

#nav>ul>li>a:hover::after {
    content: '';
    opacity: 1;
    width: 100%;
}

#nav>ul>li>a.act {
    background: #d10300;
    color: #fff;
}

#nav ul ul {
    display: none;
    width: 100%;
    top: 100%;
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
}

#nav ul ul li {
    float: left;
    width: 9%;
    margin: .5%;
}

#nav span {
    display: block;
}

#nav img {
    width: 100%;
    display: block;
}

#nav em {
    font-style: normal;
    line-height: 30px;
}




#banner {
    position: relative;
    overflow: hidden;
    width: 100%
}

#banner ul {
    position: relative;
    overflow: hidden;
    width: 300%
}

#banner ul li {
    width: 33.333%;
    float: left
}

#banner ul li img {
    width: 100%;
    display: block;
}

#banner aside {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 0;
    width: 90%;
    right: 0;
    left: 0;
    margin: auto
}

#banner aside span {
    display: block;
    width: 65px;
    height: 65px;
    z-index: 63;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
    margin-top: -2%;
}

#banner:hover aside span {
    opacity: 1;
}

#banner aside span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 20%;
    margin: auto;
    width: 27px;
    height: 27px;
    border-top: 3px solid #1c6cb3;
    border-left: 3px solid #1c6cb3;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

#banner aside span.prev {
    float: left;
}

#banner aside span.next {
    float: right;
}

#banner aside span.next:after {
    left: 0;
    right: 20%;
    -webkit-transform: rotateZ(135deg);
    -moz-transform: rotateZ(135deg);
    -ms-transform: rotateZ(135deg);
    -o-transform: rotateZ(135deg);
    transform: rotateZ(135deg)
}

#banner>div {
    width: 110px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 7%;
    margin: auto
}

#banner>div em {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 4.75px;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

#banner>div em.act {
    background: #1c6cb3
}

.sl,
.st,
.st div,
.sl div {
    overflow: hidden;
}

.nextinfo {
    width: 100%;
    overflow: hidden;
}

.nextinfo span {
    background: #eee;
    margin: 20px 1%;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 20px;
}

.nextinfo {
    width: 100%;
    overflow: hidden;
}

.nextinfo span {
    background: #eee;
    margin: 20px 1%;
    width: 48%;
    float: left;
    text-align: center;
    border-radius: 20px;
}




#news a {
    overflow: hidden;
    width: 640px;
    display: block;
    margin-bottom: 20px;
}

#news a:hover div {
    color: #fff;
}

#news a:hover div span {
    color: #fff;
}

#news a>span {
    display: block;
    float: left;
    width: 140px;
}

#news a img {
    display: block;
    width: 100%;
    height: 120px;
}

#news a div {
    float: right;
    width: 480px;
    padding-left: 20px;
    position: relative;
    z-index: 1;
}

#news a div strong {
    display: block;
    font-size: 16px;
    line-height: 2.8;
}

#news a div em {
    display: block;
    line-height: 1.7;
    font-style: normal;
    font-size: 14px;
}

#news a div span {
    font-size: 14px;
    line-height: 2;
}

#news a div::after {
    content: '';
    display: block;
    background: rgb(0, 153, 255);
    width: 0px;
    height: 120px;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
    opacity: 0;
}

#news a:hover div::after {
    content: '';
    opacity: 1;
    width: 500px;
}




.cppichz>div {
    padding-bottom: 50px;
}

.cppichz a {
    float: left;
    width: 280px;
    margin-right: 10px;
    text-align: center;
    position: relative;
}

.cppichz a span {
    overflow: hidden;
}

.cppichz a span img {
    width: 100%;
    display: block;
}

.cppichz a em {
    background: #f5f5f5;
    line-height: 2;
    font-size: 16px;
    display: block;
    font-style: normal;
}

.cppichz a div {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 153, 255, 0.9);
    color: #fff;
    left: 0;
    top: 20px;
    opacity: 0;
    transition: all .3s;
}

.cppichz a div::before {
    content: '';
    background: url(/img/356.png) center/cover;
    width: 60px;
    height: 60px;
    margin: auto;
    margin-top: 60px;
    display: block;
}

.cppichz a:hover div {
    top: 0;
    opacity: 1;
}

.cppichz a div p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 30px;
    margin: auto;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #fff;
    height: 30px;
    width: 80px;
}




.cppicsz {
    width: 90%;
 overflow:hidden;
    margin: 0 auto;
padding:30px 0 60px 0; 
}

.cppicsz a {
    float: left;
    width:24%;
    margin:0 0.5%;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.cppicsz a span {
    overflow: hidden;
}

.cppicsz a span img {
    width: 100%;
    display: block;
}

.cppicsz a em {
    background: #990911;
    line-height: 2;
    font-size: 24px;
    display: block;
    font-style: normal;
    color: #fff;
}

.cppicsz a div {
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgba(153, 9, 16, 0.671);
    color: #fff;
    left: 0;
    top: 20px;
    opacity: 0;
    transition: all .3s;
}

.cppicsz a div::before {
    content: '';
    background: url(/img/356.png) center/cover;
    width: 60px;
    height: 60px;
    margin: auto;
    margin-top: 60px;
    display: block;
}

.cppicsz a:hover div {
    top: 0;
    opacity: 1;
}

.cppicsz a div p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 30px;
    margin: auto;
    line-height: 30px;
   
    text-align: center;
 font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 40px;
    height: 30px;
    width: 240px;
}


.fwxm{background: url(/img/3_34.jpg) center top no-repeat; height: 853px;}
.fwxm h2{font-size: 44px; color: #d70908; font-weight: bold; text-align: center;  padding-top: 50px;   }
.fwxm p{color: #fff; text-align: center;font-size: 42px; line-height: 2; font-weight: bold;}
.fwxm ul li{ float: left;position: relative; width: 240px; height: 565px;}
.fwxm ul li a{display: block;z-index: 1;position: relative;}
.fwxm ul li img{display: block; transition:all .8s ease 0s;}
.fwxm ul li a::after{ content: ''; background: #d70808bb; width: 100%; height: 100%;position: absolute; top: 0; left:0; right: 0; bottom: 0;   opacity: 0;  transition: all .8s;} 
.fwxm ul li a:hover::after{content: ''; opacity: 1;transform:scale(1.1,1.1);}


.fwxm ul li p{position: absolute;top: 0; left: 0;right: 0;bottom: 0; width: 144px; height: 144px; border-radius: 50%; background: #d10300; line-height: 144px; text-align: center; color: #fff;margin: auto; z-index: 9;font-size: 26px; }

.fwxm ul li:hover  img{  transform:scale(1.1,1.1); }
.fwxm ul li p{transition: all .5s;} 
.fwxm ul li:hover  p{  transform: translateY(-80px);  background: #fff; color: #000;}
 .fwxm ul li:hover{z-index: 99}


.jj{background:url(/img/3_35.jpg) center top no-repeat; height: 626px; padding-top: 80px;}
.jjl{width: 500px; height: 526px;}
.jjr{width: 652px;  color: #fff;}
.jjr>p{font-size: 32px; }
.jjr h2{font-size: 42px;}
.jjr em{display: block; line-height: 2;  font-style: normal; font-size: 16px; padding-top: 30px;}
.jjr a{display: block; background: #fff;width: 140px; line-height: 3; border-radius:5px; color: #2c2c2c; text-align: center;  margin-top: 30px;} 
.jjr a:hover{background: #000; color: #fff;}
.xw{background: #f5f5f5; padding-bottom: 80px;}
.xwbt{text-align: center; background: url(/img/567.jpg) center 70px no-repeat; height: 116px; padding-top: 70px;  margin-bottom: 50px;}
.xwbt h2{font-size: 42px; padding-top: 60px;}
.xwbt h2 span{color: #d10300;} 
.xwl{width: 471px; height: 521px; float: left;}




.news-cont{

	 float: right;

}

.news-cont ul{
	
}
.news-cont ul li{
	width: 660px;
	height: 100px;
	margin: 15px 0px 25px 10px;
	background: #fff;
    border: solid 1px #ddd;
 
}
.news-cont ul li h4{
	font-size: 18px;
	color: #000;
	font-weight: normal;
    line-height: 30px;
    padding-top: 10px;
	
}
.news-cont ul li h4 a{
	text-align: left;
	padding-left:10px;
}
.news-cont ul li p{
	font-size: 14px;
	line-height: 25px;
	color: #999;
	padding-top: 5px;
	padding-right: 20px;
}
.news-cont ul li:hover .news-time{
	color: #fff;
	background: #d10300;
	
}
.news-cont ul li:hover h4 a{
	color: #d10300;
}
.news-cont ul li .news-time{
	width: 100px;
	height: 90px;
	font-size: 40px;
	color: #fff;
	text-align: center;
	float: left;
	line-height: 50px;
	display: block;
	margin-right: 20px;
	padding-top: 10px;
	background: #939393;
}
.news-cont ul li .news-time span{
	font-size: 18px;
	display: block;
	line-height: 40px;
	color: #fff;
}





 
.fl {
    float: left;
}

.fr {
    float: right;
}

.tac {
    text-align: center;
}

.page22 {
    width: 900px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
}

.page22 li {
    width: 400px;
    height: 40px;
    float: left;
    text-align: center;
}

.page11 {
    line-height: 40px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.page11 i {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.content h1 {
    text-align: center;
    font-size: 20px;
    line-height: 80px;
}

#ss {
    width: 100%;
    height: 180px;
    background: url(/img/bg1.jpg);
    padding: 30px 0px;
}

#ss h3 {
    font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: initial;
}

#ss h2 {
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: initial;
}

#ss p {
    font-size: 16px;
    color: #555;
    text-align: center;
    padding-top: 20px;
}

#ss .ss_box {
    background: none !important;
    width: 700px;
    margin: 0 auto;
}

#ss .ss_box .an {
    width: 200px;
    height: 40px;
    border: solid 1px #ccc;
}

#ss .ss_box .ss_submit {
    background: url(/img/ss.jpg) 10px center no-repeat #df2623;
    text-align: left;
    padding-left: 40px;
}

#nyba {
    width: 100%;
    height: 400px;
    background: url(/img/nyba.jpg) top center no-repeat #333;
}

#main {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    font-size: 16px;
    line-height: 35px;
}

#main::after {
    content: '';
    display: block;
    visibility: hidden;
    opacity: 0;
    clear: both;
    height: 0;
    overflow: hidden;
}

.bass {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #666;
    width: 100%;
    margin: 0 auto 30px;
    border-bottom: solid 2px #ddd;
}

.bass a {
    color: #d10300;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.love-pic-box {
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
}

.love-pic-box li {
    width: 23%;
    height: 280px;
    background: #fff;
    margin: 15px 1%;
    float: left;
    list-style: none;
    overflow: hidden;
    position: relative;
    z-index: 0;
    box-shadow: 0px 0px 10px #ccc;
    border: solid 1px #d5d2d2;
    box-sizing: border-box;
}

.love-pic-box li img {
    width: 100%;
    height: 240px;
    padding: 0;
    margin: 0;
}

.love-pic-box li p {
    position: absolute;
    width: 100%;
    height: 40px;
    background: #eee;
    z-index: 999;
    left: 0;
    bottom: 0;
}

.love-pic-box li p>a {
    width: 100%;
    line-height: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    color: #000;
    display: block;
    padding-top: 5px;
}

.h30 {
    height: 30px;
}

.ny_left {
    width: 320px;
    height: auto;
    float: left;
}

.ny_right {
    width: 880px;
    height: auto;
    float: left;
}

.left-lx {
    width: 290px;
    overflow: hidden;
    border: solid 1px #ddd;
    box-sizing: border-box;
    padding-bottom: 20px;
    box-shadow: 0px 0px 10px #ccc;
    margin-bottom: 20px;
}

.lx-tt {
    height: 50px;
    margin-bottom: 10px;
    background: #d10300;
    color: #888;
    width: 100%;
    margin: 0 auto 10px;
    box-sizing: border-box;
}

.lx-tt h2 {
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    float: left;
    font-weight: initial;
    padding-left: 15px;
}

.lx-tt a {
    font-size: 14px;
    color: #eee;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

.lx-tt a:hover {
    color: #d7a02b;
}

.left-lx p {
    padding: 0px 20px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.pc_tt {
    background: #d10300;
    color: #fff;
    width: 290px;
    height: 90px;
    box-sizing: border-box;
}

.pc_tt h2 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding-top: 20px;
    font-weight: initial;
}

.pc_tt>p {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #ccc !important;
    width: 250px;
    margin: 0 auto;
}

.left_cplei {
    width: 290px;
    height: auto;
    padding: 5px 0px;
    color: #fff;
}

.left_cplei a {
    width: 230px;
    height: 40px;
    background: url(/img/left1.png) 15px center no-repeat #666;
    margin: 10px auto;
    text-align: left;
    line-height: 40px;
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    z-index: 1;
    display: block;
}

.left_cplei a::after {
    content: '';
    background: url(/img/left1.png) 15px center no-repeat #d10300;
    z-index: -1;
    position: absolute;
    width: 0px;
    height: 40px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all .3s
}

.left_cplei a:hover::after {
    content: '';
    opacity: 1;
    width: 100%;
}

.left_cplei a.act::after {
    content: '';
    opacity: 1;
    width: 100%;
}

.ny_news li {
    width: 98%;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 14px !important;
    line-height: 25px;
    color: #666;
    box-sizing: border-box;
    padding-bottom: 20px;
    position: relative;
}

.ny_news li a {
    font-size: 20px;
    color: #333;
    display: block;
    padding-top: 10px;
}

.ny_news li a:hover {
    color: #234bba;
}

.ny_news li>img {
    width: 200px;
    height: 150px;
    float: left;
    margin-right: 20px;
    display: block;
}

.ny_news li p {
    color: #999;
    padding-left: 15px;
    width: 100%;
    height: 30px;
}

.ny_news li p>img {
    vertical-align: middle;
    margin-right: 5px;
}

.nynews_list {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.nynews_list h1 {
    margin-bottom: 20px;
}

.nynews_list li {
    width: 49%;
    height: 45px;
    margin: 5px 0.5%;
    float: left;
    border: solid 1px #ddd;
    background: url(/img/news1.jpg) left center no-repeat #fff;
    box-sizing: border-box;
    line-height: 45px;
    color: #666;
}

.nynews_list li a {
    color: #555;
    padding-left: 10px;
}

.nynews_list li a:hover {
    color: #d7a02b;
}