@charset "utf-8";
@import "public.css?v=12121";
@media only screen and (max-width:1600px){
	html{
		/**62.5%*/
		font-size: 11.3833px;
	}
}
@media only screen and (max-width:1366px){
	html{
		font-size: 11.3833px;
	}
}
@media only screen and (max-width:1280px){
	html{
		font-size: 10.6667px;
	}
}

/*字体*/
@font-face {
	font-family: 'ngbt-bec';
	src: url('font/newsgothicbt-boldextracondensed-webfont.eot'); /* IE9 Compat Modes */
	src: url('font/newsgothicbt-boldextracondensed-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/newsgothicbt-boldextracondensed-webfont.woff') format('woff'), /* Modern Browsers */
         url('font/newsgothicbt-boldextracondensed-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('font/newsgothicbt-boldextracondensed-webfont.svg#newsgothicbt-boldextracondensed-webfont') format('svg'); /* Legacy iOS */
}

/*loading*/
#loading{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:url(../images/home/loading_bj.jpg) center bottom  no-repeat #2d313a; background-size:100%; transition: all 1s; -webkit-transition: all 1s; opacity: 1; z-index: 1009;}
#loading .cir1{width: 202px; height: 202px; position: absolute; top: 50%; left: 50%; margin-left: -101px; margin-top: -101px; background: url(../images/home/loading_logo.png) center center  no-repeat;}
#loading .cir2{width: 204px; height: 204px; position: absolute; top: 50%; left: 50%; margin-left: -102px; margin-top: -102px; transform: rotate(-90deg); stroke-dasharray: 630; animation: dash 2s linear forwards;}
@keyframes dash {
	from{
	  stroke-dashoffset: 630;
	}
	to {
	  stroke-dashoffset: 0;
	}
}
#loading.anistop{
	opacity: 0;
	z-index: -1;
}


/*menu*/
#menu{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: fixed;
	right: 1.0rem;
	text-align:left;
	top: 1.25rem;
	
	line-height: 3.5rem;
	z-index: 5;
	padding-top: 1rem;
	transition: all 0.5s;
	opacity: 1;
}
#menu.active{
	opacity: 0;
}
#menu span{
	width: 1.875rem;
	height: 0.1875rem;
	background-color: #4d4d4d;
	margin: 0 0 0.4375rem;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color: #ecd76b;
}
#menu span:last-child{
	margin-bottom: 0;
}
#menu span:nth-child(2){
	width: 1.5rem;
}
/*toptel*/
#tel{
	font-size: 1.3rem;
	color: #333;
	position: fixed;
	z-index: 5;
	right:6rem;
	top: 2.2rem;
	text-transform:uppercase;
	font-family:'微软雅黑';
	font-weight: bold;
}

/*sidenav*/
#sidenav{
	text-align: center;
	position: fixed;
	right: -40rem;
	top: 0;
	width: 30rem;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1006;
	padding: 0 0.4375rem;
	transition: all 0.5s;
}
#sidenav.active{
	right: 0;
}
#sidenav .close{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: absolute;
	right: 2.1875rem;
	top: 1.25rem;
	transition: all 0.5s;
}
#sidenav .close span{
	width: 1.875rem;
	height: 0.1875rem;
	background-color: #fff;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -0.9375rem;
	top: 50%;
	margin-top: -0.09375rem;
	transition: all 0.5s;
}
#sidenav .close:hover{
	transform: rotate(180deg);
}
#sidenav .close:hover span{
	background-color: #ecd76b;
}
#sidenav .close span:nth-child(1){
	transform: rotate(45deg);
}
#sidenav .close span:nth-child(2){
	transform: rotate(-45deg);
}
#sidenav h3{
	line-height: 5.75rem;
	height: 5.8125rem;
	font-family: "ngbt-bec";
	font-size: 2.25rem;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 2.5rem;
}
#sidenav .nav{
	margin-bottom: 3.5rem;
}
#sidenav .nav a{
	display: block;
	line-height: 5.625rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	height: 5.6875rem;
	color: #fff;
	font-size: 1rem;
	position: relative;
	transition: all 0.5s;
}
#sidenav .nav a:hover{
	color: #ecd76b;
}
#sidenav .nav a span{
	margin-right: 0.625rem;
	display: inline-block;
	line-height: 1;
	transition: all 0.5s;
}
#sidenav .nav a:hover span{
	transform: rotate(360deg);
}
#sidenav .nav a .line{
	margin: 0 auto -0.0625rem;
	width: 0%;
	height: 0.0625rem;
	background-color: #ecd76b;
	transition: all 0.5s;
}
#sidenav .nav a:hover .line{
	width: 100%;
}
#sidenav .qr{
	margin-bottom: 3.375rem;
	width: 23.6%;
}
#sidenav .tip{
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
	margin-bottom: 1rem;
}
#sidenav .tel{
	font-family: "微软雅黑 light";
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
}
#sidenav .tel img{
	margin-right: 0.5rem;
	width: 5.15%;
}


/***第一屏***/
.sec_Home{text-align: center; background: url(../images/home/index_sec1_bg.jpg) center center  no-repeat; background-size: 100% 100%; transition: all 3s 0.5s; -webkit-transition: all 3s 0.5s; position:relative}
.sec_Home .logo{position: absolute;left: 2.125rem;top: 1.625rem;}

.sec_Home .FirstCent{ text-align:center; padding-top:15%; position:relative; z-index:15; color:#000000}
.sec_Home .FirstCent .picA{top: -6.25rem; position: relative; opacity: 0; transition: all 1s; -webkit-transition: all 1s; margin-bottom:5%; font-size:3.75rem; font-family:Arial, Helvetica, sans-serif; color:#333333; text-transform:uppercase; font-weight:bold}

.sec_Home .FirstCent .picB{ position: relative;top: -4.375rem; opacity: 0; transition: all 1s 0.5s; -webkit-transition: all 1s 0.5s; font-size:3.75rem; margin-bottom:3%;}
.sec_Home .FirstCent .picC{ position: relative;top: -4.375rem; opacity: 0; transition: all 1s 0.5s; -webkit-transition: all 1s 0.5s; font-size:1.5rem;}
.sec_Home .FirstCent .First_list{opacity: 0; transition: all 1s 1s;
	-webkit-transition: all 1s 1s; overflow:hidden; width:50rem; background:rgba(255,255,255,0.8); padding:0 0 20px}
.sec_Home .FirstCent .First_list li{ -webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out; float:left; width:33.33%; padding-top:35px; text-align:center}
.sec_Home .FirstCent .First_list li a{ display:block; color:#2d313a; font-weight:bold; font-size:1.2rem;}
.sec_Home .FirstCent .First_list li a img{ display:block; width:4.2rem; margin:0 auto 15px}
.sec_Home .FirstCent .First_list li:hover{ padding-top:20px;}
.sec_Home.ani .picA,.sec_Home.ani .picB,.sec_Home.ani .picC{top: 0;opacity: 1;}

.sec_Home.ani .FirstCent .First_list{opacity: 1;margin:4% auto 0;}



/***第二屏***/
.sec_Pro{ background:url(../images/home/secondbj.jpg) bottom center no-repeat; background-size:100% 100%;  position:relative}

.Two_title{ overflow:hidden; position:relative; padding:2rem 0 0; text-align:center}
.Two_title h3{display:inline-block; font-size:7.5rem; color: #212121; position: relative; transition: all 1s; -webkit-transition: all 1s; font-weight:normal; padding:2rem 0}
.Two_title h3 span{ display:block;  padding:0 3rem; font-family: "ngbt-bec"; font-size:3.5rem; text-transform:uppercase;}
.Two_title h3 span i{ font-size:1.8rem; color:#2d313a; font-family: "微软雅黑"; display:block; margin-top:1.4rem;}


.sec_Pro .TwoCent .Two_list{ overflow:hidden; width:auto;  margin:0 20rem; padding:3rem 0 }
.sec_Pro .TwoCent .Two_list li{ float:left; width:33%; text-align:center; margin-bottom:3rem; }
.sec_Pro .TwoCent .Two_list li a{-moz-box-shadow:0 0 2rem rgba(204,202,203,0.4); -webkit-box-shadow:0 0 2rem rgba(204,202,203,0.4); box-shadow:0 0 2rem rgba(204,202,203,0.4); display:block; background:rgba(255,255,255,0.8);  margin:0 2rem; font-size:2.0rem; padding:2.0rem 2.0rem; font-size:1.3rem; color:#2a3549}
.sec_Pro .TwoCent .Two_list li a img{ display:block; margin:0 auto 1.0rem; width:7rem;}
.sec_Pro .TwoCent .Two_list li a span{ font-size:0.8rem; color:rgba(42,53,73,0.6); line-height:1.2rem; display:block; margin:10px 0}
.sec_Pro .TwoCent .Two_list li a i{-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;  font-size:0.8rem; color:#919aac; border:1px solid #c5c8ce; display:block; padding:0.05rem 0; margin:0 auto; width:6.5rem; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.sec_Pro .TwoCent .Two_list li a:hover i{ background:#2d313a; border:1px solid #2d313a; color:#ecd76b}

/***第三屏***/

.News_top{position:absolute; top:0; left:0; right:0}

.News_text{ width:50%; margin:2rem auto 0; font-size:1.0rem; color:#404040; line-height:2rem; text-align:center;}
.News_text a{ display:block; width:8rem; margin:3rem auto; background:#2d313a; color:#ecd76b; font-size:1.0rem; line-height:2.5rem; text-align:center;}


.News_Bottom{ width:auto; overflow:hidden; height:50%; position:absolute; bottom:0; left:0; right:0}
.News_Bottom li{ width:33.33%; overflow:hidden; float:left; height:100%; position:relative;}
.News_Bottom li a{ display:block; height:100%}
.News_Bottom li .actImg{ position:relative;height:100%}
.News_Bottom li .actImg img{ height:100%}
.News_Bottom li .actImg:after{ content:''; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out; position:absolute; left:0; right:0; top:0; bottom:0; z-index:5; background:rgba(0,0,0,0.5);}

.News_Bottom li .actText{ position:absolute; left:0; right:0; top:0; bottom:0; height:100%; overflow:hidden; margin:auto; z-index:10}
.News_Bottom li .actText img{ width:70%; display:block; margin:0 auto}

.News_Bottom li .actText .zi01{  width:3.2rem; text-align:center; position:absolute; left:2rem;  bottom:8rem; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;}

.News_Bottom li .actText .zi02{ width:3rem; left:5.2rem; bottom:0;  position:absolute}
.News_Bottom li .actText .zi02 span{ width:1.7rem; margin:0 auto 1rem;  display:block;}
.News_Bottom li .actText .zi02 i{ display:block; height:7rem; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;  margin:0 auto; width:0.9rem; z-index:15; /*position:absolute; bottom:0; left:0; right:0;*/ background:#ecd76b;}


.News_Bottom li .actText .nr{ -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out; color:#FFF; position:absolute; left:12rem; padding-right:2rem; bottom:5rem; font-size:1.0rem;}
.News_Bottom li .actText .nr strong{ font-size:3rem; margin-bottom:2rem; font-weight:normal; display:block; line-height:3rem}
.News_Bottom li .actText .nr span{ display:block; margin-top:2rem; width:6rem; padding-bottom:0.6rem; height:2rem; font-size:0.9rem; background:url(../images/home/jt.png) left bottom no-repeat; font-family:Arial, Helvetica, sans-serif; line-height:2rem; text-align:left;  border:1px solid rgba(255,255,255,0);}


.News_Bottom li:hover .actText .zi01{ bottom:13rem;}
.News_Bottom li:hover .actText .zi02 i{ height:12rem;}
.News_Bottom li:hover .actImg:after{ background:rgba(0,0,0,0.7);}
.News_Bottom li:hover .actText .nr{ bottom:12rem}



/***第四屏***/
.sec_News{ background:url(../images/home/newsbj.png) center bottom repeat-y; overflow:hidden; }

.sec_News .L_title{ margin-bottom:3rem; font-size:1.4rem; color:#2d313a}
.sec_News .L_title strong{ font-family: "ngbt-bec"; font-size:2.5rem; margin-bottom:0.5rem; display:block; text-transform:uppercase; color:#2d313a; line-height:2.0rem}


.sec_News .News_L{ width:50%; float:left; overflow:hidden}
.sec_News .News_L .box{ width:60%; margin:0 auto}

.sec_News .News_L .box .L_img{ margin-bottom:1rem}
.sec_News .News_L .box .L_img img{ width:100%}
.sec_News .News_L .box .L_text{ color:#666666; line-height:24px; font-size:0.9rem;}
.sec_News .News_L .box .L_text strong{ display:block; color:#333333; font-size:1.2rem;}
.sec_News .News_L .box .L_text span{ display:block; color:#999999; font-size:0.8rem; margin-bottom:1rem}
.sec_News .News_L .box .L_text a{ display:block; width:7rem; margin-top:2rem; background:#2d313a; color:#ecd76b; font-size:0.8rem; line-height:2rem; text-align:center;}
.sec_News .News_L .box img{ max-width:100%}


.sec_News .News_R{ width:50%; float:left;}
.sec_News .News_R{ width:50%; float:left; overflow:hidden}
.sec_News .News_R .box{ width:80%; margin:0 auto}

.sec_News .News_R .box .newsNr li{ width:auto;  overflow:hidden; position:relative;}
.sec_News .News_R .box .newsNr li a{ width:auto; margin-left:7rem; color:#666666; line-height:1.2rem; font-size:0.9rem; padding-bottom:6rem; position:relative; float:right; border-left:1px solid #e5e5e5;  padding-left:2rem; display:block;}
.sec_News .News_R .box .newsNr li a strong{ display:block; font-size:1.2rem; line-height:1.5rem; color:#2d313a; margin-bottom:0.5rem}
.sec_News .News_R .box .newsNr li .title{ line-height:24px; position:absolute; line-height:30px; top:0rem; color:#999999; font-size:1.9rem; font-family:Arial, Helvetica, sans-serif; font-weight:normal; left:0; text-align:right; right:auto; font-weight:bold;}
.sec_News .News_R .box .newsNr li .title span{ font-size:1.2rem; font-weight:normal; display:block}

.sec_News .News_R .box .newsNr li a:after{content:".";display:block;height:24px; width:1px; background:#a0a0a0; position:absolute; top:15px; left:-1px;}

.sec_News .News_R .box .newsNr li:nth-child(3) a{ padding-bottom:0}

.sec_News .News_R .box .more{ margin-left:9rem; border:1px solid #2d313a; color:#2d313a; display:block; width:7rem; margin-top:4rem; font-size:0.8rem; line-height:2rem; text-align:center}


/***第五屏***/
#container{ width:100%; height:100%;display:none;}

.sec_Contact{ position:relative; height:100%; background:#FFF; width:100%;  z-index:10000;}
.Contact_box{ position:absolute; top:50%; margin:auto; margin-left:-20rem; margin-top:-17rem; left:50%; z-index:1000; width:34rem; display:inline; display:inline-table; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:1.0rem; color:#404040}

.Contact_box .ContactA{ padding:1.5rem 0 1.5rem 2rem}


.Contact_box .ContactA i{font-size:1.4rem;}
.Contact_box .ContactA strong{ font-family: "ngbt-bec"; font-size:2.5rem; margin-bottom:0.5rem; display:block; text-transform:uppercase; color:#2d313a; line-height:2.0rem}


.Contact_box .ContactB{ background:#e9eaec; padding:0.8rem 2rem}

.Contact_box .ContactF{ padding:0 0 2rem}
.Contact_box .ContactF strong{ display:block; position:relative; text-align:center; font-size:1.2rem; color:#666666; margin-bottom:30px}
.Contact_box .ContactF strong span{ display:inline-block; position:relative; z-index:10; font-weight:normal; background:#FFF; padding:0 20px}
.Contact_box .ContactF strong:after{ content:''; position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; height:1px; background:#e9eaec; z-index:5}

.Contact_box .ContactF ul{ overflow:hidden;}
.Contact_box .ContactF ul li{ width:50%; float:left;}
.Contact_box .ContactF ul li a{ display:block ; margin:0 auto; background:url(../images/home/qq.png) center top no-repeat; padding-top:2.5rem; text-align:center; font-size:0.8rem; color:#666666}
.Contact_box .ContactF ul li a:hover{ background:url(../images/home/qqa.png) center top no-repeat; color:#ecd76b}

.copy{ background:#1f1f1f; font-size:0.9rem; position:absolute; bottom:0; z-index:100; left:0; right:0; color:#767676; text-align:center; padding:0.5rem 0}




@media only screen and (max-width:1600px){
	.sec_Pro .TwoCent .Two_list{ margin:0 10rem; }
}
@media only screen and (max-width:1366px){
	.sec_Pro .TwoCent .Two_list{ margin:0 10rem; }
	
}
@media only screen and (max-width:1280px){
	.sec_Pro .TwoCent .Two_list{ margin:0 10rem; }
}
@media only screen and (max-width:1024px){
	.sec_Pro .TwoCent .Two_list{ margin:0 1rem; }
}
@media only screen and (max-width:768px){
	.sec_Pro .TwoCent .Two_list{ margin:0 1rem; }
}
/** 
* 
*----------圣兽!----------/ 
* 　　　┏┓　　　┏┓ 
* 　　┏┛┻━━━┛┻┓ 
* 　　┃　　　　　　　┃ 
* 　　┃　　　━　　　┃ 
* 　　┃　┳┛　┗┳　┃ 
* 　　┃　　　　　　　┃ 
* 　　┃　　　┻　　　┃ 
* 　　┃　　　　　　　┃ 
* 　　┗━┓　　　┏━┛ 
* 　　　　┃　　　┃圣兽保佑 
* 　　　　┃　　　┃代码无BUG！ 
* 　　　　┃　　　┗━━━┓ 
* 　　　　┃　　　　　　　┣┓ 
* 　　　　┃　　　　　　　┏┛ 
* 　　　　┗┓┓┏━┳┓┏┛ 
* 　　　　　┃┫┫　┃┫┫ 
* 　　　　　┗┻┛　┗┻┛ 
* ━━━━━━圣兽出没━━━━━━
*/