@charset "utf-8";
/* CSS Document */

body{ font-size:12px;color:#5a5a5a; margin:0; font-family:微软雅黑;  }
html,body{}
table,td{ font-size:12px; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none;     color: #000;}
A:visited{text-decoration:none;     color: #000;}
A:hover{text-decoration:none; color: #082e6a;}
img{ border:0; }
input { border:0px;}
ul li { list-style:none;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
select, input { outline:none;}
@font-face {
  font-family: 'MyNewFont';   /*字体名称*/
 
  src:url(../fonts/Impact.ttf);    /*字体源文件*/
}



@font-face {
  font-family: 'MyNewFont1';   /*字体名称*/
 
  src:url(../fonts/calibrii_____.ttf);    /*字体源文件*/
}


@font-face {
  font-family: 'MyNewFont2';   /*字体名称*/
 
  src:url(../fonts/Bariol_Regular.otf);    /*字体源文件*/
}






.clear { clear:both;}
.lan { width:100%; background:#0067de; height:3px; margin:0 auto;}



/*banner*/
.banner{position:relative}
.banner .hd{ position:absolute; bottom:20px; text-align:center; z-index:99; width:100%;}
.banner .hd ul li{ display:inline-block; margin:0 5px; width:11px; height:11px; background:#FFF;text-indent:-9999px;cursor:pointer;}
.banner .hd ul li.on{ background:#F00;}
.banner .bd{width:100%;}
.banner .bd ul li{width:100%;}
.banner .bd ul li img{width:100%; height:auto; display:block;}


.logo {     width: 100%;
    height: 50px;
    
    position: absolute;
    top: 36px;
    z-index: 9;
    margin-top: 32px;}
	.m { width:982px; margin:0 auto; overflow:hidden;}
	.logo .l1 {background: url(../images/yx.png) no-repeat left;
    float: left;
    height: 16px;
    width: 100px;
    margin-left: 30px; padding-left: 30px;}
	.logo .l2 {background: url(../images/dh.png) no-repeat left;
    float: left;
    height: 18px;
    width: 117px;
    margin-left: 30px; padding-left: 30px;}
	
	.logo .gq {    float: left;
    margin-top: -26px;}
	
	
	
	
	
	
	.ab {     width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    clear: both;
   }
	.ab .com { width:50%;  float:left; /*background: url(../images/com.png) no-repeat left;*/}
	.ab .com p {top: -172px;
    background: url(../images/dh1.png) no-repeat left;
    height: 60px;
    padding-left: 94px;
    float: right;
    bottom: 0px;
    position: relative;
    margin-right: 63px;
    font-size: 30px;
    color: #ffe79e;
    font-family: MyNewFont;}
	.ab .com span { font-size:20px; }
	.ab .com .more {     font-size: 18px;
   
    width: 180px;
    height: 42px;
    position: relative;
    float: right;
    margin-top: -80px;
    margin-right: -280px;}
	.abo { width:50%; float:left;}
	.abo .about { top: 156px;
    width: 29%;
    padding-left: 60px;
	    word-break: break-all;
		    font-family: 微软雅黑;
 
    position: absolute;}
	
	
	
	.cp { width:100%; margin:0 auto; background:-webkit-linear-gradient( top, #FFF, #dddddd);}
	
	.tru { width:100%; margin:0 auto; background: url(../images/bj1.png) no-repeat center; background-repeat: repeat-y; height:800px;}
	.mm { width:1200px; margin:0 auto;     overflow: hidden;}
	.m1 {padding-top: 23px;}
	.tru .mm .lg1 {width: 327px; margin: 0 auto;}
	.tt { width:763px; margin-top: 7px; margin:0 auto;}
	
	.tru ul li {float: left;
    width: 444px;
    margin-right: 126px;
    margin-top: 25px;} 
	.tru ul li .t1 { background: #024da0;
    width: 300px;
    height: 160px;
    float: right;
    margin-top: -195px;
    margin-right: -95px;
    position: relative;}
	.tru ul li .t1 .ti { color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    padding: 32px 34px;}
	
	.tru ul li .t1 .ti1 {    color: #fff;
    word-break: break-all;
    margin: 0px 32px 0px 29px;}
	
	
	.news{ width:100%; margin:0 auto;     margin-bottom: 55px;}
	.news ul li {     float: left;
    margin-left: 27px;}
	.news ul li .nt1 { color:#606060; margin-top: 13px; margin-bottom: 7px;}  
	.news ul li span { color:#0067de;}
	.news ul li .nt2 { width: 250px; margin-top: 8px;
    line-height: 20px;
    font-size: 12px;}
	
	
	.foot{ width:100%; margin:0 auto; background:#525157; position: relative;}
	.foot .z { width: 370px; height: 420px; float: left; background: #FFF; border-top: 25px solid #2c7fe0; position: absolute; top: -25px;}
	.foot .z .logoh {margin: 17px 90px;
    width: 180px;
    height: 60px;}
	
	.lx {    background: url(../images/lx.png) no-repeat left;
    width: 86%;
    height: 210px;
    margin: 0 auto;}
	.lx p {padding: 23px 27px;
    
    color: #525157;
    font-weight: 700;
    line-height: 24px;}
	
	.lx p span { font-weight:normal;}
	
	
	.pro { width: 350px;
    float: left;
    
    height: 150px;
    position: absolute;
    margin-left: 420px;
    margin-top: 18px;}
	
	.pro .pt { margin-bottom: 15px;
     font-size: 24px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    font-family: Arial;}
	.tiao {width: 70px; height: 7px; background: #c8c8c8; margin-bottom:30px;}
	
	.pro ul li a { color:#9e9e9f;}
	.pro ul li { float: left;
    width: 65%;
    line-height: 33px;}
	.zc { width: 695px;
    height: 46px;
    background: #4a4a4a;
    position: absolute;
    bottom: 0px;
    margin-left: 420px;
    top: 371px;}
	.zc p {color: #737373;font-weight: bold; margin: 14px;}
	
	
	
	
	.abbanner { width:100%; margin:0 auto;     margin-bottom: 70px;}
	.abbanner img { width:100%;}
	
	.nr { width:100%; margin:0 auto; overflow:hidden;     margin-bottom: 100px;     font-size: 15px;
    line-height: 33px;}
	
	
	.nr1 { width:90%; margin:0 auto; overflow:hidden;     margin-bottom: 100px;     font-size: 15px;
    line-height: 33px;}
	
	.contact-nr .q{display: flex; }
	.contact-nr .q > div{width: 50%;}

.tia {     width: 100%;
    height: 230px;
    border-bottom: #dfdfdf 1px solid;
    margin-top: 35px;
    margin-left: 2px;
    overflow: hidden;}
	
	.tia .lf {
          width: 267px;
    height: 182px;
    float: left;
    margin: 18px 2px;}
	.tia .rt {
  width: 690px;
    font-size: 14px;
    line-height: 24px;
    float: left;
    margin-top: 45px;
}

.tia .more {    float: right;
    margin-right: 4px;
    margin-top: 46px;}

.nr1 .newbt { font-size:30px; color:#000; text-align:center; width: 100%; margin-bottom: 30px;}


.m3 { width:1130px; margin:0 auto; overflow:hidden}



/*产品遮罩层*/



.grey-row {
				width: 90%;
				margin: 0 auto;
				
			}
			
			.img-desc {
				overflow: hidden;
				
			}
			
			.img-desc ul li {
				float: left;
				width: 19%;
				height: 285px;
				padding: 5px;
				position: relative;
				z-index: 2;
				overflow: hidden;
			}
			
			
			.img-desc ul li p {
		text-align: center;
		width: 277px;
    background: #f5f5f5;}
	
	
	
	
	
			.img-desc ul li img {
				height: 250px;
			}
			
			/*悬停出现遮罩效果*/
			.img-desc ul li:hover .case_info {
				top: 5px;
			}
			
			/*遮罩效果*/
			.case_info {
				margin-top: -0px;
				position: absolute;
				top: -260px;
				color: #fff;
				transition: all .2s;
				/*background-color: rgba(216, 0, 0, 0.5);*/
				background:#f97200;
				width: 277px;
				height: 250px;
			}
			
			h2 {
				text-align: center;
				line-height: 200px;}
				
				
				
				.pdh { width:100%; margin:0 auto; height: 185px;}
				.pdh ul .dd { border: 1px #000 solid; float: left;padding: 2px 90px; margin-left: 15px; margin-top: 20px;}
				
				.nr .c1 { margin-bottom: 80px; color:#000; font-size:30px; font-family:MyNewFont1; text-align:center; text-transform:uppercase;}
				
				
				.dh { width:335px; border-right:1px #000 solid; height:150px; float:left;  background: url(../images/ej.png) no-repeat center 11px;}
				.dh p {text-align: center; font-size: 18px; color: #000; margin-top: 107px;}
				.em { width:335px; border-right:1px #000 solid; height:150px; float:left;  background: url(../images/em.png) no-repeat center 11px;}
                .em p {text-align: center; font-size: 18px; color: #000; margin-top: 107px;}
                .ad { width:335px;   float:left;  background: url(../images/ad.png) no-repeat center 18px;     margin-left: 58px;}
				.ad p {text-align: center; font-size: 18px; color: #000; margin-top: 112px;}
				.nr .to {font-family: MyNewFont2; font-size: 35px; text-align: center; color: #000; text-transform: uppercase;     margin-bottom: 7px;}
				.nr .too { text-align:center;    margin-bottom: 25px;}
				
				.ly {width: 1020px;overflow: hidden; margin: 0 auto; }
				.ly input { border:1px #d9d9d9 solid; width:480px; height:60px; margin-top: 24px; float: left; margin-left: 20px; color:#c3c3c3; text-indent:2em;}
				.ly textarea { width:980px; height:200px; border:1px #d9d9d9 solid; resize:none; outline:none; text-indent:2em; margin-left: 19px; color:#c3c3c3; margin-top: 25px;}
				.ly .button { width:180px; height:50px; margin:0 auto; background:#f97200; color:#FFF; font-size:22px; text-indent: initial; margin-top: 30px;}
				.nr .dt {width: 980px; margin: 0 auto; margin-top: 60px;}
				
				
				
				
				
				
				/*产品滚动样式*/
				
				
				.h_tonglan {width:1200px;margin:0 auto;     margin-top: -63px;}
.h_tonglan dl {width:938px;height:32px;_height:32px;background:url(/image/huixian2.gif) repeat-x top;margin-left:10px;margin-right:10px;}
.h_tonglan dl dd {float:left;width:196px;height:32px;_height:32px;background:url(/image/lvx2.gif) repeat-x top;}
.h_tonglan dl dt {float:right;width:700px;text-align:right;line-height:25px;min-height:25px;color:#6A6A6A;}
.h_tonglan ul {overflow:hidden;}
.h190px {overflow:hidden;margin-left:10px;margin-right:10px;padding-bottom:3px;padding-top:14px;}
.h190px img {width:938px;border:0px;}

.h218px {width:1200px;height:200px;_height:200px;padding-top:14px;margin:0 auto;}
.h218px th {padding-top:67px; padding-left:20px;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul LI {FLOAT:left;min-width: 137px;height:200px;_height:200px;vertical-align:top;font-size:12px;line-height:164px;min-height:18px;text-align:center;padding:0px;overflow:hidden;}
#scrollbox ul LI a { color:#fff;}
#scrollbox ul LI img{ width:130px;height:160px;border:0px;}
.pointer {CURSOR: pointer}
.fB{font-weight:bold;}
.fred {color:#ff0000;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f14pxbai{font-size:14px;color:#ffffff; font-weight:bold;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f22px{font-size:22px;color:#FFFFFF;}
.center {margin:0px auto;}
.left{float:left;}
.right{float:right;}
.rejm {width:60px;height:20px;border:#7E9DB9 1px solid;line-height:20px;}
/*产品滚动样式结束*/