@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 12px/200% Microsoft YaHei;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% Microsoft YaHei;}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}

.title_h2{ padding:20px 0;}
.title_h2 h2{ text-align:center; font: bold 24px/180% "微软雅黑"; border-bottom:#2561aa 3px solid;}

/*top*/
.top_pic{ background:url(images/top.jpg) top center no-repeat; height:200px; overflow:hidden;}
.top_pic img{ display:none;}
/*nav*/
.nav{ height:50px; line-height:50px; text-align:center; font-size:18px;}
.nav a{ margin:0 10px;}

/*new H1*/
.new_H1title{ padding:30px 0;}
.new_H1title h1{ font:bold 36px/180% "微软雅黑"; display:block; text-align:center;}
.new_H1title h1 a{ text-decoration:none;}
.new_H1title p{ font:normal 14px/180% "微软雅黑"; text-align:center;}
.new_H1title p a{ padding:0 10px;}


/*p1*/
.p1_con{}
.p1_con .fl{ width:660px;}
.p1_con .fr{ width:320px;}
.p1_con .fr h2{ font:bold 20px/180% "微软雅黑"; border-bottom:#2561aa 3px solid;}
.p1_con .fr strong{font:bold 18px/160% "微软雅黑"; margin:10px auto; display:block;}
.p1_con .fr ul{}
.p1_con .fr ul li{ font-size:14px;}

.device{ width: 660px; height: 390px; position: relative; overflow:hidden;}
.device .arrow-left1 { position: absolute; left:10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; background:url(images/arrows.png) no-repeat top left; z-index:10;}
.device .arrow-right1 { position: absolute; right:10px; top: 50%; margin-top: -15px;  width: 17px; height: 30px; background:url(images/arrows.png) bottom left no-repeat; z-index:10;}
.device .swiper-container { height: 360px; width: 660px;}
.device .content-slide {}
.device .swiper-slide img{ width:660px; height:360px;}
.device .swiper-slide div p{ height:50px; line-height:50px; color:#fff; padding:0 15px; margin-top:-50px; position:relative; background:#000; z-index:100;opacity:0.7;  filter:alpha(opacity=70); font-size:14px;}
.device .swiper-slide div p a:link,.device .swiper-slide div p a:visited,.device .swiper-slide div p a:hover{ color:#fff;}
.device .pagination1 { position: absolute; left: 0; text-align: center; bottom:0px; width: 100%; z-index:11;}
.device .swiper-pagination-switch { display: inline-block; width: 10px;  height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset;  margin: 0 3px; cursor: pointer;}
.device .swiper-active-switch { background: #fff;}

/*p2 视频直播*/
.p2_con{ margin:0 auto 30px;}


/*p3*/
.p3_list{ margin:0 auto 20px;}
.p3_list ul li{box-sizing: border-box; width:25%; float:left; padding:1%;}
.p3_list ul li img{ display:block;}
.p3_list ul li p{ display:block; text-align:center; font-size:14px;}


/*p4*/
.p4_con{width:1000px;overflow:hidden;margin:0px auto 20px; height:auto;}
.p4_con .ScrCont{width:895px;overflow:hidden;float:left;}
.p4_con .LeftBotton{width:30px;height:50px;background:url(images/left.png) center no-repeat;overflow:hidden;float:left;display:inline;margin:120px 0 0 0;cursor:pointer;}
.p4_con .RightBotton{width:30px;height:50px;background:url(images/right.png) center no-repeat;overflow:hidden;float:left;display:inline;margin:120px 0 0 0;cursor:pointer;}
.p4_con ul li{ height:auto;float:left;width:210px;margin:0 12px;display:inline;position:relative; text-align:center; font-size:14px;}
.p4_con li img{ display:block;}


/*p5*/
.p5_con{}
.p5_con h2{ padding:10px 0;background:#f6f6f6;}
.p5_con h2 b{ float:right; padding-right:20px; font-weight:normal;}
#p_live{height:300px; border:#f6f6f6 1px solid;}
.p5_con .tools{ text-align:center; padding:10px 0;}
.p5_con .tools a{ padding:0 30px;}



/*p6*/
.p6_con { width:1000px; height:510px; position: relative; overflow:hidden;}
.p6_con .arrow-left2 { position: absolute; left:10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; background:url(images/arrows.png) no-repeat top left; z-index:10;}
.p6_con .arrow-right2 { position: absolute; right:10px; top: 50%; margin-top: -15px;  width: 17px; height: 30px; background:url(images/arrows.png) bottom left no-repeat; z-index:10;}
.p6_con .swiper-container { height:480px; width:1000px;}
.p6_con .content-slide{}
.p6_con .swiper-slide img{ width:1000px; height:480px;}
.p6_con .swiper-slide div p{ height:50px; line-height:50px; color:#fff; padding:0 15px; margin-top:-50px; position:relative; background:#000; z-index:100;opacity:0.7;  filter:alpha(opacity=70); font-size:14px;}
.p6_con .pagination2 { position: absolute; left: 0; text-align: center; bottom:0px; width: 100%; z-index:11;}
.p6_con .swiper-pagination-switch { display: inline-block; width: 10px;  height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset;  margin: 0 3px; cursor: pointer;}
.p6_con .swiper-active-switch { background: #fff;}


.p6_con .arrow-left3 { position: absolute; left:10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; background:url(images/arrows.png) no-repeat top left; z-index:10;}
.p6_con .arrow-right3{ position: absolute; right:10px; top: 50%; margin-top: -15px;  width: 17px; height: 30px; background:url(images/arrows.png) bottom left no-repeat; z-index:10;}
.p6_con .pagination3{ position: absolute; left: 0; text-align: center; bottom:0px; width: 100%; z-index:11;}

/*p7*/
.p7_con{ margin:20px auto;}
.p7_con div{box-sizing: border-box; float:left; width:50%; padding-bottom:10px;}
.p7_con div h2{font:bold 20px/180% "微软雅黑"; border-bottom:#2561aa 3px solid;}
.p7_con div:nth-child(odd){ padding-right:20px;}
.p7_con div:nth-child(even){padding-left:20px;}
.p7_con div ul{ margin:10px auto;}
.p7_con div ul li{ font-size:14px;}


/*20200528修改p4 图片滚动列表*/
.device_list { margin:0px auto 20px; width: 1000px; height:380px; overflow:hidden; position: relative; }
.device_list .arrow-left { background:url(images/left.png) center no-repeat; position: absolute; left:0px; top: 50%; margin-top: -45px; width:30px;height:50px;z-index:100;}
.device_list .arrow-right {background:url(images/right.png) center no-repeat; position: absolute; right:0px; top: 50%; margin-top: -45px;width:30px;height:50px; z-index:100;}
.swiper-container_l01 {height: auto; width:1000px;}
.swiper-wrapper_l01{}
.swiper-slide_l01{ padding:0; width:210px; text-align: center;}
.swiper-slide_l01 img{ display:block; margin-bottom:5px;}
.swiper-slide_l01 div{ width:210px;}
.pagination_l01 { display:none;}


/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
		   .fl,.fr{ float:none;}
.w1000{ min-width:320px; width:100%;}
/*top*/
.top_pic{ background:none; height:auto;}
.top_pic img{ display:block; width:100%; height:auto;}
/*new H1*/
.new_H1title{ padding:10px 0;}
.new_H1title h1{ font:bold 26px/140% "微软雅黑"; text-align:left; padding:0 15px 5px 15px;}
.new_H1title p{ font:normal 14px/180% "微软雅黑"; text-align:left;padding:0 15px;}
/*p1*/
.p1_con .fl{ width:100%;}
.p1_con .fr{ width:90%;}
.device{ width: 100%; height: 300px;}
.device .swiper-container { height: 260px; width:100%;}
.device .swiper-slide img{ width:100%; height:260px;}

.p2_con video{ width:100%; height:auto;}
.p3_list ul li{box-sizing: border-box; width:50%; float:left; padding:1%;}
.p3_list ul li p{ height:30px; overflow:hidden;}
.p3_list ul li img{ width:100%; height:auto;}
/*p4*/
.p4_con{width:98%; position:relative;}
.p4_con .ScrCont{width:72%; overflow:hidden}
.p4_con .LeftBotton{ position:absolute; z-index:100; margin:0; top:35%; left:0;}
.p4_con .RightBotton{ position:absolute; z-index:100; margin:0; top:35%; right:0;}
.p4_con ul li{width:70%;}


/*p6*/
.p6_con { width:100%; height:300px;}
.p6_con .swiper-container { height:260px; width:100%;}
.p6_con .swiper-slide img{ width:100%; height:260px;}

/*p7*/
#copyright,.copyright{ width:100%; font-size:10px;}

.p7_con div{box-sizing: border-box; float:left; width:100%; padding:10px 20px;}

/*20200528修改p4 图片滚动列表*/
.device_list { margin:0px auto 0px; width: 100%; height:250px; overflow:hidden; position: relative; }
.device_list .arrow-left { background:url(images/left.png) center no-repeat; position: absolute; left:0px; top:15%;width:20px;height:50px;z-index:100; margin-top:0;}
.device_list .arrow-right {background:url(images/right.png) center no-repeat; position: absolute; right:0px; top:15%;width:20px;height:50px; z-index:100; margin-top:0;}
.swiper-container_l01 {height: auto; width:100%;}
.swiper-slide_l01{ padding:0; width:20%; text-align: center;}
.swiper-slide_l01 img{ display:block; width:100%; height:auto; margin-bottom:5px;}
.swiper-slide_l01 div{ width:95%;}

/*nav*/
.nav{ height: auto; line-height:120%; text-align:left; font-size:18px; width:100%;}
.nav a{ margin:0 10px;display: inline-block;}

}