/*======================================
		D4U-UI CSS
		Author:   design4u
		QQ:       66383210
		Email:    66383210@qq.com;  admin@design4u.cn
		Date:     2015-02
		Web:      http://design4u.cn
======================================*/
@import url('reset.css');
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; }
html,
body {
	font-size: 14px;
	line-height: 1.428571429;
	color: #666;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

a,
a:visited {
	cursor: pointer !important;
	color: #666;
	text-decoration: none;
}
.d-mt { margin-top: 30px; }
.d-mt60 { margin-top: 60px; }
.d-hide { display: none; }
.d-float-left { float: left; }
.d-float-right { float: right; }
.d-title {
	font-size: 18px;
	color: #333;
	font-weight: 600;
	padding: 20px 0 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
  border-bottom: 1px solid #eee;
}
.d-index-about .d-htmlContent {
	height: 80px;
	overflow: hidden;
	margin-bottom: 10px;
	color: #666;
  
}
/*layout*/
.d-wrapper {
	text-align: center;
	width: 100%;
}
.d-wrapper-in {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.d-content-index {
	padding-bottom: 60px;
	padding-top: 20px;
}
.d-content-index a:hover {
	text-decoration: underline;
	color: #ff9632;
}
.d-content {
	padding-bottom: 30px;
	padding-top: 20px;
}
/*---------------------------------
	index
---------------------------------*/
.d-banner {
	position: relative;
	text-align: center;
	height: 280px;
	overflow: hidden;
}

.d-index-news{
  padding-top:30px;
}
.d-index-news dl {
	padding-left: 180px;
	position: relative;
	height: 120px;
}
.d-index-news dt {
	position: absolute;
	left: 0;
	right: 0;
	width: 160px;
}
.d-index-news dd h2 a{
  display: block;
  color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
	margin-bottom: 10px;
}
.d-index-news dd .d-htmlContent {
	height: 65px;
	margin-bottom: 10px;
	overflow: hidden;
	color: #999;
}
.d-index-about p {
	height: 100px;
	overflow: hidden;
}
.d-index-about a {
	display: inline-block;
  background: #ffd182;
  padding: 2px 20px;
  border-radius: 20px;
  color: #000;
}
.d-index-about a:hover{
  background: #fda101;
  color: #fff;
  text-decoration: none;
}
.d-index-news span { color: #ccc; font-size: 12px;}
/*---------------------------------
	header
---------------------------------*/
.d-header { height: 100px; }
.d-header a:hover { text-decoration: underline; }
.d-logo {
	background: url(images/logo.png) no-repeat left center;
	padding-left:230px;
  height: 100px;
	width: 380px;
  color: #fff;
  font-size: 20px;
  
}
.d-logo div{
  padding-top:40px;
  
}
.d-logo div span{
  display: block;
  color: #000;
  font-size: 28px;
  padding: 6px;
}
.d-header-word {
	position: absolute;
	left: 200px;
	right: 100px;
	top: 0;
	text-align: center;
	font-size: 20px;
	color: #333;
	font-weight: 200;
	padding-top: 44px;
}
.d-header-word span { margin: 0 20px; }
.d-lan {
	position: absolute;
	right: 0;
	top: 65px;
}
.d-phone {
	position: absolute;
	right:140px;
	bottom: 10px;
  color: #fff;
  background: url("images/icon-phone.png") no-repeat left center;
  padding-left:32px;
}
.d-phone b {
  font-size: 18px;
  display: block;
  line-height: 24px;

}
.d-lan-en,
.d-lan-cn {
	display: block;
	height:23px;
	width: 40px;
	background: no-repeat;
	float: right;
}
.d-lan-en {
	background-image: url(images/lan-en.jpg);
	margin-right: 10px;
}
.d-lan-cn { background-image: url(images/lan-cn.jpg); }
/*---------------------------------
	menu
---------------------------------*/
.d-menu {
	z-index: 999;
	position: relative;
}
.d-menu .d-wrapper-in {
  background: #424242;
	height: 50px;
}
.d-menu ul { margin-left: 25px; }
.d-menu li {
	float: left;
	width: 160px;
	margin: 0 5px;
	position: relative;
  
}
.d-menu li>a {
	display: block;
  
}
.d-menu li>a:hover,
.d-menu li>a.d-active { background-color: #363636;}
.d-menu li>a span {
	background: no-repeat 10px center;
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding-left: 45px;
}
.d-menu li.d-menu-home { width: 140px;}
.d-menu li.d-menu-company { width: 180px; }
.d-menu li.d-menu-home a span { background-image: url("images/icon-menu-home.png") }
.d-menu li.d-menu-company a span { background-image: url("images/icon-menu-office.png")}
.d-menu li.d-menu-products a span { background-image: url("images/icon-menu-product.png") }
.d-menu li.d-menu-download a span {background-image: url("images/icon-menu-download.png") }
.d-menu li.d-menu-news a span { background-image: url("images/icon-menu-news.png")}
.d-menu li.d-menu-contact a span { background-image: url("images/icon-menu-contact.png") }
.d-menu li.d-menu-home a:hover span,
.d-menu li.d-menu-home a.d-active span { }
.d-menu li.d-menu-company a:hover span,
.d-menu li.d-menu-company a.d-active span { }
.d-menu li.d-menu-products a:hover span,
.d-menu li.d-menu-products a.d-active span {  }
.d-menu li.d-menu-download a:hover span,
.d-menu li.d-menu-download a.d-active span {  }
.d-menu li.d-menu-news a:hover span,
.d-menu li.d-menu-news a.d-active span {  }
.d-menu li.d-menu-contact a:hover span,
.d-menu li.d-menu-contact a.d-active span {  }
.d-submenu {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	background: #363636;
	white-space: nowrap;
}
.d-submenu a {
	display: block;
	color: #fff;
	border-bottom: 1px solid #333;
	padding: 15px 40px;
}
.d-submenu a:hover {
	background: #222;
	color: #fff;
}
/*local*/
.d-local { color: #666; padding-bottom: 30px; color: #999; }
.d-local a {
	background: url(images/local-arrow.jpg) no-repeat right center;
	padding-right: 10px;
	margin-right:10px;
  color: #999;
}
/*d-sidebar*/
.d-sidebar {
	float: left;
	width: 220px;
}
.d-sidebar h2 {
	font-size: 20px;
	color: #333;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	line-height: 1.2;
}
.d-nav a:hover { background-color: #f9f9f9; }
.d-nav li>div a {
	display: block;
	padding: 10px 0 10px;
	border-bottom: 1px solid #eee;
}
.d-nav li>div span{
	display: block;
  float: left;
	width: 30px;
  height: 40px;
	background: url(images/arrow-down.png) no-repeat center center;
}
.d-nav .icon-down{
	background: url(images/arrow-down.png) no-repeat center center;
}
.d-nav li> .d-active a,
.d-nav li> .d-current a { color: #ff9430; }
.d-nav .icon-up{background-image: url(images/arrow-up.png);}




.d-subnav { display: none; }
.d-block { display: block !important; }
.d-subnav a {
	display: block;
	padding: 5px 0;
	margin-left: 30px;
	border-bottom: 1px dashed #eee;
}
.d-subnav a.d-active { color: #ff9430; }
.d-nav-nosub li>a {
	background: none;
	padding:10px 0px;
	display: block;
	border-bottom: 1px solid #eee;
	line-height: 1.2;
}
.d-nav-nosub li>a.d-active {
	background: none;
	color: #ff9430;
}

.d-main {
  min-height: 400px;
}

.d-sidebar ~ .d-main {
	float: right;
	width: 810px;
}
.d-contact-text {
	float: left;
	width: 400px;
	line-height: 2;
}
/*留言表单*/
.d-contact-form {
	float: right;
	width: 380px;
}
.d-contact-form-title{
	margin-bottom: 20px;
}


.d-contact-form small { color: #999; }
.d-form-group { margin-bottom: 10px; }
.d-w50 {
	width: 50%;
	float: left;
}
.d-form-group .d-input-text {
	display: block;
	width: 90%;
	border: 1px solid #d0d0d0;
	padding: 5px 0;
	padding-left: 10px;
}
.d-textarea {
	width: 93%;
	border: 1px solid #d0d0d0;
	padding: 10px;
}
.d-form-btn {
	text-align: right;
	padding-right: 10px;
}
.d-btn {
	background: #e6691e;
	color: #FFF;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
}
.d-form-group span { color: #f00; }
.d-download-title h2 {
	font-size: 20px;
	color: #666;
	font-weight: 400;
}
.d-download-title p { color: #999 }
.d-download-title {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.d-environment {
	position: relative;
	height: 410px;
}
.d-environment a {
	display: block;
	position: absolute;
}
.d-environment .d-w1 img {
	width: 250px;
	height: 410px;
}
.d-environment .d-w2 img,
.d-environment .d-w3 img,
.d-environment .d-w4 img,
.d-environment .d-w5 img {
	width: 270px;
	height: 200px;
}
.d-environment .d-w1 {
	left: 0;
	top: 0;
}
.d-environment .d-w2 {
	left: 260px;
	top: 0px;
}
.d-environment .d-w3 {
	left: 540px;
	top: 0px;
}
.d-environment .d-w4 {
	left: 260px;
	top: 210px;
}
.d-environment .d-w5 {
	left: 540px;
	top: 210px;
}
.d-step {
	
	position: relative;
  overflow: hidden;
}
.d-step a {
	display: block;
	background: #fff;
	text-align: center;
  width: 25%;
  float: left;
}
.d-step a span {
	display: block;
	
	background: #fff;
  padding:5% 5% 15%;
}
.d-step a img {
	width: 90%;
	height: auto;
  

}

/*BTN*/
.d-input-btn { }
a.d-input-btn:hover { }
a.d-input-btn:active { }
.d-input-btn.d-disable {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: not-allowed;
}
.d-link { text-align: center; }
.d-link a {
	color: #427fed !important;
	text-decoration: none;
}
.d-link a:hover { text-decoration: underline; }
.d-label {
	background: url(images/label-bg.jpg) no-repeat;
	display: inline-block;
*display:inline;
*zoom:1;
	margin-bottom: 20px;
	margin-top: 20px;
}
.d-label span {
	display: block;
	background: url(images/label-bg.jpg) no-repeat right top;
	height: 40px;
	margin-left: 40px;
	color: #fff;
	line-height: 30px;
	font-weight: 400;
	padding-right: 20px;
}
.d-proList { }
.d-proItem {
	float: left;
	margin: 20px 20px 40px;
	width: 230px;
	height: 230px;
}
.d-proItem img {
	border: 1px solid #e5e5e5;
	width: 230px;
	height: 230px;
}
.d-proItem span {
	display: block;
	text-align: center;
	padding: 10px 0;
}
.d-downLink {
	display: block;
	background: url(images/icon-pdf.jpg) no-repeat;
	height: 24px;
	line-height: 24px;
	padding-left: 32px;
	margin: 10px 0;
}
.d-downloadList .d-downLink {
	float: left;
	width: 38%;
	display: block;
	padding: 12px 2% 12px 8%;
	margin-right: 2%;
	background: #f9f9f9 url(images/icon-pdf.png) no-repeat 16px 50%;
	height: auto;
	line-height: 1.5;
}
.d-downloadList .d-downLink .d-down-title{
	font-weight:500;
	font-size: 16px;
	
}
.d-downloadList .d-downLink span{
	color:#999;
	font-size: 12px;
	
}
.d-pro-left {
	float: left;
	width: 360px;
}
.d-pro-right {
	float: right;
	width: 400px;
}
.d-title-sub { margin-bottom: 20px; }
.d-videoCon { text-align: center; }
#player1 {
	margin: 0 auto;
	width: 600px;
}
#prodetail-img { border: 1px solid #ebebeb; }
.d-newsItem {
	position: relative;
	height: 120px;
	padding: 30px 30px 30px 240px;
  border-bottom: 1px solid #eee;
}
.d-newsItem:hover{
  background:#f9f9f9;
}
.d-newsItem dt {
	position: absolute;
	left: 30px;
	right: 0;
	width: 160px;
}
.d-newsItem dd h2 a{
  display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500;
  color: #333;
  font-size: 18px;
	margin-bottom:10px;
}
.d-newsItem dd .d-htmlContent {
	height: 65px;
	overflow: hidden;
	color: #666;
	margin-bottom: 5px;
}
.d-newsItem dd span { color: #ccc; font-size: 12px; }
.d-pagenav { color: #999; margin-top: 30px; }
.d-pagenav a {
	display: inline-block;
*display:inline;
*zoom:1;
	background: #999;
	padding: 4px 20px;
	border-radius: 20px;
	color: #fff;
	margin-right: 10px;
}
.d-pagenav a:hover { background: #333; }
/* newsDetail
======================*/
.d-newsDetail { padding: 20px; }
.d-newsDetail > h2 {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	padding: 10px 0;
}
.d-newsDetail > small {
	display: block;
	text-align: center;
}
.d-newsDetail .d-htmlContent {
	padding: 30px 0;
	line-height: 2;
}
.d-newsDetail .d-htmlContent p { margin-bottom: 20px; }
.d-newsDetail .d-htmlContent img { }
.d-newsNav {
	height: 30px;
	padding-top: 20px;
}
.d-newsNav p { padding-top: 14px; }
.d-newsNav span { float: right; }
.d-backbar {
	text-align: center;
	padding: 20px;
}
.d-backLink {
	background: #666;
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	;
	text-align: center;
	color: #fff !important;
	border-radius: 50%;
}
.d-backLink:hover { background: #ff932f }
/*分页导航*/
.d-pagenav { }
.d-pagenav .d-input-txt {
	border: 1px solid #ddd;
	width: 2em;
	text-align: center;
}
.d-pagenav .d-input-btn { border: 1px solid #ddd; }
/*---------------------------------
	
---------------------------------*/
.d-footer {
	clear: both;
	margin-bottom: 20px;
	color: #999;
}
.d-footer .d-wrapper-in {
	padding: 12px 0;
	border-top:1px solid #ddd;
	padding-top: 30px
}
.d-footer .d-copyRight {
	background: url(images/logo-footer.png) no-repeat 8px 2px;
	padding-left: 140px;
	line-height: 1.2;
	height: 34px;
	overflow: hidden;
}
.d-footer .d-copyRight p,
.d-footer .d-copyRight a { color: #999 !important; }
.d-icon-loading {
	background: url(images/loading.gif) no-repeat center center;
	height: 16px;
	width: 16px;
	display: inline-block;
 *display:inline;
 *zoom:1;
}
.d-footer-link { padding-right: 8px; }
.d-footer-link a {
	display: block;
	float: left;
	margin-left: 8px;
	line-height: 36px;
}
.d-footer-link img { height: 36px; }

.d-htmleditor img{max-width: 100% !important ; height: auto !important;}
.d-htmleditor table{width: 100%; border:1px solid #ddd; border-collapse: collapse;}
.d-htmleditor table th,
.d-htmleditor table td{
	padding:5px;
	border:1px solid #ddd;
}

.d-weixin-wrapper{margin-top:50px;padding:20px; background: #f9f9f9; text-align: center;}
.d-weixin-wrapper h2{font-size: 13px; border: none; line-height: 1; padding: 0;}
.d-weixin-wrapper h3{font-size:12px; color: #999;margin-top:6px;}
.d-weixin-wrapper h3{font-size:12px; color: #999;}
.d-weixin-wrapper .d-img-weixin{background:url(images/weixin.png) no-repeat center; height: 150px;margin: 10px 0 5px; }