@CHARSET "big5";
/*公共样式*/
*html{background-image:url(about:blank);background-attachment:fixed;}
body,div,span,a,img,iframe,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,em,var,strong,input,p,textarea,select,option,table,tr,td,button{margin:0;padding:0;color:#333;font-family:Arial,"微软雅黑","宋体"}
html{min-width:1000px;overflow-x:hidden}
body{font-size:12px;background-color:#7e1825}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;outline:none}
a img{border:none;}
img{border:none;}
map{border:none;display:inline;}
area{border:none;outline:none}
em,var,i{font-style:normal;}
textarea{resize:none;outline:none}
input{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clear,.c{clear:both;height:0;overflow:hidden;}
.left{float:left !important;}
.right{float:right !important;}
/*首页開始*/
.index{width:978px;/*height:500px;*/background-color:#E2E1CF;margin:0 auto; margin-top:10px;
border: 1px solid #B07E7A;
border-bottom: none;
}
.header{width:100%;/*height:400px;*/}
.logo{width:524px;/*height:200px;background:green;*/margin:0 auto;}
/*.logo img{margin-left:103px;}*/
/*.logo img{margin-left:17px;}*/
.nav{width:750px;height:60px; /*border:solid 5px #C40411;*/margin:0 auto;margin-top:30px;
}
.nav ul.nav_list{width:638px; height:60px;margin:0 auto;}
.nav ul.nav_list li{float:left; height:60px; width: 130px;
display:inline;
}
.nav ul.nav_list li.first{
width: 114px;
}
.nav li a{
height:60px; width: 131px;
display:block;
float:left;
}
#header .nav .fir.blk{
background:url(../images/home.jpg) no-repeat;
}
#header .nav .fir.red{
background:url(../images/home_hover.jpg) no-repeat;
}
#header .nav .sec.blk{
background:url(../images/about.jpg) no-repeat;
}
#header .nav .sec.red{
background:url(../images/about_hover.jpg) no-repeat;
}
#header .nav .thi.blk{
background:url(../images/product.jpg) no-repeat;
}
#header .nav .thi.red{
background:url(../images/product_hover.jpg) no-repeat;
}
#header .nav .for.blk{
background:url(../images/news.jpg) no-repeat;}
#header .nav .for.red{
background:url(../images/news_hover.jpg) no-repeat;}
#header .nav .fiv.blk{
background:url(../images/contact.jpg) no-repeat;
}
#header .nav .fiv.red{
background:url(../images/contact_hover.jpg) no-repeat;
}
#header .img{
margin:15px auto;
margin-top:35px;
margin-left: 36px;
}
#header .tab{
height: 30px;
width: 185px;
margin-left:797px;
margin-top:10px;
}
#header .tab li{
display: block;
float: left;
width:35px;
height:35px;
margin-left:35px;
/*border:4px solid #B44645;*/
/*border-radius:35px;*/
}
#header .tab a{
display: block;
height: 14px;
font-size: 14px;
font-weight: 700;
line-height: 35px;
text-align: center;
color:#E50012;
}
#header .img .img-list{
width: 980px;
height: 335px;
/*margin-right: 24px; */
margin: 0 auto;
}
#header .img .img-list li{
display:block;
float:left;
margin-top:4px;
}
#header .img .img-list .left{
width:490px;
height: 320px;
position: relative;
margin-left:3px;
margin-right: 0px;
}
#header .img .img-list .left li{
display: none;
position:absolute;
left: 0;
top:-6px;
}
#header .img .img-list .left li img{
margin:0;
/*width: 550px;*/
width:490px;
/*height: 326px;*/
height: 325px;
}
#header .img .img-list .right-pic{
width:410px;
height:326px;
float:left;
margin-left:0px;
margin-top: -5px;
}
#header .img .img-list .right-pic li{
margin-left:9px;
display: inline;
/*background: red;*/
margin-bottom:6px;
margin-top:3px;
}
#header .img .img-list .right-pic li.fir,li.last{
height:158px;
width:150px;
display:block;
float: left;
}
#header .img .img-list .right-pic li.last img{
height:158px;
width:150px;
}
#header .img .img-list .right-pic li.fir img{
height:158px;
width:150px;
}
#header .img .img-list .right-pic li.sec,li.thr{
height:158px;
width:240px;
display: block;
float: left;
}
#header .img .img-list .right-pic li.sec img{
height:158px;
width:240px;
}
#header .img .img-list .right-pic li.thr img{
height:158px;
width:240px;
}
#news{
/*width: 906px;*/
width:978px;
background:#E2E1CF;
/*height: 335px;*/
padding-bottom:50px;
margin: 0 auto;
margin-top:-20px;
float: left;
}
#news div.left{
/*width:415px;*/
width:300px;
height:283px;
/*background: red;*/
/*border:3px solid #C84449;
border-radius:36px;*/
/*background: url(../images/l-news.png) no-repeat center center;*/
background:#E2E1CF url(../images/AA2.png) no-repeat ;
position:relative;
margin-top:8px;
margin-left:33px;
/*padding-bottom: 20px;*/
padding-top:30px;
padding-bottom:150px;
margin-bottom: 50px;
clear:both;
}
#news div.left .title{
width:100px;
height:30px;
/* background:#E4E3D1;*/
margin-top: -20px;
margin-left:15px;
margin-bottom:15px;
}
#news div.left .content{
}
#news div.left .content li{
width:385px;
height:30px;
display: block;
margin-left: 15px;
margin-top:10px;
}
#news div.left .content li a{
font-size: 16px;
height: 30px;
line-height: 30px;
font-weight: 700;
}
#news div.right{
/*width:585px;
height: 455px;*/
width:600px;
/*height: 475px;*/
padding-bottom: 50px;
/*border:3px solid #C84449;
border-radius:36px;*/
/*
background:#E4E3D1 url(../images/r-photo.png) no-repeat center center;*/
/*background:#E4E3D1 url(../images/BB2.png) no-repeat -5px -10px;*/
background:#E2E1CF url(../images/BB2.png) no-repeat 0px 0px;
margin-right:28px;
margin-top:10px;
padding-left: 10px;
padding-top: 20px;
margin-left:-30px;
padding-bottom: 20px;
}
#news div.right .title{
width:100px;
height:30px;
/* background:#E4E3D1;*/
margin-top: -18px;
margin-left:15px;
margin-bottom:15px;
}
#news div.right li{
display: block;
height:200px;
width:180px;
float: left;
margin-left:10px;
margin-right: 0;
margin-bottom:10px;
}
#news div.right li p{
text-align: center;
line-height: 20px;
font-size: 14px;
color:#7E1825;
}
#news div.right li img{
width:180px;
height:180px;
margin: 0;
padding: 0;
}
#last{
width: 978px;
height:450px;
background:#E4E3D1;
}
/*首页結束*/
/*宜昌簡介開始*/
#intro{
width: 978px;
/*height: 500px;*/
margin:0 auto;
font-size: 14px;
clear: both;
/*background:#E2E1CF;*/
/*padding-left: 40px;*/
}
#intro .location{
width: 900px;
margin-left: 40px;
}
#intro .cat_title{
margin-left: 30px;
}
#intro .intro_content{
width:978px;
border: none;
margin-top:0px;
/*height: 500px;*/
/* background:red;*/
float: left;
background:#E2E1CF;
}
#intro .intro_content .intro_left{
width:150px;
/* height:300px;*/
/* background: green;*/
float: left;
margin-left: 18px;
margin-top: 15px;
}
#intro .intro_content .intro_left li{
margin-left: 20px;
width:95px;
height:34px;
float: left;
margin-top: 10px;
/*border: 2px solid #BE191F;
border-radius:10px;*/
}
#intro .intro_content .intro_left li a{
width:95px;
height:34px;
display: block;
}
#intro .intro_content .intro_left li .fir.blk{
background: url(../images/jianjie.png) no-repeat -1px 0;
}
#intro .intro_content .intro_left li .fir.red{
background: url(../images/jianjie_hover.jpg) no-repeat;
}
#intro .intro_content .intro_left li .sec.blk{
background: url(../images/zhengshu.png) no-repeat -1px 0;
}
#intro .intro_content .intro_left li .sec.red{
background: url(../images/zhengshu_hover.jpg) no-repeat;
}
#intro .intro_content .intro_left li .thr.blk{
background: url(../images/machine.png) no-repeat -1px 0;
}
#intro .intro_content .intro_left li .thr.red{
background: url(../images/machine_hover.jpg) no-repeat;
}
#intro .intro_content .intro_right{
width:656px;
float: right;
margin-top: 10px;
margin-right:90px;
padding-bottom:250px;
}
/*宜昌簡介結束*/
/*產品列表頁開始*/
#intro .intro_content .pro_right{
width:740px;
/*height:300px;*/
float: right;
margin-top: 10px;
margin-right:10px;
}
#intro .intro_content .pro_right li{
width: 220px;
height:230px;
display:block;
float:left;
margin: 10px;
}
#intro .intro_content .pro_right li img{
width: 220px;
height:200px;
}
#intro .intro_content .pro_right li p{
text-align: center;
line-height:25px;
color:#000;
font-size: 14px;
}
#pro_list{
width:500px;
height: 30px;
margin-left: 430px;
margin-top:10px;
}
#pro_list li{
display: block;
float:left;
margin-right:40px;
}
#pro_list li a{
font-family: '微軟雅黑';
font-size:22px;
font-weight:700;
line-height:30px;
}
/*左侧列表开始*/
#pro .pro_fir.blk{
background: url(../images/pro1.png) no-repeat -1px 0;
}
#pro .pro_fir.red{
background: url(../images/pro1_hover.jpg) no-repeat;
}
#pro .pro_sec.blk{
background: url(../images/pro2.png) no-repeat -1px 0;
}
#pro .pro_sec.red{
background: url(../images/pro2_hover.jpg) no-repeat;
}
#pro .pro_thr.blk{
background: url(../images/pro3.png) no-repeat -1px 0;
}
#pro .pro_thr.red{
background: url(../images/pro3_hover.jpg) no-repeat;
}
#pro .pro_for.blk{
background: url(../images/pro4.png) no-repeat -1px 0;
}
#pro .pro_for.red{
background: url(../images/pro4_hover.jpg) no-repeat;
}
#pro .pro_fiv.blk{
background: url(../images/pro5.png) no-repeat -1px 0;
}
#pro .pro_fiv.red{
background: url(../images/pro5_hover.jpg) no-repeat;
}
/*左侧列表结束*/
/*產品列表頁結束*/
/*產品詳情頁開始*/
#intro .intro_content .intro_con_rig{
width:735px;
/*height: 300px;*/
margin-left:230px;
background: #E2E1CF;
}
#intro .intro_content .intro_con_rig .pic{
width: 300px;
height:250px;
float: left;
}
#intro .intro_content .intro_con_rig img{
width: 300px;
height:250px;
margin-left:-20px;
margin-top: 10px;
}
#intro .intro_content .intro_con_rig .con{
width: 370px;
/*height:250px;*/
margin-left: 30px;
margin-top: 30px;
float:left;
}
#intro .intro_content .intro_con_rig .con p{
font-size: 16px;
line-height:25px;
}
/*產品詳情頁結束*/
/*最新消息開始*/
#intro .intro_content .intro_left li .new_fir.blk{
background: url(../images/2015.jpg) no-repeat;
}
#intro .intro_content .intro_left li .new_fir.red{
background: url(../images/2015_hover.jpg) no-repeat;
}
#intro .intro_content .intro_left li .new_sec.blk{
background: url(../images/2013.jpg) no-repeat;
}
#intro .intro_content .intro_left li .new_sec.red{
background: url(../images/2013_hover.jpg) no-repeat;
}
#intro .intro_content .intro_left li .new_thr.blk{
background: url(../images/2012.jpg) no-repeat;
}
#intro .intro_content .intro_left li .new_thr.red{
background: url(../images/2012_hover.jpg) no-repeat;
}
/*消息列表页右侧样式开始*/
#intro .intro_content .intro_right{
width:700px;
/*background: white;*/
margin-right:45px;
padding-left: 18px;
padding-right: 18px;
}
#intro .intro_content p.list{
width:490px;
height:45px;
margin-left:50px;
line-height:55px;
/*background: red;*/
border-bottom: 1px solid #666863;
}
/*消息列表页右侧样式结束*/
/*最新消息結束*/
/*聯絡我們開始*/
#intro .address{
width: 800px;
/*height:100px;*/
margin-left:50px;
margin-top: 15px;
}
#intro .email{
width: 750px;
height:460px;
background:white;
border:1px solid #AA7457;
border-radius:15px;
margin-left:50px;
padding-top: 15px;
}
#intro .email p{
text-indent: 2em;
color: #95522E;
margin-top: 10px;
height:30px;
}
#intro .email p span{
display: block;
float: left;
height:30px;
padding: 0;
margin: 0;
}
#intro .email p span.test{
width:160px;
line-height:30px;
color: #995734;
}
#intro .email p span input{
width:480px;
height:30px;
border: 1px solid #995734;
border-radius:10px;
padding-left: 20px;
margin: 0;
}
#intro .email p.vcode span.code{
width:200px;
margin-right:30px;
}
#intro .email p.vcode span.code input{
width:200px;
}
#intro .email .msg{
/*width: 800px;*/
height:150px;
}
#intro .email .msg span.text{
height:150px;
}
#intro .email .msg span.text textarea{
width:500px;
height: 150px;
border: 1px solid #995734;
border-radius:10px;
}
#intro .email p.sub input{
width: 50px;
margin-left:250px;
margin-top: 15px;
}
/*聯絡我們結束*/
#last{
margin:-10px auto;
}
#content_css span{
text-decoration: none;
padding:none;
border:none;
}
.page span{
padding:0 5px;
}