@charset "utf-8";
/* CSS Document */
/*head*/
#topNavWrapper {width: 100%;height: 70px;margin: 0px auto;z-index:100;_position: relative;_top:0px; }
#topNav {width:100%;display: block;z-index: 100;overflow: visible;position: fixed;top: 0px; 
_position: absolute; _top:expression(documentElement.scrollTop + "px");	background:#FFF;height:70px;  border-bottom:solid 1px #EEEEEE;-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }

.sub_navWrapper {background:#464545 }
.sub_navWrap {height:50px;}

.conNavWrapper {width: 100%;height: 50px;margin: 0px auto;z-index:100;_position: relative;_top:70px; }
.connav{width:100%;z-index: 100;overflow: visible;position: fixed;top: 70px; 
_position: absolute; _top:expression(documentElement.scrollTop + "px");height:50px;background:#464545 }

#conNavWrapperb{width: 100%;height: 50px;margin: 0px auto;z-index:100;_position: relative;_bottom:0px; }
#connavb{width:100%;z-index: 100;overflow: visible;position: fixed;bottom: 0px; 
_position: absolute; _top:expression(documentElement.scrollTop + "px");height: 50px; color:#FFF;	background:#000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;    opacity: 0.7; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);}
		
.head { width:1000px; height:70px;margin:0 auto; z-index:9999;font-family:"微软雅黑";  }
.head .logo { width:300px;}
.head .logo  img { margin-top:10px;}
.head .head_r { width:190px;}
.head .head_r a { display:inline-block; width:80px; margin:0 5px; font-size:15px; line-height:28px; text-align:center; margin-top:25px;}
.head .head_r a#tjxq{ display:block; float:left; border:solid 1px #dbdbdb; background:#FFF;color:#666 }
.head .head_r a#tjxq:hover{ border:solid 1px #DE2D01; background:#DE2D01;color:#FFF;font-weight:bold;  }
.head .head_r #lkzx a{border:solid 1px #FFF; background:#DE2D01; color:#FFF }
.head .head_r #lkzx a:hover { font-weight:bold}

head .head_r#doyoo_panel { border:solid 1px #FFF; background:#DE2D01; color:#FFF;width:80px; margin:0 5px; font-size:15px; line-height:28px; text-align:center; margin-top:25px; }

.head .daohang { width:490px; height:60px; margin-top:10px; }
#nav { width:490px; margin:0 auto;display:block;font-size:14px; z-index:9999}
#nav .mainlevel { display:block; float:left}
#nav .mainlevel a {display:block; width:50px; text-align:center;line-height:60px; text-decoration:none; color:#4f4f4f;text-align:center; margin:0 10px; }
#nav .mainlevel a.current {background:url(../images/bar.jpg)  bottom  repeat-x ; color:#DE2D01}
.topBar{width:50px;height:10px;background:url(../images/bar.jpg) bottom repeat-x; position:absolute;top:60px;_top:50px;z-index:-1;}
/*.sy { left:310px;}
.service { left:380px;}
.sols { left:450px;}
.cases { left:520px;}
.newss { left:590px;}
.wiki { left:660px;}
.about { left:730px;}*/
.sy { left:310px;}
.webs { left:380px;}
.sems { left:450px;}
.oms { left:520px;}
.sols { left:590px;}
.cases { left:660px;}
.about { left:730px;}
.rel{position: relative;}
/*web_sub*/
.sub { /*position:relative; z-index:9999*/ }
.sub  .sub_left { width:200px;}
.sub  .sub_dh ul { margin:0;  }
.sub  .sub_dh ul  li { display:block; float:left;}
.sub  .sub_dh ul  li a { font-family:"微软雅黑"; font-size:15px; display:inline-block;width:120px; text-align:center; line-height:50px;  color:#FFF}
.sub  .sub_dh.sub_dh-case ul  li a { width:100px}
.sub  .web_sub_dh ul  li a { width:150px;  }
.sub  .sub_dh ul  li.on a {color:#FFF; background:#6a6968}
.sub  .sub_dh ul  li a:hover { color:#FFF; background:#6a6968}
/*banner*/
.banner_sol { background:url(../images/banner_about.jpg)  center no-repeat #f2ac3a; height:320px; }
.banner_case { background:url(../images/banner_about.jpg)  center no-repeat #f2ac3a; height:320px; }
.banner_news { background:url(../images/banner_about.jpg)  center no-repeat #f2ac3a; height:320px; }
.banner_wiki { background:url(../images/banner_about.jpg)  center no-repeat #f2ac3a; height:320px; }
.banner_about { background:url(../images/banner_about.jpg)  center no-repeat #f2ac3a; height:320px; }
/*bottom*/
#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; WIDTH: 58px; BOTTOM: 40px; HEIGHT: 58px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 10px; _position: absolute; _right: auto}
/*foot*/
.foot { width:100%; background:#272D32; color:#9a9a9a; padding:30px 0 0;font-family: "微软雅黑";  }
.foot h1 {font-family:Lucida Bright; font-size:26px;  line-height:65px; color:#CCC}
.foot h1 a {font-family:Lucida Bright; color:#CCC;}
.foot p { font-size:14px; line-height:25px;}
.foot .foot_l { width:560px; }
.foot .foot_r { width:400px; }
.foot .foot_r .foot_icon { float:left; text-align:center; width:110px;}
.foot .foot_r .foot_icon  img { width:60px; height:60px;padding:3px; background:#FFF;}
.foot .foot_r .foot_icon p { line-height:28px;}
.foot p#tel { padding-left:30px; background:url(../images/tel.png) left  no-repeat; } 
.foot p#email {padding-left:30px; background:url(../images/email.png) left  no-repeat; } 
.foot p#add {padding-left:30px; background:url(../images/add.png) left  no-repeat; } 
.foot #foot_b { margin-top:40px; padding:40px 0; border-top:solid 1px #9a9a9a}
.foot #foot_b p { font-size:14px; line-height:25px;}
.foot #foot_b .foot_b_l { width:500px; margin-top:15px; }
.foot #foot_b .foot_b_r { width:480px; }
.foot #foot_b  .foot_icon { float:left; text-align: center; width:160px; margin-left:60px;}
.foot #foot_b  .foot_icon  img { width:120px; height:120px;padding:3px; background:#FFF; margin:0 auto}
.foot #foot_b  .foot_icon p { font-size:12px;line-height:24px;}
.youlian a { display:inline-block; margin-right:5px; color:#c2c2c2; }
.youlian a:hover { text-decoration:underline}

/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border: solid 1px #ad0023}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }