*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
color: #333;
}
body{
font-family: "微软雅黑";
min-width: 1000px;
}
ul{
list-style: none;
margin: 0;
}
.chanp_bj{
background: #f1f1f1;
padding-top:50px;
width: 100%;
overflow: hidden;
}
.protop{
height: 66px;
text-align: center;
}
.protop label{
font-size: 28px;
color: #111111;
margin: 0;
}
.protop div{
font-size: 22px;
color: #00479d;
font-family: Myriad Pro Regular;
text-transform: uppercase;
}
.pronav{
padding-left:90px;
overflow: hidden;
width: 1200px;
margin:0 auto;
overflow: hidden;
margin-bottom: 24px;
}
.pronav a{
display: block;
width: 190px;
height: 45px;
background: #949494;
border-radius: 10px;
font-size: 16px;
color: #fff;
line-height: 45px;
float: left;
text-align: center;
margin-right: 20px;
}
.pronav a:hover{
background: #e90000;
color: #fff;
}
.pronav a:last-child{
margin-right: 0;
}
.homeproducts{
width: 1200px;
margin: auto;
overflow: hidden;
margin-bottom: 30px;
}
.homeproduct{
display: flex;
flex-wrap: wrap;
}
.homeproduct a{
display: block;
width: 215px;
margin-left: 25px;
margin-bottom: 26px;
}
.homeproduct a img{
width: 215px;
height: 201px;
border: 4px solid #ebebeb;
border-bottom: 0;
}
.homeproduct a span{
text-align: center;
height: 35px;
display: block;
line-height: 35px;
overflow: hidden;
color: #fff;
font-size: 15px;
background: #949494;
transition: all 0.3s;
}
.homeproduct a:hover span{
background: #00479d;
}
.about_m {
height: 633px;
overflow: hidden;
background: url(../images/beij_1.jpg) no-repeat;
width: 1200px;
margin: 50px auto;
padding-bottom: 20px;
}
.about_left {
float: left;
width: 525px;
margin-top: 50px;
margin-left: 50px;
}
.about_right {
margin: 50px 0px;
float: right;
width: 538px;
}
.about_00000 {
padding: 30px 40px;
}
.keji {
color: #000;
font-size: 28px;
}
.keji_en {
font-size: 14px;
color: #4c4c4c;
}
.keji_xian {
width: 35px;
height: 3px;
background: #8ec43e;
margin-top: 30px;
}
.about_xq {
font-size: 15px;
line-height: 26px;
color: #666;
margin-top: 30px;
}
.about_a {
background: url(../images/jiantou.png) center 0 no-repeat;
width: 130px;
height: 30px;
line-height: 30px;
display: block;
color: #000;
padding-left: 29px;
margin-top: 20px;
}
.about_a:hover {
box-shadow: 1px 1px 1px #ccc;
transition: 0.6s;
}
.about_00000{
width: 522px;
float: right;
}
.top{
width: 100%;
height: 95px;
line-height: 95px;
background: #333;
}
.top>div{
width: 1200px;
margin: auto;
}
.top>div>img{
float: left;
}
.top ul{
float: right;
font-size: 0;
margin: 0;
height: 95px;
}
.top ul li{
display: inline-block;
position: relative;
font-size: 14px;
padding-right: 48px;
}
.top ul li>a{
color: #fff;
}
.topRight{
float: right;
color: #fff;
font-size: 18px;
font-family: Arial Regular;
background: url(../image/2.png)left 0 no-repeat;
background-position: 0;
padding-left: 25px;
}
.clear{
clear: both;
}
.more{
position: absolute;
left: -23px;
top: 95px;
width: 100%;
z-index: 999;
background: #fff;
display: none;
}
.more a{
display: block;
height: 44px;
overflow: hidden;
line-height: 44px;
font-size: 14px;
color: #808080;
border: 1px solid #dcdcdc;
margin-bottom: -1px;
text-align: center;
font-size: 12px;
transition: all 0.3s linear 0s;
}
.carousel-inner img{
width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.wel-about-top {
width: 100%;
background: #fff;
font-size: 0;
position: relative;
}
.wel-about-top tr {
width: 100%;
}
.wel-about-top .left {
width: 27%;
text-align: left;
position: relative;
}
.wel-about-top .left .box {
width: 84%;
margin: 0 auto;
padding-bottom: 4vw;
padding-top: 3vw;
}
.wel-about-top .left h2 {
font-size: 30px;
line-height: 39px;
margin-bottom: 0.92vw;
margin-top: 2vw;
text-align: center;
}
.wel-about-top .left .box p.omit4 {
/* max-height: 136px;*/
}
.wel-about-top .left p {
font-size: 14px;
color: #666666;
line-height: 36px;
}
.omit4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
}
.wel-about-top .left .wel-btns {
float: none;
display: block;
margin-top: 2vw;
margin: auto;
}
.wel-btns {
float: right;
font-size: 12px;
color: #666666;
border: 1px solid #ccc;
}
.wel-banner li .btn, .wel-btns {
width: 178px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 14px;
font-family: 'Arial';
position: relative;
}
.wel-banner li .btn .fonts, .wel-btns span {
position: relative;
z-index: 2;
padding-right: 0;
background-position: right center;
background-repeat: no-repeat;
transition: all 0.3s;
}
.wel-banner li .btn:after, .wel-btns:after {
content: "";
width: 0;
background: #e90000;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: width 0.3s;
}
.wel-about-top .right {
width: 50%;
position: relative;
}
.wel-about-top .right .picture {
width: 100%;
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.wel-about-top .right .con {
z-index: 2;
width: 82%;
position: absolute;
top: 0;
left: 9%;
height: 100%;
}
.wel-banner li .btn:hover:after, .wel-btns:hover:after {
width: 100%;
}
.wel-banner li .btn:hover .fonts, .wel-btns:hover span {
/* padding-right: 25px;*/
color: #fff;
}
.wel-about-top .right .con {
z-index: 2;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.con .contop{
padding-top: 11vw;
overflow: hidden;
padding-bottom: 2vw;
}
.con .contop img{
float: left;
margin-top: 3vw;
}
.con .contop ul {
width: 100%;
display: flex;
flex-wrap: wrap;
font-size: 14px;
}
.con .contop ul li{
color: #fff;
padding-bottom: 1vw;
width: 33.33%;
text-align: left;
position: relative;
}
.con .contop ul li span{
font-size: 16px;
font-weight: 700;
}
.con .contop ul li div{
font-size: 59px;
font-family: Palatino Linotype Bold;
font-weight: 700;
}
.con .contop ul li strong{
font-size: 20px;
}
.con .contop ul li label{
margin: 0;
font-size: 14px;
font-weight: 400;
}
.con .contop ul li i{
font-style: normal;
}
.con .contop ul li b{
font-size: 14px;
margin-left: 3px;
}
.con .contop ul li:nth-child(1){
padding-left: 82px;
}
.con .contop ul li:nth-child(3){
padding-left: 61px;
}
/*.con .contop ul li:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: rgba(255,255,255,.2);
}
.con .contop ul li:last-child:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0px;
height: 100%;
background: rgba(255,255,255,.2);
}
*/
.con .pep{
font-size: 16px;
color: #fff;
overflow: hidden;
padding: 2vw;
padding-top: 4vw;
}
.con .pep label{
font-weight: 700;
background: url(../image/6.png)left 0 no-repeat;
float: left;
width: 100%;
background-position: 0;
padding-left: 43px;
margin-bottom: 1vw;
display: block;
}
.con .pep span {
float: left;
text-align: center;
}
.con .pep img{
margin-left: 10px;
}
.wuwei{
width: 1200px;
margin: auto;
}
/**/
.baioshis{
width: 100%;
background: #f8f8f8;
overflow: hidden;
padding-top: 55px;
padding-bottom: 95px;
}
.baioshi{
width: 1200px;
margin: auto;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.baioshi a{
display: block;
width: 25%;
height: 209px;
border: 1px solid #CCC;
text-align: center;
transition: 0.3s linear;
}
.baioshi div{
position: relative;
height: 134px;
}
.baioshi img:nth-child(1){
position: absolute;
z-index: 1;
top: 55px;
left: 42%;
}
.baioshi img:nth-child(2){
position: absolute;
top: 55px;
z-index: 1;
left: 42%;
opacity: 0;
transition: 0.3s linear;
}
.baioshi span{
font-size: 20px;
color: #353535;
}
.baioshi a:hover{
box-shadow: 0px 0px 18px #999;
transition: 0.3s linear;
background: #fff;
}
.baioshi a:hover img:nth-child(2){
transition: 0.3s linear;
opacity: 1;
}
.service{
width: 100%;
background: url(../image/13.png)center 0 no-repeat;
height: 1115px;
overflow: hidden;
padding: 77px 0;
}
.services{
width: 1200px;
margin: auto;
overflow: hidden;
margin-bottom: 30px;
}
.services_01{
float: left;
overflow: hidden;
width: 600px;
height: 457px;
background: #fff;
padding: 70px;
}
.services_01 label{
font-size: 24px;
color: #db3232;
display: block;
margin-bottom: 3px;
}
.services_01 span{
font-family: ProximaSansMediumOblique;
font-size: 20px;
color: #959595;
text-transform: uppercase;
}
.services_01 i{
display: block;
height: 1px;
width: 52px;
background: #db3232;
margin-top: 11px;
margin-bottom: 21px;
}
.services_01 p{
color: #6e6e6e;
line-height: 32px;
margin: 0 0 15px;
}
.services_01 a{
width: 178px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 14px;
font-family: 'Arial';
position: relative;
display: block;
border: 1px solid #ccc;
}
.services_01 a span{
position: relative;
z-index: 2;
padding-right: 0;
background-position: right center;
background-repeat: no-repeat;
transition: all 0.3s;
font-size: 14px;
}
.services_01 a:after {
content: "";
width: 0;
background: #e90000;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: width 0.3s;
}
.services_01 a:hover:after{
width: 100%;
}
.services_01 a:hover span {
color: #fff;
}
.services_02{
width: 600px;
height: 457px;
overflow: hidden;
}
.services_02 img{
width: 100%;
height: 100%;
transition: 0.3s linear;
}
.services_02:hover img{
transform: scale(1.1);
transition: 0.3s linear;
cursor: pointer;
}
.service .services:nth-child(2n) .services_01{
float: right;
}
.service .services:nth-child(2n) .services_02{
float: left;
}
.caseTop{
margin: auto;
background: url(../image/images/2_03.jpg)center 0 no-repeat;
width: 336px;
height: 163px;
overflow: hidden;
text-align: center;
}
.caseTop div{
font-size: 30px;
color: #1a1a1a;
font-weight: 700;
margin-top: 61px;
}
.caseTop span{
text-transform: uppercase;
font-size: 17px;
font-family: Myriad Pro Regular;
color: #aba9a9;
}
.distributions{
width: 1347px;
position: relative;
margin: auto;
margin-bottom: 80px;
}
.swiperDistribution{
width: 1200px;
margin: auto;
overflow: hidden;
}
.swiperDistributionnext{
background: url(../image/17.png)center 0 no-repeat;
width: 38px;
height: 79px;
outline: none;
right: 0;
}
.swiperDistributionprev{
background: url(../image/18.png)center 0 no-repeat;
width: 38px;
height: 79px;
outline: none;
left: 0;
}
.bution{
width: 100%;
display: block;
box-sizing: border-box;
}
.bution>img{
width: 100%;
height: 285px;
}
.bution div{
height: 58px;
line-height: 58px;
background: #a3a3a3;
color: #fff;
font-size: 16px;
color: #fff;
text-align: center;
}
.hz{
width: 100%;
overflow: hidden;
margin-bottom: 50px;
margin-top:50px;
}
.hzTop{
margin: auto;
width: 349px;
height: 107px;
overflow: hidden;
text-align: center;
}
.hzTop div{
font-size: 30px;
color: #1a1a1a;
font-weight: 700;
margin-top: 64px;
}
.hzTop span{
text-transform: uppercase;
font-size: 17px;
font-family: Myriad Pro Regular;
color: #aba9a9;
}
.hzs_1{
width: 1200px;
margin: auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 84px;
}
.hzs a{
margin-right: 2.5px;
margin-bottom: 2.5px;
transition: 0.3s linear;
}
.hzs img{
border: 1px solid #dfdfdf;
width: 238px;
height: 116px;
}
.hzs a:nth-child(5n){
margin-right: 0;
}
.hzs a:hover{
box-shadow: 0px 0px 10px #999;
transition: 0.3s linear;
}
.new_01{
width: 1200px;
margin: auto;
overflow: hidden;
margin-bottom: 39px;
}
.new_01>img{
float: right;
width: 485px;
height: 369px;
}
.new_01Left{
width: 715px;
float: left;
height: 369px;
background: #f8f8f8;
padding-left: 52px;
}
.new_01Left div{
width: 100px;
height: 100px;
text-align: center;
font-size: 25px;
background: #cf0202;
color: #fff;
padding-top: 12px;
margin-bottom: 32px;
}
.new_01Left label{
font-size: 16px;
color: #464646;
margin-bottom: 10px;
}
.new_01Left p{
color: #777777;
line-height: 27px;
margin: 0 0 24px;
}
.new_01Left a{
width: 178px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 14px;
font-family: 'Arial';
position: relative;
display: block;
border: 1px solid #ccc;
color: #333;
}
.new_01Left a span{
position: relative;
z-index: 2;
padding-right: 0;
background-position: right center;
background-repeat: no-repeat;
transition: all 0.3s;
font-size: 14px;
}
.new_01Left a:after {
content: "";
width: 0;
background: #e90000;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: width 0.3s;
}
.new_01Left a:hover:after{
width: 100%;
}
.new_01Left a:hover span {
color: #fff;
}
.new_02{
width: 1200px;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.new_02 a:nth-child(3){
margin-right: 0;
}
.new_02 a{
display: block;
width: 388px;
background: #f8f8f8;
padding-left: 28px;
margin-top: 29px;
margin-right: 18px;
margin-bottom: 54px;
box-shadow: 1px 5px 15px #ccc;
}
.new_02 div{
width: 90px;
height: 94px;
background: #999999;
color: #fff;
font-size: 33px;
text-align: center;
padding-top: 10px;
margin-top: -26px;
transition: 0.3s linear;
}
.new_02 div span{
font-size: 16px;
display: block;
}
.new_02 label{
font-size: 16px;
color: #464646;
display: block;
margin-top: 28px;
margin-bottom: 18px;
}
.new_02 p{
color: #777777;
line-height: 26px;
margin-bottom: 33px;
width: 299px;
}
.new_02 a:hover div{
background: #cf0202;
transition: 0.3s linear;
}
.mybottom{
width: 100%;
overflow: hidden;
position: relative;
padding: 30px 0px;
background: #2d2d2d;
}
.bottoms{
width: 1200px;
margin: auto;
overflow: hidden;
}
.bottoms>img{
float: right;
margin-top: 20px;
}
.bottomsLeft{
float: left;
color: #fff;
width: 855px;
}
.bottomsLeft div{
float: left;
}
.bottomsLeft a{
color: #fff;
}
.bottomsRight{
float: right;
width: 129px;
}
/*.izl-rmenu{position:fixed;left:86%;bottom:10px;padding-bottom:73px;background:url(../image/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{display:block;width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../image/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
*/
/**/
.alllisttop{
height: 66px;
border-bottom: 1px solid #7f7f7f;
line-height: 66px;
}
.alllisttop>div{
width: 1200px;
margin: auto;
overflow: hidden;
}
.alllisttop h5 {
float: left;
font-size: 22px;
color: #000;
font-weight: 600;
margin-top: 25px;
margin-bottom: 18px;
line-height: 22px;
}
.alllisttop ul{
font-size: 0;
margin: 0;
float: right;
}
.alllisttop li{
display: inline-block;
font-size: 14px;
}
.alllisttop li a{
color: #333;
padding-left: 23px;
}
.listnew{
width: 1200px;
margin: auto;
flex-wrap: wrap;
margin-top: 66px;
}
.listnew li:nth-child(3n){
margin-right: 0;
}
.listnew li{
float:left;
width: 315px;
height: 500px;
margin-bottom: 50px;
margin-right: 127px;
}
.listnew li a{
color: #333;
}
.listnew li span{
font-size: 16px;
height: 43px;
display: block;
}
.listnew li hr{
margin-top: 0px;
margin-bottom: 5px;
}
.listnew li i{
font-size: 12px;
color: #7a7a7a;
font-style: normal;
display: block;
}
.listnew li img{
}
.listnew li div{
margin: 10px 0;
color: #a7a7a7;
line-height: 22px;
height: 110px;
}
.listnew li label{
float: right;
margin: 10px 0;
color: #515457;
}
.alllist{
width: 1200px;
margin: auto;
overflow: hidden;
}
.alllist>div{
line-height: 28px;
}
.listproduct {
width: 1200px;
margin: auto;
overflow: hidden;
margin-top: 53px;
margin-bottom: 44px;
}
.listproduct li {
width: 267px;
border:1px solid #dfdfdf;
float: left;
margin-right: 44px;
margin-bottom: 30px;
position: relative;
}
.listproduct li img {
width: 100%;
}
.materials_title {
color: #000;
position: absolute;
opacity: 0;
bottom: -40px;
left: 0;
font-size: 16px;
padding-left:20px;
height: 40px;
line-height:40px;
background:rgba(255,255,255,0.8);
width: 100%;
margin: 0;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.listproduct li:nth-of-type(4n) {
margin-right: 0;
}
.listproduct li:hover .materials_title {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
bottom: 0;
}
/*详情*/
/* åž‚ç›´å±…ä¸ */
.small-img{
display: flex;
align-items:center;
justify-content: center;
}
.clearfix:before,
.clearfix:after{
display: table;
line-height: 0;
content: "";
}
.magnifier{
width: 500px;
position: relative;
float: left;
margin-bottom: 34px;
}
.magnifier-container{
width: 500px;
height: 500px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
}
.move-view{
width: 100px;
height: 100px;
position: absolute;
background-image: url('../image/move-box.png');
}
.images-cover{
height: 100%;
width: 100%;
position: relative;
}
.images-cover img{
position: absolute;
}
.magnifier-assembly{
height: 92px;
overflow: hidden;
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.magnifier-btn{
position: absolute;
font-family: "宋体";
width: 100%;
top: 50%;
left: 0;
margin-top: -40px;
}
.magnifier-btn span{
line-height: 80px;
height: 80px;
width: 20px;
background-color: #6e6e6e;
color: #fff;
display: block;
z-index: 9998;
text-align: center;
font-size: 20px;
cursor: pointer;
border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
float: left;
}
.magnifier-btn .magnifier-btn-right{
float: right;
}
.magnifier-line{
position: relative;
overflow: hidden;
height: 92px;
}
.magnifier-line ul{
display: block;
font-size: 0;
width: 10000%;
position: absolute;
left: 0;
z-index: 9997;
}
.magnifier-line li{
float: left;
width: 100px;
cursor: pointer;
}
.magnifier-line ul > .active .small-img{
border-color: #bbb;
}
.small-img{
height: 78px;
padding: 1px;
margin: 5px;
overflow: hidden;
border: 1px solid #ddd;
text-align: center;
}
.small-img img{
max-width: 100%;
max-height: 100%;
}
.magnifier-view{
width: 100%;
height: 100%;
position: absolute;
right: -105%;
top: 0;
z-index: 9999;
background-color: #fff;
display: none;
overflow: hidden;
}
.magnifier-view img{
display: block;
}
.animation03{
transition: all 0.3s ease-in 0.1s;
-ms-transition: all 0.3s ease-in 0.1s;
-moz-transition: all 0.3s ease-in 0.1s;
-webkit-transition: all 0.3s ease-in 0.1s;
-o-transition: all 0.3s ease-in 0.1s;
}
.detail{
overflow: hidden;
width: 1200px;
margin: auto;
margin-top: 60px;
}
.detailLeft{
float: left;
}
.detailRight{
margin-left: 55px;
float: left;
width: 45%;
overflow: hidden;
line-height: 29px;
overflow: hidden;
}
.detailRight>h1{
margin: 0;
height: 50px;
font-size: 20px;
font-weight: normal;
line-height: 50px;
overflow: hidden;
color: #333;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
.p1-pro-showcase-1-txt-t1 {
margin-bottom: 86px;
overflow: hidden;
}
.p1-pro-showcase-1-txt-t1 i{
font-style: normal;
}
.p1-pro-showcase-1-txt-t1 b{
font-style: normal;
}
.p1-pro-showcase-1-txt-t1 strong{
font-style: normal;
}
.p1-pro-showcase-1-tle .p1-pho-1 {
background: url(../image/VISkins-p1.png) no-repeat 0 -3px;
min-height: 50px;
padding-left: 44px;
font-size: 20px;
line-height: 30px;
margin-left: 30px;
margin-right: 50px;
color: #c30d23;
}
.fl {
float: left;
}
.p1-pho-1 span {
display: block;
font-size: 14px;
line-height: 14px;
color: #666;
}
.p1-pho-1 i {
font-style: normal;
}
.fl {
float: left;
}
.p1-pho-2 em {
display: block;
width: 122px;
height: 35px;
background: #c30d23;
font-size: 16px;
font-style: normal;
color: #ffffff;
text-align: center;
line-height: 35px;
}
.p14-prodcontent-1{
float: left;
width: 100%;
margin-bottom: 50px;
}
.p14-prodcontent-1>h4{
margin: 0px 0 15px 0;
background: url(../image/100.jpg) no-repeat left center;
padding-left: 34px;
font: 24px "Microsoft YaHei";
color: #333333;
}
.p14-prodcontent-1>h4>i{
font: 16px "Arial";
color: #454545;
font-style: normal;
text-transform: uppercase;
padding-left: 10px;
}
.zxlb-1n-ts-01-list dl {
border: 1px solid #dedede;
width: 100%;
margin-bottom: 15px;
padding: 22px 0 22px;
background: #fff;
display: inline-block;
}
.zxlb-1n-ts-01-list dt {
width: 35%;
float: left;
margin-left: 22px;
margin-right: 5.5%;
}
.zxlb-1n-ts-01-list dt img {
width: 100%;
margin: 0 auto;
display: block;
}
.zxlb-1n-ts-01-list dd {
width: 54%;
float: left;
}
.zxlb-1n-ts-01-list dd h4 {
height: 40px;
font-weight: normal;
font-size: 18px;
color: #154c64;
line-height: 40px;
margin-bottom: 5px;
}
.zxlb-1n-ts-01-list h4 a {
display: block;
color: #4b4a4a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zxlb-1n-ts-01-list-desc {
max-height: 72px;
font-size: 14px;
line-height: 24px;
color: #797979;
margin-bottom: 28px;
overflow: hidden;
}
.zxlb-1n-ts-01-list-deta {
float: right;
width: 134px;
height: 40px;
display: inline-block;
border: 1px solid #aaa;
font-size: 16px;
line-height: 40px;
text-align: center;
}
.zxlb-1n-ts-01-list-deta a{
color: #666;
}
.zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta {
background: #c30d23;
border-color: #c30d23;
}
.zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta a {
color: #fff;
}
.zxlb-1n-ts-01-list dl:hover h4 a {
color: #c30d23;
}
.zxlb-1n-ts-01-list dl:hover {
border-color: #c30d23;
}