/*@charset "gb2312";*/
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
* {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {
text-align:justify;
text-justify:distribute-all-lines;/*ie6-8*/
text-align-last:justify;/* ie9*/
-moz-text-align-last:justify;/*ff*/
-webkit-text-align-last:justify;/*chrome 20+*/
}
.toe{
/*超出省略号*/
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
.justify:after{
content:".";
display: inline-block;
width:100%;
overflow:hidden;
height:0;
}
}
/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
position:fixed;
clip:rect(0 100% 100% 0);
_position:absolute;
/* 底部 */
bottom:0px;
left:0px;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
/* 左侧 */
/*left:0px;*/
/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
/*png图片ie6下透明滤镜实现写法*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}
/**
+------------------------------------------------------------------------------
* FCK 兼容解决方案
+------------------------------------------------------------------------------
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}
/**
+------------------------------------------------------------------------------
* 表单样式
+------------------------------------------------------------------------------
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
/**
+------------------------------------------------------------------------------
* 网站整体颜色总汇
+------------------------------------------------------------------------------
* @codex 颜色:使用颜色的名称或者16进制代码,如
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
.ff8600,ff86aa a{ color:#ff8600;}
/**
+------------------------------------------------------------------------------
* 网站整字体大小
+------------------------------------------------------------------------------
* @codex 字体大小,直接使用"font+字体大小"作为名称,如
* @package ORG
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face { font-family: danley; src: url('../font/danley.ttf'); } .danley { font-family: danley; } */
/**
+------------------------------------------------------------------------------
* 网站整布局命名规范
+------------------------------------------------------------------------------
* @codex id和class命名采用该版块的英文单词或组合命名 如:newRelease
* @package ORG
* @subpackage RBAC
+------------------------------------------------------------------------------
*/
a{ color:#333; transition: all 0.3s ease-in-out 0s;}
a:hover{ color:#0052A8;}
body{font-family: "Microsoft YaHei",sans-serif; background:#fff;}
.css3{
/*transition: all 0.3s ease-in-out 0s;*/
-webkit-transform:translate3d(0, -20px, 0);
-ms-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
-webkit-transition-property:opacity, -webkit-transform;
transition-property:opacity, transform;
-webkit-transition-duration:1000ms;
transition-duration:1000ms;
-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
-webkit-transition-delay:800ms;
transition-delay:800ms
}
.css3.animated{
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
@media screen and (max-width: 650px) {
}
@media screen and (max-width: 480px) {
}
.wrapper{
width:1016px; margin:0 auto;
}
.home-hero{
position:relative;
}
.hslide{
position:relative; overflow:hidden;
}
.header{
height:92px; background:#F8F8F8; border-bottom:7px solid #0052a8;
}
.header .wrapper{ position:relative;}
.header .lan{ position:absolute; top:0; right:0;}
.header .lan ul li{ float:left; padding-left:26px; margin-left:12px; line-height:24px;}
.header .lan ul li.i1{ background:url(../images/img1.png) no-repeat left center;padding-left:22px;}
.header .lan ul li.i2{ background:url(../images/img2.png) no-repeat left center;}
.header .lan ul li.i3{ background:url(../images/img3.png) no-repeat left center;}
.header .lan ul li.selected a{ color:#fd741a;}
.header .logo{ float:left; text-align:center; margin-top:15px;}
.header .logo a{ }
.naver{ float:right; margin-top:44px;}
.naver ul{ margin-right:-12px;
}
.naver li{float:left; display:inline;height:48px; line-height:48px;position:relative;}
.naver li a{font-size:15px; font-weight:normal !important; padding:0 12px;height:48px; line-height:48px; display:inline-block; text-align:left; position:relative; top:0; color:#010101;background:url(../images/img4.png) no-repeat center 100px;}
.naver li a:hover,
.naver li a.selected{ color:#0052A8;text-decoration:none; background:url(../images/img4.png) no-repeat center bottom;
}
.main-title{ text-align:center; padding:30px 0; color:#666464;}
.main-title h2{ border-bottom:1px solid #DDDDDD; color:#fd741a; font-weight:bold; text-transform:uppercase; height:20px; margin-bottom:14px;}
.main-title h2 strong{ display:inline-block; *display:inline; zoom:1; font-size:24px; margin-bottom:-10px; background:#fff; padding:0 15px;}
.main-title h2 a{color:#fd741a;}
.main-title h2 em{ font-family:Tahoma, Geneva, sans-serif; font-style:italic; padding-left:15px; font-size:18px;}
.business_wp .info-list { width:100%; overflow:hidden; padding-bottom:30px;}
.business_wp .info-list ul { width:118%;}
.business_wp .info-list ul li{ width:450px; float:left; margin-right:100px; line-height:20px; margin-bottom:24px;}
.business_wp .info-list ul li a{ display:block;font-size:12px;}
.business_wp .info-list ul li i{ display:block; width:100px; height:100px; float:left; margin-right:18px;
-webkit-transition: 200ms;
-moz-transition: 200ms;
-o-transition: 200ms;
-ms-transition: 200ms;
transition: 200ms;
-webkit-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
-ms-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;}
.business_wp .info-list ul li i.i1{ background:url(../images/img5.png) no-repeat 0 0;}
.business_wp .info-list ul li a:hover i.i1{ background:url(../images/img5.png) no-repeat 0 -101px;}
.business_wp .info-list ul li i.i2{ background:url(../images/img6.png) no-repeat 0 0;}
.business_wp .info-list ul li a:hover i.i2{ background:url(../images/img6.png) no-repeat 0 -101px;}
.business_wp .info-list ul li i.i3{ background:url(../images/img7.png) no-repeat 0 0;}
.business_wp .info-list ul li a:hover i.i3{ background:url(../images/img7.png) no-repeat 0 -101px;}
.business_wp .info-list ul li i.i4{ background:url(../images/img8.png) no-repeat 0 0;}
.business_wp .info-list ul li a:hover i.i4{ background:url(../images/img8.png) no-repeat 0 -101px;}
.business_wp .info-list ul li a:hover i{ -webkit-transition: 200ms;
-moz-transition: 200ms;
-o-transition: 200ms;
-ms-transition: 200ms;
transition: 200ms;
-webkit-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
-ms-transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;
transition: color 0.5s ease-in-out, background 0.5s ease-in-out, opacity 0.5s ease-in-out, border-color 0.5s ease-in-out;}
.business_wp .info-list ul li h3{ font-size:16px; padding:20px 0 5px 0;}
.business_wp .info-list ul li a{color:#0052a8}
.business_wp .info-list ul li a:hover{ color:#C6271A; text-decoration:none;}
.about_wp { background:#F1F1F0 url(../images/bg.jpg) no-repeat center bottom; height:313px; position:relative;}
.about_wp .wrapper{height:313px;}
.about_wp .main-title strong{ background:#F5F5F4;}
.about_wp .info-box h4{ font-size:16px; line-height:100%; font-weight:bold; text-align:center; color:#0052a8; display:block; padding:0 0 14px 0;}
.about_wp .info-box{ text-align:left; font-size:14px; line-height:30px;color:#0052a8;}
.about_wp .more{ padding-top:30px;}
.about_wp .more a{ display:block; border:1px solid #C6271A; font-size:16px; width:115px; height:30px; line-height:30px; margin:0 auto; background:#E9E9E9; text-align:center; color:#C6271A;}
.about_wp .more a:hover{ border:1px solid #0052A8; color:#0ffa301; text-decoration:none;}
.about_wp .dot{ background:url(../images/img9.png) no-repeat center bottom; display:block; width:34px; height:34px; position:absolute; bottom:-18px; left:50%; margin-left:-17px;}
.news_wp{ padding:30px 0 10px 0;}
.news_wp .info-box .lft{ float:left; width:565px;}
.news_wp .info-box .lft ul { padding-right:20px;}
.news_wp .info-box .lft ul li{ margin-bottom:22px;}
.news_wp .info-box .lft ul li h3{ font-size:14px; line-height:20px; margin-bottom:5px;}
.news_wp .info-box .lft ul li h3 span{ padding-right:18px;}
.news_wp .info-box .lft ul li p{ color:#0052a8; font-size:12px;}
.news_wp .info-box .rgt{ width:384px; height:170px; line-height:26px; float:right; border-left:1px solid #0052A8; padding-left:40px;}
.news_wp .info-box .rgt strong{ color:#c6271a; font-size:20px; display:block; margin-top:10px;}
.coop_wp .info-box{ width:100%; overflow:hidden;}
.coop_wp .info-box ul { width:100%; padding-bottom:20px;}
.coop_wp .info-box ul li{ float:left; width:137px; height:94px; margin:16px;}
.coop_wp .info-box ul li a{border:1px solid #ccc; display:block;width:136px; height:93px;}
.coop_wp .info-box ul li img{ display:block; width:136px; height:93px; }
.coop_wp .info-box ul li a:hover{ border:1px solid #C6271A;}
.coop_wp .info-box .more{ text-align:center; border-bottom:1px solid #ddd; margin-bottom:50px;}
.coop_wp .info-box .more a{display:block; font-size:16px; width:115px; height:30px; line-height:30px; margin:0 auto; background:#C6271A; text-align:center; color:#fff; margin-bottom:-15px;}
.coop_wp .info-box .more a:hover{ background:#0052A8; color:#fff; text-decoration:none;}
.footer{
background:#236BB6;clear:both; font-size:14px; padding-top:10px;
}
.footer .links{ color:#fff; padding:15px 0; border-bottom:1px solid #094195;}
.footer .links h3{ float:left; width:85px; border-right:1px solid #fff; text-align:right; font-size:16px; padding-right:10px;}
.footer .links h3 strong{ display:block; font-size:16px; line-height:100%; margin-bottom:5px;}
.footer .links h3 span{ font-size:12px; display:block; line-height:100%;}
.footer .links ul{ margin-left:90px;}
.footer .links ul li{ float:left; line-height:28px; height:28px; padding:0 15px;}
.footer .links ul li a{ color:#fff;}
.footer .info{
overflow:hidden; padding:30px 0;color:#fff; padding-bottom:22px;
}
.footer .info .txt{
float:left; display:inline; margin-left:20px; width:570px; font-size:12px; line-height:28px;
}
.footer .img{ float:left; padding-left:24px; margin-top:15px; }
.footer .img img{ display:block; width:76px; height:54px;}
.footer .codes{ float:right;}
.footer .codes ul li{ float:left;width:116px; text-align:center;}
.footer .codes ul li img{ display:block; width:96px; margin:0 auto; height:96px; margin-bottom:8px; text-align:center;}
.footer .codes ul li strong{
color:#fff; font-size:12px; display:block; font-weight:normal;
}
.footer .bottom{
background:#0052A8; height:48px; font-size:12px; text-align:center; line-height:48px; color:#e1e8f2;
}
.footer .bottom a{ margin:0 16px; color:#e1e8f2;}
/*产品世界*/
.subContent{}
.sub-nav{ height:45px; line-height:45px; background:#236BB6; margin-bottom:24px;}
.sub-nav ul li{ float:left;}
.sub-nav ul li a{ display:block;padding:0 38px; color:#fff; font-size:14px;}
.sub-nav ul li.on a{ background:#0A6FEB; color:#fff; text-decoration:none;}
.sub-list{/*color:#b8b8b8;display:none;*/line-height:30px}
.sub-list .list li{ background:#232323; padding:30px; margin-bottom:15px; padding-right:0;}
.sub-list .list li .img{ float:left; width:187px; text-align:center; padding:0 10px; height:187px;}
.sub-list .list li .img img{ width:100%; height:187px;}
.sub-list .list li .desc{ margin-left:240px; width:50%;}
.sub-list .list li .fr{ float:right; width:20%;}
.sub-list .list li .desc h3{ height:50px; line-height:50px; overflow:hidden; color:#cbcbcb; font-size:22px; margin-bottom:6px;}
.sub-list .list li .desc h3 a{ color:#cbcbcb;}
.sub-list .list li .desc p{ color:#b6b6b6; font-size:14px; line-height:26px; height:80px; overflow:hidden;}
.sub-list .list li .fr { height:170px; border-left:1px solid #2E2E2E; padding-top:35px; font-size:14px;}
.sub-list .list li .fr .view{width:90px; margin:0 auto; display:block; text-align:center; color:#4a4a4a;}
.sub-list .list li .fr .view i{ display:block; width:90px; height:90px; background:url(../images/img5.png) no-repeat 0 0; margin-bottom:15px;}
.sub-list .list li .fr .view:hover{color:#fff;}
.sub-list .list li .fr .view:hover i{ background-position:0 -92px;}
.sub-line{color:#b8b8b8;}
.sub-line .list2 p{line-height:24px;}
.sub-line .list2 li{ background:#236BB6; padding:20px; margin-bottom:15px; padding-right:0;}
.sub-line .list2 li .img{ float:left; width:298px; text-align:center; height:224px;}
.sub-line .list2 li .img img{ width:100%; height:224px;}
.sub-line .list2 li .desc{ margin-left:20px; width:75%;}
.sub-line .list2 li .fr{ float:right; width:20%;}
.sub-line .list2 li .desc h3{ height:50px; line-height:50px; overflow:hidden; color:#cbcbcb; font-size:22px; margin-bottom:6px;}
.sub-line .list2 li .desc h3 a{ color:#fff;}
.sub-line .list2 li .desc p{ color:#fff; font-size:14px; line-height:26px; height:80px; overflow:hidden;margin-bottom:20px;}
.sub-line .list2 li .desc .veiw{ display:block; color:#515151; font-size:14px;}
.sub-line .list2 li .desc a{color:#f00;}
.sub-line .list2 li .fr { padding-top:35px;color:antiquewhite; font-size:14px; text-align:center;}
.sub-line .list2 li .fr i{ display:block; color:antiquewhite; font-size:55px;}
.sub-line .list2 li .fr span{ display:inline-block; *display:inline; zoom:1; font-size:18px; border-top:1px solid #888; padding-top:5px;}
.sub-list .list3 { width:108%; padding-bottom:20px;}
.sub-list .list3 li{ width:176px;height:153px; overflow:hidden; position:relative;margin-bottom:30px; padding-right:0; margin-right:30px; text-align:center; float:left;}
.sub-list .list3 li div{ display:table; height:151px; width:174px; text-align:center;border: 1px solid #ccc;}
.sub-list .list3 li .img{ display:table-row; }
.sub-list .list3 li .img a{ display:table-cell;height:100%; width:100%; vertical-align:middle;}
.sub-list .list3 li span{ display:block; background:url(../images/fd.png) no-repeat; width:71px; height:65px; position:absolute; bottom:0; right:0;}
.pages{margin-top:30px; margin-bottom:20px;height:auto; overflow:hidden; clear:both;}
.pages ul{ text-align:center;}
.pages ul li{ font-size:14px;display:inline-block; *display:inline; zoom:1; margin:0 3px; height:33px; line-height:33px;border-radius:3px;border:1px solid #236BB6;}
.pages ul span{ font-size:14px;display:inline-block; *display:inline; zoom:1; margin:0 3px; height:33px; line-height:33px;border-radius:3px;border:1px solid #236BB6;}
.pages ul li a, .pages ul li span{ color:#888;}
.pages ul span{ color:#333;}
.pageinfo{ color:#333;}
.pages ul li.selected{ border:1px solid #0A6FEB;background:#0A6FEB; color:#333;}
.pages ul li:hover{ border:1px solid #0A6FEB;}
.pages ul li:hover a{color:#0A6FEB; text-decoration:none;}
.pages ul li a{ padding:8px 14px;}
.pages ul li.selected a{color:#0A6FEB; background:#0A6FEB; color:#333;}
.subpage { background:#0B0B0B url(../images/bg2.jpg) no-repeat center 0;}
.subpage .home-hero{ padding-top:100px;}