﻿body{ font-family: "microsoft yahei"; }
#Topbar{height:110px;background:url(../images/np.png) repeat-x 0 0;}
.Topwrap{width:1200px;margin:0 auto;position:relative;height:100%;}
#Topnav{height:100px;background:url(../images/topnav.jpg) no-repeat 0 0;width:672px;float:left;}
#Topnav li{float:left;}
#Topnav a{display:block;width:222px;height:100px;margin-left:2px;text-indent:-999em;}
#Topnav a:hover{background-image:url(../images/topnav.jpg);background-repeat:no-repeat;}
#Topnav a.n1:hover{background-position:-2px -100px;}
#Topnav a.n2:hover{background-position:-226px -100px;}
#Topnav a.n3:hover{background-position:-450px -100px;}
#Topbar .entry{background:url(../images/entry.jpg) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .forum{background:url(../images/forum.jpg) no-repeat 0 0;display:block;width:236px;height:100px;margin-left:7px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .entry:hover{background:url(../images/entry_1.jpg) no-repeat 0 0;}
#Topbar .forum:hover{background:url(../images/forum_1.jpg) no-repeat 0 0;}



/*浮动条*/
#Floatingbar{width:110px;height:780px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:60px;padding-right:18px;padding-left:50px;background:url(../images/floatingbg.png) no-repeat left top;z-index:2500;}
#Floatingbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
#Floatingbar .erweima:hover{}
#Floatingbar .erweima:hover img{transform:scale(1.3);}
#Floatingbar .erweima img{width:109px;height:109px;margin-bottom:3px;background:#fff;display:block;transition:all 0.3s ease-in;}
#Floatingbar .erweima span{font-size:13px;color:#e7dbc0;}
#Floatingbar ul{margin-bottom:7px;}
#Floatingbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:3px;}
#Floatingbar ul li a{display:block;}
#Floatingbar ul li a img{margin:0 auto;display:block;}
#Floatingbar .downlist{line-height:2.14;font-size:14px;}
#Floatingbar .downlist li a{color:#dab974;}
#Floatingbar .downlist li a:hover{color:#e7dbc0;text-decoration:none;}


/*公告*/
#gonggao{width:390px;height:600px;position:absolute;top:835px;left:50%;margin-left:-614px;z-index:1500;}

/*第一模块*/
#m1{height:500px;position:relative;min-width:1100px;margin:0 auto;margin-top:-500px;}
#m2{height:500px;position:relative;min-width:1100px;margin:0 auto;padding-top:22px;background:url(../images/index_01.jpg) no-repeat center top;}
#m3{height:495px;position:relative;min-width:1100px;margin:0 auto;padding-top:23px;background:url(../images/index_02.jpg) no-repeat center ; }
#m4{height:525px;position:relative;min-width:1100px;margin:0 auto;padding-top:113px;background:url(../images/index_03.jpg) no-repeat center ; }
#m5{height:584px;position:relative;min-width:1100px;margin:0 auto;padding-top:117px;background:url(../images/index_04.jpg) no-repeat center ; }


/*下载*/
#downloada{float:left;width:390px;height:600px;overflow:hidden;margin-right:20px;margin-top:10px}

#downloada .btn_downa{float:left;width:390px;height:115px;;position:relative;text-indent:-9999em;background:url(../images/btn_01.png) no-repeat left top;display:block;}
#downloada .btn_downa:hover{text-decoration:none;;background:url(../images/btn_01_01.png) no-repeat left top;}
#downloada .btn_paymenta{float:left;width:390px;height:115px;position:relative;text-indent:-9999em;background:url(../images/btn_02.png) no-repeat left top;display:block;}
#downloada .btn_paymenta:hover{text-decoration:none;background:url(../images/btn_02_01.png) no-repeat left top;}
#downloada .btn_paya{float:left;width:390px;height:115px;position:relative;text-indent:-9999em;background:url(../images/btn_03.png) no-repeat left top;display:block;}
#downloada .btn_paya:hover{text-decoration:none;background:url(../images/btn_03_01.png) no-repeat left top;}
#downloada .btn_jiaoyi{float:left;width:390px;height:115px;position:relative;text-indent:-9999em;background:url(../images/btn_04.png) no-repeat left top;display:block;}
#downloada .btn_jiaoyi:hover{text-decoration:none;background:url(../images/btn_04_01.png) no-repeat left top;}


#Introductionbg{float:right;width:800px;height:445px;border-radius:15px;}
#Introduction{padding:10px;float:right;width:780px;height:425px;background-color:rgba(0,0,0,0.5);box-shadow:0 0px 14px rgba(255,255,255,0.3) inset;border-radius:15px;}

#Videoshipinbg{float:left;width:665px;height:465px;padding-left:5px;}
#Videoshipinsbg{float:right;width:658px;height:465px;padding:0px;}

	/*新闻列表*/
	.NewsList li{padding:11px 10px 11px 4px;height:24px;line-height:24px;overflow:hidden;font-size:14px;border-bottom:1px dashed #958b8a;width:98%;}
	.NewsList li span{float:right;font-size:12px;color:#958b8a}
	.NewsList li span:hover{float:right;font-size:12px;color:#958b8a}
	.NewsList li a{color:#958b8a}
	.NewsList li a:hover{color:#958b8a}
	.NewsList li .btn_fl{float:left;color:#FFF;margin-right:9px;background-color:#958b8a;display:inline-block;}
	/*选项卡*/
	.Tab{float:left;width:100%;margin-bottom:5px;border-bottom:1px solid #FFF;}
	.Tab li{float:left;width:242px;text-align:center;}
	.Tab li a{height:50px;line-height:50px;font-size:17px;display:block;font-weight:bold;color:#FFF;}
	.Tab li.change a,.Tab li a:hover{color:#000;background-color:#FFF;}
	.Tab li.change{position:relative;margin-bottom:-1px;border-bottom:2px solid #FFF;}


.section2{overflow:hidden;background:url(../images/bg_02.jpg) top center no-repeat;}
.section2 .inc{position:relative;width:1350px;height:518px;margin:0 auto;left:8px;top:10px;}


#m3a{width:1330px;margin-bottom:10px;margin:0 auto;}
#Video{
	float:left;
	width:665px;
	height:465px;
	position:relative;
	overflow:hidden;
	background-color:#1b3033;
	background-image: url(images/1111111.png);
}
#PlayBanner{float:right;width:430px;height:465px;position:relative;overflow:hidden;}
#PlayBanner .conbox{width:9999em;position:absolute;width:430px;height:465px;}
#PlayBanner .conbox div{float:left;width:260px;height:400px;overflow:hidden;}
#PlayBanner .conbox div img{width:100%;height:100%;display:block;}




.section3{overflow:hidden;background:url(../images/bg_03.jpg) top center no-repeat;}
.section3 .inc{position:relative;width:1400px;height:647px;margin:0 auto;left:8px;top:10px;}

#focus_Box{position:relative; padding-top: 0px; margin:0 auto;}
#focus_Box ul{position:relative;width:1400px; height:495px; margin:0 auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:74px;height:74px;top:212px;}
#focus_Box .prev{background:url(../images/prev.png) left bottom no-repeat;left:66px;}
#focus_Box .next{background:url(../images/next.png) right bottom no-repeat;right:66px;}
#focus_Box .proL{ 
	transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);	 
}
#focus_Box .proR{ 
	transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(30deg);	 
}




.section4{overflow:hidden;background:url(../images/bg_04.jpg) top center no-repeat;}
.section4 .inc{position:relative;width:1200px;height:642px;margin:0 auto;left:8px;top:10px;}

.poster-main{position: relative;margin: 0px auto;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0px;}
.poster-main .poster-btn{position: absolute;top: 0px;cursor: pointer;}
.poster-main .poster-prev-btn{left: -200px;background: url("../images/prev.png") no-repeat center center;}
.poster-main .poster-next-btn{right: -200px;background: url("../images/next.png") no-repeat center center;}

.nav{height: 75px;background: url(../images/t-r-b.png) repeat-x;padding-top: 5px;position: relative;width:100%;max-width:1920px;z-index: 10;margin:0 auto;}
.nav .t-logo{display: block;margin: 0 0 0 28px;width: 400px;height: 70px;float: left;background: url(../images/t-logo.gif) no-repeat;}
.nav .t-logo2{display: block;margin: 5px 0 0 28px;width: 260px;height: 60px;float: left;background: url(../images/bxsj.gif) no-repeat;}
.r-nav-c{width: 654px;height: 37px;float: right;background: url(../images/t-nav-c.png) no-repeat;margin-right: 28px;position: relative;margin-top: 15px;}
.r-nav-c .al{width: 116px;height: 68px;float: left;margin-left: 12px;position: relative;}
.r-nav-c a{width: 116px;height: 37px;display: block;background: url(../images/t-nav.png) no-repeat;}
.r-nav-c a.a1{background-position: -12px 0px;font-size:16px;color:#242424}
.r-nav-c a.a2{background-position: -140px 0px;}
.r-nav-c a.a3{background-position: -268px 0px;}
.r-nav-c a.a4{background-position: -396px 0px;}
.r-nav-c a.a5{background-position: -524px 0px;}
.r-nav-c a.a1:hover,.r-nav-c a.a1.on{background-position: -12px -37px;}
.r-nav-c a.a2:hover,.r-nav-c a.a2.on{background-position: -140px -37px;}
.r-nav-c a.a3:hover,.r-nav-c a.a3.on{background-position: -268px -37px;}
.r-nav-c a.a4:hover,.r-nav-c a.a4.on{background-position: -396px -37px;}
.r-nav-c a.a5:hover,.r-nav-c a.a5.on{background-position: -524px -37px;}
.r-nav-c .al .aui{display: none;width: 128px;position: absolute;left: -3px;top: 67px;z-index:10}
.r-nav-c .al .aui .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.9;filter:alpha(opacity=90);}
.r-nav-c .al ul{position: relative;padding: 10px 0;}
.r-nav-c .al ul li{height: 32px;}
.r-nav-c .al ul li a{color: #404040;width: 110px;height: 32px;display: block;margin: 0 auto;text-align: center;line-height: 32px;background-image: none;border-radius: 5px;}
.r-nav-c .al ul li a:hover{background-color: #7cae95;color: #fff;}




/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;font-family:'Microsoft YaHei';background:#000 url(../images/body.jpg) repeat-y center top;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */.bl {display: block;}
.ab {position: absolute;}

/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo_fullsize img{display:block;width:100%;height:100%;}	/*图片全尺寸*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/
.center{margin:0 auto;width:1280px;}	/*让内容区块居中*/
.center1{margin:0 auto;width:1280px;}	/*让内容区块居中*/
.center2{margin:0 auto;width:1345px;}	/*让内容区块居中*/
.center3{margin:0 auto;width:1400px;}	/*让内容区块居中*/
.center4{margin:0 auto;width:1292px;}	/*让内容区块居中*/
.center5{margin:0 auto;width:1407px;}	/*让内容区块居中*/
/*图片全尺寸*/
.photo,.photo_fullsize{display:block;overflow:hidden;}
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	
/*图片自适应尺寸*/
.photo_autosize{text-align:center;display:block; overflow:hidden; position:relative;}
.photo_autosize::after{height:100%;width:0;overflow:hidden; font-size:0;line-height:0;display:inline-block;vertical-align:middle;content:"";}
.photo_autosize>div{position:absolute;left:0;top:0;right:0;bottom:0;}
.photo_autosize>div::after{height:100%;width:0;overflow:hidden; font-size:0;line-height:0;display:inline-block;vertical-align:middle;content:"";}
.photo_autosize>div img{display:inline!important;}
.photo_autosize img{ position:static!important;display:inline;left:auto;top:auto;width:auto;height:auto;max-width:100%;max-height:100%;}
/*图片自适应全尺寸*/
.photo_autofullsize{ overflow:hidden; display:block;background-size:cover!important}
.photo_autofullsize img{ display:none;}
.container1{width:617px;height:auto;margin:0 auto;}
.container1 .div_scroll{float:left;width:100%;height:289px;overflow:auto;}
.container1 .scroll_container{position:relative;overflow:hidden;}
.container1 .scroll_absolute{position:absolute;}
.container1 .scroll_vertical_bar{width:10px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}
.container1 .scroll_track{position:relative;border-radius:10px;background:url(../images/line_y.gif) repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#473924;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}


.border_top,.border_right,.border_bottom,.border_left{font-size:0; overflow:hidden; line-height:0;background:#c3b093; position:absolute;}
.border_top{left:50%;top:0;height:1px;}
.border_right{top:50%;right:0;width:1px;}
.border_bottom{left:50%;bottom:0;height:1px;}
.border_left{top:50%;left:0;width:1px;}

.btn_video ._yuan{
	  -moz-animation: rotate 4s linear infinite;
	  -webkit-animation: rotate 4s linear infinite;
	  -o-animation: rotate 4s linear infinite;
	  -ms-animation: rotate 4s linear infinite;
	  animation: rotate 4s linear infinite;
	}

	@-webkit-keyframes rotate {
	  0%,
	  100% {-webkit-transform: rotate(0deg);}
	  100% { -webkit-transform: rotate(360deg);}
	}
	@-moz-keyframes rotate {
	  0%,
	  100% {-moz-transform: rotate(0deg); }
	  100% {  -moz-transform: rotate(360deg); }
	}
	@-o-keyframes rotate {
	  0%,
	  100% { -o-transform: rotate(0deg);}
	  100% { -o-transform: rotate(360deg);}
	}
	@-ms-keyframes rotate {
	  0%,
	  100% { -ms-transform: rotate(0deg); }
	  100% { -ms-transform: rotate(360deg); }
	}
	@keyframes rotate {
	  0%,
	  100% {transform: rotate(0deg); }
	  100% {transform: rotate(360deg);}
	}
