@charset "utf-8";
html, body, div, ul, li, h1, h2, h3, h4, form, input, textarea, p, th, td, hr { margin:0; padding:0; }
body, button, input, select, textarea{ font:14px/1.5 "Microsoft YaHei" , arial, tahoma, sans-serif;}
ol, ul{ list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img { border:none; }
a {text-decoration: none; color:#333;}
a:hover { text-decoration:none; }
body {height:auto;background: #ffffff; color:#333;}
.fl-right{float: right;}
.fl-left{ float: left;}
.pos-rel{ position:relative;}
.pos-abs{ position: absolute;}

.container{ width: 980px; margin:0 auto;}
.title{  background: rgba(0, 0, 0, 0) url("../images/kdtopbg.jpg") repeat-x scroll 0 22px;  height: 80px;  width: 100%; line-height:80px;}
.title h2{width:280px; padding:0 36px; text-align:center; margin:0 auto; background-color:#fff; font-size:30px; font-weight:400;}
.infor .title h2 { width: 320px;}

.head{ height: 80px;}
.logo{ float: left; padding:15px 0;}
.nav{ float:right;}
.nav a{ display: inline-block;  color:#666; padding:0 5px; line-height: 90px;}

.banner{ background:url("../images/banner.jpg") no-repeat center; height: 400px; width: 100%;}

.products{}
.products ul{ overflow:hidden; padding:20px 0 50px;}
.products ul li a{ display:inline-block; float:left; width:310px; height: 200px; background-color:#ccc; margin-right:25px; position:relative;}
.products ul li a .intro{ width: 250px; height: 140px; background-color:rgba(0,0,0,0.7); color:#fff; position:absolute; top:0; left: 0; padding:30px; opacity:0; -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -o-transition: all linear .5s; transition: all linear .5s;}
.products ul li a .intro h3{ font-size:18px; font-weight:400; color:#ff9900; margin-bottom:5px;}
.products ul li a .intro p span{ font-weight:bold; margin-right:10px;}
.products ul li a:hover .intro{ opacity: 1;}

.infor{ overflow:hidden; padding-bottom: 50px;}
.bt{font-weight: 400; font-family: "Segoe UI"; font-size: 25px; color: #2b60b0; margin-bottom: 20px;}
#news,.news{ width: 580px; border-right:1px solid #ccc; padding-right:20px;}
.news_intro { overflow:hidden;}
.news_intro img{ width: 180px; height: 120px; background-color:#ccc; float:left;}
.news_intro .intro{ float:right; width:385px;}
.news_intro .intro a h2{ font-weight: 600; font-size:14px;}
.news ul{ overflow:hidden; padding-top:15px;}
.news ul li{ height:44px; line-height:44px; border-top:1px dashed #ccc; font-size:15px;}
.news a:hover{ color:#ec7c05;}
.kd{ width:360px;}

.zhanwei{ padding-top:10px; height:50px; border-bottom:1px dashed #ccc;}
.sub-bt{font-size: 25px;color: #999;float: left;}
.zw{font-size: 34px; float:right; line-height:32px; margin-right:20px;}
.zw span{font-size: 18px;}
.more,.more1{display: block; color: #fff; cursor: pointer; height: 50px; line-height: 50px; text-align: center; background-color: #ff9900; border-radius: 3px; font-size:18px;}
.more{ width: 100%; margin: 27px 0;}
.more1{ width:170px;}
.liangdian{overflow:hidden; padding:30px 0; border-bottom:1px dashed #ccc;}
.order{ padding:15px 0;}
.button{width: 100%; height: 50px; background: #ff9900; color: #fff; border-radius: 3px; border: none; cursor: pointer; font-size:18px;}

#case .container {height:470px; background:url(../images/d2.jpg) no-repeat; border:2px solid #ff9900; margin:20px auto 50px;}
.case p{ color:#ff9900; font-size:18px; font-weight:500; background:#fff; width:300px; height:30px; padding-left:30px; line-height:30px; box-shadow:4px 4px 0 #6e90b3; top:-10px; left:20px;}
.case img{ top:13px; left:16px; z-index:999;}
.case_intro  a{ float:left; background:url(../images/m0.png) no-repeat 2px center; height:36px; padding-left:23px; line-height:45px; color:#333; font-family:"Segoe UI Semibold"; font-size:14px;}
.case_intro  a:hover{ background: url(../images/m0@2x.png) no-repeat 1px -1px;}
.b40{ left:182px; top:106px;}
.b41{ left: 330px; top:237px;}
.b42{ left: 480px; top: 55px;}
.b43{ left: 470px; top: 80px;}
.b44{ left: 533px; top: 205px;}
.b45{ left: 649px; top: 174px;}
.b46{ left: 630px; top: 100px;}
.b47{ left: 717px; top: 157px;}
.b48{ left: 756px; top: 135px;}
.b49{ left: 812px; top: 95px;}

.box5 .container{ overflow:hidden; margin-top:20px; margin-bottom: 50px;}
.box51 ul{ height:65px; margin-top:8px;}
.box51 li{ width:130px; height:64px; float:left; color:#333;}
.b51{ background:url(../images/e1.jpg) no-repeat left center;  padding-left:90px; padding-top:10px;}
.b52{ background:url(../images/e2.jpg) no-repeat left center;  padding-left:80px; padding-top:10px;}

.box52{ width:525px; height:395px;}
.box52 p{ font-size:14px; color:#333; margin-bottom:40px; line-height:24px;}
.b21{ height:175px; border-right:none;}
.b21 li{ float:left; width:150px; height:70px; color:#666;}
.b53{ background:url(../images/e3.png) no-repeat left center; padding-left:70px; margin-right:60px; margin-bottom:30px;}
.b54{ background:url(../images/e4.png) no-repeat left center; padding-left:70px;  margin-bottom:30px;}
.b55{ background:url(../images/e5.png) no-repeat left center; padding-left:70px;  margin-right:60px;}
.b56{ background:url(../images/e6.png) no-repeat left center; padding-left:70px;}

.b22{ margin-top:40px; height:40px;}

.b22 input{ width: 150px; height: 40px;  border: none; color: #fff; text-indent: 30px;  border-radius:3px; box-shadow:0 3px 0 #b26b00;}
.b22 li{ float:left; color:#fff; height:40px; line-height:40px; font-size:14px;}
.b57 input{ background:url(../images/a4.png) no-repeat 15px center #ff9900;  margin-right:36px;}
.b58 input{ background:url(../images/a5.png) no-repeat 15px center #ff9900;  margin-right:36px;}
.b59 input{ background:url(../images/a6.png) no-repeat 25px center #ff9900; text-indent: 0px;}
.b57 .btn:hover{background:url(../images/a4.png) no-repeat 15px center #fab958; cursor: pointer; }
.b58 .btn:hover{background:url(../images/a5.png) no-repeat 15px center #fab958; cursor: pointer;}
.b59 .btn:hover{background:url(../images/a6.png) no-repeat 25px center #fab958; cursor: pointer;}

#huigu {width:100%;max-width:1900px;height:237px;margin:0 auto;margin-top:114px;background: url(../images/hgbg.jpg) no-repeat center;padding-top: 175px;}
.hgin {width: 100%;max-width: 1900px;margin: 0 auto;height:153px;position: relative;overflow: hidden;}
.hgin ul {position: absolute;top: 0;left:0px;width: 2296px}
.hgin li {float: left;width: 243px;padding-right: 44px;position: relative;}
.hgin p {display: none;position: absolute;top: 0;left: 0;padding: 40px 10px 0px 10px;color: #ffffff;width: 223px;height: 113px;text-align: center;}

/* box6 style */
.box6{ height:425px;}
.box6 h1{  font-size:28px; color:#333; font-family:"Roboto"; font-weight:normal; padding-top:40px;}
.box6 ul{ overflow:hidden;  padding-top:20px;}
.box6 ul li{ color:#333; border-right:1px solid #e5e5e5; float:left; font-size:18px; height:36px; line-height:36px;  text-indent:50px;}
.box6 ul li a{ color:#333;}
.d1{ background:url(../images/f1.png) no-repeat left center; padding-right:48px;}
.d2{ background:url(../images/f2.png) no-repeat left center; padding-right:48px; margin-left:48px;}
.d3{ background:url(../images/f3.png) no-repeat left center;  margin-left:48px;}
.tj{ height:215px; padding-top:30px;}
.tj1,.tj2,.tj3{ width:310px; overflow:hidden; height:60px;}
.tj1,.tj2{margin-right:25px;}
.LV_validation_message{ display:block; font-size:13px; color:#ff9900;}
.tj input{ height:35px; text-indent:5px; border:1px solid #ccc; width:270px;  color:#999;}
.tj textarea{ color:#999; height:140px; border:1px solid #ccc; width:605px; padding-top:5px; text-indent:5px;}
.tj label{ width:37px; height:35px; display:block; border-top:1px solid #ccc; float:left; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.tj4 label{ width:37px; height:145px;}
.tj1 label{ background:url(../images/f4.png) no-repeat center #f5f5f5;}
.tj2 label{ background:url(../images/f5.png) no-repeat center #f5f5f5;}
.tj3 label{ background:url(../images/f6.png) no-repeat center #f5f5f5;}
.tj4 label{ background:url(../images/f7.png) no-repeat center 10px #f5f5f5;}
.tj5{ width:310px; height:151px;}
.tj5 p{ color:#333; margin-bottom:10px; line-height:28px;}
.tj5 span{ color:#ff9900; margin-bottom:26px; display:block;}
.tj5 input{ height:34px; background:#ff9900; border:none; line-height:34px; color:#fff; box-shadow:0 2px 0 #b46b00; width:310px; cursor:pointer;}
.tj5 input:hover{ background: #ffb340;}
.tj51{ width:16px; height:14px; background:#fdac34; bottom:4px; box-shadow:0 2px 0 #b37824; padding:10px;}

.footer{ height:120px; background:#333;}
.footer ul{ overflow:hidden; margin-left:auto; margin-right:auto; width:820px; padding-top:33px;}
.footer li{ float:left; padding:0 10px;}
.footer li a{ color:#fff;}
.footer li a:hover{ text-decoration: underline;}
.footer p{ text-align:center; color:#fff; padding-top:30px;}