@charset "utf-8";
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,th,header,section,footer {
	border: 0;
	font-family:"微软雅黑";
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; 
	}
 
/* Basic Styling */
table 
{ 
border-collapse: collapse; 
border: none; 
width: 100%; 
} 
td 
{ 
border: solid #ccc 1px; 
} 
a, a:visited {
	color: #003893;
	text-decoration:none;
	-webkit-transition-property: color, left, right;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }
 
html { -webkit-font-smoothing: antialiased; }

div{ text-align:left;}
body, html {
	color: #666;
	font-family:"微软雅黑";
	font-size: 14px;
	line-height: 1.8;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-text-size-adjust: none; }
 
header, nav, section, aside, footer { display: block !important; }

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fl_left{ float:left;}
.fl_right{ float:right;}
.clear{clear:both;}
.stretch{ width:95%;}
.showmore{ float:right;}
.creatline{ border-bottom:1px dashed #CCC; clear:both; margin:5px 0;}
.newstime{ margin:5px 10px; color:#999; background:url(../images/clock.jpg) no-repeat left top; padding-left:25px;}
.newstime2{  color:#999; background:url(../images/clock.jpg) no-repeat left top; padding-left:25px;}
.maintitle{ margin:10px; }
.titlecn{font-size:16px;color:#003893; font-weight:bold; font-family:"微软雅黑";}
.titleen{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; margin-left:10px;}
.maintitle .titlespan{width:5px; background-color:#003893;display:inline-block; margin-right:10px; height:18px; line-height:18px;}
.newsmaintitle{line-height:1.5; padding:5px 10px; }
.newsmaintitle a{ color:#003893; text-decoration:none; font-size:14px; font-weight:700;font-family:"微软雅黑";}

.ProductZClass{padding:0 0 15px 0; background:url(../images/lines.png) repeat-x center bottom; text-align:right;}


input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #B7DAEF; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;  }
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}

#wrapper {
	margin: 0 auto;
    position: relative;
	width: 100%;
}

/*Typography*/
h1{font-family:"微软雅黑"; font-size:20px; color:#C00; line-height:25px;}
h2{font-family: "微软雅黑"; font-size:16px; color:#C00; }
p{ color:#4e4e4e; font-size:14px; line-height:2; padding:5px 0;}


/*Header*/
header{ width:100%; text-align:left;}
.topbox{height:50px;background-color:#02409F; background: -webkit-linear-gradient(bottom,#02409F,#0283D5); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom,#02409F,#0283D5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom,#02409F,#0283D5); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom,#02409F,#0283D5); /* 标准的语法（必须放在最后） */}
.mylogo{float:left; margin:6px 0 0 5px;}


.focus{ width:100%; height:150px;  margin:0 auto; position:relative; overflow:hidden; margin-top:1px;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;  height:150px; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.backhome{width:25px; height:22px; background:url(../images/nav_icons.png) no-repeat -370px -10px; float:right; margin-top:15px; margin-right:10px;}
.backhome a{width:25px; height:22px; display:block;}
.mysearch{width:25px; height:22px; background:url(../images/nav_icons.png) no-repeat -430px -10px; float:right; margin-top:15px; margin-right:10px;}
.mysearch a{width:25px; height:22px; display:block;}

/*底部导航按钮*/
footer{ position:relative; margin-top:60px;}
footer .copyright{ display:block; color:#9c9c9c; padding:10px 0px; clear:both; text-shadow: 1px 1px 0 #fff;}
footer ul.navigation{width:100%; height:50px; position:fixed; bottom:0px; z-index:2; background-color:#0283D5;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
footer ul.navigation > li{ list-style:none; text-align:center; float:left; position:relative; width:25%; line-height:20px;}
footer ul.navigation li:first-child{ margin-left:0px;}
footer ul.navigation li a{ display:block; color:#FFF; font-family:"微软雅黑"; font-size:14px;}
footer ul.navigation li.active a{}
footer ul.navigation li span.nav_icon{ display:block; width:30px; height:20px;  clear:both; background-image:url(../images/nav_icons.png); margin:auto; padding-bottom:2px; margin-top:5px;}
footer ul.navigation li span.about{background-position: -20px -10px}
footer ul.navigation li span.product{background-position: -100px -10px}
footer ul.navigation li span.case{background-position: -200px -10px}
footer ul.navigation li span.contact{background-position: -300px -10px}
/*Submenu*/
footer ul.navigation li.expanded #submenu{ display:block;}
#submenu{display:none; position:absolute; bottom:46px; left:0px; min-width:150px; width:100%; opacity:0.95; border:solid 1px #212121; padding-top:9px; -webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px; border-width:0px 0px 1px; z-index:11;}
#submenu li{ list-style:none; padding:4px 5px; margin:0px; text-align:left; border-top:solid 1px #262727; box-shadow: inset 0px 1px 0px #1a1a1a; background:#1f1f1f}
#submenu li:first-child{ border:none;}
#submenu li a{ line-height:100%; padding:10px; color:#727272; text-shadow: 1px 1px 0 #000000; height:auto; width:90%; display:block; background:none; font-weight:normal;}
#submenu li:active{ background:#101010;}
#submenu li:active a{ color:#fff;text-shadow: 1px 1px 0 #1f1f1f;}
/*子页面二级菜单*/
.topnav{ padding:10px;}
.topnav ul{ list-style:none; margin:0; padding:0;}
.topnav ul li{ display: inline-block; padding:5px 0;}
.topnav ul li a{ color:#FFF; text-decoration:none;padding:5px; background-color:#999; }
.topnav ul li a:hover{ color:#FFF; text-decoration:none;padding:5px; background-color:#C00; }
.topnav ul li.nav_selected a{ color:#FFF; text-decoration:none;padding:5px; background-color:#C00; }

.menunav{ display:block; margin-top:5px;}
.menunav ul{ list-style:none; margin:0 5px;}
@media screen and (min-width: 769px) {
.menunav ul li{ float:left; display:inline; width:200px;padding:0 10px;height:25px; background-color:#3D8CD3; margin-right:5px; text-align:center; line-height:25px; margin-bottom:5px;}
}

@media screen and (max-width: 768px) {
.menunav ul li{ float:left; display:inline; width:200px;height:25px; background-color:#3D8CD3; margin-right:5px; text-align:center; line-height:25px; margin-bottom:5px;}
}
@media screen and (max-width: 414px) {
.menunav ul li{ float:left; display:inline; width:196px;height:25px; background-color:#3D8CD3; margin-right:5px; text-align:center; line-height:25px; margin-bottom:5px;}
}
@media screen and (max-width: 375px) {/*iphone 6*/
.menunav ul li{ float:left; display:inline; width:176px;height:25px; background-color:#3D8CD3; margin-right:5px; text-align:center; line-height:25px; margin-bottom:5px;}
}
@media screen and (max-width: 360px) {
.menunav ul li{ float:left; display:inline; width:170px;height:25px; background-color:#3D8CD3; margin-right:5px; text-align:center; line-height:25px; margin-bottom:5px;}
}
@media screen and (max-width: 320px) {
.menunav ul li{ float:left; display:inline; width:auto; padding:0 8px;height:25px; background-color:#3D8CD3; margin-right:5px; text-align:center; line-height:25px; margin-bottom:5px;}
}

.menunav ul li a{ display:block; color:#FFF; font-weight:normal; font-size:14px;}
.menunav ul li.selected{ background-color:#C00;}

@media screen and (min-width: 769px) {
.cpnav ul li{width:200x;}
}
@media screen and (max-width: 768px) {
.cpnav ul li{width:200px;}
}
@media screen and (max-width: 414px) {/*iphone 6plus*/
.cpnav ul li{width:196px;}
}
@media screen and (max-width: 375px) {/*iphone 6*/
.cpnav ul li{width:176px;}
}
@media screen and (max-width: 360px) {
.cpnav ul li{width:170px;}
}
@media screen and (max-width: 320px) {
.cpnav ul li{width:130px;}
}


/*Section*/
section#main{ display:inline-block; padding-bottom:50px;}
.block_module{ background:#fff; margin-bottom:18px;}
.block_module h2{ padding:11px 12px;}
.paper_bh_white{}

.maincp ul{ margin:0 auto; padding:0; list-style:none;width:270px; margin-top:15px;}
.maincp ul li{width:130px; height:110px; background:url(../images/cptype.jpg) no-repeat; display:inline-block;}
.maincp ul li a{width:130px; height:110px; display:block;}

.content_container{ padding:12px 14px; display:block;}
.content_container p{ margin-top:10px;}
.content_container a, .page a{ text-decoration:underline;}

/*Button*/
a.btn{ display:inline-block; line-height:100%; text-decoration:none;}
a.grey_bt_sml{ padding:5px 7px; background:url(../images/btn_grey_sml.png) repeat-x; color:#fff; }
a.grey_bt_big{ padding:6px 14px 8px 34px; background:url(../images/btn_grey_big.png) repeat-x; font-size:15px; color:#fff;  position:relative;}
a.grey_bt_tel{ padding:6px 14px 8px 14px;background:url(../images/btn_grey_big.png) repeat-x;font-size:15px; color:#fff;  position:relative;}
span.app{ display:inline-block; background:url(../images/app.png) no-repeat center; width:20px; height:22px; position:absolute; left:7px; top:5px;}

@media (min-width: 320px) {
#mainservice{ padding:0 10px; margin:0 auto;width:300px;}
#mainservice ul{ list-style:none; margin:0; padding:0}
#mainservice ul li{ display:inline;width:120px; height:80px; text-align:center; margin:0 10px;}
}
@media (min-width: 768px) {
#mainservice{ padding:0 10px; margin:0 auto;width:748px;}
#mainservice ul{ list-style:none; margin:0; padding:0}
#mainservice ul li{ display:inline;width:120px; height:80px; text-align:center; margin:0 10px;}
}
/*Hiring*/
section#main .hiring{ position:relative; }
section#main .hiring span.tape_stick{ display:block; width:72px; height:20px; background:url(../images/tape.png) no-repeat center; margin:-11px auto 0px auto;}
section#main .hiring img{ float:left; margin-right:3px;}
section#main .hiring a.grey_bt_sml{ position:absolute; right:10px; top:10px;}

/*Slideshow*/
#slideshow{ background-color:#f1f1f1;position:relative;padding-bottom:7px; margin-bottom:38px;}
#slideshow ul li{ list-style:none;}
/*Accordion*/
#accordion_menu{}
#accordion_menu h5{ background:url(../images/ac_default.png) repeat-x; padding:13px; color:#717c87;text-shadow: 0px 1px 0 #fff; line-height:100%; border-top:solid 1px #e4e7e9;}
#accordion_menu h5 span.arrow{ height:16px; width:15px; background:url(../images/accordion_arw.png) no-repeat center top; display:inline-block; float:right; cursor:pointer;}
#accordion_menu .ac_content{ padding:8px 13px;}
#accordion_menu .ac_content ul, #accordion_menu .ac_content ol{ list-style-position:inside;}
#accordion_menu .ac_content li{ padding:3px 0px;}
#accordion_menu h5.ui-state-active{ background:url(../images/ac_active.png) repeat-x; color:#fff;text-shadow: 0px 1px 0 #28558f; border-top-color:#44B996;}
#accordion_menu h5.ui-state-active span.arrow{ background-position:center -20px;}

/*Page*/
.page{ padding:15px 10px; line-height:2;}
.page h1{ padding:5px 0px 10px; margin-bottom:10px; background:url(../images/lines.png) repeat-x center bottom;color:#003893; font-size:16px;font-family:"微软雅黑"; font-weight:bold;}
@media screen and (min-width: 769px) {
.page img{ max-width:700px; background:url(../images/loading.gif) no-repeat center;}
}

@media screen and (max-width: 768px) {
.page img{ max-width:450px;background:url(../images/loading.gif) no-repeat center;}
}
@media screen and (max-width: 414px) {
.page img{ max-width:380px;background:url(../images/loading.gif) no-repeat center;}	
}
@media screen and (max-width: 375px) {/*iphone 6*/
.page img{ max-width:340px;background:url(../images/loading.gif) no-repeat center;}	
}
@media screen and (max-width: 360px) {
.page img{ max-width:320px;background:url(../images/loading.gif) no-repeat center;}
}
@media screen and (max-width: 320px) {
.page img{ max-width:280px; background:url(../images/loading.gif) no-repeat center;}
}



/*Blog*/
.blog h1{ margin-bottom:0px;}
.blog h1 a{ text-decoration:none;}
.blog img{ background:#f4f4f4; padding:3px; border:solid 1px #dcdcdc; margin-bottom:10px; margin-right:10px; float:left;max-width:40%;}
.blog .post_date{color:#999999; font-size:11px; display:inline-block; padding-bottom:5px; background:url(../images/clock.jpg) no-repeat left top; padding-left:25px;}
.blog .post_info{ padding:6px 0px 14px; background:url(../images/lines.png) repeat-x center bottom; line-height:100%; font-size:11px; margin-bottom:11px; line-height:17px;}
.blog .post_info .posted_by { width:165px; display:inline-block;}
.blog .post_info .posted_by a{ font-weight:bold; text-decoration:none;}
.blog .post_info a.comments{ float:right; padding-left:25px; background:url(../images/comment.png) no-repeat left center; text-decoration:none;}
.blog a.like{ display:block; float:right; padding:1px 22px 1px 0px; background:url(../images/like.png) no-repeat right 1px; text-decoration:none; color:#828282;}
.tags{ border-top:solid 1px #d9d9d9; margin-top:12px; padding:10px 0px; font-size:11px; clear:both; display:inline-block; width:100%;}
.tags ul{ display:inline-block;}
.tags ul li{ list-style:none; line-height:100%; padding:4px 5px; background-color:#e2e2e2; margin-left:10px; float:left;}
.tags ul li:first-child{ margin-left:0px;}
.tags span{float:left; padding-right:10px;}
.tags ul li a{ color:#4e4e4e; text-decoration:none;text-shadow: 0px 1px 0 #fff;}


/*Contact*/
#contact{width:287px; display:inline-block;}
#contact li{ padding:13px 10px 13px 50px; border-top:solid 1px #ececec; list-style:none;}
#contact li.address{background:url(../images/location.png) no-repeat 10px 7px;}
#contact li.telephone{background:url(../images/telephone.png) no-repeat 10px 7px;}
#contact li.website{background:url(../images/website.png) no-repeat 10px 7px;}

/* Border Radius */
.block_module, .btn, .blog img, .tags ul li{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
/* Box Shadow */
.block_module{ display:inline-block; width:100%; }

/*图库*/
.imglist{ margin:0 auto; text-align:center;}
.imglist a{ text-decoration:none;}
.imglist ul{ list-style:none; margin:0; padding:0;}
.imglist ul li{}
.imglist ul li h3 a{ margin:10px 0; }

/*在线留言*/
#messagelist{ padding:10px;}
#messagelist .metlist{ margin-bottom:10px; border:1px solid #dedede; padding:5px;}
#messagelist .metlist dt{ border-bottom:1px dotted #dedede; padding:4px 0px 4px 5px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#c00; font-size:14px; font-weight:bold;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:2; padding:8px 20px; color:#999999;}
#messagelist .metlist dd.reinfo span.tt{ display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 10px; margin:0px 0px 5px;color:#CC0000; font-size:12px; font-weight:bold;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:2; padding:8px 20px; color:#FF6600;}
#messagelist .ctitle{border-bottom:1px solid #CC0000; margin:5px 0;}
#messagelist .ctitle span{ background-color:#CC0000;color:#FFFFFF;line-height:15px;font-size:12px; padding:2px 10px; }
#messagetable{ padding:10px;}
#messagetable table{ margin:0px auto; width:100%;}

#messagetable div{ margin:5px 0;}
#messagetable span{width:60px; display:inline-block;}

/*招聘模块*/
#joblist{ padding:15px 10px;}
#joblist li{ overflow:hidden; padding:15px 0; border-bottom:1px dotted #dbd4cd;}
#joblist li a{ font-size:14px; margin-right:5px;font-weight:bold;color:#666666;}
#joblist li p{ color:#aaa; line-height:25px; margin-top:10px; font-size:12px;}
#joblist li p a{ color:#CC0000; text-decoration:underline; font-size:12px; font-weight:normal;}
#joblist .jobtitle{font-size:14px;font-weight:bold;color:#666666;}
#joblist .time{ color:#999; background:url(../images/clock.jpg) no-repeat left top; padding-left:25px;}
#joblist .conts{ overflow:hidden;}
#joblist .joinnubp{ padding:10px 0px; font-size:14px;color:#666666;}
#joblist .joinnubp span{ color:#CC0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
#joblist .joinus a{ background-color:#CC0000;text-align:center; padding:2px 5px; color:#FFF; font-size:12px; text-decoration:none; margin-left:10px; font-weight:normal;}
#joblist .joinus a:hover{ background-color:#CC0000;text-align:center; padding:2px 5px;color:#FFF; font-size:12px; text-decoration:none;}

/*产品模块开始*/

#Show_Product{}
#Show_Product td{line-height:30px; padding:0 10px;table-layout:fixed;word-wrap:break-word;word-break:break-all;}




/*新闻列表模块开始*/
.newlist ul{ list-style:none;}
.newlist ul li{ display:block; line-height:30px;}
.newlist ul li a{ text-decoration:none;}
.Display_Content{ line-height:2;}
.Display_Content p{ text-indent:2em;}
.Display_Content img{ margin-left:-1em;}
.Display_back{ text-align:center; width:60px; height:25px; line-height:25px; background-color:#55B2ED; margin:10px auto; }
.Display_back a{ text-decoration:none; color:#FFF;}
.newstitle{ font-size:16px; line-height:1.5; font-family:"微软雅黑";}
/*新闻模块结束*/


.applytitle{ color:#C00; font-size:14px; font-weight:bold;}
.applyinput{}
/* 分页 */
/*分页样式开始*/
#pageclass {
	text-align:center;
	margin:20px 0px;
}
#pageclass a {
	font:12px;
	color:#FFF;
	width:60px;
	height:15px;
	background-color:#55B2ED;
	padding:8px 8px;
	text-decoration:none;
	}
#pageclass a:hover {
	text-decoration:none;
}


#pageclass span {
	margin:0 5px;
}
#pageclass .First_no {
	}
#pageclass .Previous_no {
	color:#FFF;
	width:60px;
	height:15px;
	background-color:#CCC;
	padding:8px 8px;
	
	}
	
#pageclass .Next_yes a {
	color:#FFF;
	}
	
#pageclass .Next_no {
	color:#FFF;
	width:60px;
	height:15px;
	background-color:#CCC;
	padding:8px 8px;
	
	}
	
#pageclass .PageNum {
	}
#pageclass .CurrentPage {
	}
/*分页样式结束*/


#navmenu ul{list-style:none}
#navmenu .leftnav {width: 100%; padding: 40px 28px 25px 0; font-family: "Microsoft yahei", Arial, Helvetica, sans-serif;} 
#navmenu ul.leftnav {padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none;} 
#navmenu ul.leftnav li { margin-bottom:2px;background-color:#3D8CD3; } 
#navmenu ul.leftnav li a {line-height: 10px; font-size: 14px; padding: 10px 5px; color: #FFF; display: block; text-decoration: none; font-weight: bolder;}
#navmenu ul.leftnav li a:hover {background-color:#61A1DC;  }
#navmenu ul.leftnav ul { margin: 0; padding: 0;display: none; } 
#navmenu ul.leftnav ul li { margin: 0; padding: 0; clear: both; background-color:#FFF;} 
#navmenu ul.leftnav ul li a { padding-left: 10px; font-size: 12px; font-weight: normal; color:#666;}
#navmenu ul.leftnav ul li a:hover {background-color:#61A1DC; color:#FFF;} 
#navmenu ul.leftnav ul ul li{margin: 0; padding: 0; clear: both; background-color:#FFF;}
#navmenu ul.leftnav ul ul li a { padding-left: 20px;color:#666;} 
#navmenu ul.leftnav ul ul li a:hover { background-color:#61A1DC; color:#FFF;} 
#navmenu ul.leftnav span{float:right;}

/*Seach*/
#search{ padding:7px 5px;display:none;}
#search fieldset{ position:relative;}
#search input{border:solid 1px #06C; font-size:14px; padding:4px 0px; color:#7b7b7b; float:left; border-radius:0px!important;}
#search input[type=text]{ width:100%; height:18px; border-right:none;  box-shadow: inset 1px 0 1px #fff; text-indent:8px;}
#search input[type=submit]{width:30px; height:28px; background:url(../images/nav_icons.png) no-repeat -425px -7px; text-indent:-300px; position:absolute; right:-1px; background-color:#06C;}
#search input[type=submit]:active{ background-position:center bottom;}