body,header,div,section,nav,article,h2,h3,h4,h5,a,p,span,dl,dt,dd,ul,ol,li,img,em,strong,video{box-sizing: border-box; padding: 0;margin: 0;list-style: none;border:none;/* -webkit-appearance: none;-moz-appearance: none; */box-sizing: border-box; }
h2,h3,h4,h5{font-weight: normal;}
a{text-decoration: none;}
a,button{cursor:pointer;}
body img{width: 100%;float: left;}
.clearfix:after{content:'';clear:both;display:block;}
.right{float:right;}
.left{float: left;}
.center{position: relative;left:50%;transform: translate(-50%);-webkit-transform: translate(-50%);}
html{height: 100%;width: 100%;overflow:hidden;}
body{width: 100%;height: 100%;overflow: hidden; background: url(/uploads/image/susimg/bg_01.png) no-repeat; background-size:100% 100%;font-size: 14px;color:#000;font-family:arial,"heiti sc","stheiti","华文黑体","microsoft yahei","微软雅黑","simsun",helvetica,tahoma,arial sans-serif;}

@font-face {
    font-family: 'fz';
    src: ;
    src:  format('embedded-opentype'),
	  format('truetype'),
	  format('svg');
    font-weight: normal;
    font-style: normal;
  }
/* 专题导航 */
.nav_box{width: 100%;height: 60px;float: left; overflow: hidden;position: absolute;}
.uct_nav_bar{width:122px;position:fixed;left:0;top:50%;transform:translatey(-50%);-webkit-transform:translatey(-50%);z-index:200;}
.uct_nav_bar a{display: block;height: 32px;line-height: 32px;border-radius:3px;color:#333;font-size: 16px;font-family: 'heiti sc';font-weight: bold; padding-left:45px;}
.uct_nav_bar a.current{background-color: #000;color:#fff;}

/* 专题背景 */
.body_bg>div{position: fixed;}
.b_bg_01{bottom:20px;right:40px;width:285px;} 
.b_bg_03{bottom:0;left:0;width:22%;} 
.b_bg_02{top:50%;left:50%;width:16%;transform:translatey(-50%) translatex(-50%);-webkit-transform:translatey(-50%) translatex(-50%);z-index: 2;} 
.b_bg_04{left:50%;width:16%;height: 100%; transform:translatex(-84%);-webkit-transform:translatex(-84%);} 
.b_bg_04 img{height: 100%;}

/* 专题头部 */
.uct_tit{height: 50px; position:fixed;top:50px;left:25%;transform: translate(-25%);-webkit-transform: translate(-25%); padding:0 65px;background: url(/uploads/image/susimg/tit_line_bg.png) left bottom no-repeat,url(/uploads/image/susimg/uct_tit_bg.png) 65px 0 no-repeat;}
.uct_tit h2{font-size: 32px;line-height: 40px; padding-left:50px; }

/* 按钮 */
.uct_arr{position: absolute;top:50%;margin-top:-40px;width:20px;height: 24px;background: url(/uploads/image/susimg/arr_bg.png) no-repeat;cursor:pointer;}
.l_arr{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

/* 专题列表 */
.uct_main{height: 100%;}
.uct_list{width:72%;margin:0 auto;overflow: hidden;position: relative;top:50%;transform:translatey(-50%);-webkit-transform:translatey(-50%);}
.uct_list ul{float: left;position:relative;}
.uct_list li{float: left;}
.uct_list li .pic_box{float: left;width: 100%; border:3px solid #fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.5);position: relative;}
/*.uct_list li .pic_box img{filter: grayscale(1);-webkit-filter: grayscale(1);}*/
.uct_list li h3{float: left;color:#000; font-size:16px;margin-top:10px;height: 20px;line-height: 20px;overflow: hidden;}

/* 大图展示 */
.img_show_box{display: none; width: 100%;height: 100%;position: absolute;background-color:rgba(0,0,0,0.7);z-index: 600;}
.img_show_box img{cursor:pointer; width: auto; max-width: 90%;max-height: 90%;position: relative;left:50%;top:50%;transform:translate3d(-50%,-50%,0);}
.img_show{cursor:pointer;}

/*首页开始 */
#video_box{display:none;position: absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);z-index:2; width: 100%;background-color: #000;/*opacity: 0;*/}
#video_box img{height: 100%;}
.index_bg{position: absolute;width: 100%;height: 100%;background: url(/uploads/image/susimg/index_bg_01.png) no-repeat; background-size:100% 100%;z-index:12;}
.index_bg.bg_show{background-image: url(/uploads/image/susimg/ind_bg.png);}
.index .uct_nav_bar{width:100%;max-width: 850px; position:relative;top:20px; margin:0 auto;z-index:100;}
.index .uct_nav_bar a{height: 46px; width: 20%;text-align: center;float: left;padding:0;color:rgba(255,255,255,0.8);}
.index .uct_nav_bar a:hover{color:#fff; background:transparent url(/uploads/image/susimg/nav_bg.png) center -2px no-repeat;}
.index .b_bg_01{width:96%;max-width:840px;bottom:0px; right:auto;left:50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);z-index: 20; }
.index .b_bg_02{width: 1920px;opacity: 1;}
.video_cov{display:none;position: absolute;left:0;top:0;height: 100%;width: 100%;background: url(/uploads/image/susimg/raster.png) repeat;z-index:8;}

@media (max-width:1100px){
	body{overflow-y: auto;}
	body.index{width: 100%;height: 100%;float: left;overflow: hidden;position: fixed;}
	.b_bg_01,.b_bg_02,.b_bg_04,.uct_arr,.uct_tit h2{display: none;}
	.index .b_bg_01{display: block;max-width:590px;bottom:-50px;}
	.index .b_bg_02{display: block;height: 100%;}
	.uct_tit{height: 40px;width: 40px;padding:0;  position: relative;display:inline-block;left:50%;top:0;margin:30px 0 20px; transform: translate(-50%);-webkit-transform: translate(-50%); background:url(/uploads/image/susimg/uct_tit_bg.png) 0 0 no-repeat;}
}
@media (max-width:780px){
	.nav_box{position: relative;}
	.index .nav_box{position: absolute; height: 100%;}
	.index .b_bg_01{bottom:0;}
	.uct_tit{display: none;}
	.uct_nav_bar{margin:0 auto 30px; position:relative;width:480px;overflow: hidden;top:0;transform:translatey(0%);-webkit-transform:translatey(0%);}
	.uct_nav_bar a{float: left; width: 80px;height: 50px; text-align: center;padding:13px 0 0;color:#000;font-size: 14px;}
	.index .uct_nav_bar{width: 100px;position: absolute;left:50%; top:50%; transform:translatey(-50%) translatex(-50%);-webkit-transform:translatey(-50%) translatex(-50%);}
	.index .uct_nav_bar a{width: 100%;color:#fff; height: 30px;line-height: 30px;}

}