@charset "utf-8";
/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
div,img{box-sizing: border-box;-webkit-box-sizing: border-box;}
img{border:0; display: block; max-width: 100%;}
.clear {clear:both;height: 0px; }
.clear-fix:after{content: "."; display: block; height: 0px; font-size: 0px; clear: both; visibility: hidden;}
.none{display: none;}
a{color:#333333;text-decoration:none;outline:0;}
a:hover{ color: #c10214 ;}
.fl{position:relative;float:left;}
.fr{position:relative;float:right;}
.ellipsis{ text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}

/* 头部 */

.section{overflow: hidden;}
.section h1{margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p{line-height: 25px;}
.section_box{position: relative;}


.header_risesun{
	position: relative;
	width: 100%;
	left: 0%;
	top: 0px;
	z-index: 9999;
	background-image: url(../images/header.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.top{position: relative;max-width:100%;margin:0 auto;}
.logo{width: 300px;}
.logo a,.logo img{display:block}
.nav{width:800px;text-align: right; padding-left:4%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.nav li{position: relative;float: left;width: 12%;}
.nav a{display: block;transition:all 0.3s ease-in-out;height: 92px; color:#fff; font-size:16px; line-height: 92px; text-align: center;}
.nav a:hover{color: #c10214;background: url(../images/navbg.png); border-bottom: 2px solid #c10214;}
.nav .on a{color: #c10214;background: url(../images/navbg.png); border-bottom: 2px solid #c10214;}
.child_class{position: absolute; left:50%; margin-left:-50%; z-index:99999999; display: none; border:1px solid #272d33;padding:8px 8px 20px 8px;background: url(../images/childbg.png);}
.child_class a{height: 40px; padding:0px 12px;color: #dfdfe0!important; font-size: 13px;line-height: 40px; border-bottom: 1px solid #666!important; font-weight: normal;background:none!important;white-space: nowrap;}
.child_class a:hover{color: #dbc146!important;border-bottom: 1px solid #dbc146!important;background:none!important;}
.nav_move{float: right;width:7%;display: none;}
.nav_move img{float: right;}
.nav_move_div{position: absolute; right: 0%; top: 100%; display: none;width: 26%; padding: 3% 2%; border:0.5rem solid rgba(0,0,0,.5);background: url(../images/whitebg.png);box-sizing: border-box;-webkit-box-sizing: border-box;}
.nav_move_div li{border-bottom: 1px solid #ccc;}
.nav_move_div li a{display: block; padding: 0% 5%;font-size: 1.25rem; text-align: left;line-height: 300%;}



/* 焦点图 */

.banner{position: relative;width: 100%;/*max-width:1920px;*/margin: 0 auto;background: #000000;overflow: hidden;}
#focus{position:relative;width:100%; margin: 0 auto 0 auto;}
#focus ul{position:absolute;}
#focus ul li{position:relative;float:left; overflow:hidden;}
#focus ul li a{display: block;max-width: 1200px; margin: 0 auto; padding-top: 6%;}
#focus .btn{position:absolute; width:100%;left:0px; bottom:0px; z-index:991; text-align: center;}
#focus .btn span{position: relative;display: inline-block; margin-right: 6px;width:20px;height:20px; border-top: 4px solid #dbdbdb; cursor: pointer;}
#focus .btn span.on{width:45px;border-top: 4px solid #fff41d;}



/* 首页第一部分 */
.row1bg{width: 100%;background: url(../images/aboutbga.jpg);background-position: center center;background-repeat: no-repeat;background-attachment:scroll;background-size: cover;background-color: #fff;}
.box_row1Title{position: absolute; left: 0%; top: -50%;width: 100%;transition: all 1s;}
.active .box_row1Title{top:4%; transition-delay: 0.2s;}
.row1Title{max-width:1200px; margin: 0 auto;}
.row1Title img{width: 36%; margin: 0 auto;}
.box_row1Menu{position: absolute; left: 0%; top: 32%;width: 100%;opacity: 0;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);transition: all 1s;}
.active .box_row1Menu{opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.2s;}
.row1Menu{max-width:1200px; height:68px; padding-top: 28px; margin: 0 auto; border-bottom: 1px solid #9b9b9b;font-size:0px;text-align: center;}
.row1Menu a{display: inline-block;width: 12.5%; height: 39px; border:1px solid #c10214; border-bottom: none; margin: 0px 4px;color: #fff; font-size: 16px; line-height: 39px; text-align: center;background: #c10214;}
.row1Menu a.on,.row1Menu a:hover{display: inline-block;height: 38px; border:1px solid #9b9b9b; border-bottom: 1px solid #fbfbfb; margin: 0px 4px;color: #c10214; font-size: 16px; line-height: 39px; text-align: center;background: none;}
.box_row1Conbg{position: absolute; left: 0%; top:100%;width: 100%;transition: all 1s;}
.active .box_row1Conbg{top:40%; transition-delay: 1.2s;}
.row1Conbg{max-width: 1200px; margin: 0 auto;height: 500px;}
.row1Font{float: left;width: 67%; padding: 5% 5% 5% 8%;color: #333; font-size: 14px; line-height: 180%; text-align: left;}

/* 简介图片切换 */
.aboutPic{float: left;width: 33%; padding: 5% 0% 5% 0%;height: 78px; padding-top: 50px; margin: 0 auto;text-align: center;}
.aboutPic_move{display: none;}
.div_box_aboutImg{position: absolute; left: 0%; bottom:2%;width: 100%;}
.aboutImg{max-width: 1200px; margin: 0 auto;text-align: right;}
.aboutImg img{width:330px; display: block; float:right;}
#about2_font,
#about3_font,
#about4_font{display: none;}
.aboutPicList{position: relative;width: 95.2%; overflow: hidden;}
.aboutPicLeft{position: absolute; left:0px; top:40%; z-index: 99;width:10.6%;}
.aboutPicRight{position: absolute; right:0px; top:40%; z-index: 99;width:10.6%;}
.aboutPicList_ul{position: absolute; left:0%; top: 0%;}
.aboutPicList_ul img{display: block;}
.aboutPicList_ul li{float: left;}
.htmlpic2{position: absolute; left:1000px; bottom:0px; background: #000000;} 



/* 首页第二部分 */
.row2bg{width: 100%;background: url(../images/projectbga.jpg) center top no-repeat #2c2a2b;}
.box_row2Title{position: absolute; left: 0%; top: -50%;width: 100%;transition: all 1s;}
.active .box_row2Title{top: 35%; transition-delay: 0.5s;}
.row2Title{max-width:1200px; margin: 0 auto;}
.row2Title img{width: 432px; display: block; margin: 0 auto;}
.div_box_projectClass{position: absolute; left:0%; top: 52%;width: 100%;opacity: 0;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);transition: all 1s;}
.active .div_box_projectClass{opacity:1;transform:scale(1,1);-webkit-transform:scale(1,1);transition-delay: 1.2s;}
.projectClass,
.projectClass_move{max-width:1200px; margin: 0 auto;text-align: right;}
.projectClass a,
.projectClass_move a{/*float:right;*/position: relative;display:inline-block;transition: all ease-in-out 0.3s;margin: 0px 20px 0px 10px; padding-left: 10px;color: #727272; font-size: 14px; line-height: 557%;background: url(../images/dot.png) left center no-repeat;box-sizing:border-box;-webkit-box-sizing: border-box;}
.projectClass a span,
.projectClass_move a span{position: absolute; right:0px; bottom: 20px;display:none;width: 100%;height: 2px;background: #c10315;}
.projectClass a:hover,
.projectClass_move a:hover{color: #fff; font-size: 16px;background: url(../images/dot2.png) left center no-repeat;}
.projectClass a:hover span,
.projectClass_move a:hover span{display: block;}
.projectClass_move{display: none;}
.box_row2Pic{position: absolute; left:100%; top:65%;width: 100%;opacity: 0; transition: all 1s;}
.active .box_row2Pic{opacity: 1; left:0%; transition-delay: 1.5s;}
.row2Pic{width: 100%; margin: 0 auto;}
.row2Pic ul{width: 100%;font-size:0px;text-align: center;}
.row2Pic ul li{position: relative;display:inline-block;width:16.66%;font-size:0px; margin-top:1px;overflow: hidden;}
.row2Pic ul li img{display: block; margin: 0 auto; padding-left:1px; padding-bottom: 1px;}
.row2Pic ul li h2{position: absolute; left:0%; top:0%;display: none; width:100%;height:100%; background: url(../images/projectpicbg.png) left bottom no-repeat;background-size:101%;}
.row2Pic ul li p{padding: 22.5% 10%;color: #fff;font-size: 23px;text-align: center;line-height: 400%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 200;}


/* 首页第三部分 */
.row3bg{width: 100%; padding-bottom: 10%;background: url(../images/newsbga.png);background-position: center center;background-repeat: no-repeat;background-attachment:scroll;background-size: cover;background-color: #464646;/*background-size:100%;*/}
.box_row3Title{position: absolute; left: 0%; top: -50%;width: 100%;transition: all 1s;}
.active .box_row3Title{top:10% ; transition-delay: 0.3s;}
.newsTitle{max-width:1200px; margin: 0 auto;}
.newsTitle img{width: 432px; margin: 0 auto;}
.div_box_newsClass{position: absolute; left: 0%; top: 33%;width: 100%;opacity: 0;transition:all 0.6s;}
.active .div_box_newsClass{opacity: 1; transition-delay: 1s;}
.newsClass{max-width: 1200px; margin: 0 auto;}
.newsClass a{float: left;position: relative;display: block; margin-right: 60px; padding-left: 10px;color: #131313; font-size: 14px; line-height: 560%;background: url(../images/dot3.png) left center no-repeat;}
.newsClass a span{position: absolute; right:0px; bottom: 20px;display:none;width: 100%;height: 2px;background: #c10315;}
.newsClass a:hover{transition: all ease-in-out 0.3s;color: #131313;}
.newsClass a:hover span{display: block;}
.div_box_newsDl{position: absolute; left: 0%; top: 244%;width: 100%;transition: all 1s;}
.active .div_box_newsDl{top:47%; transition-delay: 0.3s;}
.newsDl{max-width: 1200px; margin: 0 auto; overflow: hidden;}
.newsDl dl{float: left;width: 49.5%; margin-bottom: 1%;background: url(../images/whitebg.png);}
.newsDl dl dt{float: left;width: 30.6%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.newsDl dl dd{float: left;width: 69.4%; padding: 1% 3%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.newsDl dl dd h2{transition: all ease-in-out 0.3s;color: #2d2d2d; font-size: 16px; height:30px; line-height: 200%; font-weight: bord;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newsDl dl a:hover dd h2{text-indent: 20px;}
.newsDl dl dd h3{color: #666; font-size: 14px; line-height: 180%; font-weight: normal;/*height: 56px;*/overflow: hidden;}
.newsDl dl dd h3 p{display:inline}
.newsDl dl dd h4{display: block;width: 100px; height: 22px; border-radius: 11px; margin-top: 2.6%;color: #666; font-size: 14px; line-height: 160%; text-align: center; font-weight:normal;background: #dbd8d9;}




/* 底部 */

.footer{background: #002d72;}
.linkbg{width: 100%; background: #fff;}
.link{max-width: 1200px; margin: 0 auto;opacity: 0;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);transition: all 1s;}
.active .link{opacity:1; transform:scale(1,1);-webkit-transform:scale(1,1);transition-delay: 0.3s;}
.linkPic{float: left;width:100% ;}
.linkPic img{float: left;display: block; width: 12.5%;}
.footerFont{width: 100%;}
.footer_weixin{position: relative;max-width: 1200px; margin: 0 auto; padding-top: 2%;padding-bottom: 2%;overflow: hidden;}
.weixin{
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2%;
}
.weixin img{
	width: 170px;
	height:170px
}

/* 底部文字 */
.copyright{width: 100%; background: url(../images/footline3.png) left top repeat-x;}
.div_box_copyrightFont{max-width: 1200px; padding-top: 3%; padding-bottom: 3%; padding-left: 0%; margin: 0 auto;}
.copyrightFont{position: relative; top:1200px;transition: all 1s;overflow: hidden;}
.active .copyrightFont{top:0px; transition-delay: 0.8s;}
.copyrightFont_subpage{top:0px!important;}
.redA{color:#c10214!important;}
.copyright_left{float: left;width:19.33%;}
.copyright_right{
	float: left;
	width: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 220%;
	text-align: center;
}
.copyright_right a{color: #fff;}
.copyright_right a:hover{color: #fff;}


/* 向下箭头 */
.arrow_down{position:absolute; left:50%; bottom:4%; z-index: 999;animation: skip 1s ease infinite;}
.arrow_down img{margin-left: -50%;}
	
/* animation */
@-webkit-keyframes skip{0%{bottom:4%;}45%{bottom:1.8%;}50%{bottom:2%;}100%{bottom:4%;}}
@-moz-keyframes skip{0%{bottom:4%;}45%{bottom:1.8%;}50%{bottom:2%;}100%{bottom:4%;}}
@keyframes skip{0%{bottom:4%;}45%{bottom:1.8%;}50%{bottom:2%;}100%{bottom:4%;}}