@charset "utf-8";
/*基础制作页面组件*/
/*20150716 v1.0*/
/*20160421 v1.1 商讨了默认字号，a的默认连接颜色样式等*/

html,
body,
div,
p,
hr,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
table,
tr,
td,
th,
tfoot,
tbody,
thead,
form,
input,
textarea,
label,
ul,
ol,
dl,
li,
dt,
dd,
.clearfix:after {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	/*font-family: 'pingfang sc', 'lantinghei sc', 'helvetica neue', 'helvetica', 'arial', 'microsoft yahei', '微软雅黑', 'stheitisc-light', 'simsun', '宋体', 'wenquanyi zen hei', 'wenquanyi micro hei', 'sans-serif' !important;*/
	font-family: "pingfang sc", "xhw-pzh", "lantinghei sc", "helvetica neue", helvetica, arial, "microsoft yahei", "微软雅黑", stheitisc-light, simsun, "宋体", "wenquanyi zen hei", "wenquanyi micro hei", sans-serif;
}

h1,
h2,
h3,
h4 {
	font-weight: normal;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #3773db;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

iframe,
img {
	border: 0;
}

img {
	vertical-align: middle;
}

input {
	outline: none
}

.clearfix {
	display: block;
	#zoom: 1;
}

.clearfix:after {
	content: '';
	overflow: hidden;
	width: 100%;
	height: 0px;
	font-size: 0px;
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none;
}

/*lhr,cl于20211201进行视频播放器样式覆写，修改视频absolute问题*/
.player-container {
	overflow: hidden;
}

.player-container .dhy-video {
	position: static !important;
}

@media screen and (max-width: 767px) {
	.pagevideo {
		display: block;
	}
}

/* 破折号字体
@font-face {
	font-family: "xhw-pzh";
	src:  format('woff2'),
		 format('woff'),
		 format('truetype');
} */

    body {
            background: url(/uploads/image/vcbvcbhuiyiuyi/banner.jpg) no-repeat 50% 0;
        }

        .sky_bg {
            width: 100%;
            height: 745px;
            background: url(/uploads/image/vcbvcbhuiyiuyi/bg.jpg) bottom center;
            background-size: cover;
            padding-bottom: 30px;
        }

        /*在现场*/

        .zxc_box,
        .part02_con {
            width: 1500px;
            margin: 0 auto;
            position: relative;
        }

        .part02_con .swiper-container {
            width: 1500px;
            height: auto;
            overflow: hidden;
            float: right;
            padding-top: 60px;
        }

        .part02_con .swiper-slide {
            width: 270px !important;
            height: 515px;
            overflow: hidden;
            margin: 0 15px;
            border-radius: 10px;
        }

        .part02_con .swiper-slide-active {
            border-radius: 30px;
            border: 10px solid #fff;
            margin-top: -50px;
            position: relative;
            margin-right: 9px !important;
        }

        .part02_con .swiper-slide-prev {
            margin-right: 9px !important;
        }

        .part02_con .swiper-slide-active:before {
            content: "";
            width: 6px;
            height: 12px;
            background: #fff;
            position: absolute;
            left: 10px;
            bottom: 5px;
        }

        .part02_con .swiper-slide span {
            width: 86px;
            height: 86px;
            display: block;
            position: absolute;
            left: 50%;
            top: 180px;
            margin-left: -43px;
            z-index: 999;
        }

        .part02_con .swiper-slide span img {
            width: 100%;
            height: 100%;
        }

        .part02_con .swiper-slide .img {
            width: 100%;
            height: 430px;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
        }

        .part02_con .swiper-slide img {
            width: 100%;
            height: 430px;
        }

        .part02_con .swiper-slide .txt {
            width: 270px;
            height: 70px;
            padding-top: 15px;
            position: relative;
            margin: 0px auto 0;
            background: -moz-linear-gradient(left, rgba(14, 105, 177, 1) 0%, rgba(0, 157, 157, 1) 100%);
            /* ff3.6-15 */
            background: -webkit-linear-gradient(left, rgba(14, 105, 177, 1) 0%, rgba(0, 157, 157, 1) 100%);
            /* chrome10-25,safari5.1-6 */
            background: linear-gradient(to right, rgba(14, 105, 177, 1) 0%, rgba(0, 157, 157, 1) 100%);
            /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
            filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#0049d3', endcolorstr='#007db9e8', gradienttype=1);
            /* ie6-9 */
        }

        .part02_con .swiper-slide-active .img {
            width: 100%;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
        }

        .part02_con .swiper-slide-active img {
            width: 100%;
        }

        .part02_con .swiper-slide-active .txt {
            width: 100%;
        }

        .part02_con .swiper-slide h3 {
            font-size: 18px;
            color: #fff;
            padding: 0 10px;
        }

        .part02_con .swiper-slide h3 a {
            color: #fff;
        }

        .part02_con .swiper-button-next {
            width: 44px;
            height: 44px;
            background: url(/uploads/image/ww21images/right01.png) no-repeat;
            position: absolute;
            top: 300px;
            right: -20px;
            z-index: 99;
            cursor: pointer;
        }

        .part02_con .swiper-button-next:hover {
            background: url(/uploads/image/ww21images/right02.png) no-repeat;
        }

        .part02_con .swiper-button-prev {
            width: 44px;
            height: 44px;
            background: url(/uploads/image/ww21images/left01.png) no-repeat;
            position: absolute;
            top: 300px;
            left: -20px;
            z-index: 99;
            cursor: pointer;
        }

        .part02_con .swiper-button-prev:hover {
            background: url(/uploads/image/ww21images/left02.png) no-repeat;
        }

        .rmh_box {
            width: 1200px;
            height: 900px;
            margin: 0 auto;
        }

        /* 进博故事 begin */
        .jbgs_bg {
            width: 100%;
            height: 790px;
            overflow: hidden;
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .jbgs_box {
            width: 1200px;
            height: auto;
            overflow: hidden;
            margin: 0px auto 0;
        }

        .jbgs_bgt {
            width: 1200px;
            margin: 0 auto;
        }

        .jbgs_bgt img {
            width: 1200px;
            height: 360px;
        }

        .jbgs_nr {
            width: 290px;
            height: 150px;
            margin: 0 auto;
            padding-top: 110px;
            background: rgb(35, 90, 201);
            background: ;
            background: -moz-linear-gradient(45deg, rgba(35, 90, 201, 1) 0%, rgba(70, 149, 230, 1) 100%);
            /* ff3.6-15 */
            background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(35, 90, 201, 1)), color-stop(100%, rgba(70, 149, 230, 1)));
            /* chrome4-9,safari4-5 */
            background: -webkit-linear-gradient(45deg, rgba(35, 90, 201, 1) 0%, rgba(70, 149, 230, 1) 100%);
            /* chrome10-25,safari5.1-6 */
            background: -o-linear-gradient(45deg, rgba(35, 90, 201, 1) 0%, rgba(70, 149, 230, 1) 100%);
            /* opera 11.10-11.50 */
            background: -ms-linear-gradient(45deg, rgba(35, 90, 201, 1) 0%, rgba(70, 149, 230, 1) 100%);
            /* ie10 preview */
            background: linear-gradient(45deg, rgba(35, 90, 201, 1) 0%, rgba(70, 149, 230, 1) 100%);
            /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
            filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#235ac9', endcolorstr='#4695e6', gradienttype=1);
            /* ie6-8 fallback on horizontal gradient */
            position: relative;
            /* box-shadow: 0px 0px 20px 0px #808080b9; */
            float: left;
            padding-left: 10px;
        }

        .jbgs_nr .img {
            margin-top: 0px;
            position: absolute;
            top: -10px;
            width: 100%;
            height: 132px;
            z-index: 33;
        }

        .jbgs_nr .img img {
            width: 280px;
            height: 158px;
            display: block;
            margin: 0px auto;
        }

        .jbgs_wz {
            /* width: 246px; */
            height: 115px;
            /* background: linear-gradient(45deg, rgba(14, 105, 177, 1) 1%, rgba(111, 177, 72, 1) 100%); */
            padding: 20px 10px;
            position: relative;
        }

        .jbgs_wz h2 {
            font-size: 16px;
            line-height: 26px;
            font-weight: bolder;
            /*height: 58px;*/
            color: #fff;
            margin-top: 26px;
            /* overflow: hidden;*/
        }

        .jbgs_wz h2 a {
            color: #fff;
        }

        .jbgs_wz p {
            font-size: 14px;
            height: 80px;
            line-height: 26px;
            color: #fff;
            overflow: hidden;
            margin-top: 10px;
            display: none;
        }

        .jbgs_nr .date {
            height: 27px;
            /*margin-top: 20px;*/
            position: absolute;
            left: 0px;
            bottom: 20px;
            width: 100%;
        }

        .jbgs_nr .date i {
            float: right;
            font-size: 14px;
            color: #fff;
            width: 88px;
            height: 27px;
            background: #1b5bbe;
            text-align: center;
            line-height: 27px;
            border-radius: 20px;
            font-style: normal;
            margin-right: 10px;
        }

        .jbgs_nr .date i a {
            color: #fff;
        }

        .jbgs_nr .date span {
            font-size: 14px;
            color: #fff;
            margin-left: 10px;
        }

        .jbgs_swiper {
            height: 360px;
            margin-top: -56px;
        }

        .jbgs_swiper .swiper-slide {
            padding-top: 30px;
        }

        .jbgs_swiper .swiper-pagination-progress {
            width: 570px;
            height: 6px;
            top: inherit;
            bottom: 20px;
            left: 50%;
            margin-left: -285px;
        }

        .jbgs_swiper .swiper-button-next {
            width: 44px;
            height: 44px;
            background:  no-repeat;
            position: absolute;
            top: auto;
            bottom: 0;
            right: 200px;
            z-index: 99;
            cursor: pointer;
        }

        .jbgs_swiper .swiper-button-next:hover {
            background:  no-repeat;
        }

        .jbgs_swiper .swiper-button-prev {
            width: 44px;
            height: 44px;
            background:  no-repeat;
            position: absolute;
            top: auto;
            bottom: 0;
            left: 200px;
            z-index: 99;
            cursor: pointer;
        }

        .jbgs_swiper .swiper-button-prev:hover {
            background:  no-repeat;
        }

        .xzh_m {
            width: 152px;
            margin: 0 auto;
            margin-top: 30px;
        }

        /* 进博故事 end */
        .bg02 {
            background: none;
            margin-top: 20px;
        }

        .yxj_bg {
            width: 100%;
            height: 1120px;
            background: none;
            overflow: hidden;
        }

        .focusbox2 .swiper-wrapper .swiper-slide .img img {
            width: 1200px;
            height: 674px;
        }

        .rmh_big_pic .img img {
            width: 650px;
            height: 366px;

        }

        .rmh_list li img {

            width: 290px;
            height: 160px;

        }

        .list-txt li {
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 13px 5px 13px 20px;
            font-size: 18px;
            line-height: 1.3;
            border-bottom: 1px dotted #ccc;
            color: #333;
        }

        .list-txt li a {
            color: #333;
        }

        .list-txt li:before {
            content: '';
            display: block;
            position: absolute;
            left: 5px;
            top: 35px;
            width: 8px;
            height: 8px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background: #c3871f;
        }

        .list-txt li:last-child {
            border-bottom: 0;
        }

        .list-pic ul {
            font-size: 0;
        }

        .list-pic ul li {
            display: inline-block;
            position: relative;
        }

        .list-pic ul li .img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .list-pic ul li .img img {
            width: 100%;
            height: 100%;
        }

        .list-pic ul li .tit {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 4;
            text-align: center;
            padding: 5px;
            font-size: 18px;
            line-height: 1.3;
            background-image: -webkit-gradient(linear,
                    left bottom,
                    left top,
                    from(#fe211a),
                    to(rgba(172, 35, 23, 0)));
            background-image: -webkit-linear-gradient(bottom,
                    #fe211a 0,
                    rgba(172, 35, 23, 0) 100%);
            background-image: -moz-linear-gradient(bottom,
                    #fe211a 0,
                    rgba(172, 35, 23, 0) 100%);
            background-image: linear-gradient(0deg,
                    #fe211a 0,
                    rgba(172, 35, 23, 0) 100%);
            color: #fff;
        }

        .list-pic ul li .tit a {
            color: #fff;
        }

        .list-pic ul li .tit2 {
            padding: 5px;
            font-size: 18px;
            line-height: 1.3;
            color: #333;
        }

        .list-pic ul li .tit2 a {
            color: #333;
        }

        /* .languages {
            padding: 50px 0;
        } */

        .languages .languages-cont {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            /* padding: 0 60px; */
        }

        .languages .languages-nav {
            /* margin-top: 40px; */
            position: relative;
            white-space: nowrap;
            font-size: 18px;
            line-height: 36px;
            font-family: georgia;
            color: #354052;
            background: #fff;
        }

        .languages .languages-nav a {
            color: #354052;
            display: inline-block;
            margin-right: 22.5px;
            padding: 0 17px;
            position: relative;
        }

        .languages .languages-nav a.active,
        .languages .languages-nav a:hover {
            background: #1a77e7;
            color: #fff !important;
        }

        .languages .languages-news {
            margin-top: 34px;
            height: 350px;
        }

        .languages .languages-news .list-txt {
            width: 710px;
        }

        .languages .languages-news .list-txt li {
            padding: 15px 15px 15px 25px;
            font-family: arial;
            font-size: 20px;
            line-height: 28px;
        }

        .languages .languages-news .list-txt li:before {
            width: 8px;
            height: 16px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            top: 20px;
            background-color: #1a77e7;
        }

        .languages .languages-news .list-txt li:first-child {
            padding-top: 0;
        }

        .languages .languages-news .list-txt li:first-child:before {
            top: 6px;
        }

        .languages .languages-news .list-pic li {
            display: block;
            margin-bottom: 17px;
            width: 470px;
            height: 264px;
        }



        .banner1 {
            width: 100%;
            height: 666px;
            position: relative;
            z-index: 1;
        }

        .nav {
            position: relative;
            z-index: 999;
            margin: 0 auto;
            width: 100%;
            height: 70px;
            background: linear-gradient(to right, #007cdd, #06b191);

        }

        .nav_list1 {
            width: 1200px;
            margin: 0 auto;
        }

        .nav_list1 li p {
            font-size: 22px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            margin-top: 40px;
        }

        .nav ul li {
            position: relative;
            float: left;
            margin: 0 66px 0 66px;
            height: 70px;
            font-size: 18px;
            line-height: 0px;
            cursor: pointer;
        }

        .jcx_box {
            width: 1200px;
            height: auto;
            overflow: hidden;
            margin: 60px auto;
        }

        .jcx_box .dh {
            width: 1200px;
            height: 60px;
        }

        .jcx_box .dh img {
            width: 1200px;
            height: 40px;
        }

        .jcx_tab1 {
            width: 1200px;
            position: relative;
        }

        .jcx_tab1 .tab_menu {
            width: 400px;
            margin: 0 auto;
            margin-top: 30px;
        }

        .jcx_tab1 .tab_menu li {
            float: left;
            width: 130px;
            height: 30px;
            line-height: 30px;
            font-size: 24px;
            color: #666666;
            cursor: pointer;
            text-align: center;
            margin: 0 2px 0 0;
            border-bottom: 4px solid #d7d7d7;
            position: relative;
        }

        .jcx_tab1 .tab_menu li:after {
            content: "";
            width: 6px;
            height: 6px;
            border: 2px solid #6f6f6f;
            position: absolute;
            left: 0;
            top: 10px;
            border-radius: 60px;
        }

        .jcx_tab1 .tab_box {
            width: 1200px;
            height: 329px;
            clear: both;
            margin-top: 30px;
        }

        .jcx_tab1 .tab_menu .selected {
            border-bottom: 4px solid #06b191;
            color: #06b191;
            /* font-weight: bold; */
            cursor: pointer;
        }

        .jcx_tab1 .tab_menu .selected:before {
            content: "";
            width: 13px;
            height: 8px;
          
            position: absolute;
            left: 45%;
            top: 33px;
        }

        .jcx_tab1 .tab_menu .selected:after {
            content: "";
            width: 10px;
            height: 10px;
            border: 2px solid #06b191;
            position: absolute;
            left: 0;
            top: 8px;
            border-radius: 60px;
        }

        .jcx_tab1 .hide {
            display: none;
        }

        .jcx_left {
            width: 385px;
            height: 329px;
        }

        .jcx_list {
            width: 585px;
            height: 329px;
            overflow: hidden;
        }

        .jcx_list li h2 {
            height: 30px;
            font-size: 22px;
            font-weight: bold;
            color: #484848;
            line-height: 30px;
            overflow: hidden;
        }

        .jcx_list li h2 a {
            color: #484848;
            font-size: 20px;
        }

        .jcx_list li p {
            height: 52px;
            font-size: 14px;
            color: #999999;
            line-height: 26px;
            margin-top: 15px;
            /* text-indent: 2em; */
            overflow: hidden;
        }

        .jcx_list li li {
            margin-top: 22px;
        }

        .jcx01 {
            width: 585px;
            height: 329px;
            position: relative;
        }

        .jcx01 .swiper-container {
            width: 585px;
            height: 329px;
        }

        .jcx01 .swiper-slide {
            position: relative;
        }

        .jcx01 .swiper-container.swiper-wrapper .swiper-slide img {
            width: 585px;
            height: 329px;
        }

        .jcx01 .swiper-container .swiper-wrapper .swiper-slide .bg {
            position: absolute;
            width: 100%;
            height: 44px;
            z-index: 0;
            left: 0px;
            bottom: 0px;
            background: #000;
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

        .jcx01 .swiper-container .swiper-wrapper .swiper-slide .title {
            position: absolute;
            left: 2%;
            bottom: 0;
            width: 96%;
            font-size: 18px;
            height: 44px;
            line-height: 44px;
            color: #fff;
            overflow: hidden;
            z-index: 1;
        }

        .jcx01 .swiper-container .swiper-wrapper .swiper-slide .title a {
            color: #fff;
        }

        .jcx01 .pagination {
            position: absolute;
            right: 0px;
            bottom: 12px;
            width: 16%;
            z-index: 2;
        }

        .jcx01 .swiper-pagination-switch {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #999;
            margin: 0 6px;
            cursor: pointer;
        }

        .jcx01 .swiper-active-switch {
            background: #ff1000;
        }

        .jcx02 {
            width: 585px;
            height: 329px;
            position: relative;
        }

        .jcx02 .swiper-container {
            width: 585px;
            height: 329px;
        }

        .jcx02 .swiper-slide {
            position: relative;
        }

        .jcx02 .swiper-container.swiper-wrapper .swiper-slide img {
            width: 585px;
            height: 329px;
        }

        .jcx02 .swiper-container .swiper-wrapper .swiper-slide .bg {
            position: absolute;
            width: 100%;
            height: 44px;
            z-index: 0;
            left: 0px;
            bottom: 0px;
            background: #000;
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

        .jcx02 .swiper-container .swiper-wrapper .swiper-slide .title {
            position: absolute;
            left: 2%;
            bottom: 0;
            width: 96%;
            font-size: 18px;
            height: 44px;
            line-height: 44px;
            color: #fff;
            overflow: hidden;
            z-index: 1;
        }

        .jcx02 .swiper-container .swiper-wrapper .swiper-slide .title a {
            color: #fff;
        }

        .jcx02 .pagination {
            position: absolute;
            right: 0px;
            bottom: 12px;
            width: 16%;
            z-index: 2;
        }

        .jcx02 .swiper-pagination-switch {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #999;
            margin: 0 6px;
            cursor: pointer;
        }

        .jcx02 .swiper-active-switch {
            background: #ff1000;
        }

        .jcx03 {
            width: 585px;
            height: 329px;
            position: relative;
        }

        .jcx03 .swiper-container {
            width: 585px;
            height: 329px;
        }

        .jcx03 .swiper-slide {
            position: relative;
        }

        .jcx03 .swiper-container.swiper-wrapper .swiper-slide img {
            width: 585px;
            height: 329px;
        }

        .jcx03 .swiper-container .swiper-wrapper .swiper-slide .bg {
            position: absolute;
            width: 100%;
            height: 44px;
            z-index: 0;
            left: 0px;
            bottom: 0px;
            background: #000;
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

        .jcx03 .swiper-container .swiper-wrapper .swiper-slide .title {
            position: absolute;
            left: 2%;
            bottom: 0;
            width: 96%;
            font-size: 18px;
            height: 44px;
            line-height: 44px;
            color: #fff;
            overflow: hidden;
            z-index: 1;
        }

        .jcx03 .swiper-container .swiper-wrapper .swiper-slide .title a {
            color: #fff;
        }

        .jcx03 .pagination {
            position: absolute;
            right: 0px;
            bottom: 12px;
            width: 16%;
            z-index: 2;
        }

        .jcx03 .swiper-pagination-switch {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #999;
            margin: 0 6px;
            cursor: pointer;
        }

        .jcx03 .swiper-active-switch {
            background: #ff1000;
        }
        .footer {
    padding: 25px 0 25px 0;
    text-align: center;
    margin-top: 10px;
    background: linear-gradient(to right, #007cdd, #06b191);
}