body
{
    background-color:#ffffff;
}

.flash-layout { position: relative; width:100%; min-width:1320px; height:614px; }
.flash-layout .flash{ }
.flash-layout .flash li{ position:absolute; left:0px; top:0px; width:100%; height:100%; }
.flash-layout .flash .btn{ position:absolute; left:0px; bottom:65px; width:100%; height:22px; text-align:center; z-index:999; }
.flash-layout .flash .btn dt{ display:inline-block; width:494px; height:15px; margin:0px 4px; cursor:pointer; background-color:#ffffff; }
.flash-layout .container{ position:relative; width:1150px; height:614px; margin:0px auto auto auto; }
.flash-layout .container .zhiwen,.smart .container .zhiwen{ position:absolute; left:530px; bottom:-45px; width:90px; height:90px; background:url(../images/zhiwen.png) no-repeat; z-index:99999;}
.flash-layout .container .btn-wrap{ position:absolute; left:0px; bottom:72px; width:135px; height:68px; background:url(../images/arrow.png) no-repeat; z-index:9999; }
.flash-layout .container .left-btn{ position:absolute; left:0px; top:0px; width:67px;  height:68px; cursor:pointer; z-index:9999; }
.flash-layout .container .right-btn{ position:absolute; right:0px; top:0px; width:67px; height:68px; cursor:pointer; z-index:9999; }

.banner{ width:100%; height:420px; }
.banner .swiper-container{  width:100%; height:100%;}
.banner .swiper-wrapper{  width:100%; height:100%;}
.banner .swiper-slide{ position:relative;  width:100%; height:100%; overflow:hidden;}
.banner .bg{ transition: all 5s ease; position:absolute; left:0px; top:0px; width:100%; height:420px;}
.banner .txt{ position:absolute; left:0px; bottom:0px; width:80%; padding:0 10% 10%;}
.banner .txt p{  position:relative; padding-left:12%; font-size:4.2rem; color:rgba(255,255,255,0.1);}
.banner .txt .p1{ left:-600px; font-weight:bold; color:rgba(194,18,48,0.1)}
.banner .txt .p2{ left:600px; }
.banner .txt .p3{ left:600px; }
.banner .swiper-slide-active .bg{ transform:scale(1.1); }
.banner .swiper-slide-active p{ }
.banner .swiper-slide-active .p1{ left:0px; color:rgba(194,18,48,1)}
.banner .swiper-slide-active .p2{ left:0px; color:rgba(255,255,255,0.9)}
.banner .swiper-slide-active .p3{ left:0px; color:rgba(255,255,255,0.9)}

.banner .swiper-container .swiper-pagination span{ width:15px; height:15px; margin:0px 10px;opacity:1; } 
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#ffffff;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#00a0e9;}

@media screen and (max-width:1023px) 
{
    .banner{ width:100%; height: calc(100vw * 0.7); min-width:100%; }
    .banner .bg{ transition: all 5s ease; position:absolute; left:0px; top:0px; width:100%; height: calc(100vw * 0.7);}
}

.container{ position:relative; width:1200px; margin:0px auto auto auto;  }
.panel-con{ }
.panel-con .title{ width: 1140px; margin:50px auto auto auto; border-top: 2px solid #999; font-size: 25px; line-height: 70px;}
.panel-con .title a { float: right; color: #0c9fdc; font-size: 14px; }

.panel1{ width:100%; }
.panel1 .news{ width: 1140px; margin:0px auto auto auto;}
.panel1 .news li{ width: 48%; float: left; margin-left: 45px;}
.panel1 .news li:nth-child(1), .panel1 .news li:nth-child(3) { margin-left: 0px; }
.panel1 .news li img{ width:543px; height:250px;}
.panel1 .news li span{ line-height: 28px; display:block; height: 30px; margin: 10px 0 -2px 0; box-sizing: border-box; font-size: 14px; color: #ccc;}
.panel1 .news li p{ font-size: 18px; color: #000; line-height: 26px;height: 60px;}
.panel1 .news li p a{ color: #555555; text-decoration: none;}
.panel1 .news li p a:hover{ color: #0c9fdc; text-decoration: underline;}

@media screen and (max-width:1023px) 
{
    .panel-con .title{ width:90%; margin:20px auto auto auto; border-top:1px solid #333; font-size: 20px; line-height:50px;}
    .panel1 .news{ width:90%;}
    .panel1 .news li{ width:100%; float:none; margin-left:0px;}
    .panel1 .news li img{ width:100%; height:auto;}
    .panel1 .news li span{ font-size:12px; color: rgb(119, 119, 119); margin:5px 0px;}
    .panel1 .news li p{ font-size: 14px; color: #000; line-height:1.5;}
    .panel1 .news li p a{ color: #000; }
    }

.panel2{ width:100%;}
.panel2 .shijie { width: 1140px; margin:0px auto auto auto;}
.panel2 .shijie .sjleft { float: left; width: 69%}
.panel2 .shijie .sjleft video{ width:100%; height:454px;}
.panel2 .shijie .sjright { float: right; width: 28.5%; overflow: scroll; height: 474px;}
.panel2 .shijie .sjright ul li p { font-size: 18px; line-height: 40px; margin-bottom: 15px;}
.shapan_imgs{width: 100%;height: 186px;background: radial-gradient(black, transparent); position:relative;}
.videoActive::before{content: '播放中';line-height: 186px;text-align: center;opacity: 0.7;color: #fff;width: 325px;height: 186px; background: #222; position: absolute;top: 0;left: 0;}
.shapan_0{background:url('../images/sj1.jpg') no-repeat;background-size:cover;}
.shapan_1{background:url('../images/mtsj2.jpg') no-repeat; background-size: cover;}
.shapan_2{background:url('../images/sj3.jpg') no-repeat;background-size:cover;}


.jtzgstitle {
	width: 1140px;
	margin: 0 auto
}

.jtzgstitle h1 {
	border-bottom: 3px solid #4eb9e5;
	font-size: 30px;
	width: 150px;
	margin: 0 auto;
}

/*.jtzgscont{ margin-top: 50px;}*/
.zgscont {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	min-height: 455px;
}

.zgscont-l {
	width: 50%;
	float: left;
	margin-top: 50px;
}

.zgscont-r {
	width: 50%;
	float: left;
	margin-top: 35px;
}

.zgscont-r a:hover {
	color: #0c9fdc;
}

.zgscont-r a {
	font-size: 18px;
	font-family: 'sourcehansans';
	color: #0c9fdc;
	height: 36px;
	line-height: 36px;
	text-decoration: none
}

.zgscont-r .icon {
	width: 30px;
	height: 3px;
	background: #0c9fdc;
	margin: 10px 0
}

.zgscont-r p,
.zgscont-r p a {
	line-height: 28px;
	text-align: justify;
	font-size: 18px;
	font-family: 'sourcehansans';
	color: #272727;
}

.zgscont-r p a {
	padding-bottom: 3px;
	border-bottom: 1px solid #0c9fdc;
}





/* 使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 */
.sjright::-webkit-scrollbar  
{
    width:0 !important;   /* remove scrollbar space */ 
    background: transparent;  /* optional: just make scrollbar invisible */
    }
/* 兼容IE10+ */
.sjright { -ms-overflow-style: none; }
/* 但是firefox代码无效 */
.sjright { overflow: -moz-scrollbars-none; }
.playB{ background: url(../images/play1.png)no-repeat; background-size: 100%; width: 108px; height: 108px; position: absolute; top: 170px; left: 353px; }
.sjleft:hover > .playB{ background: url(../images/play2.png)no-repeat; background-size: 100%; }
 
 @media screen and (max-width:1023px) 
{
    .panel2 .shijie { width:90%;}
    .panel2 .shijie .sjleft { float:none; width:100%;}
    .panel2 .shijie .sjleft video{ width:100%; height:auto;}
    .panel2 .shijie .sjright { float: none; width:100%; overflow: scroll; height: auto;}
    .panel2 .shijie .sjright ul li{ float:left; width:31.3%; padding:0 1%;}
    .shapan_imgs{width: 100%;height:105px;}
    .panel2 .shijie .sjright ul li p { font-size: 12px; line-height:20px;}
    .playB{ width:20%; height:50%; top:30%; left: 40%; }
    .videoActive::before{line-height:105px; width: 100%;height: 100%;}
    }       
        
.panel3{ width:100%; padding-bottom:80px;}
.panel3 .yewu { width: 1140px; margin:0px auto auto auto;}
.panel3 .yewu ul li { width: 33%; float: left; text-align: center; margin: 50px 0 0px; }
.panel3 .yewu ul li p { font-size: 18px; line-height: 50px; padding-top: 70px; }
.panel3 .yewu ul li:hover a { color: #0c9fdc; }
.panel3 .yewu ul li a { color: #555555; text-decoration: none; }

/*.yewu ul li p a:hover{color: #256EB1; }*/
.panel3 .yewu ul li.yw1 { background: url("../images/yw1.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw1:hover { background: url("../images/yw11.jpg") top center no-repeat; }

.panel3 .yewu ul li.yw2 { background: url("../images/yw2.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw2:hover {background: url("../images/yw21.jpg") top center no-repeat;}

.panel3 .yewu ul li.yw3 { background: url("../images/yw3.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw3:hover { background: url("../images/yw31.jpg") top center no-repeat; }

.panel3 .yewu ul li.yw4 { background: url("../images/yw4.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw4:hover { background: url("../images/yw41.jpg") top center no-repeat; }

.panel3 .yewu ul li.yw5 { background: url("../images/yw5.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw5:hover { background: url("../images/yw51.jpg") top center no-repeat; }

.panel3 .yewu ul li.yw6 { background: url("../images/yw6.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw6:hover { background: url("../images/yw61.jpg") top center no-repeat; }

.panel3 .yewu ul li.yw7 { background: url("../images/yw7.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw7:hover { background: url("../images/yw71.jpg") top center no-repeat; }

.panel3 .yewu ul li.yw8 { background: url("../images/yw8.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw8:hover { background: url("../images/yw81.jpg") top center no-repeat;}

.panel3 .yewu ul li.yw8 { background: url("../images/yw9.jpg") top center no-repeat; }
.panel3 .yewu ul li.yw8:hover { background: url("../images/yw91.jpg") top center no-repeat; }


.panel4{ width:100%; padding-bottom:10px;}
.panel4 .link { width: 1140px; margin:0px auto auto auto;}
.panel4 .link ul li { width: 20%; float: left; text-align: center; margin: 50px 0 0px; }
.panel4 .link ul li p { font-size: 16px; line-height: 30px; padding-top: 10px; }
.panel4 .link ul li:hover a { color: #0c9fdc; }
.panel4 .link ul li a { color: #555555; text-decoration: none; }



@media screen and (max-width:1023px) 
{
	.panel4 { display:none }
    .panel3 .yewu { width:90%; }
    .panel3 .yewu ul li { width:33%; margin:30px 0 0px;  }
    .panel3 .yewu ul li p { font-size:14px; line-height:24px; padding-top: 70px; }
    
    .panel3 .yewu ul li.yw1 { background: url("../images/yw1.jpg") top center no-repeat; background-size:30%;}
    .panel3 .yewu ul li.yw1:hover { background: url("../images/yw11.jpg") top center no-repeat; background-size:30%;}
    
    .panel3 .yewu ul li.yw2 { background-size:35%; }
    .panel3 .yewu ul li.yw2:hover { background-size:35%;}
    
    .panel3 .yewu ul li.yw3 { background-size:40%; }
.panel3 .yewu ul li.yw3:hover { background-size:40%; }

.panel3 .yewu ul li.yw4 { background-size:30%; }
.panel3 .yewu ul li.yw4:hover { background-size:30%; }

.panel3 .yewu ul li.yw5 { background-size:30%; }
.panel3 .yewu ul li.yw5:hover { background-size:30%; }

.panel3 .yewu ul li.yw6 { background-size:30%; }
.panel3 .yewu ul li.yw6:hover { background-size:30%;}

.panel3 .yewu ul li.yw7 { background-size:30%; }
.panel3 .yewu ul li.yw7:hover { background-size:30%; }

.panel3 .yewu ul li.yw8 { background-size:40%; }
.panel3 .yewu ul li.yw8:hover { background-size:40%;}

.panel3 .yewu ul li.yw8 { background-size:30%; }
.panel3 .yewu ul li.yw8:hover {background-size:30%; }

    }