@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑"; height:100%;}
body{ background: #2c2b2b; margin:0px; height:100%; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; min-width:320px; width:100%; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;line-height: 1.42857143;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none; zoom:1; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul,li,form, dl,dt,dd, div,span,em{ padding: 0px; margin: 0px; }
input{font-family:"微软雅黑";}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul,ul li{ list-style:none;}
em,i{font-style: normal;}
th {text-align: left;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px; text-decoration:none;}
p:hover,a:hover{text-decoration:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none;vertical-align:top;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}

.top{width: 100%; margin-bottom:150px; padding-top:30px;}
.top .logo{ margin-left:40px; }
.top .logo img{ width:273px; height:56px;}
.indexnews{ width:100%; height:100%;}
.indexbox{ height:100%;}
.indexbox .tabList{ overflow:hidden; text-align:center; margin:0 auto; min-width: 320px; max-width: 1040px;}
.indexbox .tabList ul li{ float:left; list-style:none; width:21%; margin-right:18%;}
.indexbox .tabList ul li a{ display:block;}
.indexbox .tabList ul li a:hover{ text-decoration:none;}
.indexbox .tabList ul li a img{ max-width: 100%;max-height: 100%; float:left;}
.indexbox .tabList ul li span{ display:block; text-transform:uppercase;}
.indexbox .tabList ul li .pl{float:left; margin-top:-10px; width:65%;}
.indexbox .tabList ul li span.cn{ font-size:48px;font-family:"微软雅黑"; color:#000000;margin-left: -70px;}
.indexbox .tabList ul li span.en{ font-size:12px;font-family:"微软雅黑"; color:#000000;margin-left: -43px;}
.ContBox{ clear:both; height:100% }
.ContBox .div_con{ display:none; position:relative;}
.ContBox ul li dl{ margin:0 auto; min-width: 320px; max-width: 950px;}
.ContBox ul li dl dt{float:left; margin-right:4.5%; margin-top:14%;}
.ContBox ul li dl dt.pc_01 img:hover{ background:url(../image/icon01.on.png) no-repeat;}
.ContBox ul li dl dt.pc_02 img:hover{ background:url(../image/icon02.on.png) no-repeat;}
.ContBox ul li dl dt.pc_03 img:hover{ background:url(../image/icon03.on.png) no-repeat;}
.ContBox ul li dl dt.pc_04 img:hover{ background:url(../image/icon04.on.png) no-repeat;}
.ContBox ul li dl dt img{ max-width: 100%;max-height: 100%;}
.div_con_bg{ background:url(../image/index_bg.jpg) no-repeat top center; width:100%; height:100%;}
.div_con_bg1{ background:url(../image/div_con_bg1.jpg) no-repeat top center; width:100%; height:100%;}
.Project_bg{ background:url(../image/Project_bg.png) no-repeat center center;max-width: 100%; height:auto; margin:0 auto; text-align:center; vertical-align:middle; position:relative; top: 7%;}
.Project_bg img{  max-width: 100%;max-height: 100%;    margin-left: -660px; }
.Project_txt{margin-top: -115px;width: 26%; margin-left: 39%;text-align: left;}
.Project_txt p{ font-size:14px;font-family:"微软雅黑"; color:#e4e4e4; line-height: 24px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.more{  max-width: 100%;max-height: 100%;margin-left: 555px;margin-top: -12px; }
.more img{max-width: 100%;max-height: 100%;margin-left:0px; margin-top:0px;}
.more1{  max-width: 100%;max-height: 100%;margin-left: 555px;margin-top: -12px; }
.more1 a img{max-width: 100%;max-height: 100%;margin-left:0px; margin-top:0px;}
.Contline{margin:0 auto; min-width: 320px; max-width: 1040px; overflow:hidden; position:relative;}
.Contline .Cont_online{list-style:none;  width: 31%; float: left;}
.Contline .Cont_online i.home_line{ max-width: 100%; display:inline-block; margin-left: 61px;}
.Contline .Cont_online i.home_line img{max-width: 100%;max-height: 100%;}
.Contline .Cont_online i.Project_line{ display:inline-block;margin-left: 139px; }
.Contline .Cont_online i.Refined_line{  display:inline-block; margin-left: 221px; }
.div_con_bg2{ background:url(../image/div_con_bg2.jpg) no-repeat top center; width:100%; height:100%;}
.Refined_bg{ background:url(../image/Refined_bg.png) no-repeat center center;max-width: 100%;height:auto; margin:0 auto; text-align:center; vertical-align:middle; position:relative; top: 7%;}
.Refined_bg img{  max-width: 100%;max-height: 100%;    margin-left: -674px;}
.Refined_txt{margin-top: -115px;width: 26%; margin-left: 38%;text-align: left;}
.Refined_txt p{ font-size:14px;font-family:"微软雅黑"; color:#e4e4e4; line-height: 24px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tanchu{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; display:none;}
.tanchuz{width: 100%;height: 100%;background: #000;opacity: 0.7;}
.tanchunr{width: 90%;height: 697px; background:url(../image/tanchu_bg.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
.close{width: 32px;height: 32px; background:url(../image/close.png) no-repeat; position: absolute;right:50px;top:50px;cursor: pointer;}
.center{ width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
.center a{ display:block;width:240px; height:80px;}
.tanchunr_txt{ margin-top:153px;}
.tanchunr p{ font-size:14px;font-family:"微软雅黑"; color:#033333; margin-left:835px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding-right: 2%; line-height:25px;}

.tanchu1{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; display:none;}
.tanchuz1{width: 100%;height: 100%;background: #000;opacity: 0.7;}
.tanchunr1{width: 90%;height: 697px; background:url(../image/tanchu_bg22.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
.close1{width: 32px;height: 32px; background:url(../image/close.png) no-repeat; position: absolute;right:50px;top:50px;cursor: pointer;}
.center1{ width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
.center1 a{ display:block;width:240px; height:80px;}
.tanchunr_txt1{ margin-top:153px;}
.tanchunr1 p{ font-size:14px;font-family:"微软雅黑"; color:#033333; margin-left:835px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding-right: 2%; line-height:25px;}



.tanchu2{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; display:none;}
.tanchuz2{width: 100%;height: 100%;background: #000;opacity: 0.7;}
.tanchunr2{width: 90%;height: 697px; background:url(../image/tanchu_bg33.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
.close2{width: 32px;height: 32px; background:url(../image/close.png) no-repeat; position: absolute;right:50px;top:50px;cursor: pointer;}
.center2{ width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
.center2 a{ display:block;width:240px; height:80px;}
.tanchunr_txt2{ margin-top:153px;}
.tanchunr2 p{ font-size:14px;font-family:"微软雅黑"; color:#033333; margin-left:835px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding-right: 2%; line-height:25px;}


.tanchu3{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; display:none;}
.tanchuz3{width: 100%;height: 100%;background: #000;opacity: 0.7;}
.tanchunr3{width: 90%;height: 697px; background:url(../image/tanchu_bg44.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
.close3{width: 32px;height: 32px; background:url(../image/close.png) no-repeat; position: absolute;right:50px;top:50px;cursor: pointer;}
.center3{ width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
.center3 a{ display:block;width:240px; height:80px;}
.tanchunr_txt3{ margin-top:153px;}
.tanchunr3 p{ font-size:14px;font-family:"微软雅黑"; color:#033333; margin-left:835px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding-right: 2%; line-height:25px;}


@media screen  and (min-height: 800px) {
	.tanchunr{width: 90%;height: 697px; background:url(../image/tanchu_bg.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 88%;cursor: pointer;}
}

@media screen  and (min-height: 880px) {
	.tanchunr{width: 90%;height: 697px; background:url(../image/tanchu_bg.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 83%;cursor: pointer;}
}
@media screen  and (min-height: 900px) {
	.tanchunr{width: 90%;height: 697px; background:url(../image/tanchu_bg.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
}

@media screen  and (min-height: 960px) {
    .tanchunr{width: 90%;height: 697px; background:url(../image/tanchu_bg.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 78%;cursor: pointer;}
}

@media screen  and (min-height: 1080px) {
    .tanchunr{width: 90%;height: 697px; background:url(../image/tanchu_bg.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 74%;cursor: pointer;}
}

@media screen  and (max-height: 799px) {
	.tanchunr{width: 86%; height: 697px; background:url(../image/tanchu_bg1.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;} 
	.tanchunr p{ margin-left:690px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:35%;}
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 75%;cursor: pointer;}
 }

@media screen and (max-height: 700px) {
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 86%;cursor: pointer;}
}

@media screen and (max-height: 720px) {
	.center{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 26%; top: 86%;cursor: pointer;}
}




@media screen  and (min-height: 800px) {
	.tanchunr1{width: 90%;height: 697px; background:url(../image/tanchu_bg22.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 88%;cursor: pointer;}
}

@media screen  and (min-height: 880px) {
	.tanchunr1{width: 90%;height: 697px; background:url(../image/tanchu_bg22.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 83%;cursor: pointer;}
}
@media screen  and (min-height: 900px) {
	.tanchunr1{width: 90%;height: 697px; background:url(../image/tanchu_bg22.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
}

@media screen  and (min-height: 960px) {
    .tanchunr1{width: 90%;height: 697px; background:url(../image/tanchu_bg22.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 78%;cursor: pointer;}
}

@media screen  and (min-height: 1080px) {
    .tanchunr1{width: 90%;height: 697px; background:url(../image/tanchu_bg22.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 74%;cursor: pointer;}
}

@media screen  and (max-height: 799px) {
	.tanchunr1{width: 86%; height: 697px; background:url(../image/tanchu_bg2.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;} 
	.tanchunr1 p{ margin-left:690px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:35%;}
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 75%;cursor: pointer;}
 }

@media screen and (max-height: 700px) {
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 12%; top: 86%;cursor: pointer;}
}

@media screen and (max-height: 720px) {
	.center1{width:240px; height:80px; background:url(../image/center2.png) no-repeat; position: absolute; right: 26%; top: 86%;cursor: pointer;}
}






@media screen  and (min-height: 800px) {
	.tanchunr2{width: 90%;height: 697px; background:url(../image/tanchu_bg33.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 88%;cursor: pointer;}
}

@media screen  and (min-height: 880px) {
	.tanchunr2{width: 90%;height: 697px; background:url(../image/tanchu_bg33.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 83%;cursor: pointer;}
}
@media screen  and (min-height: 900px) {
	.tanchunr2{width: 90%;height: 697px; background:url(../image/tanchu_bg33.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
}

@media screen  and (min-height: 960px) {
    .tanchunr2{width: 90%;height: 697px; background:url(../image/tanchu_bg33.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 78%;cursor: pointer;}
}

@media screen  and (min-height: 1080px) {
    .tanchunr2{width: 90%;height: 697px; background:url(../image/tanchu_bg33.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 74%;cursor: pointer;}
}

@media screen  and (max-height: 799px) {
	.tanchunr2{width: 86%; height: 697px; background:url(../image/tanchu_bg3.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;} 
	.tanchunr2 p{ margin-left:690px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:35%;}
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 75%;cursor: pointer;}
 }

@media screen and (max-height: 700px) {
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 12%; top: 86%;cursor: pointer;}
}

@media screen and (max-height: 720px) {
	.center2{width:240px; height:80px; background:url(../image/center3.png) no-repeat; position: absolute; right: 26%; top: 86%;cursor: pointer;}
}



@media screen  and (min-height: 800px) {
	.tanchunr3{width: 90%;height: 697px; background:url(../image/tanchu_bg44.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 88%;cursor: pointer;}
}

@media screen  and (min-height: 880px) {
	.tanchunr3{width: 90%;height: 697px; background:url(../image/tanchu_bg44.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 83%;cursor: pointer;}
}
@media screen  and (min-height: 900px) {
	.tanchunr3{width: 90%;height: 697px; background:url(../image/tanchu_bg44.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 82%;cursor: pointer;}
}

@media screen  and (min-height: 960px) {
    .tanchunr3{width: 90%;height: 697px; background:url(../image/tanchu_bg44.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 78%;cursor: pointer;}
}

@media screen  and (min-height: 1080px) {
    .tanchunr3{width: 90%;height: 697px; background:url(../image/tanchu_bg44.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;}
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 74%;cursor: pointer;}
}

@media screen  and (max-height: 799px) {
	.tanchunr3{width: 86%; height: 697px; background:url(../image/tanchu_bg4.png) no-repeat; left: 34%;top: 38%;margin-left: -425px;margin-top: -204px;position: absolute;} 
	.tanchunr3 p{ margin-left:690px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:35%;}
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 75%;cursor: pointer;}
 }

@media screen and (max-height: 700px) {
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 12%; top: 86%;cursor: pointer;}
}

@media screen and (max-height: 720px) {
	.center3{width:240px; height:80px; background:url(../image/center.png) no-repeat; position: absolute; right: 26%; top: 86%;cursor: pointer;}
}

/*
@media screen and (max-width:1440px ) {
.tanchunr {
    width: 97%;
    height: 697px;
    background: url(../image/tanchu_bg.png) no-repeat;
    left: 33%;
    top: 38%;
    margin-left: -425px;
    margin-top: -204px;
    position: absolute;}	
	
}*/


/*Project_detail*/
.Project_logo{ text-align:center; margin-top:42px; position:relative;}
.Project_logo a.closed{ position:absolute; width:32px; height:32px; display:block; right:1%; top:16%;}
.Project_logo a.closed img{ width:100%;}
.Project_detail{width: 100%; margin:0 auto; min-width: 320px; max-width: 1200px;}
.Project_title_top{ overflow:hidden;}
.Project_detail .Project_title{ width:90px; background:url(../image/Project__title.jpg) no-repeat left center; height:90px; float:left;}
.Project_detail .Project_right{ float:left; margin-top:-12px; margin-left:-22px;}
.Project_detail .Project_right span{ display:block; font-size:60px;font-family:"微软雅黑"; color:#000000;}
.Project_detail .Project_right span i{ display:block; font-size:14px;font-family:"微软雅黑"; color:#000000; font-weight:bold; text-transform:uppercase;}
.Project_border{ border:3px solid #000000; margin-left:206px; margin-top:48px; overflow: hidden;}
.Project_detail .Project_pic img{width: 100%; margin:58px 0 38px 0px;}
.Project_box1{ width:100%;}
.Project_box1 p{ font-size:14px;font-family:"微软雅黑"; color:#333;line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Project_box1 img{ margin-top:41px;}
.Project_box2{ width:100%;}
.Project_box2 p{ font-size:14px;font-family:"微软雅黑"; color:#333;line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Project_box2 img{ width:100%; margin-top:35px;}
.Project_box3{ width:100%; margin-bottom:54px;}
.Project_box3 p{ font-size:14px;font-family:"微软雅黑"; color:#333;line-height: 25px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Project_name{ text-align:center; font-size:24px;font-family:"微软雅黑"; color:#333; background:url(../image/icon_line.jpg) no-repeat bottom center; margin-bottom:40px; height: 68px;}
.Project_name i{ display:inline-block; background:url(../image/icon_top.jpg) no-repeat top left; width:18px; height:28px; margin-right: 10px;}
.Project_name em{ display:inline-block; background:url(../image/icon_bottom.jpg) no-repeat bottom right; width:18px; height:18px; margin-bottom: -15px;  margin-left: 10px;}
/*Project_detail*/




/*Home*/
.Home_top{width: 100%; padding: 32px 0px; background:#fff;}
.Home_top .Home_logo{ text-align:center;}
.Home_top .Home_logo img{ width:510px; height:31px;}
.Main{ width:100%; overflow:hidden; background:#fff;}
.Main .MainNav{width: 100%; min-width: 840px; max-width: 1110px; margin: 0 auto;overflow:hidden;}
.Main .MainNav ul li{ width: 7.666%;float: left;text-align: center; line-height: 2.625;margin-right: 7.6%;}
.Main .MainNav ul li a{ text-decoration:none;font-size:16px;font-family:"微软雅黑"; color:#333;}
.Main .MainNav ul li a:hover,.Main .MainNav ul li.onnav a{ display:block; border-bottom:4px solid #af1f30; color:#af1f30;font-size:16px;font-family:"微软雅黑";}
.banner img{ border: 0;max-width: 100%;vertical-align: top;}
.Contain{width: 100%;min-width: 320px;}
.HomeContain{ width: 100%; min-width: 320px; max-width: 1200px; margin: 0 auto;}
.HomeBox {width: 100%;overflow: hidden;}
.HomeBox .HomeTitle {padding: 3.81% 0 15px;}
.HomeBox .HomeTitle a {float: right; padding-right: 28px; background:url(../image/BG6.jpg) no-repeat 38px center; display: inline-block;
 color: #333333; font-size:16px;line-height: 26px;font-family:"微软雅黑";}
.HomeBox .HomeTitle a:hover{float: right; padding-right: 28px; background:url(../image/BG6.on.jpg) no-repeat 38px center; display: inline-block;
 color: #333333; font-size:16px;line-height: 26px;font-family:"微软雅黑";}
.HomeBox .HomeTitle span { font-size:20px;color: #333; line-height: 1;display: inline-block;font-family:"微软雅黑";}
.HomeBox .HomeTitle span i{display:block; background:#333333; width:20px; height:20px; text-align:right; color:#fff;padding: 2px 5px;margin-right: 4px;float: left;}
.HomeprojectList ul li {float: left;width: 32.7333%;margin: 0 0.8% 28px 0; position: relative; background:#fff;padding-bottom: 0.8%; border:2px solid #fff;}
.HomeprojectList ul li span{ display:block;font-size:16px;font-family:"微软雅黑"; color:#333; padding:10px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.HomeprojectList ul li a img{ display:block; width:96%; text-align:center; margin:0 auto;}
.HomeprojectList ul li a p{ width:98%;margin:0 auto;font-size:14px;font-family:"微软雅黑"; color:#333; line-height: 2;margin: 0; overflow: hidden; padding:2px 0 0 17px; text-indent:2em;}
.HomeprojectList ul li:hover{ background:none; border:2px solid #ccc;}

.containers{ overflow:hidden; clear:both; height:533px;}
.Homenew{ width:66.33333%; float:left; height:100%;}
.HomenewList {overflow: hidden;clear: both; background-color: #fff;height:100%;}
.HomenewList .dot{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.HomenewList ol{ overflow:hidden; clear:both; background-color:#fff; padding:2%;}
.HomenewList ol span.newfigure{ position:relative; width: 43%;float: left; }
.HomenewList ol span.newfigure a{ position:absolute; width:100%; left:0; top:0; height:100%; background-repeat:no-repeat; background-size:cover;}
.HomenewList ol span.newfigure img{ width:100%;}
.HomenewList ol h1{ font-size: 18px; margin: 0;line-height: 2em; margin-bottom: 2%;}
.HomenewList ol h1 a{color:#333333;font-family:"微软雅黑";}
.HomenewList ol h1 a:hover{ color:#af1f30;}
.HomenewList ol h1 time{ display:none;}
.HomenewList ol p{ line-height:1.9em; height:2em; overflow:hidden;font-size: 14px;color:#333333;font-family:"微软雅黑"; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.HomenewList ol .more{ width:80px; height:27px; line-height:27px; display:inline-block; border:1px solid #e7e7e7; background-color:#f7f7f7; border-radius:20px; text-align:center;}
.HomenewList ol div{ float:right;width: 55%;}
.HomenewList ol div span{ text-align:right; display:block;color:#999;font-family:"微软雅黑";padding-top: 2%;}
.HomenewList li{ border-bottom:1px solid #eeeeee; line-height:3em;margin-left: 2%; margin-right:2%;}
.HomenewList li span{ float:right; color:#999;font-family:"微软雅黑";}
.HomenewList li a{ color:#333;font-family:"微软雅黑"; font-size:14px;}
.HomenewList li a:hover{ color:#af1f30;}


.Homeabout{width:33.077777%; float:right;height:100%;}
.HomeaboutList{overflow: hidden;clear: both; background-color: #fff; margin-top:-1%;height:100%;}
.HomeaboutList span{position:relative; width: 96%; text-align:center; margin:1.8% auto 1.8%; display:block;}
.HomeaboutList span a{ position:absolute; width:100%; left:0; top:0; height:100%; background-repeat:no-repeat; background-size:cover;display:block;}
.HomeaboutList span img{ width:100%;display:block;}
/*.HomeaboutList .about_txt{overflow: hidden;clear: both; background-color: #fff;}
.HomeaboutList .about_txt p{color:#333;font-family:"微软雅黑"; font-size:14px; height: 33px; line-height: 16px; padding: 0 15px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.HomeaboutList .about_txt p.p1{ text-indent:2em;}*/
.HomeaboutList ul li{line-height:2.3em;margin-left: 4%; margin-right:2%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#333;font-family:"微软雅黑"; font-size:14px;}
.HomeaboutList ul li.p1{ text-indent:2em;}
.HomecooperationList ul li{width: 24.4%; margin-right: 0.7%;margin-bottom: 0.7%;position: relative; float: left;}
.HomecooperationList ul li span{position: relative; display:block;}
.HomecooperationList ul li span a{position:absolute; width:100%; left:0; top:0; height:100%; background-repeat:no-repeat; background-size:cover;display:block;}
.HomecooperationList ul li span img {width: 55%;display:block;}
/*Home*/





/*page*/
.page {margin:30px; text-align:center;}
.page a,.page span {border:solid 1px #eee; width:40px;height:35px;line-height:35px;margin: 0 2px; color:#333; font-size:14px; display:inline-block;background: #fff;}
.page a:hover,.page a:active  {border:solid 1px #af1f30; color:#666;}
.page a.current,.page span.current {border:solid 1px #af1f30; width:40px;height:35px;line-height:35px;font-weight:bold;color:#fff; background:#af1f30}
.page a.disabled {border:solid 1px #eee; width:40px;height:35px;line-height:35px;color:#ddd; }
.pageinput{border:solid 1px #eee; width:70px;height:35px;line-height:35px; margin-left:10px; margin-right:10px; text-align:center; display:inline-block; vertical-align: middle; margin-bottom:5px}
span.p_jump{ width:60px; color: #333333;font-family:"微软雅黑"; font-size:18px; border:none; font-style: normal; font-weight:normal; background:#f5f5f5; margin-left:25px;}
.page a.num input{ text-align:center; width: 40px;}
.page em{color: #333333; font-size:18px; display:inline-block;}
/*page*/



/*projectlis*/
.projectlistTitle{color: #333333;font-family:"微软雅黑"; font-size:14px; padding:30px 0 20px 0px;}
.projectlistTitle a{color: #333333;}
.projectlistTitle a:hover{ color:#af1f30;}
/*projectlis*/


/*HomeNewList*/
.NewsList ul li{ margin-bottom:0.8%; background:#fff; padding:0.8%;}
.NewsList ul li .NewsImg{ width:15%; float:left;}
.NewsList ul li .NewsImg img{ width:100%;}
.NewsList ul li .NewsCont{ width:84%; float:right; position:relative; }
.NewsList ul li .NewsCont .NewsTitle{ color:#333;font-family:"微软雅黑"; font-size:18px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.NewsList ul li .NewsCont p{ font-size:14px; color:#333;font-family:"微软雅黑"; line-height:1.8; margin:10px 0; overflow:hidden;}
.NewsList ul li .NewsCont span{ color:#b8b8b8; font-size:0.75em; text-transform:uppercase; line-height:18px; display:block; font-size:14px; color:#999;font-family:"微软雅黑"; }
/*HomeNewList*/



/*footer*/
.bottom-2{ background: #fff; width: 100%; padding: 65px 0; margin-top:58px;}
.bottomer{ max-width:1200px;min-width:320px; margin:0 auto;}
/*左侧*/
.bottom-2 .bt-left{ text-align: center;}
.bottom-2 .bt-left,
.bottom-2 .bt-left a{ color: #333333;font-family:"微软雅黑"; font-size:14px;}
.bottom-2 .bt-left .nav-bt{ padding: 6px 0;}
.bottom-2 .bt-left .nav-bt a:hover{ color:#af1f30;}
.bottom-2 .bt-left .nav-bt em{ font-style: normal; padding: 0 5px 0 10px;}
.bottom-2 .bt-left{ float: right; text-align: right;}
/*右侧*/
.bottom-2 .bt-right{ width: 448px; float: left; display: block;margin-top: 10px;}
.bottom-2 .bt-right img{ width: 448px; height: 27px;}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:1024px ) {
.bottom-2 .bt-left{ float: right; text-align: right;}
/*右侧*/
.bottom-2 .bt-right{ width: 448px; float: left; display: block;margin-top: 10px;}
.bottom-2 .bt-right img{width: 448px; height: 27px;}
}
/*footer*/



  @media screen and (max-height: 700px) {
	.Refined_bg{top:3%}
	.Project_bg {top:3% };

  }
  
    @media screen and (max-height: 700px) {
	.ContBox ul li dl dt{float: left;
margin-right: 4.5%;
margin-top: 10%;}	
		
	}