﻿@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,dl, dt, dd, ul, ol, li,
form, fieldset, legend, button, input, textarea, th, td,i,em {
    margin:0;
    padding:0;
}
/** 设置默认字体 **/
body,
button, input, select, textarea { 
  font:12px/1.5 "微软雅黑"; color:#433e32;
}

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
address,em,i{ font-style:normal;} /* 将斜体扶正 */
strong,b{ font-weight:normal}
.clearfix{*zoom:1;}  /*清除浮动*/
.clearfix:after{ content:"."; clear:both; visibility:hidden; height:0; display:block;line-height:0}
/** 重置列表元素 **/
ul, ol{ list-style:none;}
/** 重置文本格式元素 **/
a{text-decoration:none; color:#433e32; transtion:all .3s east-out;}
a:hover{ text-decoration:none; color:#0b92e4;}
a:focus,input,textarea{outline:none;}
/** 重置表单元素 **/
img{ vertical-align:top; border:0;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea{ font-size:100%; border:1px solid #d9d9d9;} /* 使得表单元素在 ie 下能继承字体大小 */
table{border-collapse:collapse;border-spacing:0;}
textarea,input{border:1px solid #c8c8c8;}
.fl{float:left;}
.fr{ float:right;}
.hide{ display:none}
.prve{ position:relative;}
.ffy{font-family:'微软雅黑'}
/** html5元素**/
article,aside,canvas,figure,figcaption,footer,header,hgroup,menu,nav,section,audio,video {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:baseline;
}
article,aside,details,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
body{ min-width:1100px; background:url(../images/headerbg.png) repeat-x;}
.page{ width:1100px; margin:0 auto;}
/*头部*/
#header{ height:203px;}
.head-top{ height:33px; line-height:33px; text-align:right}
.head-top>p>a{ margin:0 8px; color:#FFF;}
.head-cont{ height:118px;}
.head-logo{ margin:20px 0 0 2px; }
.head-tel{  margin-top:32px;}
.head-tel>span{ color:#0b92e4; font-size:22px; line-height:49px; font-weight:bold; font-style:italic; letter-spacing:1px;}
.head-nav{ height:52px;}

.head-nav li{ width:124px; height:42px; float:left; text-align:center; padding-top:10px; background:url(../images/navlibg2.png) no-repeat left 3px; position:relative; z-index:99}
.head-nav li span{ font-size:16px; line-height:16px; color:#fff; display:block; font-weight:600;}
.head-nav li i{ display:block; text-transform:uppercase; color:#164b6c; vertical-align:middle;}
.head-nav li:first-child{ width:108px; background:none;}
.head-nav li:hover,.head-nav li.ncors{ background:url(../images/navlibg.jpg) no-repeat center top;}
.head-nav dl{ position:absolute; z-index:99; top:50px; left:8px; background:#FFF; border:1px solid #CCc; display:none; padding-top:15px; }
.head-nav dl dd{ height:25px; line-height:1; width:220px; text-align:left; padding-left:10px;}
.head-nav dl dd a{ width:100%; height:100%; display:block;}
.head-nav li:hover dl{ display:block;}




#banear{ width:100%; height:388px; position:relative;}
#banear-ul li{ width:100%; position:absolute;height:388px;  top:0; left:0; z-index:10;filter:alpha(opacity=0); opacity:0; }
#banear-ul li:first-child{z-index:11;filter:alpha(opacity=100); opacity:100;}
#banear-ul  a{ display:inline-block; width:100%; height:388px;position:absolute; z-index:100px;}
#banernum{ position:absolute; z-index:20;left:50%; bottom:10px; width:80px; height:10px; }
#banernum li{ float:left; width:10px; height:10px; text-align:center; background:url(../images/banerbumbg1.png) no-repeat; margin-left:5px; text-indent:-9999px;}
#banernum li.bacor{background:url(../images/banerbumbg2.png) no-repeat;}
#main{ margin-top:7px; min-height:500px;}
.main-top{ height:27px; line-height:27px;}
.main-top h3{ width:101px; background:url(../images/mtopbg.jpg) no-repeat;text-align:center; color:#FFF; margin-right:20px;font-weight:600; text-shadow:1px 3px 3px rgba(0,0,0,.3)} 
.main-top a{ margin:0 10px;}
.main-cont{ border-top:1px solid #dadada; margin-top:39px; padding-top:19px;}
.m-sub{ width:168px; background:url(../images/m-subbg.png) no-repeat bottom; padding-bottom:9px;}
.m-sub h4{ width:154px; height:71px;border:1px solid #dbdee1;border-bottom:none; padding:15px 0 0 12px; background:#2494e3 linear-gradient(180deg,#4db4ff,#0078cb);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4db4ff', endColorstr='#0078cb');
background: -webkit-gradient(linear,center top,center bottom,from(#4db4ff), to(#0078cb)); color:#FFF; }
.m-sub h4 em{ font-size:25px; font-weight:600; text-shadow:1px 3px 3px rgba(0,0,0,.3)}
.m-sub h4 i{ font-size:16px; display:block; text-transform:uppercase; line-height:14px;}
.m-sub ul li{ height:26px; width:161px;border:1px solid #dbdee1; border-bottom:none; padding:10px 0 0 5px;background:#f4f4f4 linear-gradient(180deg,#ffffff,#e9e9e9);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e9e9e9');
background: -webkit-gradient(linear,center top,center bottom,from(#ffffff), to(#e9e9e9)); }
.m-sub ul li a{ display:block; width:161px; height:100%;color:#41413f;}
.m-pro{ width:640px; margin-left:19px;}
.m-title{ width:100%; height:32px; line-height:32px; border:1px solid #dfdfdf; }
.m-title span{ text-transform:uppercase; font-size:16px; color:#7b7b7b; }
.m-title span em{ margin-left:27px;}
.m-title span i{ width:25px; height:34px; line-height:34px; position:absolute; top:-1px;background:url(../images/mprotop.png) no-repeat top; text-align:center; display:inline-block; color:#FFF;}
.m-title strong{ font-family:'微软雅黑'; font-size:20px; color:#000; margin-left:10px; }
.mtitle-menu{ margin-right:10px;}
.m-rpo-cont{ width:652px; }
.m-rpo-cont  li{ width:153px; float:left; margin:4px 10px 11px 0;transition:all 1s ease-out;}
.m-rpo-cont  li a{display:block;}
.m-rpo-cont  li>a{ width:145px; height:139px;  overflow:hidden;border:4px solid #e9e9e9; }
.m-rpo-cont img{ width:145px; height:139px;transition:all 1s ease-out;}
.m-rpo-cont  li:hover{ transform:translateY(-4px)}
.m-rpo-cont  li:hover img{ transform:scale(1.2)}
.m-rpo-cont  li p{ border:1px solid #dbdee1; border-top:none; height:58px;background:#f4f4f4 linear-gradient(180deg,#ffffff,#e9e9e9);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e9e9e9');
background: -webkit-gradient(linear,center top,center bottom,from(#ffffff), to(#e9e9e9)); text-align:center; color:#41413f}
.m-rpo-cont  li p span{ display:inline-block; height:25px; line-height:25px;}
.m-rpo-cont  li p a{ background:url(../images/pro-menu.jpg) no-repeat; width:77px; height:22px; margin:0 auto; margin-top:5px; line-height:22px;color:#FFF}

.m-system,.m-news{ width:251px; margin-left:22px;}

.m-system li{ width:247px; height:55px; border:2px solid #efefee;background:#e4e4e5 linear-gradient(180deg,#e4e4e5,#ffffff);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#e4e4e5', endColorstr='#ffffff');
background: -webkit-gradient(linear,center top,center bottom,from(#e4e4e5), to(#ffffff)); border-radius:5px; margin-bottom:12px; cursor:pointer; }
.m-system li i{ display:inline-block; background:url(../images/s-img.png) no-repeat; height:39px;vertical-align: middle;}
.m-system li a{ font-family:'微软雅黑'; display:inline-block; color:#433e32; margin-top:5px; vertical-align: middle; font-size:16px; margin-left:5px;  }
.m-system li.s-li1 i{ width:36px; background-position:-39px 0; margin:9px 0 0 11px;}
.m-system li.s-li2 i{ width:39px;background-position:0 0;margin:9px 0 0 11px;}
.m-system li.s-li3 i{ width:33px; background-position:-75px 0;margin:9px 0 0 15px;}

.m-news{ width:249px; margin-top:17px;}
.m-news li{ vertical-align:middle; line-height:12px; margin-top:12px; background:url(../images/n_libg.png) no-repeat left; padding-left:10px;}

.mnews-ds{ height:38px; padding-top:6px; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; margin-top:12px;}
.mnews-ds a{height:32px; line-height:32px; display:inline-block; }
.ds1{ width:71px;padding-left:50px;  border-right:1px solid #9c958f; background:url(../images/d_1.png) no-repeat 10px;}
.ds2{ width:55px; padding-left:65px;background:url(../images/d_2.png) no-repeat 30px;}

.main-down{ margin-top:12px;}
.m-solution { width:827px;}
.msolu-cont{ width:830px;}
.msolu-cont li{ width:148px; text-align:center; float:left; margin:13px 0 0 22px;}
.msolu-cont li:first-child{ margin-left:1px;}
.msolu-cont li img{ width:145px; height:115px; margin-bottom:10px;}
.msolu-cont li  a{ font-size:12px; }
.m-case{ width:249px;}
#cleft,#cright{ width:16px; height:31px; margin-top:70px; cursor:pointer;}
#mcase-cont{ width:204px; margin:12px 6px 0; overflow:hidden;}
#mcase-cont li{ width:204px; float:left;}
#mcase-cont li img{ width:204px; height:148px;}
#cleft{ background:url(../images/cleft.jpg) no-repeat;}
#cright{ background:url(../images/cright.png) no-repeat;}

#footer{ background:url(../images/footbg.png) repeat-x; height:306px; margin-top:27px;color:#fff;}
.foot-top{ height:43px; }
#footer a{ color:#FFF;}
.foot-link{ height: 43px; margin-top:15px;}
.foot-link a{ margin:0 10px; color:#fff;}  
.foot-Share img,.foot-Share span{ vertical-align:middle; margin-top:15px;}
.foot-down{ height:233px; }
.foot-logo{ margin-top:34px}
.foot-wei{ margin:25px 0 0 78px;}
.foot-tel{ width:232px; height:70px; margin:34px 0 0 15px; border-right:1px solid #fff}
.foot-tel-phone{ font:35px 'Times New Roman'; line-height:35px; font-weight:bold; letter-spacing:-1px;}
.foot-tel-date{ font:18px 'Arial';}
.foot-cont{ width:440px;margin-top:20px; padding-top:10px;}
.foot-cont  a{ color:#fff; margin:0 6px;}
.foot-cont  a:first-child{ margin-left:0}


/*内页*/
.avg{ height:244px; margin-bottom:35px;}
#aside{ width:174px;}
#aside h2{ height:30px; font-family:'微软雅黑'; font-size:14px; line-height:30px; padding-left:30px; color:#FFF; background:#0084e0 url(../images/side-topbg.png) no-repeat 13px;}
.aside-left{ margin-top:6px;}
.aside-left li { background:url(../images/sidelibg.png) no-repeat 13px 8px;}
.aside-left li>a{ display:block; line-height:1.1; padding-top:5px; padding-bottom:5px;padding-left:29px;   background:url(../images/slidlibg2.png) no-repeat bottom;}
.aside-left li:hover>a,.aside-left li.scors>a,.aside-left li dd:hover a,.aside-left li dd.dcors a{ color:#0084e0 }
.aside-left li:hover>a i,.aside-left li.scors>a i{  display:block; background:#e4e4e5 linear-gradient(30deg,#ffffff,#f2f2f2);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#ffffff', endColorstr='#f2f2f2');
background: -webkit-gradient(linear,center left,center right,from(#ffffff), to(#f2f2f2));}
.aside-left li dl{ }
.aside-left li dd{ line-height:12px; padding-left:40px; margin-top:12px;  vertical-align:middle;}
.aside-left li dd:hover,.aside-left li dd.dcors{background:url(../images/silde-ddbg.png) no-repeat 28px 3px;}
.aside-down { margin-top:8px;}
.aside-down a{ width:100%; height:56px; display:block; background:#e4e4e5 linear-gradient(180deg,#ffffff,#e8e9eb);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e8e9eb');
background: -webkit-gradient(linear,center top,center bottom,from(#ffffff), to(#e8e9eb));}
.aside-down a i,.aside-down a em{display:inline-block; vertical-align:middle; }
.aside-down a i{ margin:21px 0 0 17px;}
.aside-down a em{margin:25px 0 0 20px;}
.aside-d1{ width:32px; height:25px; background:url(../images/silder-tel.png) no-repeat;}
.aside-d2{ width:35px; height:27px; background:url(../images/silder-user.png) no-repeat;}
#article{ width:900px;}
.arcle-top{ text-align:right; margin-bottom:5px;}
.arcle-top i{ color:#0b92e4}
.arcle-title{ background:url(../images/mtis1.png) repeat-x center; height:14px;}
.arcle-title span{ display:inline-block; padding:0 6px 0 15px; height:14px; font-size:18px; color:#0b92e4; vertical-align:top; line-height:18px;background: #fff url(../images/mtis.png) no-repeat left; margin-left:25px;}
.arcle-title em{ background:url(../images/mtis.png) no-repeat left; display:inline-block; width:9px; height:14px;vertical-align:top;}

.pro-dl{ height:167px; padding:20px 0; border-bottom:1px dashed #c1c1c1; margin-left:10px;}
.pro-dl dt{ border:1px solid #e6e6e6; border-radius:2px; width:214px; height:158px;}
.pro-dl dt img{ width:100%; height:100%;}
.pro-dl dd{ width:645px; margin-left:20px;}
.pro-dd-title{ font-size:14px; color:#0084e0; height:40px; line-height:40px;}
.pro-dd-cont{ height:100px; font-size:14px; color:#433e32; line-height:25px;}
.pro-dd-menu{ float:right; color:#f4a600;}

.arcle-cont{ padding:20px 10px;line-height:25px;}
.ac-p1,.ac-p2{ text-indent:2em; margin-top:10px; }
.ac-p3{ margin-top:20px;}
.arcle-cont strong,.arcle-cont  b{ font-weight:bold;}

.paging{ width:285px; margin:25px auto; }
.paging{ width:285px; margin:25px auto; }
.paging a{ display:inline-block; border:1px solid #e5e5e5; margin:0 3px; padding:3px; color:#999;}

.news-cont{  margin-top:20px;}
.news-cont li{ height:47px; border-bottom:1px  dashed #d2d2d2; line-height:47px; background:url(../images/newsli.gif) no-repeat left;
 padding-left:20px;}
 .news-cont li i{ color:#CCC}
 
 .case-ul{ width:800px;}
.case-ul li{ float:left; width:175px; height:223px;  text-align:center; margin:15px 13px 10px  0;}
.case-ul li img{ display:block; margin-bottom:5px; width:175px; height:160px;}


