@charset "utf-8";
/* -------- 全局样式-------- */
* {
margin: 0;
padding: 0;
}
body {
font-family: "微软雅黑", "宋体", arial;
font-size: 12px;
margin: 0px;
padding: 0px;
background: #fff;
color: #5c5c5c;
}
div, form, img, ul, li, dl, dt, dd {
padding: 0px;
margin: 0px;
border: 0px;
}
td, p, div, li, select, input, textarea {
font-family: "微软雅黑", "宋体", arial;
font-size: 12px;
margin: 0;
padding: 0;
}
td, p, div, li, input, textarea {
word-break: break-all;
}
/*强行换行*/
table, tr, td, th {
font-size: 12px;
border: 0px solid #ccc;
}
ul, li {
list-style-type: none;
}
/*ul,li{ LIST-STYLE: none;}*/
h1, h2, h3, h4, h5, h6 {
padding: 0px;
margin: 0px;
}
/* -------- 链接-------- */
a:link {
color: #5c5c5c;
text-decoration: none;
} /* 未访问的链接 */
a:visited {
color: #5c5c5c;
text-decoration: none;
} /* 已访问的链接 */
a:hover {
color: #144A9C;
text-decoration: none;
} /* 鼠标放上去的链接 */
a:active {
color: #5c5c5c;
} /* 激活链接 */
/* -------- 表单 -------- */
/* -------- 文本样式 -------- */
.fB {
font-weight: bold;
}
.f12px {
font-size: 12px;
}
.f14px {
font-size: 14px;
}
.lh_16 {
line-height: 16px;
}
.lh_18 {
line-height: 18px;
}
.lh_20 {
line-height: 20px;
}
.lh_22 {
line-height: 22px;
}
/* -------- 对齐和边距 -------- */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
/*.clear{ clear:both; visibility:hidden;font-size:1px; width:1px;} */
.pd_10 {
padding: 10;
}
.mg_10 {
margin: 10;
}
.ma {
margin: 0 auto;
}
/* -------- 结构布局 --------*/
.main {
background: url(../images/bg.png) repeat-x center top #fff;
}
.center {
width: 1100px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
}
.left {
}
.right {
}
/* -------- 栏目板块 -------- */
/* top 头部样式 */
.top {
height: 30px;
background: #f3f3f3;
color: #5c5c5c;
line-height: 30px;
}
.top_r {
float: right;
}
.collection {
float: right;
}
/*搜索search*/
.hot {
float: left;
height: 30px;
line-height: 30px;
padding-left: 25px;
background: url("../images/bar-notice-icon.png") left center no-repeat;
overflow:hidden;
}
.hotsearch {
height: 30px;
margin: 0px auto;
border-top: 1px solid #c7c8cc;
border-bottom: 1px solid #c7c8cc;
}
.search {
margin: 4px auto 0;
float: right;
}
.search_nr {
color: #144A9C;
padding: 0px 0px;
height: 23px;
margin-bottom: 15px;
margin: 0 auto;
}
.search_r {
overflow: hidden;
padding: 0px 0px 0px 19px;
float: right;
}
#formSeach {
width: 100%;
overflow: hidden;
}
#formSeach input.input_text {
border: 1px solid #ccc;
border-right: 0;
float: left;
height: 20px;
line-height: 20px;
color: #000;
padding: 0 5px;
background: #fff;
}
#formSeach input.input_text_ny {
border: 1px solid #ccc;
border-right: 0;
float: left;
height: 20px;
line-height: 20px;
color: #a4a59f;
padding: 0 5px;
width: 169px
}
#formSeach input.btn_search {
border: 0;
background: url(../images/search.png) no-repeat left top #9D0F0E;
width: 24px;
height: 22px;
float: left;
overflow: hidden;
cursor: pointer;
}
#formSeach .radiobox {
padding: 0px 10px 0px;
color: #a4a59f;
float: left;
height: 26px;
line-height: 26px;
-webkit-padding-start: 2px 10px 0px;
}
#left_box #formSeach input.input_text, #box250right #formSeach input.input_text {
width: 169px;
}
.head {
height: 110px;
}
.logo {
padding: 22px 0 0 0;
float: left;
}
.tel {
float: right;
padding: 30px 0 0 50px;
margin: 0 0 0 20px;
background: url(../images/tel.png) no-repeat left 40px;
}
.tel span {
font-size: 14px;
color: #6c6c6c;
}
.tel p {
font-size: 28px;
color: #144A9C;
font-family: impact;
}
/*menu*/
.menu {
height: 65px;
background: #144A9C;
/* border-bottom:3px solid #004c99; */
position:relative;
}
.navbar {
width: 1100px;
margin: 0 auto;
}
.menu>ul>li {
float: left;
height: 65px;
/* background: url(../images/menu_line.gif) no-repeat right center; */
}
.menu>ul>li>a {
width: 110px;
height: 65px;
line-height: 50px;
text-align: center;
font-size: 14px;
display: block;
color: #fff;
position:relative;
}
.menu>ul>li:hover {
background: #d30011;
color: #fff;
}
.menu>ul>li:hover .submenu {display:block;}
.menu>ul>li:first-child{
background: #d30011;
}
.submenu {display:none; background: #c71f1f;
position: relative;padding:0 0 8px 0;
z-index: 99;text-align:center;
border: 1px solid #d96266;}
.submenu li a {
height: 39px;
border-bottom: 1px solid #d96266;
padding: 0px 10px 8px;
line-height: 39px;
font-size: 12px;
color: #FFF;}
.menu .li_last {
background: none;
}
.ennav {background: url(../images/ennav.png) no-repeat center top; position:absolute;top: 40px;
left: 50%;
margin:0 0 0 -550px;
width: 1100px;
height: 8px;}
/*幻灯Banner*/
.banner {
position: relative;
height: 500px;
}
.banner .btn1 {
bottom: 20px;
margin-right: -450px;
padding: 5px 6px;
position: absolute;
right: 50%;
z-index: 7;
}
.banner .btn1 span {
line-height: 14px;
background: none repeat scroll 0 0 #144A9C;
border: 1px solid #144A9C;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
margin-left: 5px;
padding: 2px 5px;
}
.banner .btn1 span.cur {
font-weight: bold;
padding: 4px 8px;
background: none repeat scroll 0 0 #c80000;
border: 1px solid #c80000;
}
.banner .bgitem {
height: 500px;
cursor: pointer;
width: 100%;
margin: 0 auto;
position: absolute;
background-position: center top;
background-repeat: no-repeat;
}
.banner .bgitem a {width:100%;height:100%;display:block;}
/*demo1*/
.demo1 {
width: 1100px;
margin: 0px auto 0px;
}
/*右侧产品列表*/
.demo1_right {
width: 790px;
height: 850px;
border: 1px #ccc solid;
margin: 30px 0px 0px 0px;
padding: 18px 0px 0px 18px;
float: right;
overflow: hidden;
}
.demo1_right ul {
margin-top:8px;
}
.demo1_right ul li {
width: 263px;
margin: 0 0 8px 0;
float: left;
}
.demo1_right ul li > a {
border: #ddd 1px solid;
width: 240px;
height: 168px;
display: block;
}
.demo1_right ul li p {
width: 220px;
height: 30px;
line-height: 30px;
text-align: center;
}
/*左侧产品分类*/
.demo1_left {
width: 250px;
margin: 30px 0px 0px 0px;
padding: 8px;
background:#144A9C;
float: left;
}
.demo1_title {
color: #fff;
overflow: hidden;
text-align: center;
padding: 0 0 0 0px;
margin: 5px 0 15px 0;
}
.demo1_title p {height: 35px;
line-height: 35px;font-size:24px; }
.demo1_title span {
margin: 0 0 0 5px;
text-transform:uppercase;
font-size:12px;
color:#A3BFE8;
}
.typlist {margin: 0 auto;position:relative; z-index:30;}
.typlist_bottom {height: 10px;}
.typlist>dl {position:relative;}
.typlist>dl>dt{border-top: 1px #fff solid; border-bottom: 1px solid #dddfe0;}
.typlist>dl>dt>a {display: block;font-size: 14px;background: url(../images/yq1.png) no-repeat 15px center #fff;height: 42px;line-height: 42px;padding: 0 0px 0 30px;margin: 0 auto 0px auto;z-index: 999;text-decoration: none;}
.typlist>dl>dt>a:hover {}
.typlist dl dd {position: absolute; top: 0px; left:210px;display: none; width:700px; height:auto; background: #fff; border: 1px solid #d6dbe1; box-shadow: -1px 1px 6px rgba(0, 0, 0, .3); z-index:999;padding: 0 0 20px 0;}
.typlist dl dd ul {padding:15px 0px 26px;}
.typlist dl dd ul li{padding:0 15px; line-height:22px;background:url(../images/icon_list_2.jpg) no-repeat 15px center;float:left;}
.typlist dl dd ul li a{display: block; padding:6px 0px 6px 0px; border-bottom: 1px dotted #ccc;text-align: center;width: 110px;}
.typlist dl dd ul li a:hover{color:#144A9C;}
.typlist dl:hover dd {display: block;}
/*左侧联系我们*/
.demo_contact {
margin: 8px auto 0;
background:#fff;
}
.demo_contact_title {background: url(../images/first-bg-02.png) no-repeat left -64px; font-size:16px; color:#fff;height:36px;line-height:36px;text-align:center;margin:15px 0 0 0;}
.demo_contactnr {
padding: 0px 10px 9px 10px;
}
.demo_contact img {border:3px solid #e8e8e8;margin:10px 10px 5px;}
.demo_contact p {
color: #666666;
line-height: 25px;
}
.demo_contact p span {color:#144A9C;font-weight:bold;}
.zcrx {
background: url(../images/lfte_tel.png) no-repeat 0px center #fff;
padding: 13px 6px 12px 50px;
}
.zcrx span {
color: #ffc53b;
font-size: 14px;
line-height: 14px;
}
.zcrx p {
font-size: 24px;
color: #56667c;
font-family: impact;
}
/*demo2*/
.demo2 {
background:url(../images/demo2.jpg) no-repeat center top #f5f5f3;
margin: 40px auto 0px;
height:500px;
position:relative;
}
.demo2 ul {position: absolute;
top: 160px;
left: 50%;
margin: 0 0 0 45px;}
.demo2 ul li{padding:20px 0 20px 15px;font-size:18px;color:#333333;background:url(Img/Index/find_li.png) no-repeat center 0px;}
.demo2 li p{height:55px;width:390px;padding-left:65px;font-size:20px;}
.demo2 li p span{color:#144A9C;}
.about_l {float:left; width:400px;}
.about_l img {border:1px solid #ccc;margin:7px 0 0 0;}
.about_r {float:right; width:600px; }
.about_r p {font-size:14px; line-height:25px;}
.about_r a {width:150px; height:40px; line-height:40px;background:#144A9C; display:block; color:#fff;float:left;text-align:center;margin:8px 10px 0 0;}
.about_r a:hover {background:#fab00e;}
.news{width:100%;}
.newsmain{float:left;margin: 40px 0 0 0; width:100%; background:#f5f5f3; position:relative; border-top:1px solid #eeeeec;padding:0 0 20px 0;}
.maintop2{ position:absolute; top:-9px; height:9px; width:100%;background:url(../images/maintop2.gif) center no-repeat; left:0;}
.xwzj { width:980px; margin:0 auto; overflow:hidden;}
.newsmain ul{ width:1000px;}
.newsmain ul li{ float:left;width:475px; margin:0 30px 30px 0;}
.newsmain ul li:nth-child(2n){margin-right:0;}
.time{ float:left;width:48px; padding:14px 12px 15px 12px; height:55px; background:#144A9C; margin-right:1px; color:#fff;font-family:Arial, Helvetica, sans-serif; text-align:center;}
.time font{font-size:12px; line-height:30px; margin-bottom:7px; width:100%; float:left; border-bottom:1px solid #fff;}
.time span{ font-size:18px; }
.newsli_r{float:left;width:400px; }
.newsli_r a{ height:30px; line-height:30px;float:left;width:380px; padding:0 10px; background:#e2e2e2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.newsli_r p{ height:43px; line-height:20px;float:left;width:380px; padding:0 10px; margin-top:1px; padding-top:10px;background:#eaeaea; }
.process{width:100%; line-height:23px; text-align:center;}
.process .newsmain{text-align:center;}
.processmore{ background:#144A9C; display:inline-block; width:211px; height:45px; line-height:45px; text-align:center; color:#fff; border-radius:5px;}
.processmore a{ width:100%; float:left;font-family:'Microsoft Yahei'; text-align:center; font-size:15px; color:#fff;}
.processmore:hover {background:#fab00e;}
.processimg{ float:left;width:100%; padding:50px 0;text-align:center;position:relative;}
.processimg dl {position:absolute;top: 50px;
left: 50%;margin:0 0 0 -465px;}
.processimg dd{float:left;}
.an1 {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat 0 0;margin-right:217px;}
.an2 {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat 0 -88px;margin-right:205px;}
.an3 {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat 0 -176px;margin-right:198px;}
.an4 {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat 0 -264px;margin-right:217px;}
.an1:hover {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat -88px 0;margin-right:217px;}
.an2:hover {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat -88px -88px;margin-right:205px;}
.an3:hover {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat -88px -176px;margin-right:198px;}
.an4:hover {display:block;width:78px; height:78px;background:url(../images/lc.png) no-repeat -88px -264px;margin-right:217px;}
/*demo3*/
.zt-s ul{ width:1000px;}
.demo3{height: 1100px;font-family: "Microsoft YaHei";}
.demo3 .tit{padding-top: 50px;font-family: "Microsoft YaHei";height: 125px;width: 500px;margin: 0 auto;}
.demo3 .tit p{text-align: center;font-size: 50px;font-family: "Microsoft YaHei";color: #dcdcdc;text-transform: uppercase;line-height: 49px;padding-left: 10px;}
.demo3 .tit span{display: block;font-weight: bold;font-size: 30px;color: #144A9C;background: url(../images/tib.jpg) no-repeat center center;width: 500px;font-family: "Microsoft YaHei";}
.demo3 .y1{height: 291px;position: relative;}
.ys1{position: absolute;top: 23px;left: 50%;margin-left: -499px;font-family: "Microsoft YaHei";}
.ys1 p{font-weight: bold;font-size: 30px;color: #000000;padding-left: 58px;line-height: 32px; background: url(../images/ys1.jpg) no-repeat left center;padding-top: 8px;padding-bottom: 6px;}
.ys1 p span{display: block;font-weight: bold;font-size: 18px;color: #e50012;font-family: "Microsoft YaHei";}
.ys1 em{display: block;font-style: normal;padding-left: 58px;line-height: 28px;font-size: 14px;color: #000000;padding-top: 8px;font-family: "Microsoft YaHei";}
.ys1 em b{color: #e50012;font-weight: normal;font-family: "Microsoft YaHei";}
.demo3 .y2{height: 291px;position: relative;}
.ys2{position: absolute;top: 55px;left: 50%;margin-left: 24px;}
.ys2 p{background: url(../images/ys2.jpg) no-repeat left center;}
.y3{height: 293px;position: relative;}
.ys3 p{background: url(../images/ys3.jpg) no-repeat left center;}
.ys3{position: absolute;top: 55px;left: 50%;margin-left: -499px;font-family: "Microsoft YaHei";}
/*demo4*/
.demo4 { margin-top:20px;}
/*title*/
.title {
float: left;
width: 100%;
padding-top: 42px;
padding-bottom: 25px;
text-align: center;
background: url(../images/titlebg.gif) center 52px no-repeat #fff;
}
.title p {
width: 100%;
height: 28px;
line-height: 28px;
color: #1b1b1b;
font-size: 24px;
margin: 0;
font-family: 'Microsoft Yahei';
}
.title font {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
}
.nameff {
float: left;
width: 492px;
height:56px;
background: url(../images/dt_bg.png) repeat-x 0 50px;
}
.nameff p {
float: left;
}
.nameff p span {
font-size:16px;
padding-bottom: 16px;
height: 40px;
margin-bottom: 30px;
font-weight: normal;
overflow: hidden;
display:block;
color:#333;
}
.nameff p em {
display: block;
font-style:normal;
color: #989898;
line-height: 22px;
font-size: 12px;
z-index: 0;
text-transform:Uppercase;
}
.nameff a {
float: right;
padding: 12px 0 0 0;
color: #333;
}
/*demo5*/
.demo5 {
/* height: 295px; */
margin: 30px 0 0 0;
}
.title_sy {
background: url('../images/title_bg.jpg') no-repeat left bottom;
border-bottom: #144A9C 1px solid;
height: 46px;
margin-bottom: 20px;
}
.title_sy p {
float: left;
color: #474747;
font-size: 14px;
line-height: 46px;
padding-left: 0px;
font-weight: bold;
}
.title_sy span {
color: #9D0F0E;
line-height: 35px;
padding-left: 10px;
font-weight: bold;
}
.title_sy a {
float: right;
color: #144A9C;
height: 26px;
line-height: 40px;
}
.title_sy a:hover { text-decoration: underline;}
.about {
width:548px;
float: left;
}
.about_right {
width:548px;
float:left;
line-height:35px;
margin: 5px 10px 0 0;
}
.about_right p{font-size:14px; line-height:35px;}
.news {
width: 520px;
float: right;
}
.news_right {
width: 415px;
height: 205px;
float: right;
margin: 15px 0 0 0;
}
.news ul li {
height: 35px;
padding:0px;
}
.news ul li a {
font-size: 14px;
color: #666;
height: 35px;
line-height: 35px;
}
.news ul li a:hover {
color: #144A9C;
}
.news ul li a span {
float: right;
padding: 0 3px 0 0px;
}
.news_parameters {
text-align:center; border-bottom:1px #eee solid;border-top:1px #eee solid; margin-bottom:10px;
}
.news_parameters span {margin:0 10px;}
/* link */
.link {height: 20px;
padding: 15px 0;}
.link p{ font-size: 12px;
color: #fff;
font-weight: bold;
float:left;}
.link a{
float:left;
margin:0 5px;
color: #fff;
}
/*bottom*/
.bottom {
margin: 30px 0 0 0px;
background: #144A9C;
overflow: hidden;
}
.bottom_menu {
margin: 0px auto 0px;
height: 52px;
background:#272727;
}
.bottom_r ul{height:50px; border-bottom:1px #133A75 dashed;}
.bottom_r li {
float: left;
height: 52px;
line-height: 52px;
text-align: center;
color: #fff;
font-size: 14px;
}
.bottom_r li:first-child {
margin: 0 0 0 0px;
}
.bottom_r li a {
color: #fff;
font-size: 14px;
font-family: "Microsoft YaHei";
display: inline-block;
padding: 0 25px;
}
.bottom_menu li a:hover {
color: #ffd200;
}
.bottom_r {
width:854px;float: right;text-align: center; margin: 15px 0 0 0;
}
.bottom_r p span {color: #fff; }
.bottom_l {
width:205px;
height:174px;
float: left;
background:url(../images/bottom_logo.png) no-repeat center 30px #0A3A84;
}
.bottom_c {float: left; margin: 0px 0 0 0; text-align: left;}
.copright {
margin: 20px 0 0 0;
text-align:left;
}
.copright p {
color: #fff;
line-height:24px;
}
.copright a {
color: #fff;
margin:0 0px 0 0;
}
.copright a:hover {
color: #ffae00;
}
.link {}
.link span {float:left;color:#fff;padding:0 10px 0 90px;margin: -10px 0 0 8px;position: absolute;}
.link ul {padding:0 0 0 15px;}
.link ul li {float:left;}
.link ul li a {color:#fff;margin:0 10px 0 0 ;display:block;height:50px;line-height:50px;}
.link ul li a:hover {color: #fff;}
/*内页*/
.title_ny {
font-size: 14px;
color: #fff;
font-weight: normal;
line-height: 45px;
overflow: hidden;
height: 50px;
padding: 0 0 10px 40px;
background: url('../images/jt.png') no-repeat 20px 20px;
}
.title_ny span {
margin: 0 0 0 5px;
}
.a_left {
width: 210px;
float: left;
position: relative;
}
.a_title {
height: 35px;
line-height: 35px;
background: #144A9C;
font-size: 14px;
padding-left: 17px;
color: #fff;
text-align: left;
}
.a_title a {
color: #fff;
}
.a_title a:hover {
color: #ffbb24;
}
.a_list {
width: 208px;
border: 1px solid #ccc;
margin: 20px 0 0 0;
padding: 0px 0 10px 0;
}
.a_list ul {
padding: 10px 0px 0 0;
padding-left: 40px;
}
.a_list ul li {
line-height: 30px;
}
.a_list ul li >a {
background: url(../images/jt.gif) no-repeat left center;
padding-left: 12px;
color: #666;
}
.a_list ul li >a:hover {
color: #144A9C;
}
.a_list ul li dl {
padding-left: 10px;
}
.a_list ul li dl dd {
height: 22px;
line-height: 22px;
}
.a_list ul li dl dd a {
padding-left: 15px;
background: url(../images/-.gif) no-repeat left center;
color: #666;
}
.a_list ul li dl dd a:hover {
color: #144A9C;
}
.a_contact {
width: 208px;
border: 1px solid #ccc;
margin: 10px 0 20px 0;
text-align: center;
padding-bottom: 5px;
}
.a_contact >p {
color: #666666;
line-height: 18px;
text-align: left;
padding: 0 8px 0 8px;
}
.a_contact >p >a {
color: #666;
}
.a_contact >p >a:hover {
color: #144A9C;
}
.a_contact img {
margin: 5px 0 5px 0;
}
.a_tel {
background: url(../images/dh.gif) no-repeat 8px center;
text-align: left;
padding-left: 68px;
margin-bottom: 10px;
}
.a_tel span {
color: #666;
}
.a_tel p {
color: #144A9C;
font: 14px "Impact";
}
.a_right {
width: 810px;
float: right;
position: relative;
margin: 30px 0 0 0;
}
.content {
border: 1px solid #ccc;
padding: 20px 10px;
margin: 10px 0 20px 0;
}
.content p {
color: #666;
font-size: 12px;
line-height: 28px;
}
/* 下一个产品 */
.preNext {
position: relative;
background: url(../images/news_con.jpg) left top no-repeat;
padding-top: 10px;
margin-top: 10px;
}
.preNext .line {
height: 10px;
overflow: hidden;
clear: both;
margin: 4px auto;
padding-top: 10px;
}
.preNext .line strong {
display: block;
width: 8px;
height: 10px;
overflow: hidden;
font-size: 0px;
line-height: 100px;
float: left;
}
.preNext .text {
color: #666;
}
.preNext .text a:hover {
color: #144A9C;
text-decoration: underline;
}
.preNext .text li a {
color: #666;
}
.preNext .text li a:hover {
color: #144A9C;
}
.preNext .text_b {
color: #144A9C;
}
.preNext .text_b a {
color: #144A9C !important;
}
/*新闻列表*/
.news_list li {
font-size: 14px;
border-bottom:1px #eee solid;
height:40px;
}
.news_list span {
float: right;
line-height:40px;
}
.news_list li a {
color: #666;
line-height:40px;
}
.news_list li a:hover {
color: #144A9C;
}
/* 翻页 */
.page_list {
height: 20px;
line-height: 20px;
text-align: center;
letter-spacing: 0;
;
font-size: 12px;
margin-top: 20px;
border: none !important;
margin-bottom: 20px;
}
.page_list a {
display: inline-block;
color: #aaa;
border: 1px solid #aaa;
background: #fff;
text-align: center;
margin: 0 1px;
width: auto;
height: 20px;
padding: 0px 6px;
font-family: "Microsoft Yahei", "宋体";
}
.page_list a:hover {
color: #fff;
border: 1px solid #144A9C;
background: #144A9C;
}
.page_list a.on {
color: #fff;
border: 1px solid #144A9C;
background: #144A9C;
}
/*新闻详细*/
.title_news_article {
font-size: 24px;
color: #144A9C;
height: 50px;
text-align: center;
}
.news_aticle {
line-height: 24px;
font-size: 14px;
color: #666;
}
/*product 页面*/
.prolist {
}
.prolist ul li {
float: left;
margin: 0 11px 0 11px;
}
.prolist ul li > a {
display: block;
width: 238px;
height: 210px;
border: 1px #ccc solid;
}
.prolist ul li p {
margin-bottom: 10px;
}
.prolist ul li p a {
width: 210px;
text-align: center;
margin-top: 0px;
font-size: 14px;
color: #666;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
}
.prolist ul li p a:hover {
color: #144A9C;
}
/* 产品详情 */
.proinfo {
width: 100%;
height: 250px;
}
.proinfo_img {
float: left;
width: 300px;
height: 300px;
border: 1px #d0d0d0 solid;
}
.proinfo_text {
float: left;
width: 470px;
margin-left: 15px;
}
.proinfo_text h1 {
color: #144A9C;
border-bottom: 1px #d0d0d0 solid;
height: 35px;
font-size: 24px;
font-weight: normal;
line-height: 35px;
margin-top: 10px;
font-family: "微软雅黑";
}
.proinfo_text p {
margin: 10px 0;
color: #666;
}
.pro_c {
color: #666;
margin-top: 15px;
background: url(../images/box_dotline.gif) left bottom no-repeat;
padding-bottom: 20px;
line-height: 24px;
}
/*相关信息*/
.related_news {
margin: 20px 0 0 0;
height: 130px
}
.related_title {
border-bottom: 1px solid #ccc;
margin: 0px 0 10px 0;
}
.related_title span {
font-size: 14px;
font-weight: bold;
}
.related_title a {
float: right;
font-size: 12px;
font-weight: normal;
}
/*相关新闻*/
.related_news ul li {
width: 50%;
float: left;
padding: 2px 10px;
box-sizing: border-box;
}
.related_news ul li a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
line-height: 24px;
}
.related_news ul li a em {
float: right;
}
/*相关产品*/
.related_product {
height: 235px;
}
.related_product ul li {
float: left;
width: 180px;
margin-right: 17px;
}
.related_product ul li>a {
border: 1px #ddd solid;
width: 165px;
height: 165px;
display: block;
}
.related_product ul li p a {
text-align: center;
display: block;
}
/*案例*/
.case_show {width:1100px; margin:0 auto;}
.case_show div img{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.case_show div:hover img{
-webkit-box-shadow: 0 4px 4px #666;
box-shadow: 0 4px 4px #666;
opacity: 0.9;
filter: alpha(opacity=90);
}
.al1 {float:left; width:495px; height:375px;margin-right:4px;}
.al2 {float:left; width:248px; height:185px;}
.al3 {float:right; width:251px; height:375px;}
.case_more{
width: 194px;
height: 128px;
float:left;
background: #144A9C;
padding:29px 27px;
margin-bottom: 4px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.case_more:hover{
-webkit-box-shadow: 0 4px 4px #666;
box-shadow: 0 4px 4px #666;
}
.case_more em {
font-style: normal;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
font-size: 30px;
color: #fff;
text-transform: uppercase;
font-family: impact;
}
.case_more span{
display: block;
font-size: 20px;
color:#fff;
font-weight: bold;
margin-top: 20px;
}
.case_more a{
display: inline-block;
width: 109px;
height: 36px;
line-height: 36px;
color:#fff;
border: 1px solid #fff;
text-align: center;
border-radius: 5px;
margin-top: 15px;
}
.case_more a:hover{
background-color: #fff;
color:#fab00e;
font-weight: bold;
}
.case_title_index {background: url(../images/title_index.png) center no-repeat;text-align:center;font-size:24px; height:58px;margin:40px auto 35px;}
.case_title_index p {font-size:24px; color:#144A9C;}
.case_title_index span {text-transform:uppercase; font-family: impact; color:#fab00e;}
/* 分页 */
.page_info{text-align:center;margin-top:10px;color:#aaa;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;;font-size:12px;margin-top:20px; border:none !important;}
.page_list a{display:inline-block;color:#aaa;border:1px solid #aaa;background:#fff;text-align:center;margin:0 1px; width:auto; height:20px; padding:0px 6px;font-family:"Microsoft Yahei";}
.page_list a:hover{color:#fff;border:1px solid #144A9C;background:#144A9C;}
.page_list a.on{color:#fff;border:1px solid #144A9C;background:#144A9C;}
.pagination {
clear: both;
margin: 10px 0;
text-align: center;
}
.pagination li {
display: inline-block;
*display: inline;
zoom: 1;
}
.pagination li a {
display: block;
padding: 4px 12px;
background-color: #fcfcfc;
border: 1px solid #eeeeee;
}
.pagination li + li a {
border-left: none;
}
.pagination li.active a,
.pagination li a:hover {
background-color: #144A9C;
color: #ffffff;
}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.bg1_cont {width: 960px;margin:0 auto;overflow: hidden;}
.bg1_text {padding-left: 30px;width:472px;background: url(../images/line1.gif) no-repeat left top;}
.bg1_text .p1 img {vertical-align: top;}
.bg1_text .p2 {padding: 16px 0 22px 0;font: 14px/24px "Microsoft YaHei";color: #333;}
.fr { float:right;}
.fl {float: left;}
.tp{width:100%; background:url(../images/tp.jpg) no-repeat center #144A9C; height:172px; margin:30px 0px;}
/* 优势 */
.g_ys{height: 800px;}
.g_ys .gytit{background:url(../images/titbg1.jpg) no-repeat; width: 320px;height: 110px;margin: 0 auto; padding-top: 60px; text-align: center;line-height: 30px; margin-bottom: 16px;}
.g_ys .gytit a{color: #3c3c3c;font-size: 24px;font-weight: bold;}
.g_ys .gytit em{display: block;color: #afafaf;font-size: 12px;text-transform: uppercase;font-weight: normal;letter-spacing: 0;}
.g_ys2 {text-align: center;font-size: 14px;color: #3c3c3c; line-height: 30px;overflow: hidden;font-weight: normal; margin:-10px auto 36px;text-transform: uppercase; width:680px; }
.ysimg1{top:0px; left:0;}
.ysimg2{top:259px; right:0;}
.ysimg3{top:520px; left:0;}
.no1{top:0px; left:433px;}
.m_ys1{top:47px;left:600px;}
.m_ys2{top:305px;left:42px;}
.m_ys3{top:565px;left:600px;}
.g_ys .m_gy{position: absolute;}
.g_ys .m_gy h3{text-align: left; color: #004da1; font-size: 24px; padding-bottom: 6px;font-weight: bold; line-height: 30px;}
.g_ys .m_gy h3 em{display: block; font-size: 24px; color: #3c3c3c; font-weight: normal; padding-bottom: 10px; padding-top: 12px; font-style:normal;}
.g_ys .m_gy p{font-size: 14px; color: #3c3c3c; line-height: 24px;background:url(../images/ysico.jpg) no-repeat left 5px; padding-left: 24px; width: 325px;}
.g_ys .m_gy p b{font-weight: bold; color: #3c3c3c}
.f_fw{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53; }
.f_pa{position:absolute;}
/* 案例 */
.g_an{}
.g_an .u_tit2{font-size: 14px;color: #3c3c3c;line-height: 30px;text-align: center;margin: 0 0 30px 0;}
.more1{margin-left: 438px;margin-top: 12px;display: block; margin-bottom: 40px;}
.m_anli img{display: block; width: 226px; height: 140px;}
.m_anli li{float: left;width:226px;height:140px;overflow: hidden;position: relative; margin-right: 18px; margin-bottom: 20px;}
.m_anli .lastli{margin-right: 0;}
.m_anli li img{width:226px;height:140px;display: block;}
.m_anli .lastli{margin-right: 0;}
.m_anli li a{display: none;position:absolute;width:226px;height:140px;top:0;left:0;color:#fff;background: url(../images/anbg.png) no-repeat;}
.m_anli li a:hover{text-decoration: none;}
.m_anli li a h3{display: block; height:30px;margin:0 auto;padding:40px 0 0 0;text-align: center; font-size: 16px; color: #fff; font-weight: bold; line-height: 30px; overflow: hidden; margin-bottom: 5px;}
.m_anli li a p{font-size: 14px;color: #fff;line-height: 24px;height: 24px;overflow: hidden; padding: 0 20px;text-align:center;}
.m_anli li .btn{margin:0 auto; display: block; width: 187px; padding-left: 20px; }
.m_anli li .btn em{display: block; width: 82px; float: left; margin-right: 7px;}
.m_anli li .btn em img{width: 80px; height: 30px;background: none; border:none; }
/* 询盘 */
.xqtitle{ width:80px; height:24px; text-align:center; line-height:24px; background:#144A9C; font-size:14px; margin-bottom:10px; font-family:"Microsoft Yahei","微软雅黑"; color:#fff; }
.goodsConts{color:#666; margin-top:20px;}
.inquiry{ margin:0 auto; clear:both; font-size:14px; border:1px #ddd solid; padding:30px; background:#f8f8f8}
.form-group1{ width:50%; float:left; margin-bottom:10px}
.form-group10{ width:50%; float:left; margin-bottom:10px}
.form-group2{ width:100%; float:left; margin-bottom:10px}
.form-group3{ float:left; margin:0 50px 10px 0;}
.form-group4{ float:left; margin-bottom:10px}
.inquiry label{ float:left; line-height:30px;}
.form-control1{ float:left; width:75%; border:1px #ddd solid; height:30px; line-height:30px;}
.form-control2{ float:left; width: 87.5%; border:1px #ddd solid; height:100px; line-height:30px;}
.form-control3{ float:left; width:100px; border:1px #ddd solid; height:30px; line-height:30px;}
.form-sub1{ width:80px; height:30px; color:#fff; background:#144A9C; border:none;}
.index_dh{
width: 1100px;
height:330px;
margin: 0px auto 0px;
background: url(../images/demo1.png) no-repeat center 40px #fff;
}
.index_dh ul {width: 1140px;}
.index_dh li { float:left;}
.index_dh li a{width:240px; display:block;font-size:24px; color:#fff;text-align:center;margin:230px 135px 0 0;}
.index_dh li a:hover {text-decoration:underline;}
.index_cp {}
/*产品滚动*/
.index_cp {
height: 270px;
margin: 0 0 0px 0;
}
.product_index {
padding: 10px 0 0 0;
width: 1100px;
margin: 0 auto;
}
.product_index li {
float: left;
background: #fff;
margin: 0 24px 0 0;
color: #666666;
}
.product_index li:hover p a {
color: #d31833;
}
.product_index li>a {
border-bottom: 0;
display: block;
width: 230px;
height: 170px;
border:1px solid #ccc;
}
.product_index li p a {
display: block;
height: 35px;
line-height: 35px;
text-align: center;
}
.submenu_xbsy{ width:235px;background:url(../images/lbtbl.png) repeat-y left top;overflow: hidden;}
.submenu_xbsy ul{padding-bottom: 2px; width: 210px; margin: 0 auto;}
.submenu_xbsy ul li{ border-bottom: 1px #ddd dashed; background: url('../images/ico2.gif') no-repeat 10px center;}
.submenu_xbsy ul li a{ display: block; line-height: 35px; height: 35px; color: #000; font-size: 13px; padding-left: 27px; text-align: left;}
.submenu_xbsy ul li a:hover{color: #144A9C;}
.sycplb_tb{background:url(../images/lbtb.png) no-repeat left top;height:70px; text-align:center; font-size:16px; padding-right: 14px; font-weight:bold; color:#fff; line-height:50px;}
.sycplb_tb a{ color:#fff;}
.zcrx1 { background: url(../images/lfte_tel2.png) no-repeat 10px center #144A9C;
padding: 20px 6px 12px 60px;}
.zcrx1 span { color: #FFFFFF;
font-size: 14px;
line-height: 14px;}
.zcrx1 p { font-size: 24px;
color: #FFFFFF;
font-family: impact;}
/*留言样式*/
.form-group{ width:650px; margin:0 auto; clear:both; padding:12px 0;}
.form-group label{ float:left;}
.form-control{ float:left; width:500px; border:1px #ddd solid; height:30px; line-height:30px;}
.form-control-c{ float:left; width:500px; border:1px #ddd solid; height:100px; line-height:30px;}
.form-control-y{ float:left; width:100px; border:1px #ddd solid; height:30px; line-height:30px;}
.form-sub{ width:560px; height:30px; color:#fff; background:#144A9C; border:none;}
.proinfo1{ width: 500px;
margin: 0 auto;
border: 1px #dedede solid;
padding: 5px;}