html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;font-family: "宋体";}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ min-width: 1200px; position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
/********General**********/
/*.tel,.nav li,.short_title span,.title span,.widget dd a,.pro span,.info_title a,.jobs a,#submit{background:url('../Image/sprite.gif') no-repeat;}*/
/*.nav,.short_title,.clicked{background:url('../Image/vertical_split.png') repeat-x;}*/
/*******Css sprite*******/
.wrap{margin:0 auto; overflow: hidden;}
.logo{font-size:28px;}
.logo img{vertical-align:middle;}
.tel{padding:3px 0 4px 28px;height:24px;background-position:0 -176px;clear:right;}
.tel span{color:#ff0000;vertical-align:-3px;font-size:24px;}
.search{margin-top: 8px;height: 24px;clear: right;}
.search-text{background: url(../Image/search_bg.gif) no-repeat;border: none;height: 24px;width: 168px;padding-left: 20px;padding-right: 2px;font-size: 12px;}
.search-btn{ width: 45px; height: 24px; line-height: 24px; margin-left: 8px; border: 1px solid #c5c5c5; font-size: 12px; background: url(../Image/search_btn.gif) repeat-x; }
.main{
overflow:hidden;
margin-top: -4px;
padding-top: 20px;
}
.widget{overflow:hidden;margin-bottom:20px;width:230px;line-height:34px;}
.widget dd a{padding-left:19px;background-position:0 -59px;color:#444;}
.widget a:hover{color:#0075c5;}
.widget .clicked{background-position:0px -78px;}
.widget .clicked a{background-position:0px -86px;color:#fff;}
.widget ol{margin-left:10px;}
.widget dd{padding-left:8px;height:30px;}
.widget ul{padding-left:28px;}
.widget p{margin-left:6px;font-size:12px;line-height:20px;}
.short_title{margin-bottom:15px;height:34px;border-radius:2px 2px 0 0;background-position:0 -44px;width:100%;overflow:hidden;zoom:1;}
.short_title span{margin-left:12px;padding-left:13px;background-position:0 -33px;color:#f1a3a6;}
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left;overflow:hidden;margin: 0 7px 20px;width:276px;text-align:center;white-space:nowrap;*margin:0 10px 20px 18px;}
.pro span{padding-left:15px;background-position:0 -114px;}
.pro img{padding:3px;width: 267px; height: 190px;;border:1px solid #dcdcdc;}
.pro a{*color:#444;}
.pro a:hover{color:#0075c5;}
.pro img:hover{border:1px solid #0075c5;}
/*************index&goods**************/
.news li{
height: 108px;
border-bottom: 2px dotted #cbcaca;
margin-bottom: 22px;
position: relative;
}
.news li:after{
content: "";
height: 2px;
width: 0;
background: #d00606;
display: inline-block;
margin-top: 17px;
transition: all .6s;
position: absolute;
bottom: -2px;
left:0;
}
.news li h3{
font-size: 20px;
color: #666666;
font-weight: bold;
font-family: "宋体";
padding:0 0 8px;
}
.news li p{
font-size: 14px;
color: #666666;
line-height: 30px;
font-family: "宋体";
}
.news li:hover:after{
width: 100%;
}
.news li:hover h3{
color: #d00606;
}
/****************news*****************/
.news_title{
font-size: 27px;
color:#5f5f5f;
text-align:center;
margin:25px 0;
}
.meta{
color:#888787;
font-size: 14px;
font-family: "Microsoft YaHei";
padding-bottom: 24px;
border-bottom: 1px dotted #868686;
text-align:center;
line-height:28px;
margin-bottom: 20px;
}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#0075c5;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_name{display:block;font-size: 27px;
color:#5f5f5f;
text-align:center;
margin:25px 0;}
.info_title{margin:30px 0 0 27px;height:30px;background:#f0f0f0;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#414141;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#0075c5;text-decoration:underline;}
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}
.f{ float:right; margin-right:10px; _margin-top:7px;}
/*上一页_下一页*/
#prev_next{clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/
/* common styles */
.inner{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
/* header styles */
.h-tool{
height: 39px;
background: #d6d6d6;
line-height: 39px;
}
.h-tool p{
font-size: 14px;
color: #2c2c2c;
font-family: "宋体";
}
.h-tool p span{
color: #555555;
}
.h-tool ul{
overflow: hidden;
}
.h-tool li{
float: left;
margin-left: 10px;
}
.h-tool li + li a{
border-left: 1px solid #2c2c2c;
padding-left: 10px;
}
.h-tool li a{
font-size: 14px;
line-height: 14px;
color: #2c2c2c;
font-family: "宋体";
}
.h-tool li a:hover{
font-weight: bold;
color: #1750bb;
}
/* - - - - - - - - - -*/
.h-top{
height: 150px;
background: url(../Image/h-top-bg.jpg) no-repeat center;
}
.h-top .inner{
overflow: visible;
}
.h-logo{
height: 150px;
line-height: 150px;
}
.h-logo img{
vertical-align: middle;
}
.h-nav{
height:150px;
float: right;
width:610px;
}
.h-nav li{
width: 85px;
border-left: 1px solid #dedede;
float: left;
height: 150px;
position: relative;
word-break:break-all;
transition: all .3s;
}
.h-nav li .navContent{
position: absolute;
z-index: 9999;
top: 150px;
left: 0;
padding:0 10px;
background: rgba(0,0,0,.45);
}
.h-nav li .navContent li{
height: 42px;
line-height: 42px;
border-bottom: 1px solid #827f7f;
background: url(../Image/sub-li.png) no-repeat left center;
padding-left: 42px;
border-left: none;
border-right: none;
width: 100px;
}
.h-nav li .navContent a{
font-size: 18px;
color: #fcfafa;
font-family: "宋体";
font-weight: bold;
}
.h-nav li .navContent li:after{
background: none;
}
.h-nav li .navContent a:hover {
color: #a01a17;
}
.h-nav li:last-child{
border-right: 1px solid #dedede;
}
.h-nav li > a:after{
background: #a01a17;
content: '';
height: 0%;
position: absolute;
top: 0px;
left: 0px;
transition: all .30s linear;
width: 100%;
z-index: 1;
}
.h-nav li > a:hover:after{
height: 100%;
}
.h-nav li > a:hover h3{
color: #fdfcfc;
}
.h-nav li > a:hover p{
color: #999999;
}
.h-nav li h3{
width: 18px;
float: left;
position: absolute;
top: 50%;
margin-top: -40px;
font-family: "新宋体";
font-size: 20px;
color: #1b1b1b;
z-index: 2;
}
.h-nav li > a{
display: block;
width: 100%;
height: 150px;
}
.h-nav li a > div{
width: 39px;
padding:0 23px;
}
.h-nav li p{
display: block;
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
white-space:nowrap;
position: absolute;
top: 46px;
left: 36px;
font-family: "新宋体";
font-size: 18px;
color: #999999;
z-index: 2;
}
.h-nav li:nth-child(2) p{ top: 50px; }
.h-nav li:nth-child(3) p{ top: 59px; left: 28px; }
.h-nav li:nth-child(5) p{ top: 50px; }
.h-nav li:nth-child(7) p{ top: 59px; left: 28px; }
#kinMaxShow {
position: relative;
}
#img{
width: 100%;
height: 50px;
background: url(../Image/banner-top.png) repeat-x center;
position: absolute;
top: 150px;
z-index: 9999;
}
.bdshare-button-style0-32{
margin-left: 60px;
}
/* footer styles */
.footer{
height: 80px;
background: url(../Image/f-bg.jpg) no-repeat center;
}
.footer a:hover{
color: #a01a17;
}
.f-top{
clear: both;
padding-top: 90px;
height: 270px;
}
.f-logo{
height: 258px;
width: 307px;
border-right: 1px solid #d9d6d4;
}
.f-logo img{
margin-top: 36px;
}
.f-contact{
height: 258px;
border-right: 1px solid #d9d6d4;
padding:0 50px;
}
.f-contact h3,
.f-type h3{
text-align: center;
font-size: 20px;
color: #666666;
font-weight: bold;
height: 66px;
line-height: 66px;
}
.f-type a,
.f-contact p{
font-size: 16px;
color: #666666;
line-height: 48px;
}
.f-type{
width: 182px;
padding:0 50px;
border-right: 1px solid #d9d6d4;
}
.f-type a{
float: left;
}
.f-type a:nth-child(odd){
margin:0 0 0 32px;
}
.f-ewm{
width: 198px;
padding:0 50px;
text-align: center;
}
.f-ewm img{
width: 198px;
}
.f-ewm p{
font-size: 16px;
color: #666666;
}
.f-bom{
margin-top: 15px;
height: 87px;
line-height: 87px;
text-align: center;
}
.f-bom a,
.f-bom p{
font-size: 14px;
color: #999999;
}
.f-bom a:hover{
color: #a01a17;
}
/* sidebar styles */
.s-type{
width: 258px;
overflow: hidden;
}
.s-type-hd{
height: 86px;
background: url(../Image/s-type-title.jpg) no-repeat;
text-align: center;
}
.s-type-hd h3{
text-indent: -9999px;
}
.s-type-bd ul{
overflow: hidden;
}
.s-type-bd li{
height: 58px;
line-height: 58px;
background: #fff url(../Image/s-li-ico.jpg) no-repeat 12px center;
padding-left: 40px;
border-bottom: 2px dotted #d7d7d7;
}
.s-type-bd a{
display: inline-block;
width: 218px;
font-size: 18px;
color: #333333;
font-family: "华文中宋";
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.s-type-bd li:hover{
background: #a01a17 url(../Image/s-li-ico.jpg) no-repeat 12px center;
}
.s-type-bd li:hover a,
.s-type-bd li:hover a:before{
color: #fff;
}
.s-contact{
width: 248px;
background: #a01a17;
overflow: hidden;
margin:10px 0 22px;
padding:5px;
}
.s-contact-hd{
background: #fff;
padding:0 22px;
}
.s-contact-hd > h3{
text-align: center;
font-size: 24px;
color: #dc312a;
font-family: "宋体";
padding:25px 0;
font-weight: bold;
}
.s-contact-hd > div{
height: 40px;
background: url(../Image/s-ico.png) no-repeat left center;
padding-left: 50px;
margin-bottom: 30px;
}
.s-contact-hd > div p{
font-size: 14px;
color: #52504f;
font-family: "宋体";
line-height: 14px;
}
.s-contact-hd > div h3{
font-size: 24px;
color: #dc312a;
font-family: "宋体";
line-height: 24px;
font-weight: bold;
}
.s-contact-hd > p a,
.s-contact-hd > p{
font-size: 14px;
color: #52504f;
line-height: 30px;
font-family: "宋体";
}
.s-contact a:hover{
color: #a01a17;
}
.s-contact-bd{
margin-top: 20px;
text-align: center;
padding-bottom: 20px;
padding:10px;
}
.s-contact-bd img{
width: 186px;
}
.s-contact-bd p{
height: 60px;
line-height: 60px;
font-size: 16px;
font-family: "宋体";
color: #fff;
}
/* article styles */
.article {
overflow:hidden;
margin-bottom:24px;
width:914px;
}
.article p img{
max-width: 100%;
}
.article p {
color: #333333;
font-size:16px;
line-height:30px;
}
#allmap p {
line-height:10px;
margin:10px;
}
.title {
height: 31px;
line-height: 31px;
margin-bottom: 18px;
}
.title strong {
display: none;
color: #fff;
background: #0067cc;
font-weight: normal;
font-size: 16px;
padding:7px 24px;
border-left:3px solid #cc0101;
}
.title strong small{
font-size: 13px;
padding-left: 10px;
text-transform: uppercase;
}
.title span a{
text-align: left;
color: #333333;
font-size: 16px;
font-family: "宋体";
}
.title span {
float: left;
text-align: left;
color: #333333;
font-size: 16px;
font-family: "宋体";
}
.title a {
font-size: 14px;
color: #333333;
}
.title .right a:hover {
color:#bb1f1d;
}
/* go top */
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
border-radius: 50%;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #656565 url(../Image/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
opacity: .5;
}
/* indext styles */
.m-about{
height: 540px;
background: url(../Image/m-about.jpg) no-repeat center;
}
.m-about .right{
width: 635px;
overflow: hidden;
padding-top: 56px;
height: 405px;
}
.m-about .right h3{
height: 400px;
width: 88px;
background: url(../Image/about-h3.png) no-repeat center;
float: right;
text-indent: -9999px;
}
.m-about .right p{
writing-mode:vertical-rl;
line-height: 56px;
font-size: 18px;
color: #666666;
font-family: "宋体";
text-align: justify;
background: url(../Image/txt_line.png) no-repeat right top;
}
/* 首页产品中心 */
.m-pro{
height: 629px;
background: url(../Image/m-pro-bg.jpg) no-repeat center;
}
.m-pro .left{
width: 300px;
}
.m-pro .left img{
margin:100px 0 0 70px;
}
.m-pro .right{
margin-top: 92px;
width: 900px;
}
.m-pro .right .swiper-wrapper{
width: 780px;
margin:0 auto;
}
.m-pro .right .swiper-slide{
width: 780px;
}
.m-pro .right .swiper-slide .p-img img{
width: 780px;
height: 310px;
object-fit: cover;
}
.p-txt li{
width: 195px;
float: left;
text-align: center;
}
.p-txt li p{
display: inline-block;
width: 85px;
height: 85px;
background: #aeaeae;
border-radius: 50%;
text-align: center;
line-height: 85px;
font-size: 24px;
color: #111111;
font-weight: bold;
font-family: "宋体";
margin:27px auto;
}
.p-txt li h3{
font-size: 18px;
color: #111111;
font-weight: bold;
font-family: "宋体";
}
.p-txt li:hover p{
background: #c30101;
color: #fff;
}
.swiper-button-next,
.swiper-button-prev{
position: absolute;
top: 50%;
width: 42px;
height: 67px;
margin-top: -33px;
z-index: 10;
cursor: pointer;
}
.swiper-button-next{
background: url(../Image/p-l-r.png) no-repeat center;
}
.swiper-button-prev{
background: url(../Image/p-l-l.png) no-repeat center;
}
.swiper-button-next:hover{
background: url(../Image/p-r-h.png) no-repeat center;
}
.swiper-button-prev:hover{
background: url(../Image/p-l-h.png) no-repeat center;
}
/* 产品列表 */
.m-pro-list{
height: 834px;
background: url(../Image/pro-list.jpg) no-repeat center;
padding-top: 30px;
}
.m-pro-list li{
width: 286px;
height: 374px;
background: #fff;
float: left;
overflow: hidden;
margin:0 7px 30px;
text-align: center;
}
.m-pro-list li .p-img img{
width: 300px;
height: 285px;
object-fit: cover;
}
.m-pro-list li h3{
height: 44px;
line-height: 44px;
font-size: 18px;
color: #333333;
font-weight: bold;
}
.m-pro-list li span{
display: inline-block;
height: 24px;
width: 94px;
line-height: 24px;
font-size: 14px;
color: #fefbfb;
font-family: "宋体";
background: #a5a5a5;
}
.m-pro-list li:hover span{
background: #d00606;
}
.m-center-hd{
height: 140px;
padding: 46px 0 52px;
background: url(../Image/m-center-tit.png) no-repeat center;
}
.swiper-container {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.m-center-bd .swiper-slide {
height: 173px;
width: 590px;
padding:24px 28px;
box-sizing: border-box;
background: url(../Image/center-li.png) no-repeat center;
}
.m-center-bd .swiper-slide img{
width: 228px;
height: 128px;
float: left;
margin-right: 30px;
}
.m-center-bd .swiper-slide a > div{
width: 275px;
float: left;
}
.m-center-bd .swiper-slide a > div h3{
height: 40px;
line-height: 40px;
font-size: 16px;
color: #292929;
font-weight: bold;
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
font-family: "宋体";
}
.m-center-bd .swiper-slide a > div p{
font-size: 14px;
color: #666666;
line-height: 26px;
font-family: "宋体";
}
.m-center-bd .swiper-slide a > div p span{
color: #d00606;
}
.m-center-bd .swiper-pagination{
height: 20px;
line-height: 20px;
margin:10px 0;
text-align: center;
width: 1200px;
}
.m-center-bd .swiper-pagination .swiper-pagination-bullet{
margin:0 4px;
}
.m-center-bd .swiper-pagination .swiper-pagination-bullet-active{
background: #d00606;
}
.m-news,
.m-center{
height: 649px;
background: url(../Image/m-center.jpg) no-repeat center;
}
.m-news-hd{
text-align: center;
line-height: 110px;
height: 110px;
}
.m-news-hd h3{
font-size: 34px;
color: #111111;
font-family: "宋体";
position: relative;
font-weight: bold;
}
.m-news-hd h3:before,
.m-news-hd h3:after{
content: "";
height: 1px;
width: 18px;
background: #111111;
border:none;
margin:0 20px;
display: inline-block;
position: relative;
top: -10px;
}
.m-news-bd .left{
width: 392px;
overflow: hidden;
}
.m-news-bd .left > div{
margin-bottom: 34px;
}
.m-news-bd .left h3{
font-size: 24px;
color: #333333;
font-family: "宋体";
font-weight: bold;
}
.m-news-bd .left p{
font-size: 18px;
color: #a7a4a4;
font-family: Calibri;
margin:17px 0 34px;
text-transform: uppercase;
transition: all .3s;
}
.m-news-bd .left > div:hover h3{
color: #d00606;
}
.m-news-bd .left > div:hover p{
letter-spacing: 4px;
}
.m-news-bd .left > div img{
position: relative;
top:0;
transition: top .3s;
}
.m-news-bd .left > div:hover img{
position: relative;
top: -8px;
}
.m-news-bd .right{
width: 740px;
overflow: hidden;
}
.m-news-bd .right li{
height: 108px;
border-bottom: 2px dotted #cbcaca;
margin-bottom: 22px;
}
.m-news-bd .right li:after{
content: "";
height: 2px;
width: 0;
background: #d00606;
display: inline-block;
margin-top: 17px;
transition: all .6s;
}
.m-news-bd .right li h3{
font-size: 20px;
color: #666666;
font-weight: bold;
font-family: "宋体";
padding:0 0 8px;
}
.m-news-bd .right li p{
font-size: 14px;
color: #666666;
line-height: 30px;
font-family: "宋体";
}
.m-news-bd .right li:hover:after{
width: 100%;
}
.m-news-bd .right li:hover h3{
color: #d00606;
}
/* 产品内页 */
.picScroll-left{ width:1200px; overflow:hidden; position:relative; position: relative; }
.picScroll-left .bd{ padding:10px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:284px; height:274px; display:block; border:4px solid #fff; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; }
.picScroll-left .bd ul li .title{ line-height:24px; }
#p-top{ width: 100%; margin: 0 auto 10px;
overflow: hidden;
background: #f5f5f5;
}
#p-box{
width: 348px;
float: left;
height: 436px;
}
.info-title{
height: 45px;
background: #f0eff0;
margin-bottom: 20px;
}
.info-title h3{
display: inline-block;
padding: 0 26px;
height: 45px;
line-height:45px;
font-size: 16px;
color: #ffffff;
font-weight: bold;
background: #a01a17;
}
#prev_next{
overflow: hidden;
clear: both;
border-top: 1px solid #cdcdcd;
}
#prev_next li{
height: 34px;
line-height: 34px;
background: #ececec;
border-radius: 5px;
color: #666666;
font-size: 16px;
margin-bottom: 8px;
padding: 0 18px;
}
#prev_next li a{
color: #a01a17;
}
#prev_next li:hover{
background: #8d8d8d;
color: #fff;
}
.pro-message{
background: #ebebeb;
height: 400px;
margin-top: 20px;
}
.pro-message .pro-hd{
height: 49px;
border-bottom: 1px solid #dadbdb;
margin-bottom: 30px;
}
.pro-message .pro-hd h3{
display: inline-block;
height: 49px;
padding:0 20px;
font-size: 18px;
color: #fff;
font-weight: bold;
line-height: 49px;
background: #a01a17;
}
.pro-message .left{
width: 418px;
box-sizing: border-box;
padding:0 30px 0;
}
.pro-message .left li{
overflow: hidden;
margin-bottom: 14px;
height: 42px;
}
.pro-message .left li span{
display: inline-block;
width: 84px;
height: 42px;
line-height: 42px;
text-align: left;
font-size: 16px;
color: #666666;
float: left;
}
.pro-message .left li input{
width: 259px;
height: 39px;
border:1px solid #dddada;
background: #fff;
padding-left: 10px;
float: left;
}
.pro-message .left li img{
width: 88px;
height: 33px;
}
.pro-message .left li #submit{
border:none;
margin-left: 84px;
width: 268px;
height: 42px;
text-align: center;
line-height: 42px;
background: #323333;
font-size: 18px;
color: #ffffff;
font-weight: bold;
}
.pro-message .left li #submit:hover{
background: #a01a17;
color: #fff;
}
.pro-message .right{
width: 440px;
}
.pro-message .right textarea{
width: 420px;
height: 208px;
border:1px solid #dddada;
background: #fff;
font-size: 16px;
line-height: 24px;
padding:10px;
box-sizing: border-box;
}
#p-txt {
width: 526px;
float: right;
padding:20px;
}
.pname {
width: 100%;
height: 54px;
line-height: 54px;
font-size: 24px;
color: #333333;
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-family: "宋体";
}
.pkeywords {
font-size: 16px;
color: #666666;
line-height: 30px;
}
.p-more {
width: 100%;
height: 48px;
margin-top: 17px;
overflow: hidden;
}
.ptel{
margin:20px 0;
padding-left: 50px;
height: 42px;
background: url(../Image/s-ico.png) no-repeat left top;
}
.article .ptel p{
font-size: 14px;
color: #52504f;
margin-bottom: 0;
line-height: 14px;
font-family: "宋体";
font-weight: bold;
}
.ptel h3{
font-size: 24px;
color: #a01a17;
font-family: "Microsoft YaHei";
}
.p-message,
.p-contact {
width: 122px;
background: #dddada;
height: 45px;
line-height: 45px;
float: left;
text-align: center;
border-radius:3px;
margin-right: 25px;
}
.p-message a ,
.p-contact a {
color:#131313;
font-size:18px;
font-weight: bold;
text-decoration:none;
}
.p-message:hover,
.p-contact:hover{
background: #628010;
}
.p-message:hover a,
.p-contact:hover a {
color:#fff;
}
/* 销售网络 */
.center-list .swiper-slide {
height: 173px;
width: 914px;
padding:24px 28px;
box-sizing: border-box;
background: url(../Image/center-list.png) no-repeat center;
margin-bottom: 20px;
}
.center-list .swiper-slide img{
width: 228px;
height: 128px;
float: left;
margin-right: 30px;
}
.center-list .swiper-slide a > div{
width: 600px;
float: left;
}
.center-list .swiper-slide a > div h3{
height: 40px;
line-height: 40px;
font-size: 16px;
color: #292929;
font-weight: bold;
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
font-family: "宋体";
}
.center-list .swiper-slide a > div p{
font-size: 14px;
color: #666666;
line-height: 26px;
font-family: "宋体";
}
.center-list .swiper-slide a > div p span{
color: #d00606;
}
.center-list .swiper-pagination{
height: 20px;
line-height: 20px;
margin:10px 0;
text-align: center;
width: 1200px;
}
.clist{
width: 100%;
}
.clist h3{
border-bottom: 1px solid #B7B6B6;
padding:8px;
padding-left: 50px;
font-size: 18px;
font-weight: bold;
overflow: hidden;
cursor: pointer;
}
.cli{
width: 100%;
overflow: hidden;
}
.qtit{
width: 20%;
}
.clist table{
width: 100%;
font-family: Microsoft YaHei;
}
.clist tr{
width: 100%;
font-family: Microsoft YaHei;
}
.clist td{
padding: 6px;
font-size: 14px;
text-align: center;
border:1px solid #fff;
font-family: Microsoft YaHei;
}
.clist .t1{
width: 30%;
}
.clist .t2{
width: 70%;
}
.clist p{
font-family: Microsoft YaHei;
text-align: left;padding-left: 10px;
font-size: 14px;
}