/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{
	font:14px/150% Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif;
	background-color: #ededed;
	
}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mr10{ margin-right:10px;}
.pdt282{ padding-top:282px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}


/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.navtop,.con,.qyleft,.qyright { overflow:hidden; zoom:1; }
.wrap { width:100%;}
.wrap1000 { width:1000px; margin:0px auto;}
.cen { width:1200px; margin:0px auto;}




/*粒子*/

.g-bdw {
    width: 100%;
    height: 586px;
    position: relative;
    overflow: hidden;
background:url(headback.png) center top no-repeat fixed; /*background-size:100% auto;*/ margin:0 auto; height:586px;}

.g-bdw .g-canvas-box {
    width: 100%;
    height: 521px;
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0px;
    position: absolute;
    z-index: 8;
}

.g-bdw .g-canvas-box canvas {
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    --blur: 2;
    -webkit-filter: blur(calc(var(--blur) * 1px));
    filter: blur(calc(var(--blur) * 1px));
}

/*------------------------头部 start--------------------------*/
.header{ background:url(headback.png) center top no-repeat fixed; /*background-size:100% auto;*/ margin:0 auto; height:521px;}
.headertxt{ background:url(headtxt2.png) center top no-repeat; margin:0 auto; height:321px;}
/*------------------------导航 start--------------------------*/
.navbg { background:url(navbg.png) center top no-repeat; height:59px;}

.fix {display: none;position: fixed; top: 0; z-index: 999;}
.navtop ul{  }
.navtop ul li{ display: inline-block; float:left; text-align:center;  width:300px; height:59px; font-size:24px;  padding-top:15px; cursor: pointer; color:#FFF; }
.navtop ul li:hover { color:#A2FFFF;}
.navtop ul li a { color:#FFF; text-decoration:none; }
.navtop ul li a:hover { color:#A2FFFF; text-decoration:none; }
/*------------------------内容 start--------------------------*/


/*-------------双区驱动 start------------------*/
/*-------------part1 ------------------*/
.part1_bg {background:url(part1_bg.jpg) center top no-repeat; margin:0 auto; height:817px;}
.part1_dec {background:url(part1_dec.png) center top no-repeat; margin:0 auto; height:817px; }

.part1 { width:1000px; height:509px; margin:0px 0px 0px 32px; background:#FFF; }
.imgTxtNews{ margin-bottom:10px;}
.imgTxtNews .img{ float:left; margin:10px 25px;}
.imgTxtNews .img img{ width:440px; height:315px;}
.imgTxtNews .txtNews{ float:right; width:460px; margin:0px 25px;}
.imgTxtNews .imgTit{ display:block; font-size:28px;line-height:160%; margin:20px 0  30px; font-weight:bold; color:#cc0000;}
.imgTxtNews .imgTxt{ color:#666; font-size:20px; line-height:160%;}
.imgTxtNews .more{ color: #cc0000;}



.newsList3{  }
.newsList3 li{ float:left; width:46%; display:block; margin-right:1%; margin-left:20px;  box-sizing:border-box;padding-left:20px; background:url(star.png) no-repeat 0 18px; height:50px; line-height:50px; overflow: hidden;vertical-align:middle;;}
.newsList3 li a{color: #333; font-size: 18px;}

/*-------------part2 ------------------*/
.part2_bg {background:url(part2_bg.jpg) center top no-repeat; margin:0 auto; height:670px;}
.part2_dec {background:url(part2_dec.png) center top no-repeat; margin:0 auto; height:670px; }

.part2 { width:1000px; height:509px; margin:0px 0px 0px 178px; background:#FFF; }
/*-------------part3 ------------------*/
.part3_bg {background:url(part3_bg.jpg) center top no-repeat; margin:0 auto; height:676px;}
.part3_dec {background:url(part3_dec.png) center top no-repeat; margin:0 auto; height:676px; }

.part3 { width:1000px; height:509px; margin:0px 0px 0px 32px; background:#FFF; }
/*-------------改革先锋 start------------------*/
.gaigebgtit { background:url(gaigebg.jpg) center top no-repeat; margin:0 auto; height:260px;}
.jiaojuan {  background:url(jiaojuan.jpg) center top no-repeat;  height:420px; padding-top:22px;}
/*两侧带箭头滚动图-----*/
.rollBox {width:100%; padding-bottom:15px; z-index:1; position:relative;}
.rollBox .LeftBotton { background:url(arrow_l.png) no-repeat; width:30px;height:36px;overflow:hidden;float:left;display:inline;margin:50px 5px 0 10px;cursor:pointer; z-index:0; position: absolute; left: 0;top: 80px;}
.rollBox .RightBotton {background:url(arrow_r.png) no-repeat; width:30px;height:36px;overflow:hidden;float:left;display:inline;margin:50px 0 0 5px;cursor:pointer; z-index:0; position: absolute; right: 0;top: 80px;}
.rollBox .Cont {width:100%;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {width:500px;float:left;text-align:center; margin:0 7px;}
.rollBox .Cont .pic img {display:block;margin:0 auto;width:500px; height:300px;}
.rollBox .picTit{display:block; text-align:center; height:30px; line-height:30px; color:#fff; background-color:#2e2510; font-family:"微软雅黑 Light"; font-size:16px;}
.rollBox #List1, .rollBox #List2 {float:left;}






/*-------------历史变革 旋转木马 start------------------*/

.slide {
    height:420px;
    position: relative;
}

.slide li {
    position: absolute;
    left: 200px;
    top: 0;
}

.slide li img {
   /* width: 100%;*/
   width:500px;
	height:282px;
}

.arrow {
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 1000;
    width: 100%;
}

.prev, .next {
    width: 76px;
    height: 112px;
    position: absolute;
    z-index: 99;
}

.prev {
    left: 0;
    background: url(prev.png) no-repeat;
}

.next {
    right: 0;
    background: url(next.png) no-repeat;
}

/*-------------弄潮出海 start------------------*/

/*.blue { background:url(blue.jpg) center top no-repeat fixed; margin:0 auto; }*/
.blue { background:url(http://m.sznews.com/blue.jpg) center top no-repeat fixed; margin:0 auto; }
.nongchaotit { text-align:center; padding:87px 0px 0px 0px;}
.qyleft {background:url(leftbg.png) center 48px no-repeat; padding:20px 0px; }
.lefth1 { width:344px; float:left;}
.qyleft h1 { width:168px; height:35px; margin:23px 0px 0px 118px; font-size:24px; color:#FFF; font-weight:bold; text-align:center;}
.h1box { width:344px; float:left;}
.qyright h1 { width:168px; height:35px; margin:23px 0px 0px 60px; font-size:24px; color:#FFF; font-weight:bold; text-align:center;}
.qyright { width:1145px; background:url(rightbg.png) center 48px no-repeat; padding:48px 0px 48px 55px; height:186px; }

.lbox, .rbox { float:left;  }
.content {}
.content ul li a{-webkit-transition:color 1s; -o-transition:color 1s;}
.content ul li a:hover{ color:#BBFAFF;}
.con {
	width:265px;
	height:186px;
	float: left;
	margin:0px 1px;
	position: relative;
	cursor: pointer; display:inline;margin-left: 34px;margin-bottom: 30px;
}
.con  a img{
	width:316px;
	height: 186px;
	margin-left:-20px;
}

.txt{
	position: absolute;
	left: 0;
	 bottom:0;
	 height:30px;
	width:265px;
	 padding:10px;
	color: #fff;
	background: #000;opacity: 0.7;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.txt a{ color:#fff;}
.txt h3 a{ font-size:18px; height:35px; line-height:35px;}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}

/*------------------------历史变革 start--------------------------*/
.lsbg { background:url(lsbg3.jpg) center top no-repeat; margin:0 auto; height:850px; }

/*------------------------视频 start--------------------------*/ 
.movbg { background:url(movbg.jpg) center top no-repeat;  height:1300px;}

.biangebg { background:url(biangebg.jpg) center top no-repeat;  height:896px;}
.video {overflow:hidden;}

.video{width:1024px;height:444px; margin:0px auto 0px auto;}
 .video video{height:444px!important;}



.video p {text-indent:0!important;}
.video img {display:none;}




/*------------------------变革历程翻转 start--------------------------*/ 
.row-matrix {    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;}
    
    
    
    .row-matrix h2 {
    height: 100px;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 25px;
    background-image: url("http://www.newsimg.cn/politics/2018lh/0225/images/title02.png");
    background-position: 58% -390px;
    background-repeat: no-repeat;
    position: relative;
    }
    
    .row-matrix .products {
    text-align: center;
    float: left;
    position: relative;
    left: 50%;
    }
    
    .row-matrix .products li {
    float: left;
    position: relative;
    left: -50%;
    width: 64px;
    margin: 0 30px;
    }
    
    .row-matrix .products li div {
    height: 64px;
    line-height: 64px;
    }
    
    .row-matrix .products li div img {
    width: 100%;
    vertical-align: middle;
    }
    
    .row-matrix .products li span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 1.2;
    }
    
    .row-matrix .flip-container {margin-left: -6px;margin-right: -6px;margin-bottom: 20px;position: relative;height: 560px;background: #7a0000;box-shadow: 0 0 0 10px #7a0000;}
    
    .row-matrix .flip-container .flip-block {position: absolute;width: 33.3333%;height: 280px;transition: all 0.3s;overflow: hidden;}
    
    .row-matrix .flip-container .flip-block .flip-item {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    width: 100%;
    height: 100%;
    transition: all 1.2s;
    z-index: 1;
    opacity: 0;
    transform: scale(0.5, 0.5);
    }
 .flip-item h5 {

    width: 96%;
    position: absolute;
    bottom: 6px;
    /* left: 0px; */
    z-index: 10;
    height: 45px;
    line-height: 45px;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;
    text-align: center;
    color: #fff;

 }   
    .row-matrix .flip-container .flip-block .flip-item.on {
    z-index: 5;
    opacity: 1;
    transform: scale(1, 1);
    }
    
    .row-matrix .flip-container .flip-block .flip-item img {
    display: block;
    width: 100%;
    height: 100%;
    }
    
    .row-matrix .flip-container .flip-block .flip-item .btn {
    visibility: hidden;
    opacity: 0;
    content: '查看详情';
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 40px;
    background: #e5271a;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 10px 15px -8px #333, 0 0 0 3px #fff;
    transition: all 0.3s;
    }
    
    .row-matrix .flip-container .flip-block .flip-item .btn:hover {
    background: #e5271a;
    }
    
    .row-matrix .flip-container .flip-block .flip-item:hover .btn {
    visibility: visible;
    opacity: 0.8;
    }
    
    .row-matrix .flip-container .flip-block-2 {
    left: 66.6666%;
    }
    
    .row-matrix .flip-container .flip-block-3 {
    top: 280px;
    }
    
    .row-matrix .flip-container .flip-block-4 {
    left: 66.6666%;
    top: 280px;
    }
    
    .row-matrix .flip-container .flip-block-5 {
    left: 33.3333%;
    height: 186.666666667px;
    }
    
    .row-matrix .flip-container .flip-block-6 {
    left: 33.3333%;
    top: 373.333333333px;
    height: 186.666666667px;
    }
    
    .row-matrix .flip-container .flip-block-center {position: absolute;width: 33%;height: 280px;transition: all 0.3s;left: 33.3333%;top: 183.666667px;height: 186.666666667px;}
    
    .row-matrix .flip-container .flip-block-center .flip-item {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    width: 100%;
    height: 100%;
    transition: all 1s;
    }
    
    .row-matrix .flip-container .flip-block-center .flip-item img {
    display: block;
    width: 100%;
    height: 100%;
    }
    
    .row-matrix .arrow {
    position: absolute;
    top: 50%;
    margin-top: -69px;
    width: 48px;
    height: 136px;
    left: -80px;
    background: url('http://www.sznews.com/resource/templateRes/202005/22/1416/1416/arrow-pre-grey-l.png');
    cursor: pointer;
    }
    
    .row-matrix .arrow.arrow-right {
    background: url('http://www.sznews.com/resource/templateRes/202005/22/1416/1416/arrow-next-grey-l.png');
    left: auto;
    right: -80px;
    }
/*------------------------底部 start--------------------------*/
.footer{ width:100%;  margin:0 auto; text-align: center; font-size:14px;margin:0 auto; padding:60px 0; background:#434343;}
.footer p{color:#FFF}