﻿@charset "utf-8";
@import "indexreset.css";
div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6,font{ font-family:"Microsoft YaHei","微软雅黑","Tahoma",Arial,sans-serif; padding:0; margin:0;}
em, i, del { font-weight:normal; font-style:normal;}
body{ background:#fff; font-family:"Microsoft YaHei","微软雅黑","Tahoma",Arial,sans-serif; padding:0;margin:0; height:100%;}
img { border:0;}

ol, ul { list-style:none;}
a{color:#666;}
a:hover{color:#fb5056;}
.hidden{ display:none;}
.clear{zoom:1;}
/*public*/
.container { width: 1024px; margin: 0 auto;}
.out {
  font-size: 0px;/* 布局核心样式 */
  letter-spacing: -8px; /* 兼容苹果浏览器、负值对其他浏览器无效 */
}

.in {
  display: inline-block; /* 布局核心样式 */
  vertical-align: top; /* 常见情形的辅助代码 (所有盒子顶部对齐*/
  letter-spacing: normal;
}

.in {
  *display: inline; /* 兼容ie6,7 */
}
.H10 { height:10px; }
.H20 { height:20px; }

/*header*/
#header {height: 92px;}
#header .logo {padding-top: 12px; width:140px; float:left;}
#header .logo a {display: block; }
#header .header-info{ width:160px; float:right; }
#header .tools { padding-top: 10px; height: 32px; line-height: 32px; font-size: 12px; color: #666; text-align: right; }
#header .tools a { font-size: 12px;color: #1c62b0;  padding-left: 36px; background: url(../images/icon01.png) no-repeat 18px 4px;}
#header .tools a.en {color: #666; background-position: 18px -10px; }

.header-info .tel{ margin-top:13px;}
.header-info .tel span{color: #fb5056; font-size:16px; font-weight:bold;}
#header .search { margin-top:3px;}
#header .search p {position: relative; height: 29px; line-height:29px; }
#header .search p label {position: absolute; top:0; left:0; z-index: 1; padding-left: 5px; font-size: 12px; color: #c7c7c7;}
#header .search p input { position: relative; z-index: 10; float: left; border: 1px solid #e2e2e2; height: 21px; width: 102px; padding: 3px; font-size: 12px; line-height: 21px; background: none; outline: none; outline-color: none;}
#header .search p .search_btn {float: left; width: 43px; height: 29px; border: 1px solid #626471; line-height: 29px; background: #626471 url(../images/icon02.png) no-repeat center center;outline: none;}

/*menu*/
.menu{ height:55px; line-height:55px; padding-left:16px; margin-top:20px;}
.menu ul li.menu-f{ margin:0 16px;line-height:75px; position:relative; float:left; font-size:14px;}
.menu ul li a{ display:block;}
.menu ul li a.on{color:#fb5056;}
.menu .menuson{ position:absolute; top:72px; display:none; z-index:9999; }
.menu .menuson .menuson-bit{ position:absolute; width:134px; height:5px; left:4px; top:0px; background:url(../images/innermenu_bg06.jpg) no-repeat; overflow:hidden;}
.menu .menuson-one{ width:142px;}
.menu .menuson-one .menuson-one-bot{ width:142px; height:18px; background:url(../images/menu_bg03.png) no-repeat; overflow:hidden;}
.menu .menuson-one ul{ padding:18px 4px 0; background:url(../images/menu_bg04.png) repeat-y;}
.menu .menuson-one ul li{ width:100%; margin:0; line-height:36px;}
.menu .menuson-one ul li a{ font-size:12px; padding-left:16px;line-height:36px; background:url(../images/menu_bg01.jpg) no-repeat 0 -36px;}
.menu .menuson-one ul li a:hover,.menu .menuson-one ul li a.hover{ background-position:0 1px; color:#fff;}
.menu .menuson-two{ position:absolute; left:134px; top:0; width:181px; display:none;}
.menu .menuson-top{width:173px; height:5px; background:url(../images/menu_bg09.png) repeat-x; position:absolute; left:4px; top:0; overflow:hidden}
.menu .menuson-two .menuson-two-bot{ width:181px; height:18px; background:url(../images/menu_bg08.png) no-repeat; overflow:hidden;}
.menu .menuson-two ul{padding:22px 4px 0;background:url(../images/menu_bg07.png) repeat-y;min-height:220px;}
.menu .menuson-two ul li{width:100%; margin:0; line-height:28px;}
.menu .menuson-two ul li a{ font-size:12px; padding-left:16px;line-height:28px; background:url(../images/menu_bg02.gif) no-repeat right -16px;}
.menu .menuson-two ul li a:hover,.menu .menuson-two ul li a.hover{ background-position:right 12px; background-color: #fcbdbf;}

/* footer-intro */
.footer-intro { padding-top: 12px; padding-bottom: 21px; border-top: 6px solid #ededed; background: #4a4a4a;}
.footer-intro h2 { line-height: 36px; font-size: 16px; color: #fff;}
.footer-intro .about-in { width: 260px;}
.footer-intro .about-in ul {}
.footer-intro .about-in ul li {width: 130px;}
.footer-intro .about-in ul li a {display: block; font-size: 12px; line-height: 26px; color: #fff;}
.footer-intro .content-in {margin-left: 80px;}
.footer-intro .content-in .content { font-size: 12px; color: #fff; line-height: 26px; }
.footer-intro .content-in .content p{ color: #fff;}

#footer { padding: 8px 0; height: 48px; background: #1b1b1b; color: #555555; text-align: center; line-height: 24px;}
#footer a { padding: 0 2px; color: #555555;}
#footer a:hover { color: #555555;}

/* page-class */
.page-class { padding: 10px 0; text-align: center;}
.page-class li { margin: 0 4px; width: 22px; height: 20px;}
.page-class li a { display: block;  border: 1px solid #b7bfc6; color: #888; text-align: center; line-height: 18px; font-size: 12px;}
.page-class li a:hover {color: #fff; border-color:  #b8181e; background: #b8181e;}
.page-class li.curr a { color: #fff; border-color:  #b8181e; background: #b8181e;}
.page-class li.first { width: 40px; }
.page-class li.secend { width: 52px; }


/* 内页 */
.pagebody{ background: #eeeeee;}
.pageMain { width:1000px; margin:auto; min-height:200px; }
.page-loct { padding:21px 0 28px; font-size:22px; color:#333; font-weight:bold }

.page-banner {width: 100%; height:165px; margin: 0 auto;  overflow:hidden;}
.page-banner ul {width:100%; height:200px;  }
.page-banner li { display:block; width:100%; height:100%;  }

/* about.asp */
.about-title { }
.about-title ul {   }
.about-title li { display:inline-block;  width:108px; height:54px; cursor:pointer; text-align:center; position:relative; margin-right:3.5px; margin-bottom:5px;}
.about-title li:last-child {  margin-right:0px;}
.about-title li span { height:8px; display:block ; width:16px;position:absolute; bottom:-8px; left:47px;}
.about-title li a{ color: #9d1f5f; display:block; height:49px; line-height:49px;color:#666666; background:#ffffff;font-size:14px;}
.about-title li em{ color: #9d1f5f; display:block; height:49px; line-height:49px;color:#666666; background:#ffffff;font-size:14px;}
.about-title li.current a {position: relative; top:-5px; background: #fb5056; color: #fff;}
.about-title li.current em {position: relative; top:-5px; background: #fb5056; color: #fff;}

.about-content {padding:34px 28px;  min-height:100px; text-align:left; background:#fff;  text-indent:24px;line-height:2; font-size:14px;color: #464646;
line-height:30px;}

/* contact-content */
.contact-content {padding: 31px; background: #fff;}
.contact-content h1 {padding-bottom: 30px;border-bottom: 1px dashed #d3d3d3; text-align: center; font-size: 24px; font-weight: bold; color: #666;}

/* contact-list */
.contact-list {}
.contact-list dd {position: relative; margin-bottom: 30px; padding-bottom: 30px;border-bottom: 1px dashed #adadad; padding-left:447px; height: 250px;}
.contact-list dd img {position: absolute; top:0; left:0; border:1px solid #e6e6e6; width:415px; height: 246px;}
.contact-list dd span { display:inline-block; padding:0 20px; margin-bottom: 10px; height: 28px; line-height: 28px; font-size: 16px; text-align: center; color: #fff; font-weight: bold; background: #1c62b0;}
.contact-list dd h2 {margin-bottom: 10px; font-size: 16px; line-height: 24px;font-weight: bold;}
.contact-list dd h3 {margin-bottom: 10px; color: #999;line-height: 24px;}
.contact-list dd p {line-height: 32px; color: #666; font-size: 14px;color:#666666;}
.contact-list dd p i {display: inline-block; margin-right: 5px; vertical-align: middle; width: 3px; height: 3px; overflow: hidden; background: #666;}
.contact-list dd p i {*display: inline;}
.contact-list dd.last-child {border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}

/* news-content */
.news-content {padding: 31px; background: #fff;}
.news-list {border-top: 1px solid #eee; margin-bottom: 10px;}
.news-list li {position: relative; padding-top: 10px;border-bottom: 1px solid #eee;}
.news-list li a {display: block; line-height: 32px; color: #666;}
.news-list li i {display: inline-block;margin-right: 6px; width: 0;height: 0; overflow: hidden; border-width: 4px; border-style: solid; border-color: #fff #fff #fff #9c9c9c;}
.news-list li i {*display: inline;}
.news-list li span {position: absolute; top:10px; right: 0; line-height: 32px; color: #666;}
.news-list li a:hover {color: #fb5056;}
.news-list li a:hover i {border-left-color:#fb5056;}

/* news-detail-title */
.news-detail-title {border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; color: #333;  text-align: center;}
.news-detail-title h1 {margin-bottom: 15px; font-size: 20px; font-weight: bold;}
.news-detail-title p {font-weight: bold; line-height: 2em;}

/* news-detail-content */
.news-detail-content {font-size: 14px;text-indent: 24px;padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; line-height:30px; color:#464646;font-family: Arial, Verdana, Tahoma;}
.news-detail-content .lh2em {line-height: 2em;}
.news-detail-content .ti2em {text-indent: 2em;}
.news-detail-content .fb {font-weight: bold;}
.news-detail-content .f14 {font-size: 14px;}
/* news-detail-bottom */
.news-detail-bottom {position: relative;}
.news-detail-bottom p {line-height: 52px;color: #666;}
.news-detail-bottom p a {color: #666;}
.news-detail-bottom .back {position: absolute; top:0; right: 0; line-height: 52px; color: #999; padding-left: 20px; background: url(../images/icon09.png) no-repeat left center;}


/*productlist*/
ul#navmenu { margin-bottom:10px;} 
ul#navmenu li {  float: left;display: inline; position: relative; height: 35px;text-align:center; margin-right:5px;} 
ul#navmenu > li{ margin-bottom:10px;}
ul#navmenu ul { width: 139px; display: none; position: absolute; top: 35px; left: 0; z-index:999; } 
ul#navmenu ul li {display: block !important; display: inline;} 
ul#navmenu a {border: 1px solid #FFF;  border-bottom-color: #CCC;   height:35px; line-height:35px;
width: 139px; padding:0 10px;
display: block; 
background: #fff; 
height: auto !important; 
height: 1%;
overflow:hidden;
} 

ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
background: #fb5056; 
color: #FFF; 
} 

ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
background: #EEE; 
color: #666; 
} 

ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background: #CCC; 
color: #FFF; 
} 

ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 

ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
background: #CCC; 
color: #FFF; 
} 

ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 

ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #CCC; 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 158px; 
} 

ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
}

.solutions-content {padding-top:34px; padding-bottom:15px;  min-height:100px; text-align:left; background:#fff; }
.left-solutions-title {  width:178px; float:left }
.left-solutions-title li { width:166px; height:22px; cursor:pointer; text-align:left; margin-bottom:10px;  line-height:22px;  padding-left:11px; padding-right:10px; overflow:hidden; }
.left-solutions-title li.current {background: url(../images/xtb002.png) no-repeat; color:#fff; }
.left-solutions-title li.current a { color:#fff; }
.left-solutions-content {width:795px;text-align:left; background:#fff; float:right; padding-right:10px;}

/* hr-table */
.hr-content {padding: 31px; background: #fff;}
.hr-table {width: 100%; margin-bottom: 15px;}
.hr-table th {font-size: 14px; color: #333; line-height: 36px; background: #f0f0f1;text-align:center;}
.hr-table td {padding-top: 5px; padding-bottom:5px; line-height: 102px; color: #666; border-bottom: 1px dashed #adadad; text-align: center;}
.hr-table td .details {display: inline-block; margin-top: -5px; width: 84px; height: 25px; line-height: 25px; color: #fff; font-size: 14px; color: #fff; background: #fb5056;}
.hr-table td .details {*display: inline;}

/* hr-detail */
.hr-detail {}
.hr-detail .title {background: #f0f0f1;}
.hr-detail .title h2 {text-indent: 15px; font-size: 16px; line-height: 40px; font-weight: bold; color: #1c62b0;}
.hr-detail .content {padding: 10px 15px;line-height: 2em; color: #333;}
.hr-detail .content .h3 {font-weight: bold; color: #1c62b0;}

.solutions-img { padding-right:20px; margin-bottom: 30px; }
.solutions-img dt{ float:left; width:374px; height:auto; border:#e3e3e3 solid 3px; text-align:center }/*height:301px;*/
.solutions-img dt img {width:322px; height:auto; margin-top:16px; }/*height:256px*/
.solutions-img dd{ float:right; width:358px; height:307px; }
.solutions-img dd p.title { font-size:24px; color:#333; font-weight:bold; line-height:40px; border-bottom:#e3e3e3 solid 2px}
.solutions-img dd p.text { color:#666666; line-height:24px; padding:10px 0; text-indent:24px; height:195px;}
.solutions-img dd p.bottom span{ display: inline-block; cursor: pointer; margin-right: 20px; font-weight:bold; vertical-align: top;  background:#fb5056; color:#fff; text-align:center;  line-height:35px; width:107px; }
.solutions-img dd p.bottom span{ *display: inline;}
.solutions-img dd p.bottom em { display: inline-block;margin-right: 5px; margin-top: 2px; width: 30px; height: 30px; vertical-align: top; background: url(../images/xtb013.png) no-repeat; }
.solutions-img dd p.bottom em { *display: inline;}
.solutions-img dd p.bottom i {font-size: 14px; line-height: 35px; font-weight: bold;color: #fb5056;}

.solutions-list li{ width:245px; height:217px; float:left; margin-right:33px; }
.solutions-list li span { display:block; background: url(../images/img003.png) no-repeat;width:245px; height:166px; text-align:center; }
.solutions-list li span img { display:inline-block;  width:169px; height:135px; margin-top:10px; }
.solutions-list li p { font-size:16px; text-align:center; line-height:20px; font-weight:bold}
.solutions-list li p a {color:#666 ;  }
.solutions-list li p a:hover { color:#0f4b8f }


/* authentication-content */
.authentication-content {padding: 31px; background: #fff;}
.authentication-content h1 {padding-bottom: 30px;border-bottom: 1px dashed #d3d3d3; text-align: center; font-size: 24px; font-weight: bold; color: #666; margin-bottom:20px;}

.authentication-content1 {padding: 31px; background: #fff; padding-top:0px;}
.authentication-content1 h1 { height:70px; line-height:70px; border-bottom: 1px dashed #d3d3d3; text-align: center; font-size: 24px; font-weight: bold; color: #666; margin-bottom:20px;}
.authentication-content1 .more{ }
.authentication-content1 .more{color:#fff; font-size:14px; font-weight:normal; padding-left:10px; height:61px; line-height:61px; letter-spacing:1px; background:url("../images/resize_png_new.png") no-repeat; width:104px; display:inline-block; margin-left:20px; text-align:left;}
.authentication-content1 .more:hover{ background:url("../images/resize_png_new1.png") no-repeat;}


/* solutions-info */
.solutions-info {}
.solutions-info .title {border-bottom: 1px solid #fb5056; height: 35px;}
.solutions-info .title li {display: inline-block; padding: 3px 1px 0; width: 82px; height: 32px; text-align: center; line-height: 32px;}
.solutions-info .title li {*display: inline;}
.solutions-info .title li em {display: block;font-size: 14px; background: #fff; cursor: pointer;}
.solutions-info .title li.current { color: #fb5056; background: #fb5056;}
.solutions-info .title li.current em {position: relative;border-bottom: 1px solid #fff;}
.solutions-info .content {padding: 20px 5px; min-height: 200px;}
.solutions-info .dl {line-height: 24px;}
.solutions-info .dl dt {font-size: 14px; color: #1c62b0; }
.solutions-info .dl dd {padding-left: 15px; color: #666; margin-bottom: 14px; }
