*{font-family: "微软雅黑";color: #333;} p,h1,h2,h3,h4,h5,h6{margin: 0;} ul{list-style: none;margin: 0;padding: 0;} a,a:hover{text-decoration: none;color: #333333;} @charset "utf-8"; @font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')} @font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')} .fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale} .fa-icon-qq:before{content:"\e604"} .fa-icon-weibo:before{content:"\e600"} .fa-icon-weixin:before{content:"\e605"} .fa-icon-zaixianzixun:before{content:"\e608"} .text-blod{font-weight: bold;} .container-fluid{max-width: 1030px;} .header:after{display:block;clear:both;content:"";visibility:hidden;height:0} .header{zoom:1;position: relative;} .logobox{width: 30%;max-width: 290px;min-width: 200px;line-height: 80px;} /*.topserch {position: relative;top: 10px;} .topserch .topinput{height: 30px;top: 2px; border: none;outline:none;padding-left: 10px;z-index: 666;background-color:#e3e3e3;color: #666;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid #d8d8d8;} .topserch button{line-height:30px;padding: 0 10px;top: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #e3e3e3;outline:none;border: none;}*/ .head_td{float: left;line-height: 80px;padding-left: 20px;} .ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;} .ck_btn span{color: #272727;} .tel{background: url(../images/tel.png)no-repeat left center;padding-left: 45px;position: relative;top:18px;} .tel h4{font-size: 13px;line-height: 1;} .tel h3{font-size: 23px;color: #dd142f;line-height: 30px;font-style: italic;} .menu{background:rgba(9,7,11,.7);position: absolute;width: 100%;z-index: 99;} .menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} .menu ul.yj{zoom:1;} .menu ul.yj>li{float: left;width: 12.5%;position: relative;} .menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 36px;font-size: 16px; text-align: center;color: #fff;} .menu ul.yj>li:hover>a{background:#dd142f;} .menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:100%;display: none;z-index: 9;} .menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 34px;overflow: hidden;white-space: nowrap; border-bottom: 1px solid #fff;background: rgba(9,7,11,.6);color: #fff;transition: all 0.25s;} .menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #fff;} .menu ul.yj>li ul.ejmenu li a:hover{background: #d43e3e;} .menu ul.yj>li:hover ul.ejmenu{display: block;} @media only screen and (min-width:768px ) { .menu{display: block !important;} } @media only screen and (max-width:767px ) { /*菜单*/ .menu ul.yj{background: none;} .menu ul.yj>li{background: none;} .menu ul.yj>li ul.ejmenu{display: none;} .menu {display: block;width: 30%;min-width: 150px;right: 0;position: absolute;z-index: 9;} .menu ul.yj>li{width: 100%;overflow: hidden;float: none;} .menu ul.yj>li>a{font-size: 14px;line-height: 32px;background: none;border-bottom: 1px solid rgba(255,255,255,0.8);} .menu ul.yj>li:before{background: none;} } .ewmbox{position: absolute;z-index: 99;left: 0;top: 40px;width: 100%;} .ewm{position: relative; display: block; overflow: hidden; margin:auto;width: 100%;} .ewm img{position: absolute; top: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;} @media only screen and (min-width:992px ) { .ewm:before{content: ""; padding-top: 22%; display: block;} } @media only screen and (max-width:991px ) { .ewm:before{content: ""; padding-top: 22%; display: block;} } @media only screen and (max-width:767px ) { .ewmbox{top: 0;} .ewm:before{content: ""; padding-top: 25.5%; display: block;} .ewm img{max-height: 80%;} } /*手机底部*/ .hot{width:100%; height:58px; background:#DD142F; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;} .hot span{ color:#fff; font-size:16px; line-height:20px;} .hot h6{ font-size:12px; line-height:20px;} .hot .row div a{ display:block; color:#fff; padding:7px 0;} .dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; } .dbbox .dbs{ position: relative; padding: 0 15px; display:none;} .dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;} .dbbox .dbs.ewm-box{ text-align:center; } .dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;} .dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;} .dbbox .dbs.ewm-box img{ max-width: 140px; } .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; } .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; } footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; } .in_td {background: url(../images/td_bg.jpg)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;} .in_td .td_box{width: 100%;overflow: hidden;zoom: 1;} .in_td .td_box ul li{padding: 10px 15px;border-left: 1px solid #f5efeb;border-bottom: 1px solid #f5efeb;} .in_td .td_box ul li:last-child{border-right: 1px solid #f5efeb;} .in_td .td_box ul li a{display: block;width: 100%;text-align: center;} .in_td .td_box ul li a h3{font-size: 18px;color: #dd142f;line-height: 30px;} .in_td .td_box ul li a h4{font-size: 14px;color: #ffffff;line-height: 24px;white-space: nowrap;overflow: hidden;} .in_td .td_box ul li a .td_txt{font-size: 12px;line-height: 21px;height: 42px;overflow: hidden;} .in_td .td_box ul li a .td_txt p{font-family: "宋体";color: #bbbbbb;font-size: 12px;line-height: 21px;} .tit01 {padding: 45px 0;} .tit01 h3{font-size: 28px;line-height: 32px; font-family: Arial;font-weight: bold;color: #666666;text-transform: uppercase;} .tit01 h4{font-size: 22px;line-height: 32px;font-weight: bold;color: #dd142f;background: url(../images/tit01bg.png)no-repeat center center;} .tit01 h5{font-size: 14px;color: #a4a4a4;line-height: 20px;} .tit01 h6{font-size: 10px;color: #bababa;line-height: 14px;} /*服务*/ .in_ser{padding-bottom: 45px} .serlist ul:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .serlist ul{zoom:1;} .serlist ul li{padding-bottom: 10px;} .serlist ul li a{display: block;width: 100%;overflow: hidden;} .serlist ul li a .inserpic{position: relative;z-index: 9; display: block; overflow: hidden; margin: 0 auto;border-radius: 50%;border: 1px solid #bfbfbf;max-width: 200px; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .serlist ul li a .inserpic:before{content: ""; padding-top: 100%; display: block;} .serlist ul li a .inserpic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 6; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .serlist ul li a .insertxt{font-size: 16px;line-height: 24px;color: #262626;padding-top: 15px;} .serlist ul li a .insertxt p{color: #262626;white-space: nowrap;overflow: hidden;} .serlist ul li a:hover .inserpic{border-color: #DD142F;} .serlist ul li a:hover .inserpic span{ transform:scale(1.1); -ms-transform:cale(1.1); /* IE 9 */ -moz-transform:cale(1.1); /* Firefox */ -webkit-transform:cale(1.1); /* Safari 和 Chrome */ -o-transform:cale(1.1); /* Opera */ } .serlist ul li a:hover .insertxt p{color: #DD142F;} /*设备*/ .in_sb{padding-bottom: 45px;} .sb_list ul li a{display: block;width: 100%;overflow: hidden;} .sb_list ul li a .sb_pic{position: relative;z-index: 99; display: block; overflow: hidden; margin: 0 auto; border: 1px solid #d8d8d8;margin-bottom:1px; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .sb_list ul li a .sb_pic:before{content: ""; padding-top: 91%; display: block;} .sb_list ul li a .sb_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .sb_list ul li a .sb_txt{text-align: center;} .sb_list ul li a .sb_txt p{font-size: 14px;line-height: 38px;color: #666666;background: #fff;border-bottom: 1px solid #d8d8d8;overflow: hidden;white-space: nowrap; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .sb_list ul li a:hover .sb_txt p{background:#DD142F;border-color: #DD142F; color: #fff;} .sb_list ul li a:hover .sb_pic{border-color: #DD142F;} .sb_list ul li a .sb_pic .zz{width: 100%;height:100%;text-align: center;position: absolute;top: 100%;left: 0;background: rgba(221,20,47,.6); transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .sb_list ul li a .sb_pic .zz img{position: relative;top: 50%;margin-top: -14px;} .sb_list ul li a:hover .sb_pic .zz{top: 0;} /*产品*/ .in_pro {padding-bottom: 45px;background: url(../images/probg.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;} .in_pro .tit01 h3{color: #ffffff;text-transform: uppercase;} .in_pro .tit01 h4{background: url(../images/tit01bg2.png)no-repeat center center;} .prolist ul li a{display: block;width: 100%;overflow: hidden;} .prolist ul li a .pro_pic{position: relative;z-index: 99; display: block; overflow: hidden; margin: 0 auto; border: 1px solid #d8d8d8;margin-bottom:1px; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .prolist ul li a .pro_pic:before{content: ""; padding-top: 91%; display: block;} .prolist ul li a .pro_pic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .prolist ul li a .pro_txt{text-align: center;} .prolist ul li a .pro_txt p{font-size: 14px;line-height: 38px;color: #666666;background: #fff;border-bottom: 1px solid #d8d8d8;overflow: hidden;white-space: nowrap; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .prolist ul li a:hover .pro_txt p{background:#DD142F;border-color: #DD142F; color: #fff;} .prolist ul li a:hover .pro_pic{border-color: #DD142F;} .prolist ul li a .pro_pic .zz{width: 100%;height:100%;text-align: center;position: absolute;top: 100%;left: 0;background: rgba(221,20,47,.6); transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .prolist ul li a .pro_pic .zz img{position: relative;top: 50%;margin-top: -14px;} .prolist ul li a:hover .pro_pic .zz{top: 0;} /*新闻中心*/ .new_list ul:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .new_list ul{zoom:1;padding-top: 35px;} .new_list ul li{padding-bottom: 20px;} .new_list ul li a{display: block;width: 100%;overflow: hidden;position: relative;padding-left: 140px;background: #fff;border: 1px solid #dcdcdc; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .new_list ul li a .new_ttx{padding: 10px;} .new_list ul li a .new_ttx h3.newtit{font-size: 16px;line-height:32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .new_list ul li a .new_ttx .t_box{font-size: 12px;line-height: 22px;text-align: justify; height: 44px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .new_list ul li a .new_ttx .t_box p{color: #888;} .new_list ul li a .new_ttx h5.date{font-size: 12px;line-height: 22px;color: #999999;} .new_list ul li a .new_pic{width: 140px;height: 100%;position: absolute;padding: 3px; top: 0;left: 0; overflow: hidden;border-right: 1px solid #dcdcdc; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .new_list ul li a .new_pic .imgbox{width: 100%;display: block;height: 100%;overflow: hidden;} .new_list ul li a .new_pic span{display: block;width: 100%;height: 100%; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .new_list ul li a .in_new_zz{width: 119px;height: 100%;position: absolute;top:0;right: 0;right:-119px; background: url(../images/newmore.png)no-repeat right bottom;-webkit-background-size: contain;background-size: contain; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .new_list ul li a:hover {border-color:#DD142F;} .new_list ul li a:hover .new_pic{border-color: #DD142F;} .new_list ul li a:hover .new_pic span{ transform:scale(1.05); -ms-transform:cale(1.05); /* IE 9 */ -moz-transform:cale(1.05); /* Firefox */ -webkit-transform:cale(1.05); /* Safari 和 Chrome */ -o-transform:cale(1.05); /* Opera */ } .new_list ul li a:hover .in_new_zz{right: 0;} .in_con{background: #f0f0f0;padding-bottom: 30px;} .in_conbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .in_conbox{zoom:1;} .con_l,.con_r{width: 50%;float: left;} .con_l{padding-right: 15px;} .con_r{padding-left: 15px;} .con_tit h4{font-size: 16px;line-height: 30px;margin-bottom: 10px;color: #222222;} .con_txt{font-size: 14px;line-height: 25px;text-align: justify;} .con_lx{margin-top: 5px;line-height: 30px;} .con_txt p{color: #444;} .con_lx p{padding-left: 35px;color: #686868;} .con_lx p.fwrx{background: url(../images/fwrx.png)no-repeat left 2px;} .con_lx p.gsyx{background: url(../images/gsyx.png)no-repeat left top;} .con_lx p.gscz{background: url(../images/gscz.png)no-repeat left top;} .con_lx p.yzbm{background: url(../images/yzbm.png)no-repeat left top;} .con_lx p.gsdz{background: url(../images/gsdz.png)no-repeat left top;} .con_ly input{border-style: dashed;} .con_ly textarea{width: 100%;max-width: 100%;height: 140px;max-height: 140px;border-style: dashed;} .con_ly .st_btn{width: 132px;line-height: 34px;color: #fff;border: none;background: #DD142F;} .cfot {padding: 18px 0;background: #0e141d;text-align: center;} .cfot p{font-size: 12px;line-height: 22px;color: #fff;} @media only screen and (max-width:767px ) { .con_l,.con_r{width: 100%;float: none;padding: 0 10px;} } /*内页*/ .cen_box:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .cen_box{zoom:1;padding: 20px 0;} .cen_l{width: 20%;float: left;} .cen_r{width: 80%;float: right;padding-left: 16px;} .cen_l .tit02{padding: 3px;margin-bottom: 4px; background: url(../images/td_bg.jpg)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;} .cen_l .tit02 .titbox h4{font-size: 24px;line-height: 32px;color: #fff;} .cen_l .tit02 .titbox h5{font-size: 12px;font-family: arial;color: #dfdfdf; line-height: 20px;text-transform: uppercase;} .cen_l .tit02 .titbox{width: 100%;padding: 17px 0 17px 10px;border: 1px solid #8a8a8a;} .dropmenu{margin-bottom: 16px;} .dropmenu>ul.lv1>li>a{display: block;position: relative; width: 100%;height: 44px;padding-top: 8px; margin-bottom: 1px;background: #ffffff;border-bottom: 1px solid #d7d7d7; font-size: 14px;color: #515151; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .dropmenu>ul.lv1>li a b{display: block;width: 100%;line-height:28px;border-left: 5px solid #ffffff;padding-left: 10%;} .dropmenu>ul.lv1>li a span.icon_xz{font-size: 14px;color: #2f2f2f;line-height: 1;position: absolute;right: 10%;top: 50%;margin-top: -7px;} .dropmenu>ul.lv1>li a:focus{text-decoration: none;} .dropmenu>ul.lv1>li:hover>a{background: #3d3d3d;} .dropmenu>ul.lv1>li.act>a{background: #3d3d3d;} .dropmenu>ul.lv1>li:hover>a b{color: #fff;} .dropmenu>ul.lv1>li.act>a b{color: #fff;} .dropmenu>ul.lv1>li:hover>a span.icon_xz{color: #fff;} .dropmenu>ul.lv1>li.act>a span.icon_xz{color: #fff;transform: rotateZ(90deg);} .dropmenu>ul.lv1>li ul.lv2>li>a{display: block;width: 100%;line-height: 30px;background: #e4e4e4;font-size: 12px;font-family: "宋体"; color: #484848;border-top: 1px solid #ffffff;padding-left: 15%;} .dropmenu>ul.lv1>li ul.lv2>li>a:hover{color: #DD142F;} @media only screen and (min-width:768px ) { .dropmenu{display: block !important;} } @media only screen and (max-width:767px ) { .dropmenu>ul.lv1>li{padding-bottom: 0;} .dropmenu>ul.lv1>li>a{line-height: 36px;font-size: 14px;border-width: 1px;} .dropmenu>ul.lv1{border-bottom: 1px solid #3d3d3d;} .dropmenu>ul.lv1>li ul.lv2{display: none;} } .l_lx {padding: 17px 20px;border: 1px solid #d7d7d7;} .l_lx h3{font-size: 14px;font-weight: bold;line-height: 28px;} .l_lx h4{font-size: 14px;line-height: 24px;padding-left: 20px;} .l_lx h4 b{color: #DD142F;} .l_lx h4.dh{background: url(../images/dh.png)no-repeat left 5px;} .l_lx h4.yx{background: url(../images/yx.png)no-repeat left 5px;word-wrap: break-word;} .l_lx a.zx{display: block;width: 100%;line-height: 28px;background: #404040;color: #fff;text-align: center;margin: 15px auto;} .suoyin:after{display:block;clear:both;content:"";visibility:hidden;height:0;} .suoyin{zoom:1;background: url(../images/sy_bg.png)repeat-x bottom center;padding-bottom: 10px} .suoyin h3{float: left;font-family: impact; text-transform: uppercase;line-height: 36px; font-size: 30px;color: #c8c8c8;} .suoyin h4{float: left; font-size: 18px;line-height: 36px;color: #c8c8c8;font-weight: bold;} .suoyin h5{float: right;color: #404040;font-size: 12px;line-height: 36px;} .main{padding-top: 15px;} .zl_list ul li{padding-bottom:10px;} .zl_list ul li a{display: block;width: 100%;overflow: hidden;position: relative;padding-left: 180px;border: 1px solid #d7d7d7; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .zl_list ul li a .zl_pic{width: 180px;height: 100%;overflow: hidden; position: absolute;top: 0;left: 0;border-right: 1px solid #d7d7d7; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .zl_list ul li a .zl_pic span{display: block;width: 100%;height: 100%; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .zl_list ul li a .zl_txt{padding-left: 10px;padding: 10px;width: 100%;display:block;overflow: hidden;} .zl_list ul li a .zl_txt .zl_tit{width: 100%;overflow: hidden;padding-right: 80px; position: relative;} .zl_list ul li a .zl_txt .zl_tit h3{width: 100%;font-size: 16px;line-height: 46px;color: #d43e3e; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .zl_list ul li a .zl_txt .zl_tit h4{position: absolute;right: 0;top: 0;font-size: 12px;line-height: 46px;} .zl_list ul li a .zl_txt .zl_tbox{font-size: 12px;line-height: 21px;height: 42px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .zl_list ul li a .zl_txt .zl_more{float: right;font-size: 12px;line-height: 22px;color: #d43e3e;} .zl_list ul li a:hover .zl_pic span{ transform:scale(1.05); -ms-transform:cale(1.05); /* IE 9 */ -moz-transform:cale(1.05); /* Firefox */ -webkit-transform:cale(1.05); /* Safari 和 Chrome */ -o-transform:cale(1.05); /* Opera */ } .zl_list ul li a:hover .zl_pic{border-color: #e96767;} .zl_list ul li a:hover {border-color: #e96767;} /*产品*/ .pro_list ul{width: 100%;overflow: hidden;zoom: 1;} .pro_list ul li{padding: 0 10px;padding-bottom: 15px;} .pro_list ul li a{display: block;width: 100%;overflow: hidden;} .pro_list ul li a .propic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #d8d8d8; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .pro_list ul li a .propic:before{content: ""; padding-top:80%; display: block;} .pro_list ul li a .propic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .pro_list ul li a .propic .zz{width: 100%;height:100%;text-align: center;position: absolute;top: 100%;left: 0;background: rgba(221,20,47,.6); transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .pro_list ul li a .protxt{font-size: 14px;line-height: 30px;text-align: center;border-bottom: 1px solid #d8d8d8; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .pro_list ul li a .protxt p{white-space: nowrap;overflow: hidden;} .pro_list ul li a:hover .propic{border-color: #DD142F;} .pro_list ul li a:hover .protxt{border-color: #DD142F;background: #DD142F;} .pro_list ul li a:hover .protxt p{color: #fff;} .pro_list ul li a:hover .propic span{ transform:scale(1.05); -ms-transform:cale(1.05); /* IE 9 */ -moz-transform:cale(1.05); /* Firefox */ -webkit-transform:cale(1.05); /* Safari 和 Chrome */ -o-transform:cale(1.05); /* Opera */ } .pro_list ul li a .propic .zz img{position: relative;top: 50%;margin-top: -14px;} .pro_list ul li a:hover .propic .zz{top: 0;} /*新闻*/ .newlist ul li{border-bottom: 1px dashed #949494;} .newlist ul li a{display: block;width: 100%;overflow: hidden;padding-right: 123px;position: relative;padding-left: 18px;background: url(../images/icon_red.jpg)no-repeat left center;} .newlist ul li a h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;line-height: 55px;} .newlist ul li a h5.date{width: 123px;line-height: 55px;position: absolute;right: 0;top: 0;font-size: 12px;color: #8c8c8c;font-family: "宋体";} .newlist ul li a:hover h3{color: #D43E3E;} .newlist ul li a:hover h5{color: #D43E3E;} /*案例*/ .caselist ul{width: 100%;overflow: hidden;zoom: 1;} .caselist ul li{padding: 0 10px;padding-bottom: 15px;} .caselist ul li a{display: block;width: 100%;overflow: hidden;} .caselist ul li a .casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #d8d8d8; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .caselist ul li a .casepic:before{content: ""; padding-top:80%; display: block;} .caselist ul li a .casepic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .caselist ul li a .casepic .zz{width: 100%;height:100%;text-align: center;position: absolute;top: 100%;left: 0;background: rgba(221,20,47,.6); transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .caselist ul li a .casetxt{font-size: 14px;line-height: 30px;text-align: center;border-bottom: 1px solid #d8d8d8; transition:all 0.35s; -moz-transition:all 0.35s; /* Firefox 4 */ -webkit-transition:all 0.35s; /* Safari 和 Chrome */ -o-transition:all 0.35s; /* Opera */ } .caselist ul li a .casetxt p{white-space: nowrap;overflow: hidden;} .caselist ul li a:hover .casepic{border-color: #DD142F;} .caselist ul li a:hover .casetxt{border-color: #DD142F;background: #DD142F;} .caselist ul li a:hover .casetxt p{color: #fff;} .caselist ul li a:hover .casepic span{ transform:scale(1.05); -ms-transform:cale(1.05); /* IE 9 */ -moz-transform:cale(1.05); /* Firefox */ -webkit-transform:cale(1.05); /* Safari 和 Chrome */ -o-transform:cale(1.05); /* Opera */ } .caselist ul li a .casepic .zz img{position: relative;top: 50%;margin-top: -14px;} .caselist ul li a:hover .casepic .zz{top: 0;} /*公司简介*/ .about p{font-size: 14px;line-height: 28px;text-indent: 1em;text-align: justify;} .about img{max-width: 100%;} .bx_box{width: 100%;overflow: hidden;padding-left: 140px;position: relative;margin-bottom: 15px} .bx_box label.label_tit{position: absolute;left: 0;top: 0;padding-right: 12px; width: 140px;line-height: 34px;text-align: right;} .bx_box input,.bx_box select,.bx_box textarea{width: 100%;height: 34px;max-width: 460px;border:1px solid #d7d7d7;} .bx_box textarea{height: 200px;max-height: 200px;} .bx_box .tj{width: 122px;line-height: 34px;color: #fff;background: #e4212d;border: 1px solid #a91224;border-radius: 3px;} .bx_box select option{-webkit-appearance:none;appearance:none;} .bx_box select:focus option:hover{background: #DD142F !important;} /*租赁详情*/ .zl_x .zl_x_pic{width: 100%;overflow: hidden;padding-bottom: 30px;} .zl_x .zl_x_pic .zlpic{width: 50%;float: left;position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #d7d7d7;} .zl_x .zl_x_pic .zlpic:before{content: ""; padding-top: 76%; display: block;} .zl_x .zl_x_pic .zlpic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;} .zl_x .zl_x_pic .zltxt{width: 50%;float: right;padding-left: 18px;} .zl_x .zl_x_pic .zltxt h3.tit{font-size: 18px;font-weight: bold;padding: 20px 0;line-height: 24px;border-bottom: 1px dashed #303030;} .zl_x .zl_x_pic .zltxt h4{padding: 20px 0;font-size: 14px;line-height:24px;} .zlxq_tit h3{display: block;width: 154px;text-align: center;font-size: 16px; line-height: 36px;background: #ffffff;color: #3c3c3c;} .zlxq_tit{width: 100%;background: #dcdcdc;padding-top:4px;padding-left: 7px;} .zlxqpic{text-align: center;width: 100%;padding-top: 30px;padding-bottom: 30px;} .zlxqpic img{max-width: 100%;} .cpxq{border: 1px solid #dcdcdc;} /*产品详情.*/ .pro-x .pro-x-pic{width: 100%;text-align: center;padding: 15px 0;border: 1px solid #d7d7d7;} .pro-x .pro-x-txt{width: 100%;text-align: center;font-size: 16px;line-height: 28px;} /*案例展示*/ .case_x .case_x_pic{width: 100%;text-align: center;padding: 15px 0;border: 1px solid #d7d7d7;} .case_x .case_x_txt{width: 100%;text-align: center;font-size: 16px;line-height: 28px;} /*新闻详情*/ .news_x .new_tit{margin-bottom: 10px;} .news_x .new_tit h3{font-size: 24px;color: #444;line-height: 36px;font-weight: bold;} .news_x .new_tit h5{font-size: 12px;color: #777;line-height: 16px;} .news_x .new_x_pic img{max-width: 100%;} .news_x .new_x_pic {margin-bottom: 10px;} .news_x .new_x_txt{font-size: 14px;line-height: 26px;text-indent: 1.7em;text-align: justify;} @media only screen and (max-width:767px ) { .header{padding-left: 5px;} .logobox{line-height: 60px;} .cen_l{width: 100%;float: none;padding: 0;} .cen_r{width: 100%;float: none;padding: 0 10px;} .cen_l .tit02 .titbox{padding: 3px 0;padding-left: 3px; font-size: 0;position: relative;} .cen_l .tit02 .titbox h4{display: inline-block;font-size: 16px;} .cen_l .tit02 .titbox h5{display: inline-block;margin-left: 3px;} .cen_l .tit02 .titbox span{display: block;width: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #fff;position: absolute; right: 0;top: 50%;margin-top: -15px;} .l_lx{display: none;} .suoyin{display: none;} } @media only screen and (max-width:500px ) { .zl_list ul li a .zl_txt .zl_tit{position: static;padding: 0;} .zl_list ul li a .zl_txt .zl_tit h3{line-height: 30px;font-size: 14px;} .zl_list ul li a .zl_txt .zl_tit h4{display: none;} .zl_list ul li a {padding-left: 150px;} .zl_list ul li a .zl_pic{width: 150px;} /*租赁详情*/ .zl_x .zl_x_pic .zlpic{width: 100%;position: static;text-align: center;padding: 15px 0;} .zl_x .zl_x_pic .zlpic:before{padding: 0;} .zl_x .zl_x_pic .zlpic img{position: static;max-width: 100%;} .zl_x .zl_x_pic .zltxt{width: 100%;} .zl_x .zl_x_pic .zltxt h3.tit{padding: 10px 0;} .zl_x .zl_x_pic .zltxt h4{padding: 10px 0;} } @media only screen and (max-width:380px ) { .zl_list ul li a {padding-left: 140px;} .zl_list ul li a .zl_pic{width: 140px;} .bx_box{width: 100%;padding-left:0;position: static;} .bx_box label.label_tit{position: static;padding-right:0;text-align: left;width: auto;} } /*一键报修*/ .repair{padding: 20px 0;background: url(../images/repair_bg.jpg)no-repeat center center;background-size: cover;} .repbox{padding-top: 40px;} .re_tit{width: 100%;zoom: 1;background: url(../images/heng1.jpg)repeat-x center center;margin-bottom: 30px;overflow: hidden;} .re_tit h3{font-size: 28px;line-height: 28px;float: left;background: #fff;padding: 0 3px;} .re_tit h4{font-size: 18px;font-family: arial;line-height: 28px;float: left;background: #fff;padding: 0 3px;} .form_box{width: 100%;overflow: hidden;padding-right: 284px;position: relative;min-height: 490px;margin-top: 30px;} .form_box .form_list{width: 100%;padding-right: 20PX;} .form_box .form_list .form-group label{} .form_box .form_list .form-group input.form-control{} .form_box .form_list .form-group textarea{width: 100%;max-width: 100%;height: 106px;max-height: 106px;} .form_box .form_list .form-group .sub_tj{width:120px;line-height: 32px;border: 1px solid #8a0000;padding: 0;background: #e4212d;color: #fff;} .ewm_b{width: 284px;height: 490px;text-align: center;line-height: 460px; background: url(../images/ewmbg.png)no-repeat center center;position: absolute;top: 0;right: 0;background-size: contain;} .ewm_b img{width: 189px;height: 189px;} @media only screen and (max-width:560px ) { .form_box {position: static;padding: 0;} .ewm_b{position: static;margin: 0 auto;max-width: 100%;} .ewm_b img{max-width: 100%;height: auto;} .form_box .form_list{padding: 0 10px;} .form_box .form_list .form-group .sub_tj{display: block; margin: 0 auto;} } .sewvmain{width:1000px;margin:50px auto;text-align: ;} .sewv{position: relative;} .sewvtop{width:100%;line-height:34px;height: 34px;padding-top: 5px;padding-left: 10px; border: 1px #D9D9D9 solid;cursor:pointer;border-radius: 2px;overflow: hidden;} .sewvtop:hover{border:1px #57c5f7 solid;} .sewvtop>span{float:left;width:70%;display: inline-block; height:34px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 14px;line-height:22px;color: #666;padding:0 5px;vertical-align: middle;} .sewvtop>em{float:right;width: 20px; line-height:20px;vertical-align: middle;} .sewvbm{width: 100%;position: absolute;left: 0;top: 100%;display: none;border: 1px #D9D9D9 solid;border-radius: 2px;background: #ffffff;z-index: 9;} .sewvbm>li{cursor:pointer;width:100%;height:34px;line-height:34px;font-size: 14px;color: #666;padding-left:15px;} .sewvbm>li:hover{background: #e4212d;color: #fff;} .lbaxztop{animation: rotatete 0.3s linear forwards;} .lbaxztop2{animation: rotatete2 0.3s linear forwards;}