/* 头部 */
html{height:100%;border:none}
body{height:100%;min-width:1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#484848;font-family:Arial,"microsoft yahei";background:#fff}
dd,div,dl,dt,img,li,p,ul{padding:0;margin:0;border:none}
dl,ul{list-style-type:none}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:400}
a{color:#333;text-decoration:none}
/*a:hover{color:#f42c1d;text-decoration:none}*/
.clear{clear:both}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.container{width:1200px;margin:0 auto}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
/*头部*/
.top{height:36px;line-height:36px;color:#666;border-bottom:1px solid #e2e2e2}
.top a{padding:5px 8px;color:#666}
.top ul{float:right}
.top ul li{float:left;padding:0 10px}
.top .fr{position:relative}
.top .fr img{position:relative;margin-right:4px;vertical-align:middle;display:inline-block;width:22px;height:22px}
/* 中间导航 */
.nav{background:#fafafa; position: relative; padding-top:61px;}
.nav ul li{float:left;display:inline;text-align:center;font-size:16px;position:relative;width:148px;margin: 0 10px;}
.nav ul li a{color:#000;display:block;line-height:50px;position:relative;z-index:2}
.nav ul li a:hover{color:#f42c1d;border-bottom: 4px solid #f42c1d;width: 80px; margin: 0 auto;}
.nav ul li dl{margin:5px 0;padding:0;position:absolute;z-index:999;display:none}
.nav ul li dl dt a{display:block;width:148px;height:35px;line-height:30px;text-align:center;background:#eee;color:#666;font-size:13px;}
.nav ul li dl dt a:hover{background:#f42c1d;color:#fff;display:block;width:148px;height:35px}
.nav img{width: 120px;height: 102px;display: block; position: absolute;left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.nav ul > li:nth-child(3){margin-right:180px;}
.nav ul > li.active > a{color:#f42c1d;border-bottom: 4px solid #f42c1d;width: 80px; margin: 0 auto;}
.nav ul li:after{content:'┆';position:absolute;left:0;top:18px;width:1px;height:60px;display:block;color:#000;display:none}
/* banner */
.banner{height:660px;overflow:hidden;position:relative}
.banner .hd{height:18px;position:absolute;width:100%;z-index:1;text-align:center;bottom:20px}
.banner .hd ul li{display:inline-block;margin:0 5px;width:10px;height:10px;cursor:pointer;background:#252525;border-radius:8px}
.banner .hd ul li.on{background:#f42c1d}
.banner .bd{position:relative;height:100%;z-index:0}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:600px;display:block}
.banner .bd li a{width:100%;height:432px;display:block}
/* 统一使用的标题 */
.honor .sec-title{padding:20px 0 0 0}
.sec-title{text-align:center;padding:60px 0 20px 0;position:relative}
.sec-title h2{font-size:40px;color:#252525;font-weight:700}
.sec-title h2 span{color:#e94f29}
.sec-title p{font-size:20px;line-height: 35px;text-transform: uppercase; }
.sec-titles{text-align:center;padding:30px 0;height:40px;position:relative}
.sec-titles h2{font-size:30px;color:#252525;font-weight:700;background:url(../image/line.png) no-repeat bottom center;padding-bottom:10px}
.sec-titles p{font-size:18px;line-height:35px}
.adv .sec-title p{color: #fff; }
.adv .sec-title h2 {color: #fff; }
.keypro .sec-title h2{text-align: left; }
.keypro .sec-title p{text-align: left; color: #000; }
.keypro .sec-title span{color: #666;font-size: 14px;display: block; text-align: left; }
/* 精选商品 */
.keypro {position: relative; }
.keypro .nr{background:url(../image/jxbg.jpg) no-repeat right;position:relative;height: 100%;}
.slider-container{margin:35px auto 10px; overflow: hidden; position: relative;padding: 258px 0;}
.count-slides{position:absolute;z-index:100;bottom:1rem;right:1rem;font-size:2rem}
.dots{position:absolute;bottom:1rem;left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;right:0;justify-content:flex-end;height:50px}
.dots span{/*font-size: 16px;*/color:#000; padding-top:30px; /*width:140px;*/width:auto;height:35px;text-align: center;/*opacity:.3;*/ /*background-color: #fff;*/
margin-right:2.5rem;cursor:pointer;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.dots span.dots_active{/*opacity:0.5*/ border-bottom: 3px solid #e94f29; color:#e94f29;}
.dots span:last-child{margin-right:0}
.dots span:hover{color:#e94f29}
.slider{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);will-change:transform}
.slider a{display:block;-ms-flex-negative:0;flex-shrink:0;width:100%}
.slider a img{display:block;padding-left:0}
.slider .slider__item{-ms-flex-negative:0;flex-shrink:0;width:100%;padding-left:32%}
.slider__item:nth-child(even){background: rgb(123, 122, 122);}
.slider .slider__item p{font-size: 20px;color:#fff;line-height: 50px;}
.keypro .list li {padding: 0 30px;}
.keypro .list li a{color:#000; font-size: 16px;line-height: 45px; display: block; }
.keypro .list li:hover a{color:#e94f29;border-bottom: 2px solid #e94f29; }
.keypro .sec-title { text-align: center; padding: 0 0 0 0; width: 200px;z-index: 333;position: absolute; top: 0}
/* 切换键 */
.arrows span{color:#d6d6d6}
.arrows span:hover{color:#e94f29}
.arrows__item_prew{ position: absolute;left: 10%; top:450px; }
.arrows__item_next{ position: absolute;right:5%; top: 450px; }
.arrows{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; }
.arrows__item{ cursor: pointer; font-size: 3rem; line-height: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block;margin: 0 1rem; }
/* 数字 */
.count-slides{ position: absolute; left: 0; background-color: #e94f29; width: 111px; height: 650px; color: #fff; font-family: "arial"; top:134px;}
.count-slides span{display: inline-block; font-size:35px; text-align: center; width: 100%;}
.count-slides span:nth-of-type(1){padding-top:500px;}
/* 线条 */
.slider-execution-line{display:none}
.dots .slider-execution-line{width:100%;height:7px;margin-top:10px}
.slider-execution-line__progress{background:-webkit-gradient(linear,right top,left top,from(#5f5f5f),to(#c1c1c1));background:-o-linear-gradient(right,#5f5f5f,#c1c1c1);background:linear-gradient(to left,#5f5f5f,#c1c1c1);width:0%;height:100%;-webkit-transition:width .9s ease-in-out;-o-transition:width .9s ease-in-out;transition:width .9s ease-in-out}
.your-class-2 .slider__item{padding:10px;box-sizing:border-box}
.slider__item:nth-child(even){background:0 0}
/* 产品 */
.index-pro{padding:30px 0 30px;height:auto;overflow:hidden;background:#f2f2f2;margin-top: -133px;}
.index-pro .content{margin-top:30px;height:auto;overflow:hidden}
.index-pro .content .fl{width:100%}
.index-pro .content .fr{width:100%}
.category{width:100%;padding:20px 0;height:auto;overflow:hidden}
.category li{display:block;line-height:40px;float: left;width:300px;}
.category li a{display:block;color:#000;font-size:16px; text-align: center;}
.category li a:hover{color:#f04d24}
.index-pro .content .fr ul li{float:left;display:inline-block; width: 33.3%; text-align:center;margin-bottom:20px;font-size:16px}
.index-pro .content .fr ul li:nth-child(3n){margin-right:0}
.index-pro .content .fr ul li .img{width:380px;height:340px;border:1px solid #ccc;position:relative;overflow:hidden;background-color: #fff; }
.index-pro .content .fr ul li .mask{display:none;text-align:center;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(233, 79, 41, 0.8)}
.index-pro .content .fr ul li:hover .mask{display:block}
.index-pro .content .fr ul li .mask h2{font-size:18px;line-height:42px;padding-top:120px}
.index-pro .content .fr ul li .mask .more{width:120px;height:30px;margin:0 auto;border:1px solid #fff;border-radius:15px;line-height:30px}
.index-pro .content .fr ul li a:hover h2{color:#fff}
.index-pro .content .fr ul li a:hover .more{color:#fff}
.index-pro .content .fr ul li:hover .more{display:block}
.index-pro .pmore{display: block; margin:0 auto; }
.index-pro .pmore img{display: block; margin:0 auto; width: 30px; height: 30px; }
/* 优势 */
.adv{background:url(../image/ysbg.jpg) no-repeat center; padding: 60px 0;}
.adv .left{width:35%;}
.adv .left li{margin-bottom:80px;}
.adv .left span{ display: block;color:#e94f29;font-size: 24px;line-height: 1.5; }
.adv .left p{color:#ffffff;font-size:15px;line-height: 1.5;}
.adv .left .des{ width: 60%; }
.adv .middle{width: 298px; margin: 0 auto;height: 298px;}
.adv .middle img{width:298px;height: 298px;border-radius: 50%;overflow: hidden; margin: 0 auto; }
/* 关于我们 */
.about{padding:50px 0 0 0; background: url(../image/abimg.jpg) no-repeat right bottom;/*height: 100%; */height: 584px;}
.about .sum{background-color:#f8f9fd ;position: relative;margin: 0 0 50px 0;}
.about .sum p{color: #000; font-size: 15px; line-height: 1.8; text-indent: 2rem; padding: 20px;}
.about .sum img{width: 70px;height: 96px; }
.about .sum a{display: block;width: 70px;height: 96px;position: absolute;right:20px; bottom: -50px;}
.about .left{width: 62%;}
.about b{font-size: 48px;color:#343434;line-height: 50px;position: relative; }
.about em{display: block;position: absolute;bottom: 0; height:20px;background-color: #f6b9a9;width: 100%; z-index: -1;}
.about .s1{color:#343434;font-size: 18px; display: block; line-height: 3; }
.about .s2{color:#f04d24;font-size: 24px; display: block;line-height:32px;}
.about .s3{font-size: 24px; color:#343434; padding: 0 20px; }
/* 案例 */
.case{ background: linear-gradient(to right, #323232 65%, #323232 5%, #fff 30%);padding: 100px 0 0 0 ; }
.case .sec-title p{writing-mode:tb-rl; float: right; font-size: 18px; color: #000; text-transform: uppercase;}
.case .sec-title h2{ writing-mode:tb-rl;float: left; }
.case .nr{background-color: #fff;}
.case .sec-title {width: 90px;padding-left: 30px;}
.case .nr .lis1{width: 1000px; padding-top: 30px;}
.case .nr .lis1 li{float: left; width: 32%; height: 300px; margin: 5px 8px 8px 5px; }
.case .nr .lis1 li img{width: 100%; height: 280px; display: block; object-fit: cover;background-color: #fff; }
.case .nr .lis2{margin-top: 30px;}
.case .nr .lis2{width: 1000px;}
.case .nr .lis2 li{float: left; width:30%;margin: 5px 2px 0px 5px; }
.case .nr .lis2 li a{color:#666;font-size: 15px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case .nr .lis2 img{width: 70px;height: 96px;margin-top: 40px;}
.case .nr .lis2 li a:hover{color:#e94f29;}
/* 新闻 */
.news{height:auto;overflow:hidden;margin-bottom:70px}
.news .bd ul li{float: left;margin-right: 20px;text-align: center;font-size: 16px; width: 360px; height: 352px; border: 1px solid #f1f1f1; overflow: hidden; background: #f4f4f4;}
.news .bd .info li.date{display:block;line-height:45px;font-size:15px;text-align:center;background:#efefef;color:#666;height: 100%;}
.news .bd ul li a{ max-width:360px;height:260px;display: block;}
.news .date b{color: #000;font-size:35px;text-transform: uppercase;font-family: arial;}
.news .date p{color: #000;font-size:18px;}
.news .date {padding: 15px ;}
.news .date .more{width:40px;height:20px;display: block; padding-left: 150px;}
.news .bd span{padding: 0 15px ;font-size: 16px;color:#000; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news .bd span:hover{color:#e94f29;}
.news .list{margin-top: 40px;}
.news .list li{font-size:16px;/*width: 48%;*/line-height:38px;border-bottom: 1px solid #eee;width: 550px;}
.news .list li a p{display: block;padding-left: 15px; display: block; padding-left: 15px; display: inline-block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; width: 69%; text-align: left;}
.news .list li a {display:block}
.news .list li span{display: inline-block;color: #999;margin-left: 30px;font-size: 14px;}
.news .list li a:hover{color: #000; }
.news .list li span:hover{color: #e94f29;}
.news .list li i{display: inline-block;font-family:"arial";font-style: normal; }
.news .list li:nth-child(2n){float: right;}
.news .bd .info li img{width:360px;height:230px}
.news .bd .info .more{display:block;width:40px;height:20px}
.news .bd .info li:hover span{color: #e94f29;}
.news .list li:nth-child(2n){margin-left: 100px;}
/* 底部 */
.footer{background:#333333;overflow:hidden;padding:45px 0 80px 0;color:#fff;}
.footer .fl h3{color:#fff;margin-bottom:20px; font-size: 20px;}
.footer .fl a{color:#fff;opacity: 0.5;}
.footer .fl p{color:#fff;opacity: 0.5;}
.footer .fl a:hover{color:#e94f29}
.footer .dh{width:220px;line-height:30px}
.footer .dh ul li{float:left;width:45%}
.footer .prolist{width:200px;margin-right:50px;line-height:30px;padding:0 50px;border-left:1px solid #484848;border-right:1px solid #484848}
.footer .contact{line-height:30px}
.footer .fr h3{background:#494949;width:140px;height:35px;text-align:center;line-height:35px;font-size:14px}
.footer .fr img{height:140px}
/*版权*/
.footer-bd{ background-color: #000; padding: 12px 0; text-align: center; line-height: 1.8; color: #fff; color: :#fff;font-weight: normal;}
.footer-bd a{ display:inline-block;color:#fff;font-weight:normal}
.footer-bd a:hover{color:#e94f29; }
/*内页*/
.ny {
height: auto;
overflow: hidden;
width: 100%;
padding: 30px 0;
}
.ny .fl {
width: 300px;
border: 1px solid #ccc;
}
.ny .fr {
width: 860px;
}
.ny .fl .title {
height: 70px;
width: 270px;
background: #f42c1d url(../image/ico01.jpg) no-repeat 20px center;
color: #FFF;
padding: 15px 0 0 30px;
}
.ny .fl .title span {
font-size: 28px;
padding-left: 50px;
display: block;
}
.ny .fl .title span i {
display: block;
font-size: 14px;
font-style: normal;
text-transform: uppercase
}
.ny .contact {
background: #f42c1d;
text-align: center;
padding: 20px 0;
}
.ny .contact p {
font-size: 18px;
color: #FFF;
margin-top: 10px;
}
.ny .contact p span {
display: block;
font-size: 24px;
font-weight: bold;
}
.ny .fr .title {
line-height: 42px;
border-bottom: 1px solid #e1e1e1;
}
.ny .fr .title span {
font-size: 20px;
color: #f42c1d;
border-bottom: 3px solid #f42c1d;
padding-bottom: 10px;
}
.ny .fr .title p {
display: inline-block;
float: right;
}
.ny .fr .tit {
line-height: 38px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 15px;
}
.ny .fr .tit span {
font-size: 18px;
color: #f42c1d;
border-bottom: 3px solid #f42c1d;
padding-bottom: 8px;
}
.ny .fr .txt {
border: 1px solid #e1e1e1;
background: #f4f4f4;
margin-top: 20px;
padding: 15px;
}
.list-1 dl {
border-bottom: 1px solid #e1e1e1;
padding: 15px 0;
}
.list-1 dl dt {
line-height: 35px;
font-size: 16px;
}
.list-1 dl dt:before {
content: '■';
font-size: 12px;
margin-right: 5px;
color: #f42c1d;
position: relative;
top: -3px;
}
.list-1 dl dt span {
float: right;
font-size: 14px;
}
.list-1 dl dt a {
font-weight: bold;
}
.list-1 dl dd {
color: #999;
}
.list-2 {
height: auto;
overflow: hidden;
padding-bottom: 30px;
}
.list-2 ul li {
float: left;
display: inline-block;
margin-right: 27px;
font-size: 16px;
text-align: center;
margin-top: 20px;
}
.list-2 ul li:nth-child(3n) {
margin-right: 0
}
.list-2 ul li .img {
width: 266px;
height: 190px;
border: 1px solid #c1c1c1;
}
.list-2 ul li img {
max-width: 100%;
height: 190px;
}
.list-2 ul li p {
margin-top: 5px;
}
.news {
padding: 0px 0 0;
}
.news h1 {
text-align: center;
font-size: 24px;
padding-top: 30px;
}
.news .date {
text-align: center;
font-size: 14px;
padding: 15px 0;
}
.news .date span {
padding: 0 15px;
}
.news .info {
padding: 10px 0 0;
line-height: 25px;
}
.tags {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
height: 35px;
line-height: 35px;
}
.tags span {
font-weight: bold;
}
.tags a {
margin-right: 15px;
}
.page {
line-height: 50px;
}
/*.page span {*/
/* float: right;*/
/*}*/
.xg-pro {
height: auto;
overflow: hidden;
margin-top: 5px;
}
.xg-pro ul li {
float: left;
display: inline-block;
width: 200px;
margin-right: 15px;
margin-bottom: 10px;
text-align: center;
}
.xg-pro ul li img {
width: 200px;
height: 160px;
}
.xg-news {
height: auto;
overflow: hidden;
margin-top: 15px;
}
.xg-news ul li {
float: left;
display: inline-block;
width: 47%;
margin-right: 3%;
line-height: 25px;
}
.xg-news ul li:before {
content: '■';
font-size: 12px;
margin-right: 5px;
color: #f42c1d;
position: relative;
top: -10px;
}
.xg-news ul li a {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 240px;
display: inline-block;
}
.xg-news ul li span {
float: right;
}
.xg-area {
height: auto;
overflow: hidden;
margin-top: 0px;
margin-bottom: 15px;
}
.xg-area ul li {
float: left;
display: inline-block;
margin-right: 25px;
line-height: 25px;
}
.pro {
width: 100%;
height: auto;
overflow: hidden;
padding: 10px 0 30px;
}
.pro .img {
float: left;
display: inline-block;
width: 480px;
}
.pro .text {
float: right;
display: inline-block;
width: 350px;
}
.pro .text h1 {
font-size: 24px;
padding-top: 20px;
}
.pro .text .desc {
padding: 20px 0;
height: 150px;
font-size: 16px;
line-height: 25px;
}
.pro .text .btn {
width: 120px;
height: 40px;
background: #f42c1d;
color: #FFF;
display: block;
text-align: center;
line-height: 40px;
font-size: 18px;
}
.pro-content .tits {
border-bottom: 1px solid #e1e1e1;
height: 40px;
width: 100%;
font-size: 18px;
}
.pro-content .tits span {
background: #f42c1d;
color: #FFF;
display: block;
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
}
.pro-content .info {
padding: 20px 0;
}
div.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ddd;
display: none;
text-align: center;
overflow: hidden;
font-size: 0;
}
div.zoomMask {
position: absolute;
background: url(../image/mask.png) repeat scroll 0 0 transparent;
cursor: move;
z-index: 1;
}
.pc-slide {
width: 100%;
margin: 0 auto;
text-align: center;
}
.view .swiper-slide .imgauto {
width: 98%;
height: 350px;
position: relative;
border:1px solid red;
}
.view .swiper-slide .imgauto img {
max-width: 90%;
max-height: 100%;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.view .swiper-container {
width: 100%;
}
.preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.preview .swiper-container {
width: 80%;
margin: 0 10%;
overflow: hidden;
}
.preview .swiper-slide {
width: 22.5%;
padding: 5px;
}
.preview .swiper-slide .imgauto {
width: 100%;
height: 80px;
line-height: 80px;
border: 1px solid #ddd;
text-align: center;
cursor: pointer;
position: relative;
display: block;
}
.preview .swiper-slide .imgauto img {
display: inline-block;
vertical-align: middle;
max-width: 90%;
max-height: 100%;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.preview .slide6 {
width: 82px;
}
.preview img {
padding: 1px;
}
.preview .active-nav .imgauto {
border: 1px solid #f42c1d;
}
.preview .arrow-left {
background: url(../image/prev1.png) no-repeat left center;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 10px;
height: 18px;
z-index: 10;
}
.preview .arrow-right {
background: url(../image/next1.png) no-repeat left center;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 10px;
height: 18px;
z-index: 10;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
transform: scale(0);
transition: .3s;
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 1001;
}
#message .m-content {
margin-top: 10%;
}
#message .m-content .m-message {
background: #fff;
width: 580px;
background: #fff;
padding: 50px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
width: 494px;
margin: 48px auto 0;
}
.m-message label {
margin-bottom: 15px;
display: block;
font-size: 14px;
}
.m-message label em {
display: block;
float: right;
color: red;
height: 32px;
line-height: 32px;
}
.m-message label span {
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float: left;
font-weight: bold;
text-align: right;
margin-right: 30px;
display: inline-block;
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
width: 77%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #cccccc 1px solid;
border-radius: 3px;
padding: 0 14px;
box-sizing: border-box;
color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus, .m-message label textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
height: 72px;
line-height: 24px;
padding: 10px 14px;
}
.m-message label.code {
line-height: 34px;
}
.m-message label.code input {
width: 30%;
float: left;
margin-right: 30px;
}
.m-message label.code .pic {
display: inline-block;
vertical-align: top;
width: 80px;
height: 32px;
}
.m-message label.code img {
display: block;
width: 100%;
height: 100%;
}
.btn-1 input {
width: 52px;
height: 32px;
line-height: 32px;
background: #e8e8e8;
border: none;
color: #333;
margin-right: 22px;
cursor: pointer;
transition: 0.3s;
}
.btn-1 {
padding-left: 100px;
}
.btn-1 input.focus {
background: #f42c1d;
color: #fff;
}
.btn-1 input.focus:hover {
background: #444;
}
.btn-1 input:hover {
background: #ccc;
}
/* 内页左右侧 */
.main{
padding-bottom: 50px;
}
.um-hd{
width: 245px;
float: left;
}
.um-bd{
width: 930px;
float: right;
min-height: 500px;
}
.um-left{
width: 890px;
float: left;
}
.um-right{
width: 270px;
float: right;
}
.um-page{
width: 1200px;
}
/* 单页 */
.um-page .um-bd_hd{
margin-bottom: 30px;
margin-bottom: 30px;
width: 930px;
float: right;
}
.um-bd_bd{
width: 930px;
/*float: right;*/
}
.um-page .um-bd_hd .tit{
font-size: 26px;
color: #f42c1d;
height: 40px;
line-height: 40px;
}
.um-page .um-bd_hd .tit span{
padding-left: 10px;
font-size: 16px;
text-transform: capitalize;
color: #999;
}
.um-page .um-bd_hd li{
display: inline-block;
}
.um-page .um-bd_hd li a{
display: block;
padding: 0 15px;
height: 23px;
line-height: 23px;
font-size: 12px;
border: 1px solid #ccc;
margin: 10px 10px 10px 0;
}
.um-page .um-bd_hd li a:hover{
color: #fff;
border-color: #f42c1d;
background: #f42c1d;
}
/*内页左侧*/
.um-side .title {
padding: 18px 0 13px;
background: #f42c1d;
text-align: center;
color: #fff;
line-height: 30px;
}
.um-side .title h2{
font-size: 26px;
}
.um-side .title p{
font-size: 14px;
text-transform: uppercase;
}
.um-right .um-side .title{
padding: 10px 0 2px;
line-height: 25px;
}
.um-right .um-side .title h2{
font-size: 20px;
font-weight: normal;
}
.um-right .um-side .title p{
font-size: 12px;
font-family: arial;
}
.um-right .um-side .menu h3{
border-bottom: 1px solid #e9e9e9;
}
.um-hd_hd .menu{
border: 2px solid #f42c1d;
padding: 10px 18px;
}
.um-hd_hd .menu h3 a{
display: block;
height: 40px;
line-height: 40px;
font-size: 14px;
background: url(../image/icon.png) no-repeat right center;
color: #000;
}
.um-hd_hd .menu h3{
padding: 6px 0 0 10px;
}
.um-hd_hd .menu ul{
padding: 0 0px 6px 10px;
border-bottom: 1px solid #e9e9e9;
}
.um-hd_hd .menu li a{
line-height: 30px;
display: block;
height: 30px;
font-size: 14px;
color: #434343;
}
.um-hd_hd .menu a:hover{
color: #f42c1d;
}
.um-hd_bd img{
width: 100%;
display: block;
}
.um-hd_bd .menu {
padding: 10px 18px;
border: 1px solid #f42c1d;
line-height: 20px;
font-size: 13px;
color: #000;
}
/* 列表页右上 */
.um-bd_hd2{
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ccc;
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.um-bd_hd2 a:last-child{
color: #f42c1d;
}
/* 产品列表页 */
.items-img li{
width: 272px;
margin-right: 22px;
margin-bottom: 15px;
border: 1px solid #eee;
padding: 10px 10px 0;
}
.items-img li .img{
width: 100%;
}
.items-img li img{
display: block;
width: 100%;
}
.items-img li p{
height: 40px;
line-height: 40px;
color: #333;
font-size: 14px;
}
.items-img li:hover{
border-color: #f42c1d;
}
.items-img li:hover p{
/*background: #f42c1d;*/
/*color: #fff;*/
}
/* 产品图 */
.product_detail{ padding-left:20px;}
.um-imgZoom{float:left;margin-right:20px;}
.um-imgZoom p{text-align:center;padding-bottom:10px;}
#zoom_box{display:block;zoom:1;width:350px;height:350px;text-align:center;border:1px solid #ddd;vertical-align:middle;font-size:170px;padding:0;}
#zoom_box img{margin:0;padding:0;}
#zoom_box img.big_small{max-width:298px;max-height:298px;width: 298px; height: 298px;width:expression(this.width>300&&this.width>this.height?300:true);height:expression(this.height>300?300:true);}
#zoom_list{width:352px;height:60px;background:#EFEFEF;padding-top: 4px;position: relative;z-index: 99;}
#zoom_list .pre{float:left;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/pre.gif) no-repeat -3px 18px;}
#zoom_list .next{float:right;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/next.gif) no-repeat -3px 18px;}
#zoom_list #zoom_list_box{float:left;width: 323px;overflow:hidden;height:56px;position:relative;}
#thumblist{position:absolute;}
#thumblist li{float:left;width:53px;overflow:hidden;text-align:center;margin:2px 0;}
#thumblist li span{width:52px;height:52px;}
#thumblist li span a{width:50px;height:50px;font-size:42px;border:1px solid #FFF;}
#thumblist li span img{max-height:50px;max-width:50px;width:50px;height:50px;}
#big_box{float:left;}
#big_box span{width:302px;height:242px;}
#big_box span a{width:300px;height:240px;font-size:200px;}
#big_box span img{max-width:300px;max-height:240px;}
.p_info li{margin-bottom:10px;}
.um-imgDetail{}
.um-imgDetail .cent { padding:20px 0; font-size:14px;}
.um-imgDetail .cent img{
max-width: 100%;
}
.um-imgDetail table{border-spacing: 0; border-left:#ddd solid 1px; border-top:#ddd solid 1px;}
.um-imgDetail table td{ padding:5px 10px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px;}
.um-imgDetail-news a{
display: block;
width: 50%;
float: left;
padding-right: 20px;
line-height: 30px;
font-size: 14px;
margin-bottom: 5px;
}
.um-imgDetail-news a span{
font-size: 12px;
color: #999;
}
/* 缩略图旁 */
.um-imgInfo{
width: 515px;
}
.um-imgInfo .tit{
font-size: 23px;
color: #2856a0;
font-weight: normal;
line-height: 1.8;
}
.um-imgInfo .p_tabs{
background: #f2f2f2;
padding: 20px 15px;
min-width: 325px;
}
.um-imgInfo .p_tabs li{
line-height: 35px;
font-size: 14px;
}
.um-imgInfo .p_tabs li em{
font-style: italic;
}
.um-imgInfo-but a{
display: inline-block;
width: 200px;
height: 45px;
background: #f42c1d;
color: #fff;
font-size: 14px;
line-height: 45px;
text-align: center;
border: 1px solid #f42c1d;
}
.um-imgInfo-but a:last-child{
background: #fff;
border: 1px solid #f42c1d;
background: rgba(56,131,255,.1);
color: #523838;
}
/* 下方推荐 */
.um-bd_recommend{
margin-top: 35px;
}
.um-bd_imgShow_bd .tag,
.um-bd_recommend .tag{
height: 30px;
margin-bottom: 20px;
background: #f1f1f1;
border-bottom: 1px solid #d0d0d0;
}
.um-bd_imgShow_bd .tag b,
.um-bd_recommend .tag b{
display: inline-block;
height: 30px;
line-height: 30px;
color: #f42c1d;
text-align: center;
font-size: 15px;
padding: 0 20px;
border-bottom: 1px solid #f42c1d;
}
.um-bd_recommend .items-img li{
width: 206px;
}
.um-bd_recommend .items-img li p{
height: 35px;
line-height: 35px;
font-size: 13px;
}
/* 城市分销 */
.um-bd_recommend .citybox a{
display: inline-block;
padding-right: 10px;
line-height: 30px;
}
/* 图片列表 */
.case-show li{
width: 293px;
margin-right: 25px;
margin-bottom: 15px;
}
.case-show li img{
width: 100%;
}
.case-show li p{
line-height: 25px;
font-size: 14px;
}
/* 图片推荐 */
.um-bd_recommend li{
width: 203px;
}
/* 新闻通用 */
.items-desc-text li{
width: 100%;
padding-bottom: 30px;
margin-bottom: 15px;
border-bottom: 1px dotted #999;
}
.items-desc-text li h2{
font-size: 18px;
color: #333;
font-weight: normal;
line-height: 30px;
margin-bottom: 8px;
}
.items-desc-text li span{
font-size: 12px;
line-height: 20px;
color: #999;
display: block;
}
.items-desc-text li img{
margin-right: 20px;
}
.items-desc-text li p{
font-size: 14px;
color: #666;
line-height: 25px;
overflow: hidden;
height: 100px;
margin-bottom: 20px;
}
.items-desc-text li:hover h2{
color: #f04d24;
}
.items-desc-text li .desc-click,
.items-desc-text li .desc-time{
background: url(../image/click.png) no-repeat left center;
padding-left: 20px;
background-size: 12px;
float: left;
display: block;
padding-right: 15px;
}
.items-desc-text li .desc-time{
background: url(../image/time.png) no-repeat left center;
background-size: 12px;
}
/* 新闻详情页 */
.um-bd_recommend .related a{
width: 50%;
display: block;
line-height: 30px;
color: #333;
float: left;
padding-right: 10px;
font-size: 14px;
margin-bottom: 5px;
}
.um-bd_recommend .related a span{
color: #999;
}
/* 详情页推荐 */
.um-bd_recommend .article li{
padding-bottom: 10px;
border-bottom: 1px dotted #ddd;
margin-bottom: 15px;
}
.um-bd_recommend .article li{
width: 100%;
}
.um-bd_recommend .article li img{
width: 150px;
margin-right: 20px;
}
.um-bd_recommend .article li h2{
font-size: 16px;
font-weight: normal;
font-weight: bold;
margin-bottom: 5px;
color: #222;
}
.um-bd_recommend .article li p{
font-size: 13px;
color: #666;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.um-bd_recommend .article li span{
display: block;
font-size: 12px;
margin-top: 5px;
color: #999;
}
.um-bd_recommend .article li:hover h2{
color: #f42c1d;
}
/* 详情页标题 */
.um-bd_bd .tit h3{
line-height: 1.5;
font-size: 26px;
color: #083b90;
font-weight: normal;
}
.meta{
margin-top: 10px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
font-family: '宋体';
}
/* 内容页正文 */
.um-page-content{
font-size: 16px;
line-height: 1.8;
color: #333;
}
/* 内页右侧 */
.r-module .tit{
border-left: 3px solid #f42c1d;
background: #fff;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #f42c1d;
padding-left: 10px;
margin-bottom: 20px;
background: #ececec;
}
.r-module .tit span{
font-size: 13px;
color: #b5b5b5;
padding-left: 5px;
text-transform: uppercase;
}
.um-right-menu li{
width: 49%;
margin-right: 2%;
margin-bottom: 5px;
height: 35px;
line-height: 35px;
}
.um-right-menu li a{
display: block;
padding: 0 8px;
font-size: 12px;
text-align: center;
color: #444;
border: 1px solid #e9e9e9;
}
.um-right-menu li a:hover{
background: #f42c1d;
color: #fff;
}
.um-right-menu li:nth-child(2n){
margin-right: 0;
}
/*.um-right .tit{
font-size: 1em;
color: #f42c1d;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 2px;
background: #f7f7f7;
padding: .35em .6em .35em .6em;
margin-bottom: 20px;
border-bottom: 1px solid #f42c1d;
font-weight: bold;
}*/
.um-right .tit a{
color: #0b67c5;
font-weight: normal;
}
.r-module-img li{
margin-bottom: 15px;
background: #fff;
border: 1px solid #eaeaea;
}
.r-module-img li:last-child{
margin-bottom: 0;
}
.r-module-img li .img{
position: relative;
}
.r-module-img li .img img{
display: block;
}
.r-module-img li .con p{
line-height: 22px;
font-size: 15px;
margin-bottom: 5px;
margin-top: 5px;
height: 22px;
overflow: hidden;
color: #525252;
padding: 0 11px;
}
.r-module-img li .con span{
display: block;
margin: 0 15px 15px;
font-size: 12px;
line-height: 1.5em;
height: 3em;
overflow: hidden;
color: #8a8a8a;
}
.r-module-img li:hover .con p{
color: #f42c1d;
}
.r-module-desc li{
margin-top: 14px;
}
.r-module-desc li .con{
width: 162px;
}
.r-module-desc li .con h3{
font-size: 13px;
font-weight: normal;
color: #555;
line-height: 23px;
height: 46px;
overflow: hidden;
}
.r-module-desc li .con h3 span{
display: inline-block;
font-size: 12px;
font-style: normal;
background: #999;
line-height: 12px;
padding: 3px 6px;
border-radius: 3px;
color: #fff;
vertical-align: middle;
margin-top: -2px;
margin-right: 8px;
font-weight: normal;
}
.r-module-desc li:nth-child(1) .con h3 span{
background: red;
}
.r-module-desc li:nth-child(2) .con h3 span{
background: #FF5722;
}
.r-module-desc li:nth-child(3) .con h3 span{
background: orange;
}
.r-module-desc li .con p{
display: block;
text-align: left;
float: none;
color: #c5c5c5;
font-size: 12px;
}
.r-module-desc li:hover .con h3{
color: #000;
}
.r-module-desc li:nth-child(1n+4){
margin-top: 5px;
}
.r-module-desc li:nth-child(4){
margin-top: 14px;
}
.r-module-desc li:nth-child(1n+4) img{
display: none;
}
.r-module-desc li:nth-child(1n+4) .con{
width: 100%;
}
.r-module .li2 a{
display: block;
margin-top: 14px;
color: #c5c5c5;
font-size: 12px;
color: #8a8a8a;
}
.r-module-related a{
width: 9em;
color: #717171;
line-height: 1.8em;
margin-bottom: 20px;
}
.r-module-related a span{
float: left;
width: 1.5em;
font-size: 28px;
color: #e0e0e0;
line-height: 1.1em;
font-family: Impact,Arial,sans-serif;
font-weight: normal;
letter-spacing: 1px;
}
.r-module-related a:hover{
color: #000;
}
.r-module-related a:hover span{
color: #c3c3c3;
}
.r-module-keywords a{
display: inline-block;
padding: 0 10px;
margin-right: 5px;
background: #333;
color: #fff;
line-height: 30px;
margin-bottom: 3px;
}
.r-module-keywords a:hover{
background: #f42c1d;
}
.um-right .con a{
font-size: 12px;
font-family: '宋体';
margin-right: 10px;
display: inline-block;
line-height: 20px;
}
/*新闻详情页*/
.content{
font-size: 16px;
line-height: 2;
color: #333;
}
/*----------------------------------------------------------------------------------------------------------------*/
/*
** 产品列表
**/
.catelist{}
.catelist li{ margin-top:20px; overflow:hidden;}
.catelist .img{ width:120px; height:120px; margin:0 30px; border:#ddd solid 2px; overflow:hidden;}
.catelist .com{ margin-left:30px;}
.catelist .t{ padding-bottom:6px;}
/*产品详细*/
.um-imgDetail{}
.um-imgDetail .cent { padding:20px 0; font-size:14px;}
.um-imgDetail .cent img{
max-width: 100%;
}
.um-imgDetail table{border-spacing: 0; border-left:#ddd solid 1px; border-top:#ddd solid 1px;}
.um-imgDetail table td{ padding:5px 10px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px;}
.pagenav{ padding:10px 0 0 0; border-top:#ddd solid 1px; font-size: 14px;}
.pagenav a{ color:#f42c1d;}
.pagenav p{
margin-top: 10px;
}
.citybox{}
.citybox a{ display:inline-block; margin-right:20px; line-height:28px;}
/*
** 图片
**/
.photo_box{ overflow:hidden;}
.photo_box .photo{ position:relative; float:left; width:625px; margin-left:40px; overflow:hidden;}
.photo_box .btn_left, .photo_box .btn_right{ display:block; width:8px; height:30px; margin-top:195px; background:url(../image/roll.jpg) no-repeat;}
.photo_box .btn_left{ float:left;}
.photo_box .btn_right{ float:right; background-position:-8px 0;}
.photo_view li{ float:left; width:625px;}
.photo_desc h3{ margin:20px 0; padding-bottom:10px; border-bottom:#eee solid 1px;}
/*
** 下载
**/
.down_list dl.img {margin:5px 10px;}
.down_list dl.img dt {font-size:14px;background:#EFEFEF;line-height:28px;padding-left:5px;}
.down_list dl.img dt a {color:#855352}
.down_list dl.img dd.ext {line-height:22px;text-align:right;color:#333;}
.down_list dl.img dd.desc {line-height:22px;color:#9E9E9E}
.down_info { margin-bottom:20px;border:1px solid #EFEFEF;border-bottom:none;}
.down_info ul li label {float:left;width:65px;border-right:1px solid #EFEFEF;text-align:center;margin-right:5px;}
.down_info ul li { height:28px;line-height:28px;border-bottom:1px solid #EFEFEF; font-size:12px;}
.down_info ul li a{ font-weight:bold; color:#F30;}
#content {line-height:30px;font-size:14px;}
#content h1.tit {font-size:20px;font-family:'Microsoft YaHei';color:#333;text-align:center;margin:20px 0;}
#content h1.tit span {font-size:14px;font-weight:normal;}
#content .content p{font-size:12px;}
#content .content img {max-width:590px;_width:expression(this.width > 590 && this.width > this.height ? 590 : true); }
#content .content strong{color:#000;}
#content .content ol{ list-style-position: inside; margin:20px; }
#content .content ul {list-style-position: inside; margin:20px; }
#content .content ul li {list-style-type : disc;}
#content .content ol li {list-style-type : decimal ;}
#content .content h1,#content .content h2,#content .content h3,#content .content h4,#content .content h5,#content .content h6 {color:#000;font-size:100%;font-weight:bold;}
#pages { padding:10px 0 10px;text-align:center;font:12px '宋体';}
#pages a { display:inline-block; padding:0px 14px; height:40px;font-size:12px;line-height:40px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:40px; line-height:40px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; padding:0px 14px; height:40px; line-height:40px; background:#f42c1d; border:1px solid #f42c1d; color:#fff; text-align:center; }
.page .noPage { display:inline-block; padding:0px 14px; height:40px; line-height:40px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
/*留言反馈*/
.table-list td,.table-list th{padding-left:12px;}
.table-list td img { vertical-align:middle;}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal;line-height:30px;}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid;line-height:30px;}
div.btn{background:#f6f6f6; padding:6px 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.button{background: #5090fb; border:none;padding:5px 12px; margin-right:6px;
cursor: pointer;
color: #fff;
}
[type=reset]{
background: #999;
}
.button:hover{
background: #f42c1d;
}
[type=reset]:hover{
background: #777;
}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(../Images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}
.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;line-height:18px;height:18px;margin:0 5px 0 0;padding:1px 0 1px 5px;border: 1px solid #d0d0d0;background: #FFF url(../Images/admin_img/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}
.input-focus{background: #FFF; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../Images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
/*宋体宋体*/
.table_form {margin:10px;width:95%;}
.table_form input{}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 5px 8px;line-height:22px;}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee;}
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
em.error {overflow:hidden;zoom:1;background:url("../Images/unchecked.gif") no-repeat 0px 0px; padding-left: 19px;color:red;}
em.success {overflow:hidden;zoom:1;background:url("../Images/checked.gif") no-repeat 0px 0px; padding-left: 19px;color:red;}
.guestbook_list {margin:12px 0;line-height:26px;font-size: 14px;}
.guestbook_list dl {border:1px solid #E9E9EB;margin:8px auto;padding:15px;}
.guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;height:26px;line-height:26px;color: #f42c1d;}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:1px solid #eee;}
.post_box h5 {line-height:35px;text-align:center;font-size:14px;border-bottom:1px solid #eee;height:35px;background:#f5f5f5;}
/*user login*/
/*sitemap*/
.mapbox{ border:1px solid #ccc; background:#fff;}
.mapbox h4 { margin:10px 0; padding:6px;border:none;border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #eee;}
.smallcat ul{ overflow:hidden;}
.smallcat ul li {float:left;line-height:24px;}
.smallcat ul li a {margin:0 8px;}
/*面包蟹导航*/
.pos{line-height: 50px;border-bottom: 1px solid #eee; margin-bottom: 30px;}