/*banner*/
.banner {width:100%; height:auto; position:relative; overflow:hidden;}

.swiper-slide > img {
    /*width: 100%;*/
    display: block;
}
.swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
    opacity:1 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #B70900 !important;
}
.swiper-pagination{left: 50%;}
/*展会预览*/
.zhyl_box{width: 100%;background: #fff;padding:80px 0;position: relative;}
.dxw>h5>a{font-size:16px;}
/*动画*/
.pbox>p{background: transparent;border-radius: 4px;}
.p1{width: 4px;height:0px;position: relative;}
.ww{animation:mymove4 1s;animation-fill-mode:forwards;}
@keyframes mymove4{
	from {height:0px;}
	to {height:60px;}
}
.p2{width: 4px;height:0px;transition: 1s;position: relative;top: 5px;}
.bb{animation:mymove2 0.5s;animation-fill-mode:forwards;}
@keyframes mymove2{
	from {height:0px;}
	to {height:30px;}
}
.p3{width: 0px;height: 4px;position: absolute;left: -13px;transition: 1s;bottom:8px;}
.cc{animation:mymove3 0.5s;animation-fill-mode:forwards;}
@keyframes mymove3{
	from {width:0px;}
	to {width:30px;}
}
.dd{/*animation:rotate 2s infinite linear;*/width: 30px;height: 4px;transform:rotate(90deg);}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/
.ee{/*animation:rotate 2s infinite linear;*/width: 4px;height: 30px;transform:rotate(90deg);}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/
.pbox1{position: absolute;right: 50px;top:-5px;}

.zhyl {
}

.zh_lf {
    width: 60%;
    float: left;
}

.zhlt p {
    background: #b70900;
    float: left;
    width: 13%;
    font-size: 36px;
    height: 290px;
    line-height: 40px;
    text-align: center;
    padding-top: 50px;
    overflow: hidden;
    position: relative;
}

.zhlt p span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/qq.png);
    left: 0;
    top: 0;
    z-index: 11;
}

.aa {
    animation: mymove 5s;
    animation-fill-mode: forwards;
}

@keyframes mymove {
    from {
        left: 0px;
    }
    to {
        left: 200px;
    }
}

.zhlt p a {
    z-index: 12;
    position: relative;
    color: #fff;
    display: block;
}

.zhlt img {
    display: block;
    float: left;
    width: 87%;
}

.zhlb {
    position: relative;
}

.zhlb > p {
    float: left;
    width: 13%;
    height: 150px;
    border: 1px solid #B70900;
}

.zhlb div {
    width: 95%;
    position: absolute;
    background: #fff;
    margin-left: 5%;
    padding: 15px 0;
    top: 24px;
}

.dxw a h5, .zh_ul li a h5, .xw_ul li a h5 {
    font-size: 19px;
    margin-bottom: 10px;
    color: #333333;
}

.dxw a p {
    font-size: 15px;
    color: #a1a1a1;
}

.dxw p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

.zh_rg {
    width: 37%;
    float: right;
    height: 475px;
    overflow: hidden;
}

.zh_ul {
    position:relative;
}

.zh_ul li {
    /*margin-bottom: 15px;*/
    padding:0px 0px 0px 45px;
    width: 100%;
    height:159px;
    background-position-x: -50%;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    /*border-bottom:2px solid #e2e2e2;*/
    position:relative;
}

.zh_ul li:after {
    position:absolute;
    left:46px;
    width:calc(100% - 46px);
    bottom:0;
    content: ' ';
    background:#e2e2e2;
    height:2px;
}


.zh_ul li:last-of-type {
    margin-bottom:0;
    border:none;
}
.zh_ul li .zhsj{float: left;width: 20%;color: #666666;margin-top:7px;}
.zh_ul li .zhsj b{display: block;font-size:40px;font-weight: 100;margin-bottom:4px}
.zh_ul li .zhsj sub{font-size: 14px;}
.zh_ul li a h5{margin-bottom: 10px;}
.zh_ul li a{float: left;width:80%;display: block;}
.zh_ul li a p{color: #666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important;max-height:48px;}
.zh_ul li:hover a h5,.zh_ul li:hover .zhsj{color: #B70900;}

.zh_ul li.mt-tabpage-item-cur{
    background:url(../images/exhi-curr.png) no-repeat #eaeaea;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.yf_box{margin-top:50px;position:relative;}
.cx{width: 100%;height: 5px;background: #efefef;border-radius:5px;position:absolute;top:3px;}
.yf_ul{width: 85%;position: relative;z-index: 11;float: left;}
.yf_ul li{float: left;width:8.3%;text-align: center;}
.yd{display: block;width: 12px;height:12px;border-radius:12px;background: #333333;margin:0 auto 5px;}
.yf_ul li:hover .yd,.list{background: transparent;border: 2px solid #B70900;}
.yf_ul li:hover .list9{background: #ccc !important;border: 2px solid #ccc !important;}
.yf_ul li:hover,.list2{color: #B70900;cursor: pointer;}
.yf_ul .list10:hover{color: #ccc;cursor: auto;}
.list10{color: #ccc;cursor: auto;}
.list9{background: #ccc;border: 2px solid #ccc;}
.common_da{ width: 100%; height:35px;position: absolute;}
.content_middle{height:35px;margin:0px auto;position:relative;width: 15%;float: left;}
.content_middle .common{display: block;width:35px;height: 35px;position: absolute;z-index: 25;top:96%;margin-top: -46px;display: block;}
.content_middle .btnLeft{opacity: 1;left:0px;background: url(../images/zhyl_07.jpg) no-repeat;}
.content_middle .btnRight{opacity: 1;right:-16px;background: url(../images/zhyl_08.jpg) no-repeat;}
.content_middle ul li{width:71%;background: #B70900;color: #fff;line-height: 38px;text-align: center;border-radius:35px;height:35px;opacity: 0;font-size: 25px;filter: alpha(opacity=0);margin:0px auto;position: absolute;top: -10px;left: 35px;}
/*展会品牌*/
.zhpp_box{background: #f7f7f7;padding:80px 0;position: relative;}
/*动画*/
.pbox>p{background:transparent;border-radius: 4px;}
.p21{width:0px;height:4px;position: relative;}
.ww2{animation:mymove42 1s;animation-fill-mode:forwards;}
@keyframes mymove42{
	from {width:0px;}
	to {width:60px;}
}
.p22{width: 4px;height:0px;transition: 1s;position: relative;top: -17px;left: 78px;}
.bb2{animation:mymove22 0.5s;animation-fill-mode:forwards;}
@keyframes mymove22{
	from {height:0px;}
	to {height:30px;}
}
.p23{width: 0px;height: 4px;position: absolute;left: 65px;transition: 1s;top:0px;}
.cc2{animation:mymove32 0.5s;animation-fill-mode:forwards;}
@keyframes mymove32{
	from {width:0px;}
	to {width:30px;}
}
.dd{/*animation:rotate 2s infinite linear;*/width: 30px;height: 4px;}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/
.ee{/*animation:rotate 2s infinite linear;*/width: 4px;height: 30px;}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/


.exhibition-brand-wrap{
    margin-top:40px;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.exhibition-brand{
    width:50%;

    /*margin-bottom:28px;*/


    padding:0 5px 5px 5px;
    /*border-bottom:1px dashed rgba(0,0,0,.1);*/

    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;


}
.exhibition-brand:hover{

    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.exhibition-brand:nth-of-type(1){
    background:rgba(183,10,1,0.7);
}
.exhibition-brand:nth-of-type(2){
    background:rgba(101,216,193,0.7);
}
.exhibition-brand:nth-of-type(3){
    background:rgba(145,222,186,0.7);
}
.exhibition-brand:nth-of-type(4){
    background:rgba(92,199,214,0.7);
}

.exhibition-brand:nth-of-type(1):hover{
    background:rgba(183,10,1);
}
.exhibition-brand:nth-of-type(2):hover{
    background:rgba(101,216,193);
}
.exhibition-brand:nth-of-type(3):hover{
    background:rgba(145,222,186);
}
.exhibition-brand:nth-of-type(4):hover{
    background:rgba(92,199,214);
}

.exhibition-brand:nth-of-type(1) .exhibition-brand-tit{
    /*color:#ec4744;*/
}
.exhibition-brand:nth-of-type(2) .exhibition-brand-tit{
    /*color:#65c5b5;*/
}
.exhibition-brand:nth-of-type(3) .exhibition-brand-tit{
    /*color:#aaeccd;*/
}
.exhibition-brand:nth-of-type(4) .exhibition-brand-tit{
    /*color:#5cc7d6;*/
}
.exhibition-brand-tit{
    /*width:230px;*/
    font-size: 22px;
    font-weight: bold;
    color:#fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border-radius:8px;*/
    padding:30px 0;
    line-height: 25px;
}
.exhibition-brand-box{
    /*width:calc(100% - 235px);*/
    background:#fff;
}
.exhibition-brand-box .swiper-slide a img{
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.exhibition-brand-box .swiper-slide a:hover img{
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    transition: all 0.6s linear;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);


}
.exhibition-brand-box .swiper-container{
    padding-bottom:45px;
    min-height:225px;
}
.exhibition-brand-box .swiper-pagination-bullet{
    background:#f2e9ea !important;
}
.exhibition-brand-box .swiper-pagination-bullet-active{
    background:#B70900 !important;
}
.exhibition-brand-box:after{
    display:block;
    content:'';
    clear:both;
}
.exhibition-brand-box a{
    width:calc(25% - 10px);
    margin:5px;
    float:left;
    height:90px;
    line-height:86px;
    text-align:center;
    border-right:1px solid rgba(0,0,0,.1);
    border-bottom:1px solid rgba(0,0,0,.1);
}
.exhibition-brand-box a img{
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}

.pbox2{position: absolute;left:0px;top:-2px;}
.zhpp{position: relative;}
.zx{width: 100%;background: red;height: 1px;position: absolute;top: 15px;}
.ff-container{
	width: 100%;
	margin: 10px auto 30px auto;
}
.ff-container h2{font-size:36px;color: #333;float: left;width:20%;/*background: #F7F7F7;*/position:relative;z-index: 11;}
.ff-container .ff-companys{
	width:100%;
	position: relative;
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ff-container .ff-companys .ff-companys-item{
	width:12.5%;
	overflow: hidden;
	position:relative;
}
.ff-container .ff-companys .ff-companys-item:nth-child(1){background: #c8e4e2;}
.ff-container .ff-companys .ff-companys-item:nth-child(2){background: #e0f1f4;}
.ff-container .ff-companys .ff-companys-item:nth-child(3){background: #e6f1d4;}
.ff-container .ff-companys .ff-companys-item:nth-child(4){background: #f7f7d1;}
.ff-container .ff-companys .ff-companys-item:nth-child(5){background: #d7ecfb;}
.ff-container .ff-companys .ff-companys-item:nth-child(6){background: #e8f0f5;}
.ff-container .ff-companys .ff-companys-item:nth-child(7){background: #dbe3f1;}
.ff-container .ff-companys .ff-companys-item:nth-child(8){background: #daeff7;}
.ff-container .ff-companys .ff-companys-item:hover{background: #b70900;}
.ff-companys .ff-companys-img{
	width: 100%;
	overflow: hidden;
}
.ff-companys .ff-companys-img img{width:100%;float: left;}
.ff-companys .ff-companys-content{
	width:calc(100% - 5px);
	margin-left: 5px;
	overflow: auto;
	background: white;
	margin-bottom: 5px;
}
.ff-companys .ff-down-arrow{
	width:calc( 100% - 5px );
	height:20px;
	line-height:20px;
	font-size:16px;
	text-align:center;
	color:#999;
	background:white;
	border:1px solid #f2f2f2;
	position:absolute;
	bottom:5px;
	left:5px;
	z-index:100;

cursor: pointer;
display:none;
}
.ff-container .ff-companys .ff-companys-item:hover .ff-down-arrow{
	background:#B70900;
	color:white;
	border:1px solid #B70900;
}
.ff-companys .ff-down-arrow:hover{
	background:#B70900;
	color:white;
	border:1px solid #B70900;
}
.ff-companys .ff-companys-content .ff-companys-i{
	width:100%;
	overflow: hidden;
	position:relative;
	height:0;
	padding-bottom:59.88%;
}
.ff-companys .ff-companys-content .ff-companys-i img{float: left;width: 100%;height:100%;position:absolute;top:0;left:0;
-webkit-transition: 0.5s ;
-moz-transition: 0.5s ;
-ms-transition: 0.5s ;
-o-transition: 0.5s ;
transition: 0.5s ;
cursor: pointer;
}
.ff-companys .ff-companys-content .ff-companys-i img:hover{
	-webkit-transform:translateZ(0) scale(1.6);
	-moz-transform:translateZ(0) scale(1.6);
	-ms-transform: translateZ(0) scale(1.6);
	-o-transform: translateZ(0) scale(1.6);
	transform:translateZ(0) scale(1.6);
}
.ff-container label{
	width:7.6%;text-align: center;
	height: 30px;margin-left: 1%;
	cursor: pointer;
	color: #fff;position:relative;z-index: 11;
	line-height:30px;
	font-size:15px;
	background: rgba(0,0,0,0.2);
	border: 1px solid rgba(255,255,255,0.2);
	float:left;border-radius:50px;
}
.ff-container label:nth-of-type(1){margin-left: 0;}
.ff-container label span{display:inline-block;background-size: 100% 100% !important;position: relative;height: 20px;top:3px;margin-right:4px;}

.ff-container label:nth-of-type(2) span{background: url(../images/index08-24_03.png);width: 13px;}
/*.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1 span{background: url(../images/index08-24_03.png);}*/
.ff-container label:nth-of-type(3) span{background: url(../images/index08-24_12.png);width:17px;height: 14px;top: 2px;}
/*.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2 span{background: url(../images/pph_12.png);}*/
.ff-container label:nth-of-type(4) span{background: url(../images/index08-24_14.png);width: 14px;}
/*.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3 span{background: url(../images/pph_14.png);}*/
.ff-container label:nth-of-type(5) span{background: url(../images/index08-24_16.png);width: 14px;}
/*.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4 span{background: url(../images/pph_16.png);}*/
.ff-container label:nth-of-type(6) span{background: url(../images/index08-24_05.png);width: 13px;}
/*.ff-container input.ff-selector-type-5:checked ~ label.ff-label-type-5 span{background: url(../images/pph_05.png);}*/
.ff-container label:nth-of-type(7) span{background: url(../images/index08-24_19.png);width: 12px;height: 14px;margin-right: 2px;top: 1px;}
/*.ff-container input.ff-selector-type-6:checked ~ label.ff-label-type-6 span{background: url(../images/pph_19.png);}*/
.ff-container label:nth-of-type(8) span{background: url(../images/index08-24_07.png);width: 14px;}
/*.ff-container input.ff-selector-type-7:checked ~ label.ff-label-type-7 span{background: url(../images/pph_07.png);}*/
.ff-container label:nth-of-type(9) span{background: url(../images/index08-24_09.png);width: 12px;}
/*.ff-container input.ff-selector-type-8:checked ~ label.ff-label-type-8 span{background: url(../images/pph_09.png);}*/
.ff-container label:nth-of-type(10) span{background: url(../images/index08-24_22.png);width: 12px;height: 14px;margin-right: 4px;top: 1px;}
/*.ff-container input.ff-selector-type-9:checked ~ label.ff-label-type-9 span{background: url(../images/pph_19.png);}*/


.ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,
.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3,
.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4,
.ff-container input.ff-selector-type-5:checked ~ label.ff-label-type-5,
.ff-container input.ff-selector-type-6:checked ~ label.ff-label-type-6,
.ff-container input.ff-selector-type-7:checked ~ label.ff-label-type-7,
.ff-container input.ff-selector-type-8:checked ~ label.ff-label-type-8,
.ff-container input.ff-selector-type-9:checked ~ label.ff-label-type-9{
	background: #B70900;
	color: #fff;
	border:1px solid rgba(255,255,255,0.2);
}
.ff-container input{
	display: none;
}
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top:70px;
}
/*.ff-items li span{display: block;width: 50px;height: 50px;background:url(../images/xd.jpg);position: absolute;left:-25px;bottom: -25px;z-index: 111;border-radius:50px;overflow: hidden;}*/
.ff-items li span:nth-of-type(2){right: -25px;left:initial;}
.ff-items a{
	display: block;
	position: absolute;
	z-index: 11;width: 100%;height: 100%;
}
.ff-items a span{
	display: block;
	background: rgba(113,123,161, 0.9);
	font-style: italic;
	color: #fff;
	font-weight: bold;
	padding: 20px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 120px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ff-items a:hover span{
	height: 80px;
	opacity: 1;
}
.ff-items li img,.ff-items li a img{height:auto;width:100%;margin: 0%;}
.ff-items li>img{
	display: block;position: absolute;left: 0px;top: 0px;
	transition: 1s;
}
.ff-items li a img{display: block;margin: auto;transition: 1s;}
.ff-items li:hover a img,.ff-items li:hover>img{transform: scale(1.3);}
.ff-items li{
	margin: 0px;
	float: left;border-bottom: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);
	width: 20%;
	height: 154px;position: relative;line-height: 154px;text-align: center;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
.ff-items li:nth-of-type(5),.ff-items li:nth-of-type(10),.ff-items li:nth-of-type(15),.ff-items li:nth-of-type(20),.ff-items li:nth-of-type(24){border-right: 1px solid rgba(255,255,255,0.2);}
.ff-items li:nth-of-type(21),.ff-items li:nth-of-type(22),.ff-items li:nth-of-type(23),.ff-items li:nth-of-type(24){border-bottom: none;}
.ff-items li:nth-of-type(21) span,.ff-items li:nth-of-type(22) span,.ff-items li:nth-of-type(23) span,.ff-items li:nth-of-type(24) span{background: #F7F7F7;}
.img2{display: none !important;}
.ff-container input.ff-selector-type-all:checked ~ .ff-items li .img2{display: none;}

/*.ff-container input.ff-selector-type-all:checked ~ .ff-items li img,*/
.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1 .img1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2 .img1,
.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3 .img1,
.ff-container input.ff-selector-type-4:checked ~ .ff-items .ff-item-type-4 .img1,
.ff-container input.ff-selector-type-5:checked ~ .ff-items .ff-item-type-5 .img1,
.ff-container input.ff-selector-type-6:checked ~ .ff-items .ff-item-type-6 .img1,
.ff-container input.ff-selector-type-7:checked ~ .ff-items .ff-item-type-7 .img1,
.ff-container input.ff-selector-type-8:checked ~ .ff-items .ff-item-type-8 .img1,
.ff-container input.ff-selector-type-9:checked ~ .ff-items .ff-item-type-9 .img1{
	opacity: 1;display: block !important;      box-shadow: 0 4px 12px rgba(193, 9, 0, 0.6);
}

.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) .img1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) .img1,
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) .img1,
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4) .img1,
.ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.ff-item-type-5) .img1,
.ff-container input.ff-selector-type-6:checked ~ .ff-items li:not(.ff-item-type-6) .img1,
.ff-container input.ff-selector-type-7:checked ~ .ff-items li:not(.ff-item-type-7) .img1,
.ff-container input.ff-selector-type-8:checked ~ .ff-items li:not(.ff-item-type-8) .img1,
.ff-container input.ff-selector-type-9:checked ~ .ff-items li:not(.ff-item-type-9) .img1{
	display:none !important;
}


/*展会新闻*/
.zhxw_box{position: relative;height:auto;position:relative;background: url(/images/spbg.jpg); }
/*动画*/
.pbox>p{background:transparent;border-radius: 4px;}
.p31{width:0px;height:4px;position: relative;}
.ww3{animation:mymove43 1s;animation-fill-mode:forwards;}
@keyframes mymove43{
	from {width:0px;}
	to {width:60px;}
}
.p32{width: 4px;height:0px;transition: 1s;position: relative;top: -17px;left:-22px;}
.bb3{animation:mymove23 0.5s;animation-fill-mode:forwards;}
@keyframes mymove23{
	from {height:0px;}
	to {height:30px;}
}
.p33{width: 0px;height: 4px;position: absolute;left:-35px;transition: 1s;top:0px;}
.cc3{animation:mymove33 0.5s;animation-fill-mode:forwards;}
@keyframes mymove33{
	from {width:0px;}
	to {width:30px;}
}
.dd{/*animation:rotate 2s infinite linear;*/width: 30px;height: 4px;}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/
.ee{/*animation:rotate 2s infinite linear;*/width: 4px;height: 30px;}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/
.pbox3{position: absolute;right:0px;top:-2px;z-index: 1111;}
.zhxw{padding: 0px 0 90px;position:relative;}
.zhxw .zh_nTit{width:50%;height:40px;line-height:40px;font-size:36px;font-weight:bold;color:#333;position:absolute;top:60px;left:0;z-index:1;padding-left:20px;}
.zhxw .zh_vTit{width:50%;height:40px;line-height:40px;font-size:36px;font-weight:bold;color:#333;position:absolute;top:60px;right:0;z-index:1;padding-left:20px;}
.zhxw h2{font-size: 36px;color: #333;margin-bottom: 50px;position: relative;top: 32px;    visibility: hidden !important;}
.xw_lf,.xw_rg{width: 50%;height:926px;position: absolute;}
.xw_lf{background: #fff;left: 0;}
.xw_rg{background: url(../images/xw_rgbg_03.jpg);right: 0;}
.xwnr,.zhsp{float: left;height: auto;}
.xwnr{width:50%;}
.xw_ul{width: 100%;background: #fff;-webkit-box-shadow:0 0 10px rgba(184, 180, 180, .5);
  -moz-box-shadow:0 0 10px rgba(184, 180, 180, .5);
  box-shadow:0 0 10px rgba(184, 180, 180, .5);padding:40px 50px;position:relative;z-index: 11;top: 59px;}
.xw_ul li{margin-bottom:35px;}
/*.xw_ul li:last-of-type{margin-bottom: 0;}*/
.xw_ul li:nth-of-type(3){margin-bottom: 0;}
.xw_ul li .zhsj{float: left;width:20%;color: #666666;margin-top:7px;font-family: "思源黑体 cn";text-transform:none;}
.xw_ul li .zhsj b{display: block;font-size:14px;font-weight: 100;margin-bottom:4px;float: left;font-weight: 600;}
.xw_ul li .zhsj span{float: left;font-size:30px;font-weight: bold;position: relative;top: 33px;left: -16px;color: #666;font-family: Arial}
.xw_ul li .zhsj span:first-of-type{top: 15px;left: -10px;}
.xw_ul li .zhsj sub{font-size:22px;position: relative;top: -15px;}
.xw_ul li a h5{margin-bottom: 18px;line-height:20px;height:40px;overflow:hidden;font-size:16px;}
.xw_ul li a{float: left;width:80%;display: block;}
.xw_ul li a p{color: #666666;font-size: 14px;line-height:20px;height:60px;overflow:auto;position:relative;}

.xw_ul li:hover a h5,.xw_ul li:hover .zhsj,.xw_ul li:hover .zhsj span{color: #B70900;}
/*.wl{position: relative;top:-64px;}*/
.wl a img{float: left;}
.bg{position: absolute;right: 0;top: -44px;}
.wz{float: left;margin-top:100px;font-size:22px;color: #fff;line-height: 30px;margin-left: 80px;}
.zhsp{width:50%;}
.wk{float: right;left:-210px;position: relative;}
.ewn{position: absolute;right: 0;top: 50px}
.zhsp h2{text-align: right;/*border-bottom: 1px solid #B70900;*/padding-bottom:20px;position: relative;/*margin-top: 154px*/;top: -40px;}
/*.zhsp h2 span{display: block;width:30px;height: 5px;background: #B70900;position: absolute;right:57px;top:39px;border-radius: 15px;}*/
.zhsp video{width:100%;}
.sp_box{position: relative;width:100%;float: right;top: -56px;display:flex;align-items:center;background:white;}
.bfang{position: absolute;left:calc( 50% - 35px );top:41%;}
/*立春网*/
.lcwbox{background: #b70900;}
/*合作伙伴*/
.hzhb_box{position: relative;}
.more4{display: block;text-align: center;color: #B70900;position: relative;top: 35px;}
.more4 img{display: block;margin:0 auto -16px;width: 40px;}
.f-hzbb{width:100%;overflow:hidden;position:relative;display:flex;flex-wrap:wrap;}
.f-hzbb a{width:10%;margin:0 0 30px 1%;display:block;overflow:hidden;}
.f-hzbb a img{width:100%;float:left;}
/*动画*/
.pbox>p{background:transparent;border-radius: 4px;}
.p41{width:4px;height:0px;position: relative;top: 35px;}
.ww4{animation:mymove44 1s;animation-fill-mode:forwards;}
@keyframes mymove44{
	from {height:0px;}
	to {height:60px;}
}
.p42{width: 4px;height:0px;transition: 1s;position: relative;top: -61px;left:0px;}
.bb4{animation:mymove24 0.5s;animation-fill-mode:forwards;}
@keyframes mymove24{
	from {height:0px;}
	to {height:30px;}
}
.p43{width: 0px;height: 4px;position: absolute;left:-13px;transition: 1s;top:11px;}
.cc4{animation:mymove34 0.5s;animation-fill-mode:forwards;}
@keyframes mymove34{
	from {width:0px;}
	to {width:30px;}
}
.dd{/*animation:rotate 2s infinite linear;*/width: 30px;height: 4px;}
@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}
.ee{/*animation:rotate 2s infinite linear;*/width: 4px;height: 30px;}
/*@keyframes rotate{
    from{ transform:rotate(0deg)}
    to{ transform:rotate(360deg)}
}*/
.pbox4{position: absolute;left:50px;top:0px;z-index: 11111;}
.wl a>img{position:relative;top:100px;}
/*媒体查询*/
@media screen and (max-width:1920px){
	.content_middle ul li{width: 74%;}
	.xw_ul li{margin:16px 0;}
	.sp_box{top: -32px;}
	.zhlt img{height:290px;}
.ewn{top: 30px;}
.wk{height:220px;}
.wl a>img{position:relative;top:81px;}
.wz{    margin-top: 82px;margin-left: 50px;}
}
@media screen and (max-width:1440px){

	.content_middle ul li{width: 70%;}
	.zhlt p{height: 261px;}
	.zhlt img{height:261px;}
	.zh_ul li a p{}
	.zh_ul li{}
	.zhlb div{top: 14px;}
	.xw_ul li{margin-bottom:15px;}
	.xw_ul{padding: 20px 40px;}
	.wz{font-size: 18px;}
	.wk{height: 200px;}
	.sp_box{top: -27px;}
	.wz{margin-top:73px;}
	.wl a>img{position:relative;top:70px;}
	.ff-items li{height:140px;}
	.xw_ul{top:64px;}
	.ewn{top: 43px;height: 115px;}
	.dxw a h5, .zh_ul li a h5, .xw_ul li a h5{font-size: 18px;}
	.zh_ul li{height: 140px;}
    .zh_rg{
        height: 418px;
    }

}
@media screen and (max-width:1366px){
	.content_middle ul li{width: 69%;}
	.zhlt p{height: 244px;}
	.zhlt img{height:244px;}
	.zh_ul li a p{}
	.zh_ul li{}
	.xw_ul li{margin-bottom:12px;}
	.xw_ul{padding: 20px 40px;}
	.wz{font-size: 18px;}
	.wk{height: 180px;}
	.wz{margin-top:61px;margin-left: 34px;}
	.sp_box{top: -27px;}
	.wl a>img{position:relative;top:57px;}
	.ff-items li{height:132px;}
	.xw_ul{top:64px;}
	.ewn{top: 37px;height: 110px;}
	.dxw a h5, .zh_ul li a h5, .xw_ul li a h5{font-size: 17px;}
}
@media screen and (max-width:1280px){
	.content_middle ul li{width: 67%;}
	.zhlt p{height: 232px;}
	.zhlt img{height:232px;}
	.zh_ul li a p{}
	.zh_ul li{}
	.xw_ul li{margin-bottom:12px;}
	.xw_ul{padding: 20px 30px;
    top: 64px;}
	.wz{font-size: 18px;}
	.wk{height: 150px;}
	.sp_box{top: -27px;}
	.wz{margin-top:47px;margin-left: 34px;}
.wl a>img{top:40px;}
.ff-items li{height:125px;}
.ewn{top: 26px;height: 100px;}
}
@media screen and (max-width:980px){


	.zhxw .zh_nTit{position:relative;top:0;padding:0;font-size:20px;float:left;height:60px;line-height:60px;}
	.zhxw .zh_vTit{position:relative;top:0;padding:0;font-size:20px;float:left;height:60px;line-height:60px;}

	.zhlt p span,.zhlb>p,.ff-container label,.ff-items li span,.pbox{display: none;}
	.zhyl_box,.zhpp_box,.zhxw,.hzhb_box{padding:10px 0;}
	.zh_lf,.zhlt img,.zhlb div,.zh_rg,.yf_ul,.ff-container h2,.xw_lf, .xw_rg,.xwnr,.xw_ul,.zhsp,.sp_box{width: 100%;}
	.zhlt p{float: none;width: 100%;height: auto;padding-top: 0;text-align: left;font-size: 20px;background: transparent;font-weight: 600;}
	.zhlt img{height:auto;}
	.zhlt p a{color: #333;}
	.zhlb div{margin: 0;position: relative;top: 0;}
	.yf_box{margin-top: 0;}
	.content_middle{width:48%;margin: 20px auto 5px;left: 26%;}
	.yf_ul li b span{display: none;}
	.ff-container h2,.zhxw h2,.hzhb h2{font-size: 20px;    padding-left: 2%;}
	.ff-items{padding-top: 0;}
	.ff-items li{border: none !important;width: 33.33%;height:70px;}
	.ff-container{margin-bottom: 0;}
	.zhxw h2,.hzhb h2{margin-bottom: 20px;}
	.xw_lf, .xw_rg{height: auto;}
	.xw_ul{position: relative;padding:10px 5px;}
	.xw_ul li .zhsj span{left: 31px;top: 5px;}
	/*.xw_ul li .zhsj span:first-of-type{left: 34px;top: 10px;}*/
	.xw_ul li a{margin-left: 2%;width: 78%;}
	.xw_ul li a h5{font-size: 17px;}
	.xw_ul li a p{font-size: 14px;}
	.wl{top:20px;}
	.bg{height: 50px;top:60px;}
	.wz{font-size: 12px;width:100%;    margin: 27px 0 16px 0;text-align:center;}
	.zhsp h2{margin-top:37px;text-align: left;padding-bottom: 13px;}
	.zhsp h2 span{left: 42px;right: initial;top: 32px;}
	.sp_box{top:0px;}
	.zhxw_box{height: auto;padding: 20px 0;}
	.dxw a h5, .zh_ul li a h5, .xw_ul li a h5{font-size: 16px;}
	.zhxw h2,.ewn,.wk{display: none !important;}
	.xw_ul{top: 0;}
	.wl a>img{display: block;float: none;margin: auto;top: 27px;}
	.more4{top: -20px;}
	#anitOut{width: 100% !important;}
	.ff-container .ff-companys .ff-companys-item{
		width:25%;
	}


	.f-hzbb a{display:block;width:31%;margin-left:1.75%;overflow:hidden;}

	.f-hzbb a img{width:100%;}
}


/*.list10{background: transparent;border: 2px solid #3C3C3C;}*/














.paragraph{text-indent: 2rem}
/*国药简介*/
/*.intro{background: #fcfcfc url(../images/gybg_02.jpg) no-repeat center bottom;}*/
.qynr{float: left;color: #fff0e7;position: relative;width:48%;padding: 30px 10px;line-height:25px;margin-top:32px;}
.qynr h6{font-size:20px;margin-bottom:15px;color: #b70900;}
.contentHolder{position: relative;margin-left:0;width:100%; padding:0 0 30px 0;box-sizing: border-box;float: right;}
.xq_right h4{font-size: 30px;color: #fff;margin-bottom:20px;font-weight: 100;padding: 0 30px;}
.contentHolder div{font-size: 15px;color: #666;line-height:24px;}
.neir{padding: 0 20px 0 0;text-align: justify;}
.qytp{display: block;float: right;overflow: hidden;margin-top: 50px;width:50%;}
.qytp img{display: block;width: 100%;}
.introul{padding:0px 0 80px;}
.introul li{float: left;width: 24%;margin-left: 14%;border: 5px solid #e5e5e5;text-align: center;height: 108px;margin-bottom:5%;background: #fff;}
.introul li:nth-of-type(3n-2){margin-left: 0;}
.introul li img{display: block;padding:10px;margin:-50px auto 0;background: #fff;border-radius: 80px;height:100px;}
/*展会实力*/
.zhsl{background: url(../images/gybg2_02.jpg) no-repeat center;height: 630px;}
.zhul{background: #b70900;padding: 30px 0;position: relative;top: -44px;}
.zhul li{width: 30%;float: left;border-right: 1px dashed #c53a33;text-align: center;color: #fff;font-size: 18px;}
.zhul li span{font-size: 35px;font-weight: 100;margin-right: 5px;}
.zhul li:last-of-type{width: 40%;border: none;}
.zhnrul{margin-top: 100px;}
.zhnrul li{width: 33.33%;float: left;text-align: center;padding:5%;}
.zhnrul li img{display: block;margin: auto;}
.zhnrul li h3{color: #fff;margin: 20px auto;font-size: 24px;font-weight: 100;}
.zhnrul li p{color: #919191;text-align: left;}
/*旗下公司*/
.qxgs{padding: 80px 0;}
.qxgs h3{font-size: 25px;color: #b70900;text-align: center;margin-bottom: 40px;}
.qxgs .jwrap>img{width: 100%;display: block;margin: auto;}
.gslf,.gsrg{width: 33.33%;float: left;position: relative;padding: 50px 30px;color: #333;}
.gslf img,.gsrg img{position: absolute;top: 0;left: 0;}
.gslf h4,.gsrg h4{font-size:18px;margin-bottom: 10px;}
.gslf p,.gsrg p{font-size: 17px;line-height: 24px;}
.gslf .more,.gsrg .more {text-align: right;margin-top: 30px;}
.gslf .more a,.gsrg .more a{color: #b70900;}
@media screen and (max-width:1440px){
    .qytp{margin-top: 80px;}
}
@media screen and (max-width:1366px){
    .qytp{margin-top:90px;}
}
@media screen and (max-width:1280px){
    .qytp{margin-top:102px;}
}
@media screen and (max-width:980px){
    .qynr,.qytp{margin-top: 0;width:100%;}
    .qynr h6{font-size: 18px;margin-bottom: 10px;}
    .contentHolder div{font-size: 15px;}
    .introul{padding: 50px 0;}
    .introul li img{height: 50px;margin: -29px auto 0;}
    .introul li{width: 32%;margin-left:2%;height: 73px;border: 2px solid #e5e5e5;margin-bottom: 10%;}
    .introul li h3{font-size: 14px;font-weight: 100;}
    .zhul{padding: 20px;}
    .zhul li{margin-top:5%;}
    .zhul li span{font-size: 30px;}
    .zhul li:last-of-type,.zhul li{width: 100%;text-align: left;margin-bottom: 5%;border: none;}
    .zhnrul li{width: 100%;padding: 2%;}
    .zhnrul{margin-top: -15px;}
    .zhnrul li img{height: 35px;}
    .zhnrul li h3{font-size: 20px;margin: 15px auto;}
    .qxgs{padding: 20px 0;}
    .qxgs h3{font-size: 20px;margin-bottom: 15px;}
    .gslf img, .gsrg img{display: none;}
    .gslf, .gsrg{padding:0;width: 100%;padding: 20px 0 0;}
    .gslf p, .gsrg p{font-size: 15px;}


    .contentHolder{padding:0;}
    .qynr{padding:30px 10px 0;}


}


/*国药简介*/




/*展会*/
/*搜索*/
.searbox{padding: 80px 0;background: #f4f4f4;}
.inptbox{position: relative;width: 100%;font-size: 16px;}
.inptbox input,.inptbox select{height: 50px;font-size: 16px;}
.seartext{width:90%;float: left;padding-left: 5%;}
.searbtn{width: 10%;float: left;background: #b70a01;color: #fff;cursor:pointer;}
.magn{position: absolute;top:15px;left:1.5%;}
.selectul{margin-top:1%;}
.selectul li{width:32.66%;margin-left:1%;background: #fff;height: 50px;float: left;}
.selectul li:nth-of-type(1){margin-left: 0;}
.selectul li span{width: 15%;display: block;float: left;text-align: center;line-height: 50px;color: #333;}
.selectul li input,.selectul li select{width:85%;float: left;color: #b8b8b8 !important;}
.selectul li select{ appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:5px;background: url(../images/xl_05.jpg) no-repeat scroll right 5% center #fff;}
.selectul li select::-ms-expand{display: none;background: none;}
::-webkit-input-placeholder{color: #b8b8b8;}
:-moz-placeholder {color: #b8b8b8;}
::-moz-placeholder{color: #b8b8b8;}
:-ms-input-placeholder {color: #b8b8b8;}

/*展会新闻*/
.ul_hd{margin:80px 0;}
.ul_hd li{width: 100%;}
.hd_left{overflow: hidden;position:relative;height:0;padding-bottom:28.125%;}
.hd_left,.hd_right{width: 50%;float: left;}
.hd_left>img{/*width: 100%;*/display: block;transition: 1s;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin: 0 auto;}
.hd_right{padding:5% 3% 3% 5%;}
.hd_right h3{font-size:22px;color: #262626;line-height: 26px;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.hd_right p{font-size: 18px;color: #969696;text-align: justify;margin: 0% auto 0%;line-height: 30px;overflow:hidden; }
.hd_right p:nth-of-type(1){height:30px;}
.hd_right p:nth-of-type(2){height:30px;}
.hd_right p:nth-of-type(3){font-size: 14px;margin: 2% auto 5%;}
.hd_right span{display: inline-block;font-size: 16px;line-height:30px;width:49%;vertical-align: top}
.hd_right span:last-of-type{padding-left:3%;}
.hd_right span img{margin-right: 2%;display: inline-block;height: 16px;position: relative;top:3px;}
.hd_right>img{margin-top: 5%;}
.hd_right>a{margin-top: 5%;display:block;}

.ul_hd li:nth-of-type(2n) .hd_left{float: right;}
.ul_hd li:nth-of-type(2n) .hd_right{float: left;padding: 5% 5% 5% 5%;}
.page{position: relative;height: 25px;margin-bottom: 80px;}
.page p{position: absolute;width: 100%;height: 1px;background: #cecfcf;top: 12px;}
.pageul{float: right;background: #fff;position: relative;z-index: 1;}
.pageul li{float: left;}
.pageul li a{display: block;width:25px;height: 25px;line-height: 25px;text-align: center;color: #8c8c8c;background:transparent;border-radius: 25px;}
.pageul li .list,.pageul li:hover a{background:#b50801 !important;color: #fff !important;}
@media screen and (max-width:1366px){
    .hd_right { padding: 4.5% 0 0 4.5%; }
    .ul_hd li:nth-of-type(2n) .hd_right {padding: 4.5% 4.5% 0 0; }
}
@media screen and (max-width:1366px){
    .hd_right { padding: 4% 0 0 4%; }
    .ul_hd li:nth-of-type(2n) .hd_right {padding: 4% 4% 0 0; }
}
@media screen and (max-width:1280px){
    .hd_right { padding: 3% 0 0 3%; }
    .ul_hd li:nth-of-type(2n) .hd_right {padding: 3% 3% 0 0; }
    .hd_right span img{margin-right: 1%;}
}
@media screen and (max-width:1100px){
    .searbox{padding: 20px 0;}
    .ul_hd{margin: 20px 0;}
    .seartext{width: 80%;padding-left: 10%;}
    .searbtn{width: 20%;}
    .inptbox input, .inptbox select{height: 35px;font-size: 14px;}
    .magn{top:10px;left: 2.5%;height: 15px;}
    .selectul{margin-top: 2%;}
    .selectul li{width: 100%;margin-left: 0;margin-bottom:2%;height: 35px;}
    .selectul li:last-of-type{margin-bottom: 0;}
    .selectul li span{height: 35px;line-height: 35px;font-size: 14px;}

    .ul_hd li{margin-bottom: 3%;}
    .hd_left{padding-bottom:56.25%;}
    .hd_left, .hd_right,.hd_right span{width: 100%;}
    .hd_right h3{font-size: 18px;height:auto;line-height: 24px;}
    .hd_right p{font-size: 16px;margin:2% auto 4%;}
    .hd_right{padding: 3% 0;}
    .hd_right span:last-of-type{padding-left:0;}
    .page{margin-bottom: 20px;}
}
@media screen and (max-width:768px){
	.selectul li span{text-align: left;padding-left:5px;}
}

/*展会*/




/*banner*/
.banner-over{
    width:100%;
    height:600px;
    /*background:#ccc;*/
    margin-top:0px;
}
@media only screen and (max-width:1920px) {
    .banner-over{height: 735px;}
}
@media only screen and (max-width:1440px) {
    .banner-over{height: 528px;}
}
@media only screen and (max-width:1366px) {
    .banner-over{height: 501px;}
}
@media only screen and (max-width:1280px) {
    .banner-over{height:469px;}
}
#list-center{
    width:100%;
    height:100%;
    overflow: hidden;
    position: relative;
}
/* 轮播图的图片 */
#list-center>.list-center1{
    width: 100%;
    height: 100%;
}
#list-center>.list-center1>li{
    width:100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
#list-center>.list-center1>li img{
    width:100%;
    height:100%;
}
#list-center>.list-center1>li{
    display: none;
}

#list-center>.list-center1>.active{
    display: block;
}
/* 轮播图的数字 */
#list-center>.list-center2{
    width: 29%;
    height: 20px;
    position: absolute;
    left:42%;
    bottom:30px;
}
#list-center>.list-center2>ul>li{
    width:60px;
    height:9px;
    float:left;
    background:#666;
    border-radius:10px;
    margin-left:10px;
}
#list-center>.list-center2>ul>.active_num{
    background:#fff
}
/*全年海外展览*/
.qnhwzl{margin-top: 80px;}
.qnzllf{float:left;width: 30%;padding-left:7.5%;overflow: hidden;}
.qnzllf h2{position: relative;height:100px;font-size: 35px;}
.qnzllf h2 a{position: relative;z-index: 11;line-height:100px;margin-left: 50px;}
.qnzllf h2 img{position:absolute;left: 0;height:100px;}
.zlintro{padding:50px;font-size: 16px;color: #595959;}

.qnzlrg{float: right;width: 70%;position: relative;margin-bottom: 170px;}
.swiper-container{padding-left: 1px;padding-bottom: 5px;z-index: 5;}
.swiper-wrapper{}

.swiper-slide {
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);*/
    /*border-radius: 10px;*/
    overflow: hidden;
}
.swiper-slide a{width:100%;display:inline-block;margin:0;overflow: hidden;}
.zlimg{width: 100%;display: block;}
.zllogo{height:50px;margin: 20px 0 20px 10%;display: block;}
.zlcontent{border-top: 1px dashed #e8e8e8;padding: 20px 10%;text-align: left;}
.zlcontent h3{color: #949494;margin-bottom: 15px;font-size: 20px;font-weight: 100;line-height:24px;height:48px;overflow:hidden;}
.zlcontent p{color:#999999;margin-bottom: 15px;font-size: 16px;}
.zlcontent p img{height: 15px;display: inline-block;margin-right: 10px;}
.swiper-button-prev,.swiper-button-next{position: absolute;z-index: 11;left:215px !important;bottom:-83px !important;top: auto !important;background-image: none !important;font-size: 18px;color: #a1a6a9;}
.swiper-button-next{left:265px !important;}
.swiper-button-prev span{display: block;position: relative;left: 31px;width: 1px;height: 25px;background: #A1A6A9;top: -22px;}
.swiper-pagination-bullet{width: 14px !important;height: 14px !important;margin-left: 15px;margin-top: 45px;}
.swiper-pagination-bullet-active{background:#B70900 !important;}

/*出展指南*/
.czzn{background: url(../images/znbg_03.jpg) center repeat-y;padding:80px 0;margin-top: 80px;}
.czznlf,.czznrg{width: 50%;float: left;}
.czznlf h2{position: relative;height:100px;font-size: 35px;}
.czznlf h2 a{position: relative;z-index: 11;line-height:100px;margin-left: 50px;color: #fff;}
.czznlf h2 img{position:absolute;left: 0;height:100px;}
.czznlf .zlintro{color: #fff;padding-right: 15%;}
.czznlf>img{padding:0 100px 0 50px;width: 100%;display: block;margin-top: 14%;}
.czznimg{position: absolute;width:8%;display: block;left:46%;top:42%;}
.czul{padding-left: 20%;}
.czul li{float: left;text-align: center;width: 25%;margin-bottom: 10%;}
.czul li a,.czul li a span{display: block;color: #fff;}
.czul li a img{transition:1s;}
.czul li a:hover img{transform: rotateY(180deg);}
/*行业资讯*/
.informabox{background: url(../images/hyzxbg_03.jpg) center repeat-y;padding: 80px 0 0;}
.informabox h2{position: relative;height:100px;font-size: 35px;}
.informabox h2 a{position: relative;z-index: 11;line-height:100px;margin-left: 50px;}
.informabox h2 img{position:absolute;left: 0;height:100px;}
.swiper-container2{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);background: #fff;overflow: hidden;}
.swiper-container2 .swiper-slide{padding:40px ;text-align: left;color: #a1a1a1;box-shadow: none;border-right: 1px solid #f2f2f2;border-radius: 0;}
.informtime{font-size: 16px;margin-bottom:30px;}
.swiper-container2 .swiper-slide h3 a{font-weight: 100;color: #333333;margin-bottom: 10px;display: block;width: 100%;}
.swiper-pagination2{position:absolute;top:0px;right:170px;}

.swiper-button-prev2,.swiper-button-next2{position: absolute;z-index: 11;right:115px !important;top:41px !important;background-image: none !important;font-size: 18px;color: #a1a6a9;cursor:pointer;}
.swiper-button-next2{right:62px !important;}
.swiper-button-prev2 span{display: block;position: relative;left: 31px;width: 1px;height: 25px;background: #A1A6A9;top: -22px;}
/*联系我们*/
.lxwm{background: url(../images/lxbg_03.jpg) no-repeat center;height:380px;margin-top: 80px;}
.lxwm h2{font-size: 35px;text-align: center;line-height:380px;}
.lxwm h2 a{color: #fff;}
.lxfs{background: #1a1a1a;}
.lxul{display: flex;text-align: justify;text-align-last: justify;color: #fff;}
.lxul li{text-align: left;text-align-last: auto;width: 50%;position:relative;padding: 60px 40px;}
.lxul li img{position: absolute;top:0;left:0;}
.lxul li h3{font-size: 19px;margin-bottom: 15px;}
.lxul li h3 span{display:inline-block;margin-left: 15px;}
.lxul li p{font-size: 19px;padding-bottom: 15px;border-bottom: 1px dashed #fff;display: inline-block;padding-right: 20px;}
.intro{margin-top: 15px;line-height: 25px;}
/*合作伙伴*/
.informabox{background: url(../images/hyzxbg_03.jpg) center repeat-y;}
.informabox2{padding: 80px 0;}
.informabox h2{position: relative;height:100px;font-size: 35px;}
.informabox h2 a{position: relative;z-index: 11;line-height:100px;margin-left: 50px;}
.informabox h2 img{position:absolute;left: 0;height:100px;}

.swiper-container3{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);background: #fff;overflow: hidden;    margin-top: 60px;}
.swiper-container3 .swiper-slide{padding:20px ;text-align: left;color: #a1a1a1;box-shadow: none;border-radius: 0;}
.swiper-container3 .swiper-slide img{display: block;height:100px;margin: auto;}



.swiper-pagination3{position:absolute;top:0px;right:170px;}

.swiper-button-prev3,.swiper-button-next3{position: absolute;z-index: 11;right:115px !important;top:41px !important;background-image: none !important;font-size: 18px;color: #a1a6a9;cursor:pointer;}
.swiper-button-next3{right:62px !important;}
.swiper-button-prev3 span{display: block;position: relative;left: 31px;width: 1px;height: 25px;background: #A1A6A9;top: -22px;}
.f-hzbb{max-height: 320px;}
@media screen and (max-width:1600px){
    .f-hzbb{max-height: 300px;}
}
@media screen and (max-width:1440px){
    .swiper-container3 .swiper-slide img{height: 35px;}
    .f-hzbb{max-height: 290px;}
}
@media screen and (max-width:1366px){
    .qnzllf h2,.zhsl h2,.czznlf h2,.informabox h2,.lxwm h2{font-size: 30px;height: 80px;}
    .qnzllf h2 a,.zhsl h2 a,.czznlf h2 a,.informabox h2 a,.lxwm h2 a{line-height: 80px;}
    .qnzllf h2 img,.czznlf h2 img,.informabox h2 img{height: 80px;}
    .zllogo{height: 40px;}
    .qnhwzl,.czzn{margin-top:50px;}
    .czzn{padding: 40px 0;}
    .informabox{padding: 50px 0 0;}
    .swiper-container2{margin-top: 40px;}
    .informabox2{padding: 50px 0;}
    .zlintro{padding:45px 7px;}
    .f-hzbb{max-height: 280px;}
}

@media screen and (max-width:780px){
    .qnzllf h2,.zhsl h2,.czznlf h2,.informabox h2,.lxwm h2{font-size: 20px;height:50px;}
    .qnzllf h2 a,.zhsl h2 a,.czznlf h2 a,.informabox h2 a,.lxwm h2 a{line-height:50px;margin-left:15px;}
    .qnzllf h2 img,.czznlf h2 img,.informabox h2 img{height:50px;max-width: 100%;}
    .zllogo{height: 25px;margin: 15px 0 15px 5%;}
    .qnhwzl,.czzn{margin-top:20px;}
    .czzn{padding: 40px 0;}
    .f-hzbb{max-height: 270px;}
    /**/
    .qnzllf,.qnzlrg{width:94%;margin: auto;float: none;padding-left: 0;}
    .qnzlrg{margin:20px auto 60px;}
    .qnzlrg .swiper-pagination{display: none;}
    .qnzlrg .swiper-button-prev,.qnzlrg .swiper-button-next{bottom: initial;top:-34px !important;}
    .qnzlrg .swiper-button-next{left: initial !important;right: 0 !important;}
    .qnzlrg .swiper-button-prev{left:initial !important;right:53px !important;}
    .qnzllf>img{display: none;}
    .zlintro{display: none;}
    .zlcontent{padding:15px 5%;}
    .zlcontent h3{font-size: 16px;margin-bottom: 10px;line-height:20px;height:40px;}
    .zlcontent p{font-size: 14px;margin-bottom: 4px;}
    .zlcontent p img{position: relative;top:2px;}

    /**/
    .zhul{padding: 15px 5px;top: -37px;}
    .zhul li,.zhul li:last-of-type{width: 33.33%;font-size: 15px;}
    .zhul li span{font-size: 25px;}
    .zhsl{height: auto;background: url(../images/zhskhg_03.jpg) no-repeat 0;background-size: cover;}
    .zhsl h2{line-height: 0;position: relative;top:-5px;}
    .zhhgul{margin: 10px auto 0;}

    /**/
    .czzn{    background: url(../images/znbg_03.jpg) 52% repeat-y;padding: 40px 0 15px;}
    .czznimg{left: 36%;}
    .czul li{width: 33.33%;}
    .czznlf{width: 40%;}
    .czznrg{width: 60%;}
    .czznlf .zlintro{display: block;}
    .czul{padding-left:10%;}
    .czul li a img{height: 33px;}
    .czul li a span{font-size: 12px;line-height: 15px;}

    /**/
    .informabox{padding:30px 0 0;}
    .swiper-pagination2{display: none;}
    .swiper-button-prev2, .swiper-button-next2{top: 15px !important;right: 53px !important;}
    .swiper-button-next2{right: 0 !important;}
    .swiper-container2{margin-top: 15px;}
    .swiper-container2 .swiper-slide{border: none;padding: 20px;}
    .informtime{margin-bottom: 5px;}
    .swiper-container2 .swiper-slide h3 a{font-size:14px;margin-bottom:5px;}
    .inform_intro{font-size: 12px;line-height: 15px;}

    /**/
    .lxwm{margin-top: 30px;height:100px;background: url(../images/lxbg_03.jpg) no-repeat center 0;}
    .lxwm h2{line-height:105px;}
    .lxul{display: block;}
    .lxul li{width:100%;padding: 20px;border-bottom: 1px solid #fff;}
    .lxul li:last-of-type{border: none;}
    .lxul li img{height: 50px;}
    .lxul li h3{font-size: 14px;margin-bottom: 5px;}
    .lxul li p{border: none;font-size: 16px;padding-bottom: 5px;}
    .intro{font-size: 12px;line-height:20px;margin-top: 0;}

    /**/
    .informabox2{padding: 30px 0;}
    .swiper-container3{margin-top: 20px;}
    .swiper-button-prev3, .swiper-button-next3{top: 15px !important;right: 53px !important;}
    .swiper-button-next3{right: 0 !important;}
    .swiper-container3 .swiper-slide img{height: 35px;max-width: 100%;}
    .swiper-container3 .swiper-slide{padding:20px 0;}
}


@media only screen and (max-width:780px) {
    /*.banner{height:210px;margin-top:0PX;}*/
    #list-center>.list-center2{width: 59%;left: 20.5%;bottom: 5px;}
}















/*品牌详情*/
.exhi_detbox{margin-top: 80px;text-transform: none;}
.exhtitbox{height: 60px;line-height: 60px;margin-bottom: 20px;}
.exhlogo{float: left;display: block;height:60px;margin-right:35px;}
.exhtit{float: left;font-size: 20px;color: #262626;}
.infoul{margin:20px 0;float: left;}
.infoul li{float: left;}
.infoul li:last-of-type{margin-left:35px;}
.infoul li img{position: relative;display: inline-block;margin-right: 10px;position: relative;top: 5px;}

.cztop_right{font-size: 14px;float: right;margin:20px 0;}
.cztop_right>a{width:25px;height: 13px;display: inline-block;margin-left: 15px;}
.cztop_right>a:first-child{background: url(../images/share.png);background-position: -2px -2px;}
.cztop_right>a:nth-of-type(2){background: url(../images/share.png);background-position: -42px 0px;}
.cztop_right>a:nth-of-type(3){background: url(../images/share.png);background-position: -83px -1px;}
.cztop_right>a:nth-of-type(4){background: url(../images/share.png);background-position: -123px -1px;}
.cztop_right>a:nth-of-type(5){background: url(../images/share.png);background-position: -164px 0px;}
.cztop_right>a:nth-of-type(6){background: url(../images/share.png);background-position: -198px 0px;}
.cztop_right>a:nth-of-type(7){background: url(../images/share.png);background-position: -231px -1px;}
.cztop_right>a:last-child{background: url(../images/share.png);background-position: -278px -1px;}
.exhicontent{margin-bottom: 80px;}

/*在线报名*/
.signbox{background: #b50801;padding:30px 0;}
.signbox a{color: #fff;}
.signbox h3{float: left;width: 40%;font-size: 20px;height: 44px;line-height: 44px;}
.signbox ul{float: right;width: 60%;}
.signbox ul li{float: right;width: 50%;border: 1px solid #da8480;background: transparent;padding:10px 5%;}
.signbox ul li:hover{background: #d36b67;}
.signbox ul li a{float: left;}
.signbox ul li img{float: right;}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){

}
@media screen and (max-width:980px){
    .exhi_detbox{margin-top: 30px;}
    .exhlogo{height: 30px;float: none;}
    .exhtit{font-size: 17px;line-height: 23px;margin-top: 7px;}
    .infoul{margin: 0;}
    .infoul li:last-of-type{margin-left: 0;}
    .exhtitbox{height: auto;line-height: 40px;margin-bottom: 0;}
    .cztop_right>a{margin-left: 7px;}
    .exhicontent{margin-bottom:30px;}
    .signbox{padding: 15px 0;}
    .signbox h3{height: 33px;line-height: 33px;font-size: 17px;}
    .signbox ul li{padding: 5px 4%;}
    .signbox ul li img{height: 10px;position: relative;top: 6px;}
    .signbox ul li a{font-size: 12px;}
}



.exhi-tab-top{
    width:100%;
    margin-top:50px;
}
.exhi-tab-top:after{
    display:block;
    clear:both;
    content: ' ';
}
.exhi-tab-li{
    cursor:pointer;
    width:32.8%;
    float:left;
    margin-right:0.8%;
    text-align:center;
    border:1px solid #b70a01;
    background:#fff;
    padding:15px 30px;
    font-size:16px;
    color:#b70a01;
    border-radius:4px 4px 0 0;

    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    border-bottom:none;
}

.exhi-tab-li:hover{

    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    color:#fff;
    background:#b70a01;
}
.exhi-tab-li.curr{
    color:#fff;
    background:#b70a01;
}
.exhi-tab-li:last-of-type{
    margin-right:0;
}
.exhinew .J-ex-tab-con{
    display:none;
}
.exhinew .J-ex-tab-con:first-of-type{
    display:block;
}

.Popup-wrap-bg{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    z-index: 111;

}
.Popup-wrap{
    position:fixed;
    right:0;
    top:250px;
    /*width:100%;*/
    /*height:100%;*/
    z-index: 112;
}
.Popup-wrap-con{
    /*margin:calc(35% - 200px) auto 0;*/
    width:500px;
    height:auto;
    background:#b70900 url('/static/home/images/wk_03.png');
    border-radius:10px;
    padding:4px;
    position:relative;
    float:right;
    margin:0 50px 0 0;
    /*color:#fff;*/
}
.close-sub{
    position:absolute;
    right:15px;
    top:12px;
    font-size:20px;
    cursor:pointer;
}
.Popup-wrap-c{
    background:rgba(255,255,255,0.9);
    border-radius:10px;
    padding:15px;

}
.popup-tit{
    font-size:18px;
    font-weight:bold;
    width:100%;
    text-align:center;
    margin-bottom:20px;
}
.popup-info{
    margin-bottom: 6px;
    line-height: 22px;
}


@media screen and (max-width:980px){
    .exhi-tab-li{
        width:100%;
        margin-bottom:1%;
        border-radius:2px;
        border-bottom:1px solid #b70a01;
    }

    .exhi-left-con{

    }
    .ind-exhi-img{
        margin-top: 20%;
    }
    .exhi-left-con {
        height: 200px;
        line-height: 200px;
    }


    .exhi-banner{
        margin-bottom: 35px;
    }

    .exhi-left-top-t{
        font-size:20px;
    }
    .exhi-left-top{
        left: -10px;
    }
    .exhi-banner:after{
        left:-5px;
    }

    .zh_ul li{
        height:auto;
    }
    .zh_ul li.mt-tabpage-item-cur{

        background:#eaeaea;
    }
    .zh_ul li:after{
        left: 0;
        width: 100%;
    }

    .Popup-wrap{
        top:40px;
    }

    .Popup-wrap-con{
        width:90%;
        margin:0 auto 0;
        float:none;
    }
    .close-sub{
        right:9px;
        top:9px;
    }


    .exhibition-brand{
        width:100%;
    }
}

   .exhi-banner:after {
        position: absolute;
        left: -10px;
        bottom: -15px;
        width: calc(180px);
        background: #b70a01;
        content: ' ';
        height: 285px;
        z-index: 0;
    }
    @media screen and (max-width:980px){
        .exhi-banner:after {
            height: 550px;
        }
    }
    .dateline-click {
        background: transparent;
        border: 2px solid #B70900;
    }
    .dateline-click2 {
        color: #B70900;
    }

