.head {
height: 221px;
background: url(../images/head.jpg) repeat-x center top;
}
#header {
width: 1200px;
margin: 0 auto;
height: 131px;
overflow: hidden;
}
.logo {
float: left;
}
.logo img {
margin-top: 25px;
}
.head1 {
height: 39px;
}
.huan1,
.k1,
.k1 a {
font: 500 14px/39px "microsoft yahei";
}
.topLink {
float: right;
text-align: right;
position: relative;
z-index: 9999;
}
.translate {
width: 100px;
position: absolute;
left: 0;
top: 10px;
z-index: 9999;
}
.tran-in {
left: 120px;
}
.translate li {
border: 1px dashed #cccccc;
line-height: 26px;
text-align: left;
background: #fff;
}
.translate li a {
display: block;
padding-left: 10px;
background: url(../images/dot4.png) no-repeat 88% 11px;
}
.translate li a:hover {
text-decoration: none;
color: #275cea;
cursor: pointer;
}
.translate-en {
display: none;
padding: 6px;
padding-top: 0px;
}
.translate li .translate-en a {
padding-left: 0px;
text-align: center;
background: #fff;
border-bottom: 1px solid #cccccc;
}
.translate li .translate-en a:hover {
font-weight: bold;
}
.topLink .f_count {
color: #ff0000;
font-size: 13px;
font-weight: bold;
}
.topLink .k2 {
font: 500 14px/22px "microsoft yahei";
text-align: left;
background: url(../images/phone.png) no-repeat left 8px;
padding-left: 48px;
margin-top: 24px;
}
#menu {
height: 50px;
}
/*ÃÆ’Âé—¨æÂœç´Â?/
.ss {
height: 59px;
width: 1200px;
margin: 0 auto;
position: relative;
}
.search {
text-align: left;
height: 59px;
line-height: 59px;
}
#formsearch {
float: right;
width: 345px;
margin-top: 14px;
border: 1px solid #dddddd;
border-radius: 5px;
height: 32px;
}
.hotSearch {
float: left;
height: 59px;
line-height: 59px;
font-weight: normal;
color: #a0a0a0;
font: 400 14px/59px "microsoft yahei";
}
.hotSearch a {
color: #a0a0a0;
margin-right: 6px;
}
#search-type {
float: left;
width: 100px;
height: 24px;
border: 1px solid #c8c8c8;
margin-right: 5px;
}
#formsearch input {
height: 31px;
background: none;
border: none;
line-height: 31px;
float: left;
}
#formsearch input#keyword {
height: 31px;
line-height: 31px;
color: #999;
font-size: 14px;
padding-left: 15px;
width: 285px;
}
#formsearch input#s_btn {
width: 40px;
height: 31px;
line-height: 31px;
text-align: center;
background: url(../images/ssk1.png) no-repeat center;
color: #fff;
border: none;
cursor: pointer;
}
/*Ã]ÂTÂÃ]“æ ÂL¥Â?/
#container {
width: 1200px;
margin: 0 auto;
margin-top: 10px;
}
.container {
width: 1200px;
margin: 0 auto;
}
.product {
width: 1200px;
margin: 0 auto;
margin-top: 70px;
}
.ctitle1 {
background: url(../images/ctitle1.png) no-repeat center 48%;
color: #333333;
font-size: 28px;
text-align: center;
font-weight: normal;
text-transform: uppercase;
line-height: 36px;
letter-spacing: 5px;
}
.ctitle1 p {
font-size: 18px;
color: #666;
letter-spacing: 0px;
}
.product .ctitle1 {
background: url(../images/ctitle11.png) no-repeat center 48%;
}
.ysbg {
background: url(../images/ysbg.jpg) no-repeat center top;
padding-top: 283px;
height: 1968px;
box-sizing: border-box;
margin-top: 55px;
}
.product .content {
position: relative;
padding-bottom: 55px;
}
.l_btn1,
.r_btn1 {
position: absolute;
bottom: 0;
cursor: pointer;
}
.l_btn1 {
left: 48%;
}
.r_btn1 {
left: 51%
}
/*äTä“æ L¼?/
.ctitle {
color: #999;
font: 600 30px "å]‹ä½?;
text-align: center;
text-transform: uppercase;
}
.ctitle span {
display: block;
color: #111;
font-family: "microsoft yahei";
margin: 3px 0 16px;
}
.ctitle a {
display: block;
font: 400 12px/25px "microsoft yahei";
background: url(../images/more.png) no-repeat left center;
}
.ctitle i {
display: block;
font: 400 18px/25px "microsoft yahei";
background: url(../images/ibg.png) no-repeat left center;
}
.service {
margin-top: 30px;
}
.service .content {
margin-top: 42px;
}
.service li {
width: 213px;
float: left;
border: 1px solid #e0e0e0;
margin-right: 30px;
border-top: 3px solid #ff9972;
padding: 20px 25px;
text-align: center;
}
.service li:nth-child(2) {
border-top: 3px solid #85bb59;
}
.service li:nth-child(3) {
border-top: 3px solid #63a5ff;
}
.service li:nth-child(4) {
margin-right: 0;
border-top: 3px solid #ff764d;
}
.service li a {
display: block;
color: #111;
font-size: 22px;
}
.service li h3 {
font: 400 14px/24px "microsoft yahei";
}
.service li a.inquiry {
width: 108px;
height: 30px;
border: 1px solid #ff8659;
border-radius: 6px;
line-height: 30px;
color: #ff8659;
font-size: 12px;
margin: 0 auto;
margin-top: 18px;
}
.service li a.img {
margin: 20px 0 18px;
height: 59px;
}
.service li:nth-child(2) a.inquiry {
color: #85ba59;
border-color: #85ba59;
}
.service li:nth-child(3) a.inquiry {
color: #63a5ff;
border-color: #63a5ff;
}
.service li:nth-child(4) a.inquiry {
color: #ff764d;
border-color: #ff764d;
}
.service li:hover a.inquiry {
background: #ff8659;
color: #fff;
}
.service li:nth-child(2):hover a.inquiry {
background: #91c269;
}
.service li:nth-child(3):hover a.inquiry {
background: #72aeff;
}
.service li:nth-child(4):hover a.inquiry {
background: #ff835e;
}
.service li:hover {
box-shadow: -2px 0 7px #e0e0e0, 2px 0 7px #e0e0e0, 0 0 0 #e0e0e0, 0 2px 7px #e0e0e0;
}
.c2 {
margin-top: 40px;
}
.menu_cate {
width: 240px;
float: left;
background: url(../images/cate1.jpg) no-repeat #f1f1f1 center top;
padding-top: 139px;
box-sizing: border-box;
border: 3px solid #0060c5;
border-top: none;
margin-top: 30px;
}
.cate2 {
background: #0060c5;
text-align: center;
padding: 4px 3px 1px;
box-sizing: border-box;
}
.product_list33 li {
float: left;
margin-left: 15px;
}
.product_list33 li a.img img {
width: 294px;
height: 228px;
border: 1px solid #d2d2d2;
}
.product_list33 li h3 a {
font-size: 16px;
line-height: 69px;
font-weight: normal;
color: #000000;
text-align: center;
display: block;
}
.product_list33 li:hover h3 a {
color: #0060c5
}
.product_list33 li:hover a.img img {
border-color: #0060c5;
}
/*äºå“æqè?/
.recommend_product {
width: 940px;
float: right;
margin-top: 30px;
}
.recommend_product .content {}
.roll_product li {
padding-bottom: 0px;
}
.ht1 {
position: relative;
left: 50%;
margin-left: -960px;
width: 1920px;
}
.ys {
margin-bottom: 80px;
}
.yimg {
width: 599px;
margin-top: 35px;
}
.yword {
width: 575px;
}
.yword .ytitle {
width: 45px;
}
.yword .ycontent {
margin-top: 60px;
width: 100%;
font: 400 18px/35px "microsoft yahei";
color: #fff;
}
.yword .ycontent h3 {
color: #fff;
font: 400 30px/60px "microsoft yahei";
margin-bottom: 50px;
padding-left: 132px;
}
.yword .ycontent h3 i {
color: #004b9a;
font-family: "microsoft yahei";
text-transform: uppercase;
display: block;
font-size: 36px;
font-style: normal;
width: 420px;
text-align: center;
letter-spacing: 10px;
}
.yword1 {
margin-bottom: 52px;
}
.zixun {
display: block;
float: left;
width: 136px;
margin-top: 27px;
}
.phone {
padding-left: 55px;
background: url(../images/phone1.png) no-repeat 0% 100%;
color: #5b6575;
float: left;
margin-left: 26px;
margin-top: 16px;
}
.process {
margin-top: 50px;
}
.process .content {
margin-top: 32px;
}
.process li {
width: 145px;
float: left;
padding-right: 115px;
background: url(../images/sdot1.jpg) no-repeat 185px 60px;
text-align: center;
}
.process li:last-child {
padding-right: 0;
background: none
}
.process li h2 {
color: #333;
font: 500 16px/20px "microsoft yahei";
margin-top: 15px;
}
.process li h2 a {
color: #333;
}
.process li h2 p {
color: #333;
font-size: 30px;
margin-bottom: 15px;
letter-spacing: -5px;
}
.process li h3 {
color: #333;
font: 500 13px/20px "microsoft yahei";
text-transform: uppercase;
}
.c33 {
background: url(../images/c33.png) no-repeat center top;
padding-top: 58px;
height: 532px;
box-sizing: border-box;
margin-top: 62px;
overflow: hidden;
}
.c3 {
padding-top: 60px;
}
.about {
width: 1200px;
margin: 0 auto;
}
.about .content1 {
width: 539px;
float: left;
margin-top: 52px;
}
.about .content {
width: 600px;
float: right;
font: 400 16px/30px "microsoft yahei";
position: relative;
margin-top: 48px;
color: #fff;
}
.about .content h3 {
color: #fff;
font: 400 14px/33px "microsoft yahei";
margin-bottom: 5px;
text-transform: uppercase;
position: relative;
}
.about .content h3 span {
color: #fff;
display: block;
opacity: .6;
padding-top: 5px;
}
.about .content h3 p {
display: inline-block;
font-size: 24px;
opacity: 1;
border-bottom: 1px solid rgba(255, 255, 255, .3);
padding-bottom: 12px;
}
.about .content a {
display: block;
color: #fff;
margin-top: 24px;
}
.atitle {
color: #fff;
font-size: 22px;
line-height: 42px;
position: relative;
font-weight: 400;
margin-top: 100px;
}
.atitle span {
padding-left: 10px;
font-size: 14px;
text-transform: uppercase;
}
.atitle a {
position: absolute;
right: 0;
top: 0;
}
.album {
position: relative;
width: 1200px;
padding-bottom: 32px;
margin-top: 36px;
}
.album .product_list33 {
margin-top: 24px;
}
.l_btn2,
.r_btn2 {
position: absolute;
bottom: 0;
cursor: pointer;
}
.l_btn2 {
left: 48%;
}
.r_btn2 {
left: 51%
}
.customer {
position: relative;
width: 1240px;
left: 50%;
margin-left: -620px;
}
.customer .product_list33 {
margin-top: 45px;
}
.ht1 {
width: 1920px;
position: relative;
left: 50%;
margin-left: -960px;
margin-top: 70px;
}
.i-news .i-news-left {
width: 668px;
margin-top: 38px;
}
.i-news .i-news-left ul.n1 .i-t {
width: 50px;
height: 30px;
line-height: 30px;
background: #1170b8;
text-align: center;
color: #fff;
font-size: 16px;
}
.i-news .i-news-left ul.n1 .nei {
width: 601px;
float: right;
}
.i-news .i-news-left ul.n1 .nei a {
line-height: 30px;
color: #333333;
font-size: 18px;
}
.i-news .i-news-left ul.n1 .nei p {
margin-top: 20px;
color: #666666;
font-size: 14px;
line-height: 30px;
}
.i-news .i-news-left ul.n2 {
margin-top:-2px;
position: relative;
}
.i-news .i-news-left ul.n2::before {
content: '';
display: block;
width: 1px;
height: 264px;
background: #d1d1d1;
position: absolute;
left: 3px;
top: 50%;
margin-top: -132px;
}
.i-news .i-news-left ul.n2::after {
content: '';
display: block;
width: 1px;
height: 264px;
background: #d1d1d1;
position: absolute;
left: 353px;
top: 50%;
margin-top: -132px;
z-index: 9;
}
.i-news .i-news-left ul.n2 li {
width: 318px;
float: left;
line-height: 51px;
box-sizing: border-box;
padding-left: 32px;
position: relative;
}
.i-news .i-news-left ul.n2 li:nth-child(even) {
float: right;
}
.i-news .i-news-left ul.n2 li:nth-last-child(1) a,
.i-news .i-news-left ul.n2 li:nth-last-child(2) a {
border: none;
}
.i-news .i-news-left ul.n2 li::before {
content: '';
display: block;
width: 7px;
height: 7px;
background: #999999;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -3.5px;
z-index: 999;
}
.i-news .i-news-left ul.n2 li a {
display: block;
border-bottom: 1px solid #d1d1d1;
color: #666666;
font-size: 14px;
}
.i-news .i-news-left ul.n2 li:hover::before {
background-color: #1170b8;
}
.i-news .i-news-left ul.n2 li:hover a {
color: #333333;
}
.i-news .i-yi {
width: 466px;
margin-top: 38px;
}
.i-news .i-yi h3 {
line-height: 60px;
background: url(../images/wt.png) no-repeat 33px center #1170b8;
color: #fff;
font-size: 18px;
position: relative;
text-indent: 74px;
font-weight: normal;
}
.i-news .i-yi h3 a {
display: block;
position: absolute;
right: 82px;
top: 0;
line-height: 60px;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
}
.i-news .i-yi ul {
border-top: none;
box-sizing: border-box;
padding: 0 10px 10px;
}
.i-news .i-yi ul li {
border-bottom: 1px solid #d1d1d1;
padding: 20px 12px 15px 0;
}
.i-news .i-yi ul li a {
display: block;
padding-left: 48px;
position: relative;
line-height: 20px;
font-size: 14px;
color: #333
}
.i-news .i-yi ul li a::before {
content: '?;
width: 20px;
height: 20px;
background: #1170b8;
color: #fff;
font-size: 12px;
position: absolute;
left: 16px;
top: 0;
text-align: center;
}
.i-news .i-yi ul li p {
padding-left: 48px;
position: relative;
line-height: 30px;
margin-top: 18px;
color: #666666;
font-size: 4px;
font-size: 14px;
}
.i-news .i-yi ul li p::before {
content: '{?;
width: 20px;
height: 20px;
background: #666666;
color: #fff;
font-size: 12px;
position: absolute;
left: 16px;
top: 5px;
line-height: 20px;
text-align: center;
}
/*é–页新é—?/
.news {
margin-top: 50px;
}
.news_company {
width: 365px;
margin-right: 52px;
}
.news1_title {
font: 400 18px/43px "microsoft yahei";
color: #333333;
position: relative;
padding-left: 33px;
background: #f5f5f5;
}
.news1_title::after {
position: absolute;
content: "";
width: 4px;
height: 24px;
background: #ff7021;
left: 0;
top: 10px;
}
.news1_title span {
color: #333333;
font-size: 14px;
text-transform: uppercase;
}
.news1_title a {
position: absolute;
right: 9px;
top: 0;
color: #333333;
font-size: 14px;
display: block;
line-height: 43px;
text-transform: uppercase;
}
.news_company .content {
padding-top: 20px;
}
.cate_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "microsoft yahei";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.navigation {
float: right;
width: 100px;
}
.index-title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "microsoft yahei";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.index-table td {
border: solid #add9c0;
border-width: 0px 1px 1px 0px;
padding: 10px 5px;
}
.index-table {
border: solid #add9c0;
border-width: 1px 0px 0px 1px;
margin-top: 10px;
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
/*é–页左侧è”çꐻ我ä»?/
/*å·çt‹æ¡ˆä䏀?/
.case {
width: 460px;
float: left;
margin-left: 12px;
padding-bottom: 5px;
margin-top: 10px;
}
.case_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "microsoft yahei";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.case .content {
padding: 5px;
padding-bottom: 12px;
text-indent: 20px;
}
.news2_company {
margin-top: 10px;
}
/*å‹æƒ…链æq?/
.f_linkbg {
height: 50px;
line-height: 50px;
background: #f6f6f6;
margin-top: 42px;
}
.f_link {
width: 1200px;
margin: 0 auto;
color: #000;
font-size: 14px;
}
.f_link a {
padding: 0 8px;
}
/*页éÂÂú•éƒÂ?/
.foot {
background: url(../images/foot.jpg) no-repeat center top;
padding: 39px 0 40px 0;
}
.foot h3 {
color: #fff;
font-size: 18px;
font-weight: 400;
margin-bottom: 32px;
line-height: 30px
}
.foot h3 p {}
.foot .nav_foot {
width: 239px;
color: #fff;
}
.foot .nav_foot a {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 28px;
}
.foot .f-contact {
width: 290px;
color: #fff;
font-size: 14px;
line-height: 28px;
}
.foot .f-contact a {
color: #fff;
}
.foot .f-contact img {
/*padding-top: 10px;*/
}
.foot .f-er {
text-align: center;
color: #fff;
font-size: 14px;
line-height: 30px;
margin-top: 20px;
}
.foot .copyright {
text-align: left;
line-height: 30px;
color: #f6f6f6;
font-size: 14px;
}
.foot .copyright a {
color: #fff;
}
.foot .f_link {
text-align: left;
color: #fff;
font-size: 14px;
}
.foot .f_link a {
color: #fff;
}
.contact1 {
width: 430px;
line-height: 30px;
color: #fff;
font-size: 14px;
margin-left: 50px;
}
.contact1 a {
color: #fff;
}
/*------------内�------------------*/
.left .box {
margin-bottom: 10px;
}
.left .box h3 {
line-height: 38px;
padding-left: 15px;
font-weight: bold;
font-family: "microsoft yahei";
background: #0051a6;
font-size: 14px;
color: #fff;
}
.left .box .content {
padding: 5px 0px;
}
.prodescription {
border: 1px solid #e5e5e5;
background: #f9f9f9;
line-height: 24px;
padding: 10px;
margin-bottom: 15px;
text-indent: 20px;
}
.n_banner {
width: 1920px;
margin: 0 auto;
position: relative;
left: 50%;
margin-left: -960px;
}
.n_banner img {
width: 1920px;
margin: 0 auto
}
.left {
width: 225px;
float: left;
}
.sort_menu {}
.sort_menu h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.sort_product {
margin-top: 10px;
}
.sort_product h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.n_contact {
margin-top: 10px;
}
.n_contact h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.n_contact .content {
padding: 5px;
line-height: 24px;
}
.right {
width: 950px;
float: right;
padding-bottom: 10px;
}
.sitemp {
line-height: 38px;
height: 38px;
overflow: hidden;
padding-right: 10px;
background: #0051a6;
}
.sitemp h2 {
width: 340px;
float: left;
line-height: 38px;
text-align: center;
text-align: left;
text-indent: 15px;
color: #fff;
font-size: 14px;
}
.sitemp .site {
width: 380px;
float: right;
text-align: right;
line-height: 38px;
color: #fff;
}
.right .content {
padding: 10px;
padding-top: 15px;
overflow: hidden;
line-height: 24px;
}
.sitemp .site a {
color: #fff;
} 国产精品欧美一区喷水,狠狠色精品久久久久久,在线无码Aa一级,92午夜免费无码国产电影大全,欧美日韩久久99精品一品