


/*-- Icon --*/

.ui-icon {
	display: inline-block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
}

.ui-icon2 {
	display: inline-block;
	position: absolute;
	width: 85px;
	height: 85px;
	background-repeat: no-repeat;
}



/** Animation **/










/*-- Header --*/

header { position: fixed; top: 0; width: 1000; background: #e4e5e6; height: 165px; z-index: 1000; }

header .header-logo { margin-right: 15px; }

header .nav ul li { float: left; margin-top: 5px; padding: 10px 0 0; }

header .nav ul li a {
	padding: 10px 23px 21px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

header .nav ul li a:hover { color: #FFFF00; }

header em.header-line { display: none; top: 56px;  width: 100px; height: 9px; background-position: -372px -27px; }

header .header-info { padding-top: 15px; width: 410px; }

header .header-info p.header-tel { margin-right: 15px; padding-left: 40px; height: 26px; line-height: 29px; font-size: 18px; color: #45ad3e; }

header .header-info p.header-tel em { top: -17px; left: -16px; }

header .header-info .header-icon { width: 400px; float:right; text-align: center; }

header .header-info .header-icon ul li { display: inline-block; margin: 2px 0 0 10px; height: 43px; }

header .header-info .header-icon ul li a { display: inline-block; width: 67px; height: 43px; font-size: 14px; color: #FFFFFF; }

header .header-info .header-icon a em { top: -22px; right: -21px; }

header .header-info .header-icon .header-search { background-position: -60px 0px; }

header .header-info .header-icon .header-shop { background-position: -120px 00px; }

header .header-info .header-icon .header-lan { background-position: -180px 0px; }



.submenu {     display: block;top: 165px; left: 0; width: 100%; background:#f6f6f6;z-index: 5; }

.submenu .submenu-box { display: none; padding-top: 0px; padding-bottom:10px; border-bottom: solid 5px #ffa51f; }

.submenu-box .submenu-top h2 { font-size: 16px; color: #ffa51f; line-height:40px; padding-bottom:10px;}

.submenu-box .submenu-top p { margin-top: 8px; color: #ffa51f; }

.submenu-box1 .submenu-top h2,.submenu-box1 .submenu-top p { color: #45ad3e; }



.top-search { display: none; padding: 40px 0; width: 100%; background: #fff; border-bottom: solid 5px #ffa51f; z-index: 5; }

.top-search-cont { /* display: none; */ margin: 0 auto; width: 600px; }

.top-search-cont form { width: 575px; border: solid 3px #ffa51f; height:40px; } 

.top-search-cont form input { border: none; }

.top-search-cont form input.search-info { float: left; padding: 2px; width: 516px; height: 22px; font-size: 16px; text-align: center; color: #666; line-height: 22px; background: #f4f6f8; }

.top-search-cont form input.search-submit { position: relative; float: left; margin:-2px 0px 0px 0px;width: 55px; height: 42px; background-position: -455px -370px; text-indent: -9999px; cursor: pointer; } 

.top-search-cont p { margin-top: 5px; }

.top-search-cont p a{ margin-right: 0px; color: #999; }

.top-search-cont p a:hover { color: #000; }



.article {
	text-align:left;
	border-bottom: solid 1px #d2d2d2;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
.article p span  a { text-align:left;  }


.article p span { font-size: 14px;font-weight: bold; padding-top:10px; }

.article em { top: -8px; left: -13px; }

.submenu-product { padding-bottom: 20px; width: 734px; }

.submenu-product-top { width: 684px; }

.submenu-product-top em { background-position: -240px 0; }

.submenu-product-total dl { float: left; margin-top: 20px; width: 146px; }

.submenu-product-total h4 { margin-top: 20px; font-size: 14px; }

.submenu-product-total .submenu-product-box { position: relative; width: 734px; }

.submenu-product-total dl dt { margin-bottom: 10px; position:relative; }

.submenu-product-total dl dt a { font-size: 14px; color: #333; font-weight: bold; }

.submenu-product-total dl dt img { display: block; margin-bottom: 20px; }

.submenu-product-total dl dd { line-height: 24px; }

.submenu-product-total dl dd a { color: #333; }

.submenu-product-total dl dd a:hover,.submenu-product-total dl dt a:hover { color: #45ad3e; }

.submenu-product-pic { display: none; position: absolute; top: 0px; left: 146px; width: 442px; height: 230px; overflow: hidden;  z-index:100;}

.submenu-product-pic img { width: 442px; }



.submenu-solution { margin-left: 35px; padding-bottom: 20px; width: 220px; }

.submenu-solution-top { width: 148px; }

.submenu-solution-top em { background-position: -300px 0; }

.submenu-innovation { width: 198px; }

.submenu-innovation-top em { background-position: -480px 0; }

.submenu-icon2 { margin-top: 20px; height: 132px; }

.submenu-icon2 a { position: relative; margin-top: 2px; padding-left: 33px; width: 74px; display: block; height: 31px; line-height: 31px; color: #45ad3e; }

.submenu-icon2 a em { top: 0; left: 0; } 

.submenu-icon2 a.submenu-createnews em { background-position: -540px 0; }

.submenu-icon2 a.submenu-createproduct em { background-position: -480px -60px; }

.submenu-icon2 a.submenu-cooperation em { background-position: -540px -60px; }



.submenu-icon { margin: 20px 0 0 -20px; }

.submenu-icon a { position: relative; float: left; margin: 2px 0 0 20px; padding-left: 33px; width: 66px; height: 31px; line-height: 31px; }

.submenu-icon a em { top: 0; left: 0; width: 31px; height: 31px; }

.submenu-icon a.submenu-lift em { background-position: 0px -60px; }

.submenu-icon a.submenu-electron1 em { background-position: -60px -60px; }

.submenu-icon a.submenu-traffic em { background-position: -120px -60px; }

.submenu-icon a.submenu-device em { background-position: -180px -60px; }

.submenu-icon a.submenu-electron2 em { background-position: -240px -60px; }

.submenu-icon a.submenu-light em { background-position: -300px -60px; }

.submenu-icon a.submenu-communication em { background-position: -360px -60px; }

.submenu-icon a.submenu-instrument em { background-position: -420px -60px; }



.submenu-service { margin-right: 50px; padding-bottom: 20px; width: 350px; }

.submenu-customer-top,.submenu-quality-top,.submenu-download-top { width: 300px; }

.submenu-customer-top em { background-position: 0 -180px; }

.submenu-quality-top em { background-position: -60px -180px; }

.submenu-download-top em { background-position: -120px -180px; }

.submenu-service-pic { float: right; margin-top: 15px; display: block; background: #ccc; }

.submenu-service ul { margin-top: 15px; }

.submenu-service ul li { margin-top: 6px; font-size: 14px; }

.submenu-service ul li a { color: #333; }

.submenu-service ul li a:hover { color: #000; }

.submenu-lan-cont { padding: 20px 0; }

.submenu-lan a { display: inline-block; margin-right: 32px; vertical-align: top; line-height: 25px; color: #666; }

.submenu-lan a:hover { color: #000; }

.submenu-lan a em { position: relative; margin-right: 8px; width: 35px; height: 25px; line-height: 25px; vertical-align: middle; }




.submenu-news { width: 135px; margin-right: 45px; }

.submenu-news a { display: block; margin: 15px 0 30px; }

.submenu-news .article a { margin: 0; }

.submenu-news-top em { background-position: 0 -420px; }

.submenu-activity-top em { background-position: -480px -480px; }

.submenu-public-top em { background-position: -120px -420px; }

.submenu-staff-top em { background-position: -180px -420px; }

.submenu-match-top em { background-position: -240px -420px; }

.submenu-intro-top em { background-position: -300px -420px; }

.submenu-sprite-top em { background-position: -60px -420px; }

.submenu-value-top em { background-position: -420px -420px; }

.submenu-history-top em { background-position: -480px -420px; }

.submenu-manager-top em { background-position: -540px -420px; }

.submenu-story-top em { background-position: 0px -480px; }



/** Banner **/

