@charset "utf-8";
/* CSS Document */
body { font-size: 14px; font-family:"微软雅黑"; color: #333; background: #fff;/*height:100%*/;width: 100%;overflow-x: hidden}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%}
input, select, textarea { vertical-align: middle; outline:none; border:0; }
select::-ms-expand { display: none; }
select{  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  -ms-appearance:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align: middle;max-width: 100%}
ul, li, ol, dl, dt {list-style: none;}
em,i{font-style: normal}
a { text-decoration: none; outline: none; color:#2b2b2b; }
/*a:hover{ color: #218bce;}*/
* { padding: 0; margin: 0; }
h1, h2, h3 {  margin:0}
.fl { float: left; }
.fr { float: right; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w96 {width:96%;margin: 0 auto;position:relative}
.w1280{width:1280px;margin:0 auto;}

/*head*/
.web-tips {text-align: right;padding: 10px 0;font-size: 12px;}
.logo {margin-top: -25px;}
.nav-wrap {background: #2d2d2d;height: 50px;line-height: 50px;}
.nav li {float: left}
.nav li a {color: #fff;font-size: 16px;line-height: 50px;display: inline-block;padding: 0 20px;}
.nav li a.active,.nav li a:hover {background: #cf151b;transition: 0.3s}


/*banner*/
.banner{overflow: hidden;width:84%;margin: 0px auto;position: relative}
.banner .swiper-slide img{width:100%;height:auto;transition:1s linear 2s}
/*.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:16s linear;transform:scale(1.1,1.1)}*/
.banner .swiper-pagination{position: absolute;bottom:35px!important;left:0!important;text-align:center;display: none}
/*.banner .swiper-pagination-bullet{display: inline-block;width:13px;height:13px;opacity:1;background:#fff;border-radius: 50%;margin: 0 10px !important;}*/
/*.banner .swiper-pagination-bullet-active{background:#1fb3da}*/
.banner .b-prev {width:68px;height: 68px;background-image: url("../images/b-prev_07.png");background-repeat: no-repeat;background-position: center;background-color:rgba(0,0,0,0.4);position: absolute;left: 20px;top: 42%;z-index: 100}
.banner .b-next {width:68px;height: 68px;background-image: url("../images/b-next_10.png");background-repeat: no-repeat;background-position: center;background-color:rgba(0,0,0,0.4);position: absolute;right: 20px;top: 42%;z-index: 100}
.banner .b-next:hover {background-color:rgba(207,21,27,0.8);position: absolute;right: 20px;top: 42%;z-index: 100}
/*banner end*/

.main {padding: 30px 0;}
.i-tit {border-bottom: 1px solid #eeeeee;}
.i-tit h3 {font-size: 24px;position: relative;display: inline-block;padding-bottom: 10px;}
.i-tit h3:after {content: "";display: inline-block;width: 95px;height: 3px;background: #cf151b;position: absolute;left: 0;bottom: -1px;}
.i-tit h3 em {color: #d6363b}
.i-tit h3 span {font-size: 12px;}
.i-tit .more {font-size: 12px;float: right;display: inline-block;padding-left:15px;background: url("../images/more-ico_04.png") no-repeat left center;}
.left-sec {width: 826px;}
.re-box {padding: 20px 0;}
.re-box .pic-wrap {overflow: hidden;width: 404px;position: relative}
.pic-pagination {position: absolute;left: 0;bottom: 0;text-align: center;z-index: 10}
.pic-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);opacity: 1}
.pic-pagination .swiper-pagination-bullet-active {background: #cf151b;box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);opacity: 1}
.re-box .pic-wrap p {background: #ededed;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;padding-left: 10px;font-size: 15px;font-weight: bold}
.re-box .text-item {margin-bottom: 25px;}
.re-box .text-item .date {padding:0 10px;border-left: 1px solid #eeeeee;color: #cccccc}
.re-box .text-item:hover .date {color: #cf151b}
.re-box .text-item .date p {font-size: 12px;}
.re-box .text-item .date h3 {font-size: 15px;}
.re-box .text-item .con p {font-size: 12px;}
.re-box .text-item .con h3 {font-size:15px;padding-top:8px;}
.news-center {width: 405px;}
.news-center .pic {margin-top: 20px;width: 100%;overflow: hidden}
.news-center .pic img {width: 100%;transition: 0.3s ease;}
.news-center .pic:hover img {transform: scale(1.06);transition: 0.3s ease;}
.news-center ul {background: #f7f7f7;box-sizing: border-box;padding:15px 20px;}
.news-center ul li a {line-height: 30px;;display: inline-block;padding: 0 30px 0 15px;box-sizing: border-box;width: 100%;font-size: 13px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-center ul li a:after {content:"";display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #cf151b;position:absolute;left: 0;top:13px;}
.news-center ul li a:hover {color: #cf151b;background: url("../images/news-bg_22.png") no-repeat right center;}

.right-sec {width: 400px;}
.pp-list {margin-top: 20px;}
.pp-item {background: #eeeeee;margin-bottom: 5px;box-sizing: border-box;padding: 35px 30px;}
.pp-item img {float: left;margin-right: 20px;transition: 0.2s}
.pp-item:hover img {transform: rotateY(360deg);transition: 0.5s}
.pp-item .con p{font-size: 22px;}
.pp-item .con .en{font-size: 12px;padding-top: 10px;}

.bt-sec {margin-top: 30px;}
.na-wrap {overflow: hidden;margin-top: 20px;}
.na-wrap  .swiper-slide {background: #f7f7f7;text-align: center;padding: 20px;box-sizing: border-box}
.na-wrap  .swiper-slide>div * {display: inline-block;}
.na-wrap  .swiper-slide>div img {float: left}
.na-wrap  .swiper-slide>div p {float: right;font-size: 12px;color: #bababa;}
.na-wrap  .swiper-slide a {text-align: left;display: inline-block;width: 100%;padding-top: 10px;}

.footer {background: #2d2d2d;color: rgba(255,255 ,255,0.8);padding: 30px 0;font-size: 12px;}
.footer .f-logo {padding-right: 20px;width: 32%;box-sizing: border-box}
.footer .f-mes {padding-left: 30px;border-left: 1px solid #373737;font-size: 12px;width:35%;font-weight: lighter}
.footer .f-mes .pic {margin-right: 30px;}
.footer .f-mes .text {line-height: 30px;}
.footer .bq-mes {width: 30%;box-sizing: border-box;line-height: 24px;}

/*内页*/

.ny-banner {width: 84%;margin:10px auto 0;height: 346px;background-repeat: no-repeat;background-size: cover;background-position: center}
.ny-main {margin-top: 35px;margin-bottom: 30px;}
.side-menu {width: 260px;margin-right: 50px;}
.side-menu .side-tit {font-size: 44px;background: url("../images/side-tit-bg_03.png") no-repeat center;}
.menu-con {margin-top: 15px;}
.menu-con a {display:block;width: 260px;padding: 15px 0;font-size: 20px;box-sizing: border-box;padding-left: 20px;transition: 0.3s}
.menu-con a:hover,.menu-con a.active {background: url("../images/side-bg_07.png") no-repeat center;color: #fff;transition: 0.3s}
.ny-con {width: 955px;min-height: 400px;border-left: 1px solid #eee}
.ny-con .hd {border-bottom: 1px solid #eeeeee;padding-bottom: 10px;box-sizing: border-box;padding-left: 20px;}
.ny-con .hd h3 {display: inline-block;font-size: 28px;padding-right: 45px;background: url("../images/ny-tit-bg_07.png") no-repeat right center}
.ny-con .hd p {float: right;color: #a7a6a6;}
.ny-con .bd {padding: 30px 20px;box-sizing: border-box}
.ny-con .bd .text h3 {font-size: 22px;color: #cf151b;text-align: center;padding-bottom: 30px;}
.ny-con .bd .text p {line-height: 26px;}

.h-item {float: left;width: 437px;margin-right: 40px;margin-bottom: 30px;overflow: hidden}
.h-item img {transition: 0.5s}
.h-item:hover img {transition: 0.5s;transform: scale(1.05)}
.h-item:nth-child(2n) {margin-right: 0}
.h-item:nth-child(2n+1) {clear: left}

.cont-box {padding:20px 20px 50px 20px;}
.cont-box .cont-item {float: left;width:50%;margin-bottom: 30px;}
.cont-box .cont-item img {float: left}
.cont-box .cont-item .con{float: left;padding-left: 20px;}
.cont-box .cont-item .con h3 {font-size:22px;color: #cf151b;padding-bottom:20px;}
.cont-box .cont-item .con p{color: #a7a6a6;}

.bd .pp-item {width: 450px;float: left;margin-right: 10px;margin-bottom: 10px;}
.bd .pp-item:hover {background: url("../images/zh-bg2_03.png") no-repeat center;background-size: cover;color: #fff;}
.bd .pp-item:hover a{color: #fff;}
.bd .pp-item:nth-child(2n) {margin-right: 0;}

.pq-item {background:#f7f7f7;padding: 20px;margin-bottom: 10px;}
.pq-item .pic {width: 20%}
.pq-item .pic img {margin-top: 10px;}
.pq-item .addr {width: 32%;}
.pq-item .addr h3 {font-size: 22px;}
.pq-item .addr p {padding-top: 10px;}
.pq-item .name {width: 33%;box-sizing: border-box;padding-left:30px;margin-top: 5px;}
.pq-item .name h3 {font-size: 18px;color: #a45151;}
.pq-item .name p {color: #9c9b9b;padding-top:10px;}
.pq-item .enter {display:block;width:15%;float: left;}
.pq-item .enter a {color: #aaa9a9;display: inline-block;padding:30px 10px 0 10px;background: url("../images/enter-bg_03.png") no-repeat top center;transition: 0.3s;margin-top: 5px;}
.pq-item:hover  .enter a {color: #cf151b;display: inline-block;padding:30px 10px 0 10px;background: url("../images/enter-bg-hov_03.png") no-repeat top right;transition: 0.5s}

.page-nav-wrap {text-align: center;padding: 30px 0;}
.page-nav {display: inline-block;}
.page-nav a{display: inline-block;float: left;padding:0 20px;background-color: #afafaf;color: #fff;line-height: 45px;height: 45px;width: 80px;margin: 0 2px;}
.page-nav a:hover {background-color: #cf151b;}
.page-nav .pr-btn {width: 100px;background-image: url("../images/left-arrow_03.png");background-repeat:  no-repeat;background-position:center;}
.page-nav .pn-btn {width: 100px;background-image: url("../images/left-arrow_03.png");background-repeat:  no-repeat;background-position:center;transform: rotate(180deg)}

.news-item {padding: 20px 0;border-bottom: 1px dashed #aaaaaa;position: relative;}
.news-item:before {content: "";display: inline-block;width: 100%;top: 50%;height: 0;background: #f5f5f5;position: absolute;left: 0;z-index: -1;transition: 0.5s}
.news-item:hover:before {top: 0;height: 100%;transition: 0.5s}
.news-item .date {padding: 0 10px;border: 1px solid #cbcbcb;color: #aaaaaa;text-align: center;}
.news-item .date h3 {font-size: 36px;border-bottom:1px solid #aaaaaa;padding: 0 15px;}
.news-item .date p {line-height: 30px;}
.news-item .con {padding-left: 20px;width: 740px;}
.news-item .con h3 {font-size: 22px;padding-bottom: 10px;}

.news-tit {background: #f5f5f5;padding: 30px 0;text-align: center;}
.news-tit h3 {font-size: 24px;padding-bottom: 10px;}
.news-tit p {color: #aaaaaa;}
.news-tit p span {margin-right: 30px;}
.news-det .news-con {padding: 20px 0;line-height: 30px;}


@media screen and (max-width: 1440px){
  .banner{width: 100%}
  .ny-banner{width: 100%}
}