@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%; font-size:14px; background:#fff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; clear: both; overflow: hidden}
.wrapper{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub{width:1400px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1400px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.fl{float: left;}
.fr{float: right;}
@font-face {
	/* font-properties */
	font-family: SourceHanSans-Normal;
	src: url('../images/SourceHanSans-Normal.otf')
}
@font-face {
	/* font-properties */
	font-family: SourceHanSans-Regular;
	src: url('../images/SourceHanSans-Regular.otf')
}
header{background: url("../images/header_bg.png")center center no-repeat;height: 220px;background-size:cover;width: 100%;overflow: hidden;}
nav{background:#bc212f;height:60px;box-shadow:0 10px 20px #ccc}
nav ul{width: 75%;float: left;}
nav ul li{width: 11.1%;float: left;text-align: center;height: 60px;line-height: 60px;position: relative}
nav ul li a{color:#fff;font-size: 18px;display:inline-block;}
nav ul li:hover{background: #961a26;}
nav ul li.active{background: #961a26;}
nav ul li i{content: "";background: url("../images/nav-down.png")center center no-repeat;width: 10px;height: 10px;position: absolute;right: 0;top:42%;background-size:100% 100%;margin-right:5px;-webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
	display: inline-block;
}

nav ul li:hover i{
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
	cursor: pointer;
}
nav ul li ul{height: 0px;display: none;width: 100%;-webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;z-index: 99999;position: absolute;top:60px;left: 0}
nav ul li:hover ul{height:100%;display: block}
nav ul li ul li{width: 100%;height: 50px;background: #961a26;line-height: 50px;}
nav ul li ul li:hover{background: #f4b62d;}
nav ul li ul li a{font-size:16px;}
.isearch{width: 17%;float: right;margin-top:13px;}
.isearch form{background: #fff;width: 100%;height: 32px;line-height: 32px;position: relative;overflow: hidden;border-radius: 5px}
.isearch input[type=text]{width:88%;float: left;height: 32px;line-height: 32px;text-indent: 1em;color: #111;border:0}
.isearch input[type=submit]{background: url("../images/search-ico.png")center center no-repeat;border:0;width: 16px;height: 16px;position: absolute;right:10px;top:9px; background-position: 100% 100%;cursor: pointer}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}
.ilogo{margin-top: 50px;}
.ilogo a:nth-child(1) img{margin-right:80px;}
.part01{background:#f6f6f6;width:98%;padding:30px 1%; height: auto;overflow: hidden;margin-top: 25px;}
.part01-l{float: left;width: 662px;height: auto;overflow: hidden;position: relative;}
.device {
width: 100%;
float: left;
margin:0 auto;
position: relative;
}
 .swiper-container { width: 100%;height: 100%;}
.pagination {
      display: block;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 20px !important;
    width: 100%;
  z-index: 999
}
.swiper-pagination-bullet{
    display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;

  margin: 0 15px !important;
  cursor: pointer;
background: #8e8e8e;
opacity:1;
  
}
.swiper-slide img{width:100%;height:100%}
.swiper-pagination-bullet-active{  background: #bc212f;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;}
.swiper-container2 { width: 100%;height: 100%;}
.pagination2 {
      display: none;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 20px !important;
    width: 100%;
  z-index: 999
}
.swiper-pagination-bullet{
    display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;

  margin: 0 15px !important;
  cursor: pointer;
background: #e9e9e9;
opacity:1;
  
}
.swiper-slide img{width:100%;height:100%}
.swiper-pagination-bullet-active{  background: #bc212f;}

.swiper-container2 .swiper-button-prev2 ,.swiper-container2 .swiper-button-next2{width:32px;height:79px;background-image:url(../images/near_arrow-l.png);left:0;top:33%;position:absolute;cursor:pointer;z-index:9999;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;opacity:0}
.swiper-container2 .swiper-button-next2{left:auto;right:0;background-image:url(../images/near_arrow-r.png);}
.swiper-container2:hover .swiper-button-prev2{opacity:1}
.swiper-container2:hover .swiper-button-next2{opacity:1}
.news-pic img{width:100%;height:390px;}
.news-pic-z h2{margin-top: 15px; color: #bc212f;
    font-size: 18px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news-pic-z p{margin-top: 10px;
    font-size: 14px!important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3!important;
    overflow: hidden;
    line-height: 26px;
	text-indent: 2em;
    color: #666;}

.title {
    border-left: 4px solid #f4b62d;
    padding-left: 2px;
    height: 42px;
    line-height: 42px
}
.title .title-box {
    display: flex;
    height: 41px;
    justify-content: space-between;
    border-bottom: 1px solid #bc212f
}
.title .title-box .title-text {
    position: relative;
    background-color: #bc212f;
    padding: 0 26px 0 16px;
    color: #fff;
    font-size: 20px
}
.title .title-box .title-text a{color: #fff}
.title .title-box .title-text:after {
    content: "";
    position: absolute;
    right: -21px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 41px solid #bc212f;
    border-right: 21px solid transparent
}

.title .title-box .title-more {
    color: #bc212f;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer
}
.part01-r{width: 662px;float: right;}
.news-inner {
    margin-top: 6px
}
.news-inner .news-item {
    display: flex;
    padding: 12px 0 0
}
.news-inner .news-item .news-date {
    flex-shrink: 0;
    font-size: 16px;
    width: 68px;
    height: 68px;
    color: #bc212f;
    background-color: #e9e9e9;
    text-align: center
}
.news-inner .news-item .news-date .news-day {
    font-size: 22px;
    padding: 8px 0 6px
}
.news-inner .news-item .news-date .news-year{font-size:14px;}
.news-inner .news-item .news-text {
    text-align: justify;
    overflow: hidden;
    margin-left: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}
.news-inner .news-item:last-child .news-text{border-bottom: 0;}
.news-inner .news-item .news-text .news-title {
    color: #333;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.news-inner .news-item .news-text .news-content {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
    color: #999
}
.news-inner .news-item .news-text .news-content p {
    font-size: 14px!important;
    line-height: 1.5!important;
    color: #666!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
    overflow: hidden!important;
    background: none!important;
    text-indent: 0!important
}
.news-inner .news-item:hover .news-date{background: #bc212f;color: #fff}
.news-inner .news-item:hover .news-text .news-title{color:#bc212f}
.part02{width:100%;padding:0; height: auto;overflow: hidden;margin-top: 25px;}
.part02-l{width: 100%;height:140px;overflow: hidden;position: relative;margin-top: 25px;}
.part02-l .mask{width: 100%;height: auto;overflow: hidden;position: relative}
.part02-l .mask ul{position: relative;overflow: hidden}
.part02-l ul li{margin-right: 20px;width: 264px;float: left;height: 140px;}
.part02-l ul li img{width: 100%;height: 100%;}
.part02-l .preview,.part02-l .next{background: url("../images/xxnear_arrow-l.png")center center no-repeat;width: 28px;height: 36px;position:absolute;left: 0;top: 40%;opacity: 0;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;cursor: pointer}
.part02-l .next{background: url("../images/xxnear_arrow-r.png")center center no-repeat;left: auto;right: 0}
.part02-l:hover .preview,.part02-l:hover .next{opacity: 1}
.part03{width:100%;padding:0; height: auto;overflow: hidden;margin-top:35px;}
.part03-l{width: 677px;float: left;height: auto;overflow: hidden;position: relative;}
.part03-r{width: 677px;float: right;height: auto;overflow: hidden;position: relative;}
.part03-l dl{border-bottom:#bc212f 1px solid;width: 100%;height: 40px;line-height: 40px;}
.part03-l dl dt{width: 120px;display: inline-block;height: 40px;text-align: center;font-size: 18px;color: #333;}
.part03-l dl dt:hover{background: #bc212f;color: #fff;cursor: pointer}
.part03-l dl dt.active{background: #bc212f;color: #fff;}
.part03-l section .title-more{position:absolute;top:8px;right: 0;color: #bc212f;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;}
.part03-r dl{border-bottom:#bc212f 1px solid;width: 100%;height: 40px;line-height: 40px;}
.part03-r dl dt{width: 120px;display: inline-block;height: 40px;text-align: center;font-size: 18px;color: #333;}
.part03-r dl dt:hover{background: #bc212f;color: #fff;cursor: pointer}
.part03-r dl dt.active{background: #bc212f;color: #fff;}
.part03-r section .title-more{position:absolute;top:8px;right: 0;color: #bc212f;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;}

.left-box {
    margin-top: 20px
}
.left-box .left-item {
    display: flex;
    margin-bottom: 10px
}
.left-box .left-item .item-date {
    flex-shrink: 0;
    font-size: 16px;
    width: 68px;
    height: 68px;
    color: #bc212f;
    margin-top: 12px;
    background-color: #e9e9e9;
    text-align: center
}
.left-box .left-item .item-date .item-day {
    font-size: 22px;
    padding: 8px 0 6px
}
.left-box .left-item .item-text {
    text-align: justify;
    margin-left: 20px;
    overflow: hidden;width: calc(100% - 200px);float: right;
}
.left-box .left-item .item-text .item-title {
    line-height: 2;
    font-size: 16px;
    margin-top: 4px;
    cursor: pointer;
    color: #121212;
 
}
.left-box .left-item .item-text .item-content {
    margin-top: 6px;
    color: #7e7e7e;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5
}
.left-box .left-item .item-text .item-content p {
    font-size: 14px!important;
    line-height: 1.5!important;
    color: #666!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
    overflow: hidden!important;
    background: none!important;
    text-indent: 0!important
}

.left-box .left-item .item-img {
    flex-shrink: 0;
    margin-top: 8px;
    width: 180px;
    height: 98px;float: left;
}
.left-box .left-item .item-img img {
    width: 100%;
    height: 100%
}
.left-box .left-item:hover .item-text .item-title{color:#bc212f}
.list-zl-down{margin-top:12px;}
.list-zl-down .download{border-bottom: #ddd 1px solid;padding:8px 0 10px 0;margin-bottom:5px; height: auto;overflow: hidden;}
.list-zl-down .download h2{font-size:16px;float: left;color:#555;line-height: 26px}
.list-zl-down .download span{padding: 7px 15px;font-size: 12px;border-radius: 3px;color: #fff;background-color: #bc212f;border-color: #bc212f;float: right;display: inline-block}
.list-zl-down .download:hover h2{color:#bc212f}
.list-zl-down .download:last-child{border-bottom: 0;}

.list-info-news{margin-top:12px;}
.list-info-news .info-news{border-bottom: #ddd 1px solid;padding:6px 0;margin-bottom:5px; height: auto;overflow: hidden;}
.list-info-news .info-news h2{font-size:16px;float: left;color:#555;line-height: 26px}
.list-info-news .info-news span{padding: 7px 15px;font-size: 16px;color:#555;float: right;display: inline-block}
.list-info-news .info-news:hover h2{color:#bc212f}
.list-info-news .info-news:hover span{color:#bc212f}
.list-info-news .info-news:last-child{border-bottom: 0;}
footer{height: auto;overflow: hidden;width: 100%;margin-top:40px;}
footer .foot01{background: #bc212f;height: 200px;}
footer .foot02{background: #a00f1c;height: 50px;line-height: 50px;text-align: center;}
footer .foot02 p{color: #fff; font:1.1em/1.6 Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;line-height:50px;}
footer .foot01 img{float: left;margin-top:60px;}
footer .foot01 .foot01-link{width:calc(100% - 450px);float: right;margin-top: 45px;}
footer .foot01 .foot01-link h2{font-size: 20px;font-weight: bold;color: #fff;height: auto;overflow:hidden;margin-bottom:15px;}
footer .foot01 .foot01-link ul {font-size: 0;}
footer .foot01 .foot01-link ul li{display: inline-block;margin-right: 2%;width: 18%;margin-top: 15px;}
footer .foot01 .foot01-link ul li a{font-size: 16px;color: #fff;}
.sub{background: #f6f6f6;padding:30px 0 50px 0;}
.list-r{width: 22%;float: right;}
.list-l{width:72%;float: left;}
::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb {
border-radius:4px;
box-shadow:inset 0 0 5px #666;
background:#666
}
::-webkit-scrollbar-track {
background:0 0;
border-radius:1px
}
.mbx{width: 100%;height: 40px;line-height: 40px;}
.mbx img{display: inline-block;vertical-align: middle;margin-bottom:5px;margin-right: 10px;}
.mbx .mbx-z{display: inline-block;color: #555;font-size: 15px;}
.mbx .mbx-z b{font-size: 16px;color: #555;font-weight: normal;}
.mbx .mbx-z a{display: inline-block;margin: 0 5px;color: #333;font-size: 14px;}
.mbx .mbx-z a:first-child{font-weight: bold;}
.mbx .mbx-z a:hover{color: #bc212f;}
.list-l-main{background: #fff;padding: 30px;margin-top: 20px;height: auto;overflow: hidden}
.list-list ul {margin-top: 15px;}
.list-list ul li{padding-bottom:15px;margin-bottom:15px;border-bottom: #f1f1f1 1px solid;height: auto;overflow: hidden}
.list-list ul li h2{font-size: 16px;color: #333;float: left;width: 87%;}
.list-list ul li p{float: right;color: #555;width:13%;font-size: 16px;text-align: center}
.list-list ul li:last-child{border-bottom: 0;}
.list-list ul li:hover h2{color: #BC212F}
.list-list ul li:hover p{color: #BC212f}
.page-nav {
    text-align: center
}
.page-nav .nav-title {
    background-color: #bc212f;
    color: #fff;
    font-size: 26px;
    line-height: 2.8;
    font-weight: 700
}
.page-nav .nav-list {
    background-color: #fff;
    font-size: 18px;
    line-height: 3
}
.page-nav .nav-list .nav-item {
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1
}
.page-nav .nav-list .nav-item a{color: #111}
.page-nav .nav-list .nav-item:last-child {
    border-bottom: none
}
.page-nav .nav-list .nav-item.nav-active a, .page-nav .nav-list .nav-item:hover a {
    color: #bc212f
}
.page-news {
    padding-left: 30px
}
.page-news .news-title {
    position: relative;
    font-size: 26px;
    line-height: 2;
    color: #bc212f;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 700
}
.page-news .news-title:after {
    content: "";
    position: absolute;
    top: 26px;
    left: -30px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #bc212f;
    z-index: 999
}
.page-news .news-title span {
    display: inline-block;
    border-bottom: 1px solid #bc212f
}
.page-news .new-list {
    font-size: 14px
}
.page-news .new-list .news-item {
    position: relative;
    padding-top: 14px
}
.page-news .new-list .news-item:before {
    content: "";
    position: absolute;
    left: -27px;
    top: -26px;
    bottom: 0;
    width: 1px;
    background: #e2e2e2
}
.page-news .new-list .news-item:last-of-type:before {
    bottom: 26px
}
.page-news .new-list .news-item .item-date {
    position: relative;
    color: #bc212f
}
.page-news .new-list .news-item .item-date:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -30px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 999
}
.page-news .new-list .news-item .item-title {
    cursor: pointer;
    line-height: 1.4;
    margin-top: 6px
}
.page-news .new-list .news-item .item-title{color:#333}
.page-news .new-list .news-item .item-title:hover{
    color: #bc212f
}
.page-news .new-list .news-item:hover .item-date:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -30px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #bc212f;
    z-index: 999
}
.article-t{width: 100%;height: auto;overflow: hidden}
.article-t-l{width: 85%;float: left;}
.article-t-l h1{font-size: 22px;color: #bc212f;border-bottom: 1px solid #bc212f; line-height: 2.4;}
.article-t-l p{font-size: 12px;color: #999;line-height: 3;}
.article-t-l p span{margin-right:20px;}
.article-t-r{width: 11%;float: right;text-align: center}
.article-t-r p b{font-size: 16px;display: block;font-weight:normal;}
.article-t-r p{border-bottom: 1px solid #bc212f;text-align: center;color: #bc212f;line-height: 1.8;font-size: 13px;padding-bottom: 1px;}
.article-t-r em{font-style: normal;font-size: 13px;color: #bc212f;line-height: 2.5;}
.fck{margin: 20px auto;width: 100%;height: auto;overflow: hidden}
.fck p,.fck div{line-height: 30px;color: #444;font-size: 16px;}
.article-s h1{font-family: 微软雅黑;font-weight: 500;line-height: 1.1;color: rgb(178, 3, 4);font-size:24px;text-align: center;margin: 30px auto}
.fck-s{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.fck-s p,.fck-s div{line-height:2.5;font-size: 22px;font-family: 仿宋_GB2312;color: #2F2F2F;}
header button { position:absolute; right:50px; top:50px; width:45px; height:24px;  line-height:10px;display: none; }
header button span{display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #bc212f}
.p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#bc212f; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#bc212f; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#bc212f; color:#fff; }
@media screen and (max-width:1368px){
	.wrapper{width: 98%;}
	.wrapper2{width: 98%;}
	header{background-size:100% 100%;}
	.ilogo{margin-left:100px;}
	.part01-l{width: 48%;}
	.part01-r{width: 48%;}
	.part03-l{width: 48%;}
	.part03-r{width: 48%;}
	footer .foot01 .foot01-link ul li a{font-size: 15px;}

	
}
@media screen and (max-width:1280px){
	nav ul{width: 80%;}
	.list-r{width: 25%;}
	
}
@media screen and (max-width:1024px){
	header{height: auto;padding: 30px 0}
	.ilogo{margin-left: 0;float: none;display: inline-block;text-align: center;width: 100%;margin-top: 0;}
	.ilogo a{display: block}
	.ilogo a:nth-child(1) img{margin:0 auto 20px auto;width: 25%;}
	.ilogo a img{width:30%;}
	header button {display: block}
	nav{display: none;height: auto;overflow: hidden;box-shadow: 0}
	nav ul{float: none;width: 100%;}
	nav ul li{width: 100%;float: none;border-bottom: #a00f1c 1px solid;}
	.isearch{float: none;width: 100%;}
	nav ul li i{content:"";display: none}
	nav ul li:hover ul{display: none}
	nav ul li:last-child{border-bottom: 0;}
	.part02-l .mask{width: 83%;margin: 0 auto}
	.part02-l .preview,.part02-l .next{opacity: 1}
	footer{margin-top: 20px;}
	footer .foot01{height: auto;overflow: hidden;width: 100%;margin: 0 auto;text-align: center;padding-bottom: 30px;}
	footer .foot01 .foot01-link{width: 92%;text-align: left}
	footer .foot01 img{float: none;text-align: center;margin-top: 40px;}
	.list-l{width: 100%;float: none;}
	.list-r{float: none;margin: 0 auto;width: 100%;}
}
@media screen and (max-width:800px){
	
	header button{right:60px;top:40px}
	.ilogo a:nth-child(1) img{width: 30%;}
	.ilogo a img{width:35%;}
	.part01-l{width: 100%;float: none;}
	.news-pic{text-align: center}
	.news-pic img{width: 662px;}
	.news-pic-z h2{text-align: left;width: 94%;margin: 20px auto}
	.part01-r{width: 100%;float: none;margin-top: 25px;}
	.swiper-container2 .swiper-button-prev2 ,.swiper-container2 .swiper-button-next2{opacity: 1}
	.part02-l .mask{width: 73%;}
	.part03-l{width: 100%;float: none;}
	.part03-r{width: 100%;float: none;margin-top: 25px;}
	footer .foot01 .foot01-link{width: 96%;}
	footer .foot01 .foot01-link ul li{width: 23%;margin-right: 2%;}
	.part01{margin-top: 0;}

	
}
@media screen and (max-width:480px){
	header{padding:20px 0}
	.ilogo a:nth-child(1) img{width: 40%;}
	.ilogo a img{width:45%;}
	header button{right:20px;top:30px}
	.device{display: none;}
	.news-pic img{width: 400px;height: 236px;}
	.swiper-container2 .swiper-button-prev2 ,.swiper-container2 .swiper-button-next2{top: 20%}
	.part02-l .mask{width: 65%;}
	.part03-l dl dt{width: 95px;font-size: 16px;}
	.part03-l section .title-more{font-size: 14px;}
	.part03-r dl dt{width: 95px;font-size: 16px;}
	.part03-r section .title-more{font-size: 14px;}
	.wrapper{width: 94%;}
	.list-zl-down .download h2{font-size: 14px;}
	.list-info-news .info-news h2{font-size: 14px;}
	.list-info-news .info-news span{font-size: 13px;}
	.list-l-main{padding: 15px;}
	.article-t-l h1{line-height: 2}
	.article-t-l{width: 80%;}
	.article-t-l h1{font-size: 18px;}
	.article-t-r{width: 16%;background: #bc212f;}
	.article-t-r p b{font-size: 14px;}
	.article-t-r p{color: #fff;border-bottom:#fff 1px solid;}
	.article-t-r em{color: #fff}
	.article-t-l p span{margin-right: 10px;}
	.list-list ul li{border-bottom: #ddd 1px solid;}
	.list-list ul li h2{float: none;width: 100%;line-height: 28px}
	.list-list ul li p{float: right;width: 100%;text-align: right;color: #999}
	.article-s h1{font-size:20px;}
	.fck-s div,.fck-s p{font-size: 16px;}
	.fck img{width: 100% !important;height: 100% !important}

	
}
@media screen and (max-width:375px){
		.news-pic img{width: 350px;height: 206px;}
	.part02-l .mask{width: 75%;}
	.part03-l dl dt{width: 85px;}
	.part03-r dl dt{width: 85px;}
	footer .foot01 img{width: 90%;}
	footer .foot01 .foot01-link ul li{width: 50%;margin-right: 0;}
	footer .foot02{height: auto;overflow: hidden;padding: 20px 0;line-height: 26px}
	.ilogo a:nth-child(1) img{width: 45%;}
	.ilogo a img{width:50%;}
	header button{right:10px;}

	
}
@media screen and (max-width:360px){
	.part02-l .mask{width: 78%;}
	.article-t-l{width: 78%}
	.article-t-r{width: 18%;}
	
	
}