@charset "gb2312";
/* -------- 全局样式-------- */
* {
margin: 0;
padding: 0;
}
body {
font-family: "微软雅黑", "宋体", arial;
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;
margin: 0;
padding: 0;
}
td, p, div, li, input, textarea {
word-break: break-all;
}
h1, h2, h3, h4, h5, h6, b, strong, th{ font-size: 100%; font-weight: normal;}
/*强行换行*/
table, tr, td, th {
}
ul, li {
list-style-type: none;
}
/*ul,li{ LIST-STYLE: none;}*/
h1, h2, h3, h4, h5, h6 {
padding: 0px;
margin: 0px;
}
/* -------- 链接-------- */
a:link {
color: #333;
text-decoration: none;
} /* 未访问的链接 */
a:visited {
color: #333;
text-decoration: none;
} /* 已访问的链接 */
a:hover {
color: #008C17;
text-decoration: none;
} /* 鼠标放上去的链接 */
a:active {
color: #333;
} /* 激活链接 */
/* -------- 表单 -------- */
/* -------- 文本样式 -------- */
.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: #fff;
}
.center {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
}
/* -------- 栏目板块 -------- */
/* top 头部样式 */
.top {
height: 34px;
line-height: 34px;
border-bottom: 1px #EBE7E0 solid;
}
.top_r {
float: right;
}
.collection {
float: right;
}
/*搜索search*/
.hot {
float: left;
height: 30px;
line-height: 30px;
padding-left: 25px;
background: url("/templets/guguomobuan2/style/css/img/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: #C30D23;
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(/templets/guguomobuan2/style/css/img/search.png) no-repeat left top #61A131;
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: 140px;
}
.logo {
padding: 5px 0 0 0;
float: left;
}
.tel {
float: right;
padding: 45px 0 0 55px;
background: url(/templets/guguomobuan2/style/css/img/tel.png) no-repeat left 32px;
}
.tel span {
font-size: 16px;
color: #6c6c6c;
}
.tel p {
font-size: 35px;
color: #FF0000;
font-weight: bold;
line-height: 35px;
}
/*menu*/
.menu {
height: 65px;
background: #cc0000;
}
.navbar {
width: 1300px;
margin: 0 auto;
}
.menu>ul>li {
float: left;
}
.menu>ul>li>a {
width: 170px;
line-height: 65px;
text-align: center;
font-size: 18px;
display: block;
color: #fff;
}
.menu>ul>li>a:hover {
background: #333333;
color: #FFFFFF;
}
.menu>ul>li:first-child a {
color: #FFFFFF;
}
.menu .li_last {
background: none;
}
/*幻灯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 #61A131;
border: 1px solid #61A131;
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 #61A131;
border: 1px solid #61A131;
}
.banner .bgitem {
height: 500px;
cursor: pointer;
width: 100%;
margin: 0 auto;
position: absolute;
background-position: center top;
background-repeat: no-repeat;
}
/*demo1*/
.demo1 {
width: 1002px;
margin: 0px auto 0px;
}
/*右侧产品列表*/
.demo1_right {
width: 740px;
height: 671px;
float: right;
overflow: hidden;
background: #fff;
}
.demo1_right ul {
margin-left: 27px;
margin-top: 20px;
}
.demo1_right ul li {
width: 233px;
margin: 0 0 8px 0;
float: left;
height:204px;
}
.demo1_right ul li > a {
border: #ddd 1px solid;
width: 218px;
text-align: center;
display: block;
}
.demo1_right ul li p {
width: 220px;
height: 30px;
line-height: 30px;
text-align: center;
}
/*左侧产品分类*/
.demo1_left {
width: 234px;
margin: 0px 0px 20px 0px;
padding: 8px;
background:#C30D23;
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-family: impact;*/
font-size:18px;
}
.typlist {
margin: 0 auto;
}
.typlist_bottom {
height: 10px;
}
.typlist ul li {padding: 0 0 0px 0; border-bottom:1px solid #dddfe0;}
.typlist ul li a {
display: block;
font-size: 14px;
background: url(/templets/guguomobuan2/style/css/img/yq1.png) no-repeat 202px center #fff;
height: 53px;
line-height: 53px;
padding: 0 0px 0 35px;
margin: 0 auto 0px auto;
z-index: 999;
text-decoration: none;
}
.typlist ul li a:hover {background: url(/templets/guguomobuan2/style/css/img/yq2.png) no-repeat 202px center;color:#fff;}
/*左侧联系我们*/
.demo_contact {
margin: 0px auto 0;
background:#fff;
}
.demo_contact_title {background: url(/templets/guguomobuan2/style/css/img/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: 20px;
}
.demo_contact p span {color:#C30D23;font-weight:bold;}
.zcrx {
background: url(/templets/guguomobuan2/style/css/img/lfte_tel.png) no-repeat 5px center #fff;
padding: 10px 2px 12px 55px;
}
.zcrx span {
color: #56667C;
font-size: 14px;
line-height: 14px;
}
.zcrx p {
font-size: 24px;
color: #56667c;
font-family: impact;
}
/*title*/
.title font {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
}
.nameff {
float: left;
width: 492px;
height:56px;
background: url(/templets/guguomobuan2/style/css/img/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;
}
/*deom5*/
.demo5 {margin: 40px 0 0 0;}
/*新闻动态*/
.news {width:100%;}
.news_nr {margin: 20px 0 0 0;}
.news ul {width:1100px;}
.news ul li {line-height:25px; float:left;}
.news ul li a {font-size: 13px;}
.news ul li a span {float:right;}
/*关于我们*/
/*bottom*/
.font_w{font-family: 'Microsoft YaHei'; }
.foot{background: #333;padding:0px 0px 24px; }
.ftNav{background-color: #444; height: 60px;}
.ftNav li{float:left;position:relative;padding-right:64px;height:60px;}
.ftNav li a{color:#fff;line-height:60px;padding-bottom:10px;display:block; font-size: 14px;}
.ftNav li a.ftCur em{position:absolute;height:3px;background:#6AA8F3;left:0px;bottom:-2px;width:53px;}
.ftCon{margin-top:10px; height: 160px;}
.bottom{padding:23px 0px;line-height:30px;color:#888787; width: 570px;}
.bottom a{color:#ffffff;margin:0px 2px;}
.bottom a:hover{color:#ffffff;}
.bottom p span{margin-right:15px; color:#FFFFFF;}
.bottom .cnzz{margin-top:10px;*margin-top:0px;}
.ftLogo{width:300px;margin-top:30px; opacity: 0.3;}
.ftEwm {margin-top:40px;}
.ftEwm img{width:250px;opacity: 0.3;}
.ftEwm p{color:#fff;margin-top:8px;}
.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;
}
/*内页*/
.title_ny {
font-size: 14px;
color: #fff;
font-weight: normal;
line-height: 22px;
overflow: hidden;
height: 20px;
padding: 0 0 10px 40px;
background: url('/templets/guguomobuan2/style/css/img/jt.png') no-repeat 20px 8px;
}
.title_ny span {
margin: 0 0 0 5px;
}
.a_left {
width: 210px;
float: left;
position: relative;
}
.a_title {
height: 45px; border-radius:20px 0px 0px 20px; border-right: #FF6600 3px solid;
line-height: 45px;
background: #dddddd;
font-size: 16px;
padding-left: 17px;
color: #333333;
text-align: left;
}
.a_title a {
color: #333333;
}
.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(/templets/guguomobuan2/style/css/img/jt.gif) no-repeat left center;
padding-left: 12px;
color: #333;
}
.a_list ul li >a:hover {
color: #C30D23;
}
.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(/templets/guguomobuan2/style/css/img/-.gif) no-repeat left center;
color: #333;
}
.a_list ul li dl dd a:hover {
color: #C30D23;
}
.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: #333;
}
.a_contact >p >a:hover {
color: #C30D23;
}
.a_contact img {
margin: 5px 0 5px 0;
}
.a_tel {
background: url(/templets/guguomobuan2/style/css/img/dh.gif) no-repeat 8px center;
text-align: left;
padding-left: 68px;
margin-bottom: 10px;
}
.a_tel span {
color: #333;
}
.a_tel p {
color: #C30D23;
font: 14px "Impact";
}
.a_right {
width: 1020px;
float: right;
position: relative;
margin: 41px 0 0 0;
margin-bottom: 40px;
}
.content {
padding: 20px 10px;
margin: 10px 0 20px 0;
}
.content p {
color: #333;
font-size: 12px;
line-height: 28px;
}
/* 下一个产品 */
.preNext {
position: relative;
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: #333;
}
.preNext .text a:hover {
color: #C30D23;
text-decoration: underline;
}
.preNext .text li a {
color: #333;
}
.preNext .text li a:hover {
color: #C30D23;
}
.preNext .text_b {
color: #C30D23;
}
.preNext .text_b a {
color: #C30D23 !important;
}
.nrfg{ border-bottom: 1px solid #ccc; margin: 20px 0 0 0;}
.nrfg span{ font-size: 15px; font-weight: bold;}
/*新闻列表*/
.news_list li {
height: 30px;
}
.news_list li {
font-size: 14px;
}
.news_list span {
float: right;
}
.news_list li a {
color: #333;
}
.news_list li a:hover {
color: #61A131;
}
/* 翻页 */
.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 #C30D23;
background: #C30D23;
}
.page_list a.on {
color: #fff;
border: 1px solid #C30D23;
background: #C30D23;
}
/*新闻详细*/
.title_news_article {
font-size: 24px;
color: #333333;
height: 50px;
text-align: center;
}
.news_aticle {
line-height: 24px;
font-size: 14px;
color: #333;
}
/*product 页面*/
.prolist {
}
.prolist ul li {
float: left;
margin: 0 7px 0 8px;
height:260px;
}
.prolist ul li > a {
display: block;
width: 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: #333;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
}
.prolist ul li p a:hover {
color: #61A131;
}
/* 产品详情 */
.proinfo {
width: 100%;
height: 250px;
}
.photo{width: 100%;height: 350px;}
.photo h3{ text-align: center; font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.photo h3 a{color:#333;}
.photo_img{ width: 400px; border: 1px #d0d0d0 solid; margin: 0 auto;}
.proinfo_img {
float: left;
width: 400px;
border: 1px #d0d0d0 solid;
}
.proinfo_text {
float: left;
width: 470px;
margin-left: 30px;
}
.proinfo_text h1 {
color: #C30D23;
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: #333;
}
.pro_c {
color: #333;
padding-bottom: 20px;
line-height: 24px;
}
/*相关信息*/
.related_news {
margin: 20px 0 0 0;
height: 120px
}
.related_title {
border-bottom: 1px solid #ccc;
margin: 0px 0 10px 0;
}
.related_title span {
font-size: 14px;
font-weight: bold;
color: #333333;
}
.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: 200px;
margin-left: 13px;
margin-right: 13px;
}
.related_product ul li>a {
border: 1px #ddd solid;
width: 200px;
height: 150px;
display: block;
}
.related_product ul li p a {
text-align: center;
display: block;
}
/*案例*/
.case_show {width:1002px; 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 #333;
box-shadow: 0 4px 4px #333;
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: #C30D23;
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 #333;
box-shadow: 0 4px 4px #333;
}
.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(/templets/guguomobuan2/style/css/img/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:#C30D23;}
.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 #C30D23;background:#C30D23;}
.page_list a.on{color:#fff;border:1px solid #C30D23;background:#C30D23;}
.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: #008C17;
color: #ffffff;
}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.bg1_cont {width: 960px;margin:0 auto;/* height: 328px; */overflow: hidden;}
.bg1_text {padding-left: 30px;width:472px;background: url(/templets/guguomobuan2/style/css/img/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;}
.adv1 {background: url(/templets/guguomobuan2/style/css/img/adv1.jpg) center no-repeat; height:721px;}
.adv3 {background: url(/templets/guguomobuan2/style/css/img/adv3.jpg) center no-repeat; height:206px; margin-bottom:25px;}
color: #fff;
left: 50%;
font-size:14px;
margin: 0 0 0 -465px;}
.adv2 a:hover {color:#fab00e;}
/* 二级产品分类 */
.f6{ padding: 45px 0;
width: 234px;}
.title1{width:234px; background:#C30D23; height:80px; background:#C30D23;}
.title1 span { margin: 0 0 0 5px; text-transform: uppercase; font-size: 20px; color: #fff; padding-left: 30px; }
.title1 h3{ font-size:24px; color:#F1F1F1; font-weight:normal; text-align:left; padding-left: 60px; line-height: 45px;}
/* 案例 */
.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(/templets/guguomobuan2/style/css/img/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:#333; 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:#333; border:none;}
/* 留言 */
.content01{padding: 10px 10px 20px 10px;}
.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;}
button.form-sub{width: 650px; margin: 0 auto; clear: both; padding: 12px 0;}
.form-sub{ height: 40px; color: #fff; background: #61A131; border: none;}
.form-control-y{ float: left; width: 100px; border: 1px #ddd solid; height: 30px; line-height: 30px;}
.content {
border: 1px solid #ccc;
padding: 20px 10px;
margin: 10px 0 20px 0;
}
.content p {
color: #333;
font-size: 12px;
line-height: 28px;
}
/* 首页热销产品 */
.box{ width:1200px; margin:0 auto; position:relative; overflow:hidden; _height:100%;margin-bottom: 10px;}
.hotproduct {margin: 15px 0 20px 0;}
#demo1p {
width: 1200px;
height: 225px;
overflow: hidden;
position: relative;
}
#indemo1p {
float: left;
width: 800%;
}
#demo1p1 {
float: left;
}
#demo1p2 {
float: left;
}
.top_14 {
list-style: none outside none;
display: inline;
}
ul {
list-style: none outside none;
}
.top_14 li {
float: left;
height: 210px;
overflow: hidden;
padding-right: 5px;
padding-top: 5px;
text-align: center;
width: 230px;
background: #fff;
margin-right: 20px;
padding-left: 5px;
border: 5px #eee solid;
}
.top_14 h3 {
height: 180px;
margin: 0 auto;
}
.top_14 h3 a {
width: 230px;
height: 180px;
padding: 1px;
display: table-cell;
vertical-align: middle;
text-align: center;
*display:block;
*font-size: 129px;
*font-family:Arial;
/* color: #003366;
font-weight: bold; */
}
.top_14 h3 img {
vertical-align: middle;
}
.top_14 li p {
margin-top: 7px;
}
.top_14 li p .a1 {
font-size: 12px;
border: 0px;
padding: 0px;
overflow: hidden;
display: block;
height: 24px;
}
.top_14 li p .a1:hover {
color: #2061c4;
}
/* 首页热销产品结束*/
/* 首页优势 */
.youshi{background:url('/templets/guguomobuan2/style/css/img/youshi.jpg') no-repeat center; height:257px;width:100%; margin-top: 30px;}
.youshi2{background:url('/templets/guguomobuan2/style/css/img/youshi2.jpg') no-repeat center; height:401px;width:100%; margin-top: 30px;}
.youshi3{background:url('/templets/guguomobuan2/style/css/img/youshi3.jpg') no-repeat center; height:363px;width:100%; margin-bottom: 20px; }
/*首页产品展示*/
.main {background: #fff;}
.font_w {font-family: 'Microsoft YaHei'; }
.wfixed {width: 1280px; margin: 0px auto; padding: 0px; }
.fl {float: left;}
.insLeft{width:270px; /* margin-top:20px; */ clear: left;}
.mt30 { background:#fff;}
.fs26{font-size:24px;}
.fs16 {font-size: 12px; }
.fs14 {font-size: 14px; }
.asidePro dt{ border-bottom:1px #eee solid; background:url('/templets/guguomobuan2/style/css/img/ico2.gif') no-repeat 10px center; height:50px; list-style: none;
padding-bottom: 2px; width: 200px; margin: 0 auto;}
.asidePro dt a{display:block;line-height:50px;color:#333;margin:1px 0px; text-align:left; padding-left:25px; font-size: 18px;}
.asidePro dt a:hover,.asidePro dt a.cur{color:#61A131;}
/*首页产品展示*/
.main {
background: #fff;
border-bottom: 1px #EDEDED solid;
}
.wfixed {
width: 1300px;
margin: 0px auto;
padding: 0px;
}
.tac { text-align: center; }
.fs22 { font-size: 26px; font-weight: bold; }
.line{ width: 200px; height: 3px; background: #cc0000; display: inline-block;}
.woutLine .tit{height:76px;border-bottom:1px solid #ededed;line-height:30px;padding-top:35px;}
.woutLine .tit span{color:#146CD7;}
.woutLine .tit p{color:#9f9f9f;}
.woutLine .tit em{margin-bottom: 6px;left:526px;}
.ipro{
padding: 0px;
width: 1020px;
margin: 0 auto;
margin-bottom: 10px;
float: left;
margin-top:20px;
margin-left: 20px;
}
.ipro div{float: left; }
.ipro h3{ width: 100%; height: auto; border: 1px solid #eee; text-align: center;}
.ipro h3 img{vertical-align:middle;}
.ipro p a{display: block;
text-align: center;
font-size: 15px;
height: 30px;
line-height: 30px;
color: #333;
border-top: 0px;}
.ipro p a:hover{ color: #fff;
background: #61A131;}
.cpfllb{ width: 1020px;
margin: 0px auto;
margin-top: 20px;}
.cpfllb a{ font-size: 14px;
color: #333;}
.cpfllb a:hover{color:#0063CA;}
.cpfllb span { padding: 0px;
font-size: 12px;
color: #333;}
.mt15{ border: 1px solid #EFEFEF; border-bottom: 5px solid #EFEFEF;}
/* 首页新闻 */
.dtWrap{margin-top: 20px;}
.wtjd{ width: 550px; height: 360px; padding: 15px 40px;}
.contTit{ position: relative; height: 40px; line-height: 40px;}
.contTit .titA{ padding-left: 12px; background: url(/templets/guguomobuan2/style/css/img/titA.png) no-repeat left center; color: #333;font-size: 20px; font-weight: bold;}
.contTit .titMore{ position: absolute; right: 0; top: 0; font-weight: normal; color: #999;}
.dtBox li{ height: 32px; line-height: 32px; overflow: hidden;}
.dtBox li a{ padding-left: 12px; font-size: 14px; color: #666;}
.wtjdCont ul{ margin-bottom: 10px; }
.wtjdCont li a{
color: #FF0000;
margin-left: 30px;
font-size: 14px;
}
.wtjdCont li a span{float:right; color: #61A131;}
.wtjdCont p{ background-image: url(/templets/guguomobuan2/style/css/img/jd_ico.png); font-size: 14px;}
.wtjdCont li, .wtjdCont p{ line-height: 22px; padding: 3px 0; padding-left: 28px; background-position: left 7px; background-repeat: no-repeat;}
.wtjdCont li{ padding: 4px 0; background-image: url(/templets/guguomobuan2/style/css/img/tw_ico.png); font-size: 13px; line-height: 22px; background-position: left 7px; background-repeat: no-repeat;}
.cpzs-more{margin:0 auto; width:500px;height:auto; margin-top:20px; text-align:center;}
.cpzs-more1{width:200px; height:35px; background-color:#C50000;text-align:center; padding-top:5px;margin-right:50px;}
.cpzs-more1 a{font-family:"微软雅黑"; font-size:15px; color:#fff;}
.cpzs-more1:hover{background-color:#333333;}
.cpzs-more2{width:200px; height:35px; background-color:#333333;text-align:center; padding-top:5px;}
.cpzs-more2 a{font-family:"微软雅黑"; font-size:15px; color:#fff;}
.cpzs-more2:hover{background-color:#C50000;}
.title{height:60px; background:url(/templets/guguomobuan2/style/css/img/title.png) no-repeat center; width:1200px; margin-top: 30px;}
.title p{font-size:24px; font-weight:bold; color:#c00; text-align:center;}
.title span{color:#555; font-size:14px; text-align:center; display:block;}
.tit2{ line-height: 94px; border-radius:20px 20px 0px 0px;
background: #1951B2;
height: 94px;}
.tit2 span{ display: block;
color: #fff;
padding-top: 18px;
text-decoration: none;
font: 24px "Microsoft YaHei";
font-weight: bold;
text-align: center;}
.tit2 em{ display: block;
font: 18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 4px;color:#fff;opacity: 0.5;}
.tit2 p{color:#fff;}
.link{ overflow:hidden; margin-top: 30px; }
.link h4{ font:18px "Microsoft YaHei"; height:40px; line-height:40px; overflow:hidden; float:left; width: 150px;}
.link h4 a{ color:#222;text-decoration:none;}
.link h4 em{ font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 8px;}
.link p{ width:1050px;margin-top: 11px; font:14px "Microsoft YaHei"; float:right; height:40px; color:#222;}
.link p a{ color:#222; padding:0 15px; display:inline-block;}
.link p em{ font-family:"宋体";}
.lxwm p{font-size: 14px; text-align: left; margin-left: 10px; line-height: 28px; margin-right: 10px;}
.lxwm{margin-bottom: 20px; margin-top: 10px;}
.youshi{
background:url(/templets/guguomobuan2/style/css/img/hx_48.jpg) no-repeat top center;
width:100%;
margin:0 auto;
height:142px;
}
#youshi{width:1002px; margin:0 auto; height:auto;}
#youshi span{font-size:18px; line-height:45px;display:inline-block;}
#youshi h3{color:#da251c;font-weight:900;display:inline-block;margin-left:45px;float:left;}
.youshi_1{background:url(/templets/guguomobuan2/style/css/img/hx_49.jpg) no-repeat top center;width:100%; margin:0 auto;height: 291px;}
.youshi_2{background:url(/templets/guguomobuan2/style/css/img/hx_50.jpg) no-repeat top center;width:100%; margin:0 auto;height: 220px;}
.youshi_3{background:url(/templets/guguomobuan2/style/css/img/hx_51.jpg) no-repeat top center;width:100%; margin:0 auto; height: 290px;}
.youshi1_wz{padding:116px 0 0 654px;font-size:14px; line-height:28px;}
.youshi2_wz{padding:43px 0 0 360px; font-size:14px; line-height:28px;width: 385px;}
.youshi3_wz{padding: 40px 0 0 636px;font-size:14px; line-height:28px;}
.h-pro-gun01 li{
float: left; text-align:center; margin:10px;
width:310px;
height: 330px;
border: 1px solid #ccc;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover{
background-color: #EAEAEA;
border: 1px solid #f5f5f5;
-webkit-box-shadow:0 2px 20px rgba(102,102,102,.55);-moz-box-shadow:0 2px 20px rgba(102,102,102,.55);box-shadow:0 2px 20px rgba(102,102,102,.55);
}
.h-pro-gun01 li .tu{
text-align:center;
width: 310px;
height: 240px;
padding:0px;
border:0px solid #434343;
background-color: #e5e5e5;
overflow: hidden;
}
.h-pro-gun01 li .tu img{
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover .tu img{
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.h-pro-gun01 li .p1-t{
margin:0 auto;
width: 100%;
height: 40px;
background-color: #ececec;
}
.h-pro-gun01 li .p1-t a h3{
display: block;
height:40px;
line-height: 40px;
font-size: 15px;
color: #333;
text-align: center;
letter-spacing: 0px;
}
.h-pro-gun01 li .p1-t p{
display: block;
float: right;
width: 110px;
height: 32px;
text-align: center;
line-height: 32px;
text-indent: 25px;
font-size: 17px;
color: #fff;
}
.h-pro-gun01 li:hover .p1-t a h3{
font-size: 17px;
background-color: #dc241c;
color: #fff;
}
.h-pro-gun01 li .dianhu{
margin-top:5px;
width: 100%;
height: auto;
}
.h-pro-gun01 li .dianhu:hover{
margin-top:5px;
width: 100%;
height: auto;
color:#d90303;
}
.h-pro-gun01 li .dianhu p{
display: block;
padding:2px 0px 2px 0px;
font-size: 20px;
color: #d90303;
font-family: impact;
letter-spacing: 0px;
transition: all 0.3s ease-out;
}
.h-pro-gun01 li .dianhu p:hover{
display: block;
padding:2px 0px 2px 0px;
font-size: 20px;
color: #FFFFFF;
font-family: impact;
letter-spacing: 0px;
transition: all 0.3s ease-out;
}
.h-pro-gun01 li .dianhu span{
display: block;
padding:0px;
font-size: 16px;
color: #d90303; line-height:25px;
font-family: impact;
letter-spacing: 0px;
transition: all 0.3s ease-out;
}
.h-pro-gun01 li .dianhu span:hover{
display: block;
padding:0px;
font-size: 16px; line-height:25px;
color: #d90303;
font-family: impact;
letter-spacing: 0px;
transition: all 0.3s ease-out;
}
.h-pro-gun02 li{
float: left;
margin-right: 14px;
width:302px;
height: 270px;
border: 1px solid #ccc;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-top: 10px;
}
.h-pro-gun02 li:hover{
border: 1px solid #f5f5f5;
-webkit-box-shadow:0 2px 20px rgba(102,102,102,.55);-moz-box-shadow:0 2px 20px rgba(102,102,102,.55);box-shadow:0 2px 20px rgba(102,102,102,.55);
}
.h-pro-gun02 li .tu{
margin-top: 7px;
margin-left: 10px;
width: 280px;
height: 220px;
padding:0px;
border:0px solid #434343;
background-color: #CCCCCC;
overflow: hidden;
}
.h-pro-gun02 li .tu img{
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.h-pro-gun02 li:hover .tu img{
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.h-pro-gun02 li .p1-t{
margin:0 auto;
width: 94%;
height: 32px;
background-color: #fbfbfb;
}
.h-pro-gun02 li .p1-t a h3{
display: block;
height:32px;
line-height: 32px;
font-size: 15px;
color: #333;
text-align: center;
letter-spacing: 0px;
}
.h-pro-gun02 li .p1-t p{
display: block;
float: right;
width: 110px;
height: 32px;
text-align: center;
line-height: 32px;
text-indent: 25px;
font-size: 16px;
color: #fff;
}
.h-pro-gun02 li:hover .p1-t a h3{
background-color: #dc241c;
color: #fff;
}
.h-pro-gun02 li .dianhu{
margin-top:5px;
width: 380px;
height: auto;
}
.h-pro-gun02 li .dianhu p{
display: block;
padding:2px 0px 2px 20px;
font-size: 22px;
color: #5b5b5b;
color: #d90303;
font-family: impact;
letter-spacing: 0px;
transition: all 0.3s ease-out;
}
.h-pro-gun02 li .dianhu span{
display: block;
padding:2px 0px 2px 20px;
font-size: 22px;
color: #d90303;
font-family: impact;
letter-spacing: 0px;
transition: all 0.3s ease-out;
}
.part-bt2{
margin: 0px auto;
padding-top: 30px;
padding-bottom: 30px;
background: url(/templets/guguomobuan2/style/css/img/line01.jpg) center 110px no-repeat;
font-size: 14px;
color: #3d3d3d;
line-height: 30px;
text-align:center;
text-transform: uppercase;
}
.part-bt2 img{ margin-top: 10px;}
.part-bt2 span{ font-size: 30px; font-family: "华文细黑"; color: #d2d2d2; font-weight:normal; }
.part-bt2 .red{
font-size: 24px;
color: #d41616;
font-weight: bold;
}
.part-bt2 .red:hover{
font-size: 24px;
color: #d41616;
font-weight: bold;
}
.part-bt2 a{ font-size: 30px; color: #3c3c3c;font-weight:normal; }
.part-bt2 a:hover{ font-size: 30px; color: #3c3c3c; font-weight: normal;}
.part-bt3{
margin: 0px auto;
padding-top: 20px;
padding-bottom: 20px;
font-size: 14px;
color: #c0c0c0;
text-align:center;
text-transform: uppercase;
}
.part-bt3 img{ margin-top: 10px;}
.part-bt3 span{ font-size: 34px; color: #3c3c3c; font-weight:normal;}
.part-bt3 a{ font-size: 34px; color: #3c3c3c; font-weight:normal; }
.part-bt3 a:hover{ font-size: 30px; color: #3f3f3f; font-weight: normal;
font-weight: bold; }
.width-1200{
width:1280px;
margin:0 auto;
}
#bottom{ padding-top: 50px; width: 100%; background:#26315e;}
.bottom{ margin: 0px auto; width: 1200px; color: #e2e2e2; line-height: 36px; font-size: 18px; }
.bottom1{
float:left;
padding-bottom: 30px;
float: left; }
.bottom1 h2{ margin-bottom: 10px; padding: 10px 0px; color: #e2e2e2; font-size: 18px; text-align:left;
background: url(/templets/guguomobuan2/style/css/img/endline.jpg) left bottom no-repeat;}
.bottom1 h2 a{ color: #e2e2e2; font-size: 24px;}
.bottom1 p{ font-size:14px;color: #e2e2e2; line-height: 24px;}
.bottom1 p a{ font-size:14px; color: #e2e2e2; }
.bottom-dh{
float:left;
width: 322px;
color: #e2e2e2;
line-height: 24px;}
.bottom-dh h2{
padding: 10px 0px;
color: #e2e2e2;
font-size: 20px;
text-align:left;
font-weight: normal;
}
.bottom-dh h2 a{ color: #e2e2e2; font-size: 20px;}
.bottom-dh ul{ margin: 0px; padding:0px;}
.bottom-dh ul li{
float: left;
height: 30px;
line-height: 30px;
text-align:left; }
.bottom-dh ul li a{
display: block;
float:left;
width: 150px;
font-size: 14px;
color: #e2e2e2;
transition: 0.2s all;}
.bottom-dh ul li a:hover{
color:#e2e2e2; }
.bottom-dh2{
width: 220px;
float:left; }
.bottom-dh2 h2{
padding: 10px 0px;
color: #e2e2e2;
background: url(/templets/guguomobuan2/style/css/img/dhline.jpg) top left no-repeat;
font-size: 20px;
text-align:left;
font-weight: normal;
}
.bottom-dh2 h2 a{ color: #e2e2e2; font-size: 20px; }
.bottom-dh2 ul{ margin: 0px; padding:0px;}
.bottom-dh2 ul li{
float: left;
width: 105px;
height: 25px;
line-height: 25px;
text-align: center; }
.bottom-dh2 ul li a{
display: block;
margin-right: 20px;
float:left;
font-size: 14px;
color: #e2e2e2;
transition: 0.2s all;}
.bottom-dh2 ul li a:hover{
color:#e2e2e2;
text-align: center; }
.bottom-bq{ margin:0 auto; padding:5px; height:65px; border-top: 1px solid #2f3964; color: #FFFFFF; font-size:14px; line-height: 65px;}
.bottom-bq a{color: #ffffff; font-size:14px;}
.bottom-bq a:hover{color: #ffffff; font-size:14px;}
.listfl ul li{ float: left; width: 218px; line-height: 46px; text-align:left; }
.listfl ul li a{display: block; width: 250px; height: 45px; line-height: 45px;
text-align:left; background: #cd2210; font-size: 18px; color: #fff; font-weight: bold;
border-radius:10px 10px 0px 0px; text-indent: 40px; }
.listfl ul li dl{margin: 0px; padding: 0px;}
.listfl ul li dl dt{width: 248px; }
.listfl ul li dl dt a{width:248px; height: 43px;border-radius:0px 0px 0px 0px; line-height: 43px;
text-align:left; border: #eaeaea 1px solid;border-top: none; font-size: 15px;
color: #565656; background:#f9f9f9 url(/templets/guguomobuan2/style/css/img/fl01.png) 35px 17px no-repeat; text-indent: 50px;}
.listfl ul li dl dt a:hover{ font-size: 15px; color: #cd2210; }
.part-cppic{ float: left; margin: 8px; overflow: hidden; }
.part-cppic .pic{ overflow: hidden;}
.part-cppic .date{ padding-top: 8px;transition: 0.6s all; }
.part-cppic:hover .date{ background: #cd081a; color: #0064a9;}
.part-cppic:hover .date1{ color: #ffffff;}
.part-cppic .date1{ height: 35px; font-size: 16px;
line-height: 25px; font-weight:normal;text-align: center;}
.part-cppic .pic img{
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.part-cppic:hover .pic img{
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.part-cppic .date2{
margin: 0px auto;
width: 85%;
height: 49px;
text-align: center;
font-size: 18px;
background: #4ab540;
color: #ffffff;
line-height: 49px;}
.part-cppic .date3{
height: 45px;
line-height: 45px;
text-align:center;
color: #4ab540;
}
.part-cp1{ width: 1200px; background:#f5f5f5; margin-top:17px; }
.part-cp1 .list ul{margin: 0px; padding: 10px 0px;}
.part-cp1 .list ul li{ float:left; }
.part-cp1 .list ul li a{ margin: 5px; border-radius:10px; margin-bottom:10px; display: block; padding: 10px; font-size: 16px; font-weight:normal; color: #ffffff;
background: #015cb5;}
.part-cp1 .list ul li a:hover{ margin: 5px; border-radius:10px; margin-bottom:10px; display: block; padding: 10px; font-size: 16px; font-weight:normal; color: #ffffff;
background: #ed212c;}
.part-cp2{ width: 950px; padding-top: 30px; }
.part-lxcon{
background: #f9f9f9;
border: 1px solid #eaeaea;
padding:10px;
line-height: 26px;
}