@charset "utf-8";
.w { width: 100%; }
.z { width:100%; overflow:hidden; margin-bottom:20px;}
/*----banner*/
.mbanner{ display:none;}
.swiper-container { width: 100%;}
.swiper-slide a{     display: block; width:100%; height:100%;}
.swiper-slide a div.wz{position:absolute;top: 30%;left: 50%;margin-top: 0;color: #fff;width: 80%;max-width: 1600px;margin-left: -800px;z-index:9;  }
.swiper-slide img { max-width: 100%; }
.tab{width: 100%;max-width: 1600px;margin:0 auto;position: absolute;top: 85%;left: 50%;z-index: 9;height: 10%;margin-left: -800px;}
/*----banner end*/
.main{ width:96%; max-width:1600px; margin:40px auto;}
.a{ float:left;}
.china{ width:30%; height:470px; position:relative; border:1px solid #fff; }
.china .pic{ width:100%; height:100%;}
.china .pic img{ width:100%;height:100%;}
.china .font{  position:absolute;  bottom:0; width:90%;height:25%; padding:5%;}
.china .fontwz{ font-size:12px;color:#fff ; line-height:24px; display:none;}
.china .fontwz span{display:block; font-size:16px;}
.china:hover .font{  background: rgba(0,0,0,0.7);}
.china:hover .fontwz { display:block;}
.news{ width:29%; height:470px;padding:0 2%; border:1px solid #ebebeb; margin:0 3.3%;}
.video{width:26%; height:470px;padding:0 2%;border:1px solid #ebebeb;}
.tit{  line-height:56px;height:56px; color:#e60d2e; border-bottom:2px solid #e6e6e6; margin:0 0 20px;}
.tit span{ float:left; padding-left:30px;  font-size:16px; font-weight:bold; border-bottom:2px solid #e60d2e;}
.tit a{ float:right;padding-right:15px;color:#e60d2e; font-size:12px; background:url(../images/more.png) right center no-repeat;}

.newli{}
.mnewli{ display:none;}
.newli li{ margin:0 0 45px; line-height:24px;}
.newli li b{ display:block; font-size:16px; margin-bottom:10px;}
.newli li a.more{ display:block; border:1px solid #949494; color:#4a4a4a; width:124px; height:28px; line-height:28px; text-align:center; border-radius:3px; transition: all .3s ease 0s; margin-top:10px;}
.newli li a.more:hover{ background:#e60d2e; border:1px solid #e60d2e; color:#fff;}
.mnewli li{ margin:0 0 25px; line-height:24px;}
.mnewli li img{ display:none; width:100%;margin-bottom:10px;}
.mnewli li b{ display:block; font-size:16px; margin-bottom:10px;}
.mnewli li a.more{ display:block;  width:80px; height:24px; line-height:24px; text-align:center; border-radius:3px; transition: all .3s ease 0s; margin-top:10px;background:#e60d2e; border:1px solid #e60d2e; color:#fff;}



.videowz{ line-height:24px;}
.videowz b{ display:block;font-size:16px; margin-bottom:10px;}
.videoimg{ width:100%; position:relative;margin:20px 0;}
.videoimg a{ display:block;}
.videoimg img{ width:100%; height:100%; }
.videoimg em{ background:url(../images/sbo.png) center center /contain no-repeat; left:4%; bottom:8%; width:72px;height:72px; position:absolute; z-index:9;}

.fazhan{ width:26%; height:418px;padding:0 2%;border:1px solid #ebebeb;}
.fazhan2{ width:29%; height:418px;padding:0 2%; border:1px solid #ebebeb; margin:0 3.3%;}

.fazhanimg{ width:100%;}
.fazhanimg img{ width:100%; height:180px;}
.fazhanwz{ margin:20px 0;line-height:24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fazhanwz b{ display:block;font-size:16px; margin-bottom:10px;}

.element{  width:70%;background:url(../upload/AL1022.jpg) center center /cover no-repeat; }
.element ul{ overflow:hidden; position:relative;}
.element ul li{ width:171px; height:171px; float:left; line-height:normal;}
.element ul li span{font-family: Arial, Helvetica, sans-serif;  font-size:3.4em; text-indent:20px; transition: all .5s ease 0s;}
.element ul li span em{font-family:"微软雅黑"; display:block; font-size:15px;font-weight:bold;}
.element ul li img{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;  transition: all .5s ease 0s;}
.element ul li a{ color:#e60d2e; display:block;}
.element ul li span{ display:block;position:absolute; z-index:9; background:rgba(241,241,241,0.8);  color:#e60d2e; }
.element ul li:hover span{background:rgba(70,70,70,0.8); color:#fff; }
.element ul li:hover a{color:#fff;}
.element ul li:hover img{ display:block;}
/*
.element ul .icon2 span{ background:rgba(70,70,70,0.8); color:#fff; }
.element ul .icon2 a{color:#fff;}
.element ul .icon2 img{ display:block;}.icon1{ position:absolute; top:0; left:0;}
.icon2{ position:absolute; top:0; left:162px;}
.icon3{ position:absolute; top:0; left:486px;}
.icon4{ position:absolute; bottom:0; left:0;}
.icon5{ position:absolute; bottom:0; left:324px;}
*/
.icon1{ margin-right:1px;}
.icon3{ margin:0 320px 0 173px ;}
.icon4{ margin-top:1px;}
.icon5{ margin-left:173px; margin-top:1px;}
.icon5 em{ margin:60px 0 0;}





.focus{ width:30%; }
.focus img{ width:100%;}

.link{  width:100%; overflow:hidden; margin-bottom:20px;}
.link .tit{ border-bottom:1px solid #e6e6e6;}
.link .tit span{ border-bottom:1px solid #e60d2e;}

.link_list{ overflow:hidden;}
.link_list li{ width:25%; float:left;}
.link_list li img{ max-width:100%; display:block;height:60px;}
.link_list li span{display:block; text-align:center;    line-height: 40px;}
.link_list li:hover span{color:#e60d2e;}
/*.link_list .swiper-slide{ width:33.3%; float:left;}
.link_list .swiper-slide img{ max-width:100%; display:block;height:60px;}
.mlink_list{ display:none; overflow:hidden;}
.mlink_list .swiper-slide{ width:50%; float:left;}
.mlink_list .swiper-slide img{ max-width:100%; display:block;height:40px;}*/



@media screen and (max-width:1700px)  and (min-width:1280px){
.swiper-slide a div.wz{max-width: 1200px;margin-left: -600px;}
.tab{width: 100%;max-width: 1200px;margin-left: -600px;}
.newli li{ margin:0 0 25px;}
.news,.fazhan2{ margin:0 3.2%;}
/*.icon3{ margin:0 160px 0 162px ;}*/
/*1366px-1280px*/
.element ul li{ width:140px; height:140px; float:left; }
.icon3{ margin:0 220px 0 140px ;}
.icon5{ margin-left:140px;}
}

@media screen and (max-width:768px)  {
.mbanner{ display:block;}
.banner{display:none;}
.swiper-slide a div.wz{max-width: 100%;margin-left:0px;  top: 30%; left: 2%; font-size:12px;line-height:30px;}
.swiper-slide img { width: 100%; }
.tab{max-width: 100%;position: absolute;left: 0;margin-left:0px;}
.main{ margin:20px auto;}
.tit span{ font-size:14px; }

.china{ display:none;}
.news{ width:100%; box-sizing:border-box; height:auto; margin:0 0 20px ;}

.newli{ display:none;}
.mnewli,.mnewli li:first-child img{ display:block;}
.mnewli li{  font-size:12px; }
.mnewli li b{ font-size:14px; }
.mnewli li a.more{ font-size:12px;}
.fazhan{ width:100%; height:auto;box-sizing:border-box;}
.fazhan2{ width:100%; height:auto;margin:20px 0;box-sizing:border-box;}
.fazhanimg img{ width:100%; height:auto;}
.fazhanwz{ font-size:12px; }
.fazhanwz b{font-size:14px;}

.video{ width:100%;  box-sizing:border-box; height:auto;margin:0 0 20px ;}
.videowz{  font-size:12px; }
.videowz b{font-size: 14px;}
.videoimg em{width: 40px;height: 40px;}

.element,.focus{ width:100%; }
.element ul li{ width:25%; float:left; }
.element ul li span{  font-size:20px; text-indent:10px;}
.element ul li span em{ font-size:12px;}

.icon3{ margin:0 0 0 24%; }
.icon5{ margin-left:25%;}
.icon5 em{ margin:30px 0 0;}
.focus{ margin:20px 0 0; }

/*.link_list{display:none;}
.mlink_list{display:block;}
.mlink_list li{ width:50%; float:left; margin-bottom:20px;}*/

.link_list li{ width:33.3%; float:left;}
.link_list li img{ max-width:100%; display:block;height:34px;}
.link_list li span{display:block; text-align:center;    font-size: 12px;
    line-height: 40px;}

}
 @media screen and (max-width:360px) {

}