﻿@charset "utf-8";
/* CSS Document */
/*--初始化CSS--*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input, textarea  { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0;}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table{ border-collapse:collapse; }
body{ padding: 0; font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;background-color:#ffffff;/* overflow-y:scroll;*/ min-width:1200px; }
.clear{ clear:both; height:0; font-size:0; overflow:hidden; }
a {text-decoration:none; color:#333;}
.hide{ display: none; }
.clearfix{clear:both;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clear{zoom:1} 
.dycommon{ width:1210px;}
i{ font-style:normal;}






/*--头部--*/
.lo{ width:100%; height:116px; background:#fff;}
.top{ width:100%; height:45px; border-bottom:1px solid #f1f1f1; background:#fff;}
.top_con{ width:1200px; height:45px; margin:0 auto;}
.top_left{ width:380px; height:45px; line-height:45px; float:left; color:#999;}
.top_right{ width:270px; height:45px; float:right;}
.top_right a{ width:88px; height:25px; line-height:25px; background:url(../images/xian.gif) no-repeat right; color:#999; float:left; display:block; text-align:center; margin-top:10px;}
.logo{ width:1200px; height:116px; margin:0 auto;}
.logo img{ width:309px; height:116px; float:left;}
.logo .txt{ width:300px; height:60px; float:left; margin-top:30px;}
.logo .txt h3{ font-size:20px; color:#da2416; line-height:30px;}
.logo .txt p{ font-size:16px; color:#666; line-height:25px;}
.phone{ width:253px; height:70px; background:url(../images/phone.jpg) no-repeat; float:right; margin-top:25px;}
/*--导航--*/
.nav{ width:100%; height:53px; background:#015cb5;}
.nav_con{ width:1200px; height:53px; margin:0 auto; position:relative;}
.nav_con ul li{ height:53px; float:left; padding:0 30px; background:url(../images/nav.gif) no-repeat right;}
.nav_con ul li a{height:53px; color:#fff; font-size:16px; line-height:50px; text-align:center; display:block;}
.nav_con ul li:hover{ background:#da2416;}

#index .index,#product_list .product_list,#news_list .news_list,#case_list .case_list,#about .about1,#contact .contact{background:#da2416;}

.hidden-box{width:1155px;position:absolute; z-index:99999; display:none; background:#fff; background-color:rgba(255,255,255,0.9)}
.hidden-box>ul{ width:191px; height:360px; text-align:center; border-right:1px solid #dfdfdf; float:left; list-style-type:none;color:#fff;cursor:pointer; padding-top:12px;padding-bottom:15px; overflow:hidden;}
.hidden-box>ul li{ line-height:33px; height:33px; font-weight:500; background:none; text-align:center; padding:0; margin-left:16px;}
.hidden-loc-index{ position:absolute; top:53px; left:0px}
.hidden-box>ul li a{ width:169px; height:33px; line-height:33px; display:block; font-size:12px; color:#333;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.hidden-box>ul li a:hover{ background:#cecece; color:#333;}
.hidden-box>ul img{ width:150px; height:90px; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #dfdfdf;}
.nav_con ul li.none{width:183px; height:53px; background:url(../images/fen.gif) no-repeat; padding:0; position:relative;}
.nav_con ul li.none dl{ position:absolute; z-index:9; width:183px; height:260px; background:#da2416; top:53px; left:0; background:rgba(196,35,22,1); padding:10px; box-sizing:border-box; display:none;}
.nav_con ul li.none dl a{ width:163px; height:40px; border-bottom:1px dashed #d16660; line-height:40px; text-align:center; color:#fff; font-size:15px;}
.nav_con ul li.none dl a:hover{ background:#fff; color:#333;}
.nav_con ul li.none:hover dl{ display:block;}


.hidden-box1{width:124px;position:absolute; z-index:999999; display:none; background:#fff; background-color:rgba(255,255,255,0.9)}
.hidden-box1>ul{ width:124px; height:100px; text-align:center; float:left; list-style-type:none;color:#fff;cursor:pointer; padding-top:12px;padding-bottom:15px;}
.hidden-box1>ul li{ padding:0; width:124px; line-height:33px; height:33px; background:none; text-align:center; padding:0;}
.hidden-box1>ul li a{ width:124px; height:33px; line-height:33px; display:block; font-size:14px; color:#333;}
.hidden-box1>ul li a:hover{ background:#cecece; color:#333;}



#cnzz_stat_icon_1275176866{ float:right; margin-top:10px; margin-right:65px;}
#cnzz_stat_icon_1275176866 img{ width:20px; height:20px;}

/*--底部--*/
.footer{ width:100%; height:379px; background:#333; padding-top:35px; box-sizing:border-box;}
.footer_con{ width:1200px;  margin:0 auto}
.di_logo{ width:363px; height:120px; background:url(../images/footer_logo.jpg) no-repeat; float:left;}
.footer .txt{ width:510px; height:130px; float:left; color:#b0b0b0; line-height:30px;}
.footer img{ width:119px; height:119px; float:left; margin-left:62px; margin-top:5px;}
.links{ width:1200px; height:72px; border:1px dashed #c2c2c2; padding:0 15px; box-sizing:border-box; float:left; margin-top:40px; padding-top:8px;}
.links span{ width:120px; height:72px; float:left; display:block; color:#b0b0b0; line-height:50px;}
.links a{color:#b0b0b0; padding:5px 10px; line-height:16px; display:inline-block;}
.dibu{ width:100%; height:49px; background:#242424; float:left; margin-top:65px;}
.dibu_con{ width:1200px; margin:0 auto;}
.dibu_left{ width:700px; float:left; color:#b0b0b0; line-height:49px;}
.dibu_con .shen{color:#b0b0b0; float:right; line-height:49px;}
.dibu_left a {color:#b0b0b0; line-height:49px; padding:0 3px;}
/*--小导航--*/
.nav_x{ width:100%; height:59px; border-bottom:1px solid #e6e6e6;}
.nav_x .con{ width:1200px; height:59px; margin:0 auto; background:url(../images/dw.gif) no-repeat 5px; padding-left:35px; box-sizing:border-box; line-height:59px;}
.nav_x .con span{ font-size:16px; color:#333; float:left;}
.nav_x .con a{ font-size:16px; color:#333; float:left; padding:0 6px;}
.nav_x .con a:hover{ font-weight:bold;}

.lift-nav{
	position: fixed;
	top: 100px;
	left: 30px;
	
}
.lift-nav li{
	width: 70px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	padding: 10px 10px;
	margin-bottom: 10px;
	background: skyblue;
	cursor: pointer;
}

.lift-nav li.current{
	background: tomato;
}




.fenye{ width:530px; height:50px; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:center;}
.fenye a{ padding:8px 16px; border:1px solid #d5d5d5; margin:0 2px;}
.fenye a:hover{ background:#333; color:#fff;}









/*隐藏盒子位置设置*/
.hidden-loc-gy{
    left: 760px;
	top:53px;
	height:160px;

}
.hidden-loc-cp{
    left: 240px;
}
.hidden-loc-xw{
    left: 388px;
	top:53px;
}
.hidden-loc-rc{
    left: 512px;
}
.hidden-loc-lx{
    left: 640px;
}

.nav_con ul li.none1{ background:none;}
.nav_con ul li.none1:hover{ background:#da2416;}


.hei1{ position:relative;}
.ying{ width:700px; height:660px; background:url(../images/ying.png) no-repeat; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%) scale(0); transition:all 0.5s;}
.zeng{ width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:9999;}
.zeng .ying{ transform:translate(-50%,-50%) scale(1);}
.guanbi{ width:50px; height:50px; position:absolute; right:38px; top:10px; cursor:pointer;}




.tanchuang{ position:relative;}
	.for{ width:600px; height:360px; background:#fff; position:fixed; top:50%; left:50%;transform:translate(-50%,-50%) scale(0); transition:all 0.5s; padding:40px; box-sizing:border-box;  }
	.for p{ font-size:18px; color:#f95812; font-family:"微软雅黑";}
	.dianhua{ width:100%; height:66px; margin:5px 0 50px;}
	.dianhua_inp{ width:320px; height:40px; border-bottom:1px solid #666; float:left;}
    .dianhua_inp input{ width:320px; line-height:46px; font-size:16px; color:#333; background:none; border:none;  outline:none; }
	.dianhua_inp textarea{  width:320px; height:40px; line-height:25px; font-size:16px; color:#333; background:none; border:none; margin-top:15px; outline:none;}
	input::-webkit-input-placeholder { /* WebKit browsers*/ 
　　color:#999;font-size:14px;
　　}

	.dianhua_ti{ width:255px; height:50px; background:#f95812;margin-top:20px; margin-left:30px; text-align:center;}
	.dianhua_ti input{ width:155px; height:46px;font-size:18px; color:#fff; text-align:center; line-height:50px; background:none; border:none; cursor:pointer;}	

	.zaixian{ margin-top:30px; width:240px; height:26px; background:#333; color:#fff; font-size:18px; text-align:center; line-height:50px; float:left}
	.zaixian1{ margin-top:30px; width:240px; height:50px; background:#333; color:#fff; font-size:18px; text-align:center; line-height:50px; float:right}
	.guanbi1{ width:18px; height:18px; position:absolute; top:30px; right:30px; -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
	cursor:pointer;}
	.guanbi1 img{ width:18px; height:18px;}
	.guanbi1:hover  {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.zeng{ width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; z-index:999;}
.zeng .for{ transform:translate(-50%,-50%) scale(1);}
.kkff{ width:216px; height:274px; position:absolute; right:0; bottom:0; background:url(../images/kkff.png) no-repeat;}











