@charset "utf-8";
/* CSS Document */
html,
body {
font-size: 12px;
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: "微软雅黑";
background: #fff;
text-align: center;
-webkit-text-size-adjust: none;
}
a {
color: #666666;
text-decoration: none;
outline: 0px none;
star: expression(this.onFocus=this.blur());
}
a:hover,
a:active {
color: #d82128;
}
* {
margin: 0px;
padding: 0px;
list-style: none;
}
table {
border-collapse: collapse;
}
ul,
li {
list-style: none;
border: 0 none;
padding: 0px;
}
form {
margin: 0px;
}
img {
border: 0px none;
text-align-last: center;
vertical-align: middle;
_azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName=="IMG"&& this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage="none"../images/2553dc1fd5614bc3b664fac73b74e289.gifthis.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ this.src + "', sizingMethod='image')", this.src="images/blank.gif"):(this.origBg=this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage="none")), this.pngSet=true);
}
center {
text-align: left;
color: #999;
height: 50px;
}
#dhtmltooltip {
z-index: 100;
visibility: hidden;
position: absolute;
text-align: left;
border: 1px solid #ccc;
}
#clear,
.clear {
clear: both;
float: none;
background: none;
width: inherit !important;
height: inherit !important;
}
#noData,
.noData {
color: #ccc;
font-size: 14px;
text-align: left;
padding: 50px 0px;
}
#header {
position: absolute;
z-index: 1001;
left: 50%;
width: 1200px;
margin-left: -600px;
}
#header .top {
position: relative;
width: 90%;
height: 55px;
margin: 0px auto;
text-align: right;
}
#header .top .search {
position: absolute;
right: 155px;
top: 12px;
}
#header .top .search form {
margin: 0px;
width: 150px;
height: 20px;
padding: 0px 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 5px;
}
#header .top .search #keys {
float: left;
background: none;
outline: none;
border: 0px;
color: rgba(0, 0, 0, 0.3);
font-family: "微软雅黑", Arial, "Arial Narrow";
font-size: 12px;
text-align: left;
height: 20px;
line-height: 20px;
}
#header .top .search #go {
display: block;
float: left;
width: 16px;
height: 16px;
background: url(../images/go.png) no-repeat;
background-position: center center;
cursor: pointer;
font-size: 0px;
border: 0px;
}
#header .top .language {
position: absolute;
right: 0px;
top: 20px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 15px;
}
#header .top .language h3 {
display: inline-block;
font-size: 12px;
font-weight: normal;
color: #000;
opacity: 0.3;
}
#header .top .language h3 img {
margin-right: 5px;
}
#header .top .language a {
display: inline-block;
margin-right: 5px;
}
#header .menu {
display: block;
position: absolute;
left: 0px;
top: 55px;
bottom: 0px;
width: 1060px;
height: 90px;
background: rgba(255, 255, 255, 0.9);
border-radius: 0px 20px 0px 0px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
#header .menu .logo {
width: 265px;
text-align: center;
position: absolute;
left: 0px;
top: 25px;
height: 90px;
}
#header .menu .logo img {
/* height: 100%; */
}
#header .menu .btn-menu {
display: none;
overflow: hidden;
}
#header .menu .mod {
width: 780px;
text-align: right;
position: absolute;
right: 15px;
}
#header .menu .mod a {
font-size: 15px;
color: #454545;
height: 90px;
line-height: 90px;
padding: 0px 25px;
}
#header .menu .mod a:hover {
color: #d82128;
}
#header .industry {
position: absolute;
right: 0px;
top: 55px;
bottom: 0px;
width: 135px;
height: 90px;
text-align: center;
background: rgba(216, 33, 40, 1);
border-radius: 20px 0px 0px 0px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#header .industry a {
color: #fff;
font-size: 16px;
}
#header .industry a img {
display: block;
margin: 20px auto 5px auto;
}
#header .industry:hover {
background: rgba(102, 102, 102, 1);
}
#banner {
width: 100%;
height: auto;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0px auto;
}
#banner img {
width: 100%;
}
#banner-inside {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
margin: 0px auto;
}
#banner-inside img {
position: absolute;
left: 50%;
top: 0px;
margin-left: -1000px;
}
#anniversary {
position: relative;
width: 1200px;
height: 90px;
line-height: 90px;
margin: 0px auto;
}
#anniversary .text {
position: absolute;
left: 0px;
text-align: left;
color: #1e1e1e;
font-size: 16px;
}
#anniversary .text img {
margin-right: 5px;
}
#anniversary .hotline {
position: absolute;
right: 0px;
text-align: right;
font-size: 14px;
color: #1e1e1e;
}
#anniversary .hotline span {
color: #a6a6a6;
}
#main {
margin: 0px auto;
}
#main .catalog {
background: url(../images/catalog-bg.jpg) repeat;
width: 100%;
padding: 90px 0px;
margin: 0px auto;
overflow: hidden;
}
#main .catalog .con {
width: 1200px;
height: 580px;
margin: 0px auto;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
#main .catalog .con .industry {
background: rgba(255, 255, 255, 1);
float: left;
width: 770px;
height: 580px;
overflow: hidden;
}
#main .catalog .con .industry .title {
width: 88%;
margin: 0px auto;
text-align: left;
font-size: 26px;
color: rgba(216, 33, 40, 1);
font-family: Arial, "Arial Narrow";
text-transform: uppercase;
padding: 40px 0px 30px 0px;
}
#main .catalog .con .industry .title h2 {
color: rgba(0, 0, 0, 0.8);
font-family: "微软雅黑";
font-size: 26px;
padding: 5px 0px;
}
#main .catalog .con .industry .title h4 {
font-weight: normal;
}
#main .catalog .con .industry .title h2 img {
margin-left: 5px;
}
#main .catalog .con .industry .list {
width: 88%;
margin: 0px auto;
}
#main .catalog .con .industry .list .external {
display: block;
float: left;
width: 210px;
height: 180px;
overflow: hidden;
padding: 0px;
margin: 0px 20px 20px 0px;
border: 0px;
position: relative;
box-sizing: border-box;
cursor: pointer;
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
#main .catalog .con .industry .list .external:nth-child(3) {
margin-right: 0px;
}
#main .catalog .con .industry .list .inner {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#main .catalog .con .industry .list .inner>div.text {
height: 180px;
backface-visibility: hidden;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background: #f2f2f2;
color: #959595;
font-size: 14px;
}
#main .catalog .con .industry .list .inner>div.text img {
margin: 20px auto;
}
#main .catalog .con .industry .list .inner:hover>div.text {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#main .catalog .con .industry .list .inner .img {
position: absolute;
top: 0;
left: 0;
padding: 0;
background: #fe7253;
color: #fff;
height: 100%;
width: 100%;
margin: 0;
opacity: 0;
background-color: #fe7253;
text-align: center;
backface-visibility: hidden;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
#main .catalog .con .industry .list .inner:hover .img {
opacity: 1;
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}
#main .catalog .con .industry .list .inner .view {
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
background: rgba(216, 33, 40, 0.9);
color: #fff;
height: 100%;
width: 100%;
margin: 0px;
opacity: 0;
text-align: center;
backface-visibility: hidden;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#main .catalog .con .industry .list .inner .view h3 {
display: block;
margin: 60px auto 20px auto;
font-size: 16px;
font-weight: normal;
text-align: center;
}
#main .catalog .con .industry .list .inner .view h4 {
display: inline-block;
font-size: 12px;
font-family: Arial, "Arial Narrow";
font-weight: normal;
text-transform: uppercase;
text-align: center;
padding: 2px 8px;
color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
}
#main .catalog .con .industry .list .inner:hover .view {
opacity: 1;
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}
#main .catalog .con .industry .list .more {
display: block;
float: left;
width: 210px;
height: 180px;
}
#main .catalog .con .industry .list .more a {
display: block;
height: 180px;
line-height: 150px;
border: 1px solid #f2f2f2;
font-size: 40px;
color: #ccc;
padding: 0px;
}
#main .catalog .con .industry .list .more a:hover {
color: #d82128;
}
#main .catalog .con .brand {
background: url(../images/brand-bg.jpg) no-repeat;
position: relative;
width: 430px;
height: 580px;
float: right;
}
#main .catalog .con .brand .title {
position: absolute;
z-index: 9;
bottom: 83px;
right: -23px;
width: 130px;
height: 102px;
line-height: 36px;
padding-top: 28px;
background: rgba(216, 33, 40, 0.8);
font-size: 32px;
font-weight: bold;
color: #fff;
overflow: hidden;
}
#main .catalog .con .brand .text {
margin: 0px 54px;
padding: 150px 0px;
text-align: left;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
line-height: 34px;
}
#main .catalog .con .brand .text h2 {
font-size: 18px;
}
#main .catalog .con .brand .text a {
display: inline-block;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.3);
padding: 0px 15px;
margin-top: 30px;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#main .catalog .con .brand .text a img {
margin-left: 5px;
opacity: 0.3;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
}
#main .catalog .con .brand .text a:hover {
background: rgba(255, 255, 255, 1);
}
#main .catalog .con .brand .text a:hover img {
opacity: 1;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
#main .news {
width: 1200px;
margin: 0px auto;
padding: 90px 0px;
}
#main .news .title {
background: url(../images/title-line.png) no-repeat;
background-position: center bottom;
}
#main .news .title h2 {
display: block;
padding: 0px;
color: rgba(0, 0, 0, 0.9);
font-size: 25px;
font-weight: normal;
}
#main .news .title h2 img {
display: none;
}
#main .news .title h3 {
display: block;
padding: 10px 0px 30px 0px;
color: rgba(0, 0, 0, 0.3);
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
}
#main .news .con {
width: 1200px;
margin: 0px auto;
padding-top: 60px;
}
#main .news .con .imglist {
width: 590px;
height: 410px;
float: left;
}
#main .news .con .imglist a {
position: relative;
display: block;
float: left;
width: 275px;
height: 410px;
overflow: hidden;
background: #f7f7f7;
margin-right: 20px;
}
#main .news .con .imglist .time {
position: absolute;
z-index: 9;
left: 10px;
top: 170px;
width: 50px;
height: 50px;
line-height: 18px;
background: rgba(126, 126, 126, 1);
color: #fff;
font-size: 9pt;
-webkit-text-size-adjust: none;
text-align: center;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
}
#main .news .con .imglist .time h3 {
font-size: 20px;
padding-top: 10px;
}
#main .news .con .imglist .time h4 {
display: none;
}
#main .news .con .imglist .time h5 {
font-weight: normal;
display: inline-block;
}
#main .news .con .imglist .view {
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
width: 275px;
height: 190px;
opacity: 0;
background: url(../images/icon-view.png) no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0.7);
overflow: hidden;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
}
#main .news .con .imglist .text {
position: absolute;
z-index: 9;
top: 225px;
left: 10px;
width: 250px;
height: 150px;
line-height: 22px;
overflow: hidden;
text-align: left;
}
#main .news .con .imglist .text h3 {
color: #484848;
font-size: 14px;
line-height: 18px;
padding: 5px 0px 10px 0px;
}
#main .news .con .imglist a:hover .time {
background: rgba(216, 33, 40, 1);
}
#main .news .con .imglist a:hover .view {
opacity: 1;
}
#main .news .con .imglist a:hover .text h3 {
color: rgba(216, 33, 40, 1);
}
#main .news .con .list {
width: 570px;
height: 410px;
float: right;
text-align: left;
}
#main .news .con .list a {
display: block;
border: 1px solid #dadada;
padding: 0px 20px;
margin-bottom: 12px;
height: 126px;
line-height: 20px;
overflow: hidden;
color: rgba(102, 102, 102, 1);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#main .news .con .list a h3 {
display: block;
color: rgba(0, 0, 0, 1);
font-size: 16px;
padding: 20px 0px 8px 0px;
}
#main .news .con .list a .time {
color: rgba(102, 102, 102, 1);
font-size: 12px;
padding-bottom: 8px;
}
#main .news .con .list a:last-child {
margin-bottom: 0px;
}
#main .news .con .list a:hover h3 {
color: rgba(216, 33, 40, 1);
}
#main .news .con .list a:hover {
background: #f7f7f7;
}
#main .service {
position: relative;
width: 100%;
height: 580px;
overflow: hidden;
margin: 0px auto;
}
#main .service .title {
position: absolute;
z-index: 99;
left: 50%;
top: 90px;
width: 1200px;
margin-left: -600px;
text-align: center;
background: url(../images/title-line.png) no-repeat;
background-position: center bottom;
}
#main .service .title h2 {
display: block;
padding: 0px;
color: rgba(255, 255, 255, 0.9);
font-size: 25px;
font-weight: normal;
}
#main .service .title h2 img {
display: none;
}
#main .service .title h3 {
display: block;
padding: 10px 0px 30px 0px;
color: rgba(255, 255, 255, 0.3);
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
}
#main .service .text {
position: absolute;
z-index: 9;
left: 50%;
top: 240px;
text-align: center;
width: 1200px;
margin-left: -600px;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
line-height: 24px;
}
#main .service .con {
position: absolute;
z-index: 9;
left: 50%;
top: 350px;
width: 1200px;
margin-left: -600px;
text-align: center;
}
#main .service .con a {
position: relative;
display: inline-block;
width: 90px;
height: 140px;
text-align: center;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
margin: 0px 30px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#main .service .con a img {
display: block;
opacity: 0.8;
margin: 20px auto 25px auto;
}
#main .service .con a:hover {
background: rgba(216, 33, 40, 1);
border-radius: 5px;
color: rgba(255, 255, 255, 1);
transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
}
#main .service .con a:hover img {
opacity: 1;
}
#main .service .bg {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 2;
}
#main .partner {
width: 1200px;
height: 60px;
position: relative;
margin: 0px auto;
padding: 60px 0px;
overflow: hidden;
}
#main .partner .title {
/*position: absolute;
left: 0px;*/
float: left;
width: 150px;
height: 60px;
line-height: 60px;
text-align: left;
color: rgba(216, 33, 40, 1);
font-size: 24px;
}
#main .partner .bd {
/*position: absolute;
left: 150px;*/
float: left;
width: 1000px;
height: 60px;
overflow: hidden;
}
#main .partner ul {
width: 100%;
height: 60px;
overflow: hidden;
margin: 0px auto;
zoom: 1;
}
#main .partner ul li {
display: block;
float: left;
width: 200px;
height: 60px;
overflow: hidden;
padding: 0px;
}
#navpart {
position: relative;
background: #f4f4f4;
margin: 0px auto;
width: 100%;
height: 110px;
}
#navpart .position {
width: 1200px;
padding: 20px 0px;
margin: 0px auto;
color: #999;
font-size: 12px;
text-align: left;
}
#navpart .position a {
color: #999;
}
#navpart .position a:hover {
color: #d82128;
text-decoration: underline;
}
#navpart .column {
width: 1200px;
margin: 0px auto;
text-align: left;
overflow: auto;
}
#navpart .column ul {
height: 40px;
text-align: left;
}
#navpart .column ul li {
display: inline-block;
float: left;
border: 1px solid #eee;
background: #fff;
height: 40px;
line-height: 40px;
padding: 0px 30px;
margin-right: 10px;
font-size: 14px;
text-align: center;
}
#navpart .column a {
display: block;
}
#navpart .column .A {
background: #d82128;
border: 1px solid #d82128;
}
#navpart .column .A a {
color: #fff;
}
#navpart .column #scrollwidth {
width: auto;
}
#title {
width: 1200px;
font-size: 24px;
color: #434343;
margin: 30px auto;
padding: 20px 0px;
text-align: left;
border-bottom: 1px solid #eee;
}
#inside {
width: 1200px;
min-height: 500px;
margin: 0px auto;
padding-bottom: 150px;
}
#about {
text-align: left;
font-size: 14px;
line-height: 30px;
color: #666;
}
#about p {
margin-bottom: 30px;
text-indent: 2em;
}
#about .img li {
position: relative;
display: block;
float: left;
width: 23%;
margin-right: 2%;
overflow: hidden;
}
#about .img li span {
position: absolute;
z-index: 9;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 16px;
letter-spacing: 10px;
}
#about .img li img {
position: relative;
z-index: 1;
left: 0px;
top: 0px;
width: 100%;
height: auto;
}
#about .img li .tit1 {
background: rgba(255, 153, 0, 0.8);
}
#about .img li .tit2 {
background: rgba(228, 36, 50, 0.8);
}
#about .img li .tit3 {
background: rgba(6, 80, 130, 0.8);
}
#about .img li .tit4 {
background: rgba(47, 183, 11, 0.8);
}
#culture {
text-align: left;
font-size: 14px;
line-height: 30px;
color: #666;
}
#culture .text {
color: #333;
line-height: 36px;
padding-bottom: 20px;
border-bottom: 1px dotted #eee;
}
#culture .text strong {
color: #d82128;
font-size: 16px;
}
#culture .describe {
color: #666;
padding: 20px 0px;
}
#culture .img {
text-align: left;
}
#culture .img img {
max-width: 100%;
}
#human {
margin: 0px auto;
}
#human .text p {
margin-bottom: 20px;
text-align: left;
font-size: 16px;
line-height: 27px;
color: #666;
}
#human .img {
padding: 20px 0px;
text-align: left;
}
#human .img img {
max-width: 100%;
}
#jobs {
margin: 0px auto;
text-align: left;
}
#jobs .list {
margin: 0px auto;
text-align: left;
}
#jobs .list li {
position: relative;
display: block;
width: 100%;
height: 60px;
margin: 0px auto 3% auto;
background: #f3f3f3;
overflow: hidden;
border: 1px solid #fff;
}
#jobs .list li .icon {
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
cursor: pointer;
}
#jobs .list li h3 {
display: block;
font-size: 16px;
height: 60px;
line-height: 60px;
font-weight: normal;
padding: 0px 20px;
cursor: pointer;
color: #666;
}
#jobs .list li .con {
padding: 20px;
text-align: left;
font-size: 14px;
line-height: 25px;
color: #666;
}
#jobs .list li .con .text {
padding: 10px 0px;
}
#jobs .list li .con .text p {
display: inline-block;
width: 30%;
padding: 5px 0px;
}
#jobs .list li .tag {
margin: 20px 0px;
color: #999;
}
#jobs .list li .tag h4 {
font-size: 14px;
font-weight: normal;
padding: 5px 0px;
color: #666;
}
#jobs .list .A {
background: #fff;
border: 1px solid #eee;
}
#jobs .list .A h3 {
color: #d82128;
font-weight: bold;
}
#jobs .list .A .icon {
top: 15px;
margin-top: 0px;
}
#jobs .more {
text-align: center;
margin: 0px auto;
padding: 15px 0px;
}
#jobs .more .loadcomplete {
border-top: 1px solid #eee;
width: 100%;
padding: 20px 0px;
margin: 0px auto;
font-size: 16px;
color: #ccc;
}
#organization {
text-align: center;
font-size: 14px;
line-height: 30px;
color: #666;
}
#organization img {
max-width: 100%;
height: auto;
}
#honor {
text-align: left;
margin: 0px auto;
}
#honor .type {
color: #d82128;
font-size: 16px;
font-weight: bold;
padding: 20px 0px 10px 0px;
margin: 0px auto;
text-align: left;
}
#honor .list {
margin: 0px auto;
padding: 50px 0px;
}
#honor .list li {
position: relative;
width: 20%;
height: 231px;
float: left;
font-size: 14px;
text-align: center;
}
#honor .list li a {
display: block;
height: 180px;
border: 1px #f5f5f5 solid;
padding: 25px 0;
margin-left: -1px;
position: relative;
overflow: hidden;
}
#honor .list li a .look {
position: absolute;
z-index: 9;
left: 0px;
top: 0px;
width: 100%;
height: 0px;
background: rgba(216, 33, 40, 0.8);
overflow: hidden;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#honor .list a .look img {
display: inline-block;
width: 55px;
height: auto;
margin: 50px auto 15px auto;
transition: all .35s;
}
#honor .list a .look h3 {
margin-top: 80px;
font-size: 12px;
font-weight: normal;
color: rgba(255, 255, 255, 1);
transition: all .35s;
}
#honor .list li a .img {
display: block;
width: 80%;
height: 150px;
text-align: center;
margin: 0 auto 10px;
}
#honor .list li a .img span {
height: 100%;
display: inline-block;
vertical-align: middle;
}
#honor .list li a .img img {
max-height: 150px;
max-width: 80%;
vertical-align: middle;
}
#honor .list li a:hover .look {
height: 230px;
}
#honor .list a:hover .look img {
margin-top: 80px;
}
#honor .list a:hover .look h3 {
margin-top: 0px;
}
#network {
text-align: center;
font-size: 14px;
line-height: 30px;
color: #666;
}
#network img {
max-width: 100%;
height: auto;
}
#history {
text-align: left;
margin: 0px auto;
}
#history .img {
float: left;
width: 34%;
max-width: 400px;
min-height: 500px;
}
#history .img img {
width: 100%;
height: auto;
}
#history .imgWap {
display: none;
}
#history .list {
float: right;
width: 58%;
min-height: 500px;
text-align: left;
padding: 50px 0px;
padding-left: 3%;
border-left: 1px solid #eee;
}
#history .list .con {
position: relative;
padding: 30px 0px 100px 0px;
}
#history .list .con .spot {
position: absolute;
left: -6.2%;
}
#history .list .con .year {
position: absolute;
left: -65px;
top: -10px;
color: #d82128;
font-family: Arial, "Arial Narrow";
font-size: 25px;
font-weight: bold;
text-align: center;
background: #fff;
padding: 5px 0px;
}
#history .list .con .text {
font-size: 14px;
color: #666;
line-height: 24px;
}
#history .list .con .text p {
margin-bottom: 15px;
}
#intelligentElectrical {
width: 1200px;
margin: 100px auto 0px auto;
}
#intelligentElectrical .title {
color: #d82128;
font-size: 24px;
padding: 20px 0px;
text-align: left;
}
#intelligentElectrical .text {
color: #9d9d9d;
font-size: 14px;
line-height: 24px;
text-align: left;
}
#intelligentElectrical .con {
margin: 40px auto;
text-align: center;
height: 610px;
background: #effbff;
}
#intelligentElectrical .img {
display: none;
margin: 40px auto;
text-align: center;
height: 610px;
background: #effbff;
}
#info {
text-align: left;
margin: 0px auto;
}
#info .list {
width: 100%;
margin: 0px auto;
}
#info .list li {
width: 30%;
min-height: 200px;
float: left;
margin-bottom: 2%;
margin-right: 5%;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#info .list li:nth-of-type(3n+0) {
margin-right: 0px !important;
}
#info .list li a {
display: block;
}
#info .list li h3 {
font-size: 18px;
font-weight: normal;
color: #444;
padding: 20px 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#info .list li .time {
background: url(../images/icon-time.png) no-repeat;
background-position: 0px 3px;
font-size: 14px;
color: #ccc;
padding: 0px 20px;
margin-top: 10px;
}
#info .list li .text {
font-size: 14px;
color: #888;
line-height: 25px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#info .list li:hover {
background: #d82128;
}
#info .list li:hover a {
margin: 0px 15px;
}
#info .list li:hover h3 {
color: #fff;
}
#info .list li:hover .text {
color: rgba(255, 255, 255, 0.8);
}
#info .list li:hover .time {
background-position: 0px -29px;
color: rgba(255, 255, 255, 0.4);
}
#info .more {
text-align: center;
margin: 0px auto;
padding: 15px 0px;
}
#info .more .loadcomplete {
border-top: 1px solid #eee;
width: 100%;
padding: 20px 0px;
margin: 0px auto;
font-size: 16px;
color: #ccc;
}
#staff {
text-align: left;
margin: 0px auto;
}
#staff .list {
width: 100%;
margin: 0px auto;
}
#staff .list li {
width: 30%;
float: left;
overflow: hidden;
margin-bottom: 2%;
margin-right: 5%;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#staff .list li:nth-of-type(3n+0) {
margin-right: 0px !important;
}
#staff .list li a {
display: block;
}
#staff .list li .img {
width: 100%;
height: 250px;
min-height: 250px;
margin: 0px auto;
}
#staff .list li .img img {
max-width: 100%;
width: 100%;
height: auto;
}
#staff .list li .title {
position: relative;
font-size: 14px;
color: #333;
padding: 15px 0px;
border-bottom: 2px solid #fff;
}
#staff .list li .title .arrow {
position: absolute;
right: 5px;
top: 10px;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
#staff .list li:hover .title {
color: #d82128;
border-bottom: 2px solid #d82128;
}
#staff .list li:hover .title .arrow {
right: 0px;
}
#staff .more {
text-align: center;
margin: 0px auto;
padding: 15px 0px;
}
#staff .more .loadcomplete {
border-top: 1px solid #eee;
width: 100%;
padding: 20px 0px;
margin: 0px auto;
font-size: 16px;
color: #ccc;
}
#technical {
text-align: left;
margin: 0px auto;
}
#technical .img {
float: left;
width: 34%;
max-width: 400px;
min-height: 500px;
}
#technical .img img {
width: 100%;
height: auto;
}
#technical .imgWap {
display: none;
}
#technical .list {
float: right;
width: 58%;
min-height: 500px;
text-align: left;
padding-left: 3%;
border-left: 1px solid #eee;
}
#technical #itemContainer {
margin: 0px auto;
text-align: left;
overflow: hidden;
}
#technical #itemContainer li {
position: relative;
display: block;
padding: 10px 0px 25px 0px;
margin-bottom: 15px;
border-bottom: 1px dotted #ddd;
}
#technical #itemContainer li .icon {
position: relative;
display: block;
float: left;
background: #eee;
width: 70px;
height: 70px;
overflow: hidden;
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0), 0px 1px 2px rgba(0, 0, 0, 0);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#technical #itemContainer li .icon img {
position: absolute;
left: 0px;
top: 0px;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
#technical #itemContainer li .text {
position: relative;
display: block;
float: left;
width: 80%;
margin-left: 5%;
text-align: left;
line-height: 20px;
color: #999;
font-size: 14px;
}
#technical #itemContainer li .text h3 {
font-size: 18px;
font-weight: normal;
padding: 0px 0px 5px 0px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#technical #itemContainer li:hover .icon {
background: #d82128;
box-shadow: inset 0px 0px 0px 35px rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.1);
}
#technical #itemContainer li:hover .icon img {
left: -70px;
}
#technical #itemContainer li:hover .text h3 {
color: #d82128;
}
#technical .more {
text-align: center;
margin: 0px auto;
padding: 15px 0px;
}
#technical .more .loadcomplete {
width: 100%;
padding: 20px 0px;
margin: 0px auto;
font-size: 16px;
color: #ccc;
}
#case {
text-align: left;
margin: 0px auto;
}
#case .list {
width: 100%;
margin: 0px auto;
}
#case .list li {
width: 48%;
height: auto;
float: left;
overflow: hidden;
background: #f3f3f3;
margin-bottom: 3%;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#case .list li:nth-of-type(2n+0) {
float: right;
}
#case .list li .img {
position: relative;
width: 40%;
height: 200px;
float: left;
text-align: left;
overflow: hidden;
}
#case .list li .img img {
position: absolute;
left: -10%;
top: -50%;
width: 200%;
height: 200%;
transition: 0.5s;
transition-duration: 1s;
-ms-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
#case .list li .con {
display: block;
float: left;
width: 50%;
padding: 5%;
}
#case .list li .con h3 {
display: block;
font-size: 18px;
font-weight: normal;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#case .list li .con .text {
display: block;
padding: 15px 0px;
line-height: 24px;
font-size: 14px;
color: #999;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#case .list li .con .view {
border: 1px solid rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3);
font-size: 12px;
display: inline-block;
padding: 5px 10px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#case .list li:hover .img {
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.43);
}
#case .list li:hover .img img {
transform: rotate(10deg) scale(1.1);
-moz-transform: rotate(10deg) scale(1.1);
-ms-transform: rotate(10deg) scale(1.1);
-o-transform: rotate(10deg) scale(1.1);
webkit-transform: rotate(10deg) scale(1.1);
}
#case .list li:hover {
background: #d82128;
}
#case .list li:hover h3 {
color: rgba(255, 255, 255, 1);
}
#case .list li:hover .text {
color: rgba(255, 255, 255, 0.8);
}
#case .list li:hover .view {
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.5);
}
#case .more {
text-align: center;
margin: 0px auto;
padding: 15px 0px;
}
#case .more .loadcomplete {
border-top: 1px solid #eee;
width: 100%;
padding: 20px 0px;
margin: 0px auto;
font-size: 16px;
color: #ccc;
}
#feedback {
margin: 50px auto;
width: 100%;
}
#feedback .img {
width: 100%;
margin: 0px auto;
}
#feedback .img img {
width: 100%;
}
#feedback .text {
font-size: 14px;
color: #999;
line-height: 25px;
text-align: left;
padding: 20px 0px;
border-bottom: 1px solid #eee;
}
#feedback .text strong {
color: #333;
}
#feedback form {
margin: 0px auto;
padding: 20px 0px;
text-align: left;
}
#feedback form dl {
width: 100%;
text-align: left;
padding: 0px;
}
#feedback form dl dt {
width: 90px;
font-size: 14px;
line-height: 30px;
color: #666;
text-align: left;
}
#feedback form dl dt,
#feedback form dl dd {
padding: 8px 0px;
}
#feedback form dl dt span {
color: #ff0000;
padding-left: 6px;
}
#feedback form dl dd {
padding-left: 90px;
margin-top: -40px;
}
#feedback form dl dd select {
width: auto;
font-size: 14px;
font-family: "微软雅黑", Arial, "Arial Narrow";
color: #666;
padding: 5px 20px;
border: 1px solid #ddd;
cursor: pointer;
margin-right: 10px;
}
#feedback form dl input,
#feedback form dl textarea {
padding: 5px 20px;
border: 1px solid #ddd;
color: #888;
font-size: 14px;
font-family: "微软雅黑";
margin-right: 20px;
}
#feedback form dl input {
width: 45%;
height: 30px;
}
#feedback form dl textarea {
width: 96%;
height: 120px;
overflow: auto;
padding: 20px 2%;
}
#feedback form dl #checksn {
width: 10%;
}
#feedback form dl .button input {
width: auto;
height: 45px;
line-height: 45px;
border: none;
color: #fff;
padding: 0px 35px;
cursor: pointer;
font-weight: bold;
background: #666;
font-family: "微软雅黑";
font-size: 16px;
margin: 15px auto;
}
#feedback form dl .button input:hover {
background: #de2128;
}
#contact {
text-align: left;
margin: 0px auto;
}
#contact .img {
float: left;
width: 48%;
max-width: 600px;
}
#contact .img img {
width: 100%;
height: auto;
}
#contact .text {
float: right;
width: 46%;
text-align: left;
padding: 30px 0px;
padding-left: 3%;
line-height: 30px;
font-size: 16px;
color: #666;
}
#contact .text h2 {
display: block;
font-size: 36px;
color: #333;
padding: 15px 0px 30px 0px;
}
#contact .text strong {
display: inline-block;
color: #d82128;
padding-top: 15px;
}
#contact .text strong span {
font-size: 24px;
}
#product {
width: 1200px;
margin: 0px auto;
}
#product .title {
color: #434343;
font-size: 24px;
padding: 20px 0px;
text-align: left;
}
#product .list {
margin: 0px auto;
padding: 20px 0px;
text-align: left;
overflow: hidden;
}
#product .list .name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#product .list a {
position: relative;
display: inline-block;
float: left;
width: 200px;
font-size: 14px;
line-height: 20px;
color: #9c9c9c;
text-align: center;
margin: 0px 35px 35px 0px;
}
#product .list a img {
display: block;
margin-bottom: 20px;
}
#product .list a .view {
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
width: 198px;
height: 198px;
border: 1px solid #dbdbdb;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
overflow: hidden;
}
#product .list a .view img {
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
position: absolute;
top: -70px;
left: 50%;
width: 70px;
height: 70px;
margin-left: -35px;
}
#product .list a:hover {
color: rgba(216, 33, 40, 1);
}
#product .list a:hover .view {
background: rgba(216, 33, 40, 0.8);
border: 0px;
}
#product .list a:hover .view img {
top: 50%;
margin-top: -35px;
}
#download {
text-align: left;
margin: 0px auto;
}
#download .list {
width: 100%;
margin: 0px auto;
}
#download .list li {
width: 48%;
height: auto;
float: left;
overflow: hidden;
background: #f5f5f5;
margin-bottom: 3%;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#download .list li:nth-of-type(2n+0) {
float: right;
}
#download .list li a {
display: block;
padding: 3%;
}
#download .list li .icon {
position: relative;
display: block;
float: left;
width: 90px;
height: 90px;
overflow: hidden;
background: #fff;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#download .list li .icon img {
position: absolute;
left: 0px;
top: -90px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#download .list li .text {
float: left;
margin-left: 3%;
width: 70%;
}
#download .list li .text h3 {
padding: 5px 0px;
font-size: 18px;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#download .list li .text .tips {
padding: 5px 0px;
font-size: 14px;
color: #aaa;
}
#download .list li .text .time {
font-size: 12px;
color: #ccc;
}
#download .list li:hover {
background: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#download .list li:hover .icon {
background: #d82128;
}
#download .list li:hover .icon img {
top: 0px;
}
#download .more {
text-align: center;
margin: 0px auto;
padding: 15px 0px;
}
#download .more .loadcomplete {
border-top: 1px solid #eee;
width: 100%;
padding: 20px 0px;
margin: 0px auto;
font-size: 16px;
color: #ccc;
}
#application {
width: 1200px;
margin: 80px auto;
padding-bottom: 100px;
}
#application .title {
color: #434343;
font-size: 24px;
padding: 20px 0px;
text-align: left;
}
#application .text {
color: #9d9d9d;
font-size: 14px;
line-height: 24px;
text-align: left;
}
#application .con {
width: 100%;
height: 400px;
margin: 0px auto;
padding: 40px 0px;
}
#application .con .img {
float: left;
width: 725px;
}
#application .con .list {
float: right;
width: 474px;
height: 400px;
border: 1px solid #ddd;
border-left: 0px;
overflow: hidden;
}
#application .con .list #listcon {
width: 380px;
height: 300px;
margin: 50px auto;
text-align: left;
overflow: auto;
}
#application .con .list #listcon a {
display: block;
font-size: 18px;
color: #999;
padding: 12px 0px;
}
#application .con .list #listcon a img {
margin-right: 10px;
}
#application .con .list #listcon a:hover {
color: #d82128;
}
#application .con .list #listcon .A {
color: #d82128;
font-weight: bold;
}
#service {
margin: 0px auto;
}
#service .item-title {
padding: 20px 0px 0px 20px;
text-align: left;
background: #f7f7f7;
}
#service .item-title a {
display: inline-block;
font-size: 18px;
color: #d82128;
padding: 10px 30px;
}
#service .item-title a img {
height: 50px;
margin-right: 10px;
}
#service .item-title .A {
background: #fff;
font-weight: bold;
border-radius: 5px 5px 0px 0px;
}
#service .item-con {
padding: 20px 0px;
text-align: left;
}
#service .item-con .text {
font-size: 14px;
color: #555;
line-height: 25px;
padding-bottom: 20px;
}
#service .item-con form .w50 {
display: block;
float: left;
width: 50%;
height: 60px;
line-height: 60px;
color: #555;
font-size: 14px;
text-align: left;
padding: 5px 0px;
}
#service .item-con form .w100 {
clear: both;
float: none !important;
width: 100%;
color: #555;
font-size: 14px;
text-align: left;
min-height: 60px;
line-height: 60px;
padding: 5px 0px;
}
#service .item-con form .sel {
border: 1px solid #eee;
display: inline-block;
padding: 0px 20px;
font-size: 16px;
height: 35px;
line-height: 35px;
background: #fff;
margin-right: 5px;
}
#service .item-con form .selA {
height: 35px;
line-height: 35px;
display: inline-block;
padding: 0px 20px;
font-size: 16px;
background: #d82128;
border: 1px solid #d82128;
color: #fff;
margin-right: 5px;
}
#service .item-con form h3 {
display: inline-block;
float: left;
font-size: 16px;
font-weight: normal;
position: relative;
width: 120px;
padding-left: 18px;
height: 60px;
line-height: 60px;
}
#service .item-con form h3 span {
position: absolute;
z-index: 2;
left: 0px;
color: #ed0000;
}
#service .item-con form input {
border: 1px solid #ddd;
padding: 10px;
width: 55%;
max-width: 350px;
}
#service .item-con form textarea {
border: 1px solid #ddd;
padding: 10px;
width: 78%;
height: 150px;
max-width: 930px;
}
#service .item-con form .w100 input {
max-width: 330px;
}
#service .item-con form #tech_checksn,
#service .item-con form #complaint_checksn,
#service .item-con form #repair_checksn {
max-width: 120px;
}
#service .item-con form img {
margin-left: 10px;
}
#service .item-con form .submit {
text-align: center;
float: none !important;
padding: 50px 0px;
}
#service .item-con form .submit input {
background: #d82128;
border: 1px solid #d82128;
display: inline-block;
color: #fff;
max-width: 160px;
text-align: center;
font-family: "微软雅黑";
font-size: 14px;
cursor: pointer;
margin: 0px auto;
}
#view {
margin: 0px auto;
}
#view .title {
padding: 15px 0px;
font-size: 20px;
color: #333;
}
#view .other {
padding: 15px 0px;
font-size: 14px;
color: #ccc;
height: 18px;
}
#view .other .icon-time {
display: inline-block;
margin: 0px 5px 0px 20px;
opacity: 0.5;
width: 16px;
height: 16px;
overflow: hidden;
}
#view .pro {
position: relative;
margin: 50px auto;
padding: 3%;
}
#view .pro .name {
padding: 15px 0px;
font-size: 30px;
color: #d82128;
text-align: center;
}
#view .pro .imgshow {
position: relative;
width: 100%;
height: auto;
text-align: center;
}
#view .pro .imgshow #prev {
position: absolute;
left: 20%;
top: 40%;
width: 32px;
height: 32px;
overflow: hidden;
cursor: pointer;
}
#view .pro .imgshow #prev img {
position: absolute;
left: 0px;
top: 0px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#view .pro .imgshow #prev:hover img {
left: -32px;
}
#view .pro .imgshow #next {
position: absolute;
right: 20%;
top: 40%;
width: 32px;
height: 32px;
overflow: hidden;
cursor: pointer;
}
#view .pro .imgshow #next img {
position: absolute;
left: -32px;
top: 0px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#view .pro .imgshow #next:hover img {
left: 0px;
}
#view .pro .imgshow #adv-custom-pager {
width: 80%;
margin: 0px auto;
overflow: auto;
text-align: center;
}
#view .pro .imgshow #adv-custom-pager a {
display: inline-block;
border: 1px solid #ddd;
margin: 0px 10px;
}
#view .pro .imgshow #adv-custom-pager a img {
width: auto;
height: auto;
max-width: 80px;
max-height: 80px;
}
#view .pro .imgshow #adv-custom-pager a.cycle-pager-active {
border: 3px solid #d82128;
}
#view .case {
position: relative;
background: #eee;
margin: 0px auto 20px auto;
}
#view .case .img {
float: left;
width: 60%;
max-width: 725px;
}
#application .con .img a {
display: none;
}
#application .con .img a:nth-of-type(1) {
display: block;
}
#view .case .img img {
width: 100%;
}
#view .case .con {
float: left;
width: 30%;
padding: 5%;
text-align: left;
}
#view .case .con h2 {
font-size: 30px;
color: #d82128;
}
#view .case .con .counts {
padding: 10px;
font-size: 14px;
color: #999;
}
#view .case .con .time {
padding: 0px 10px;
font-size: 14px;
color: #999;
}
#view .case .btn {
position: absolute;
right: 70px;
bottom: -3px;
padding: 0px;
}
#view .case .btn .prev {
width: 150px !important;
height: 40px !important;
line-height: 40px !important;
background: #d82128;
display: inline-block;
float: none;
text-align: center;
overflow: hidden;
text-overflow: inherit;
white-space: inherit;
}
#view .case .btn .next {
width: 150px !important;
height: 40px !important;
line-height: 40px !important;
background: #d82128;
display: inline-block;
float: right;
text-align: center;
overflow: hidden;
text-overflow: inherit;
white-space: inherit;
margin-left: 1px;
}
#view .case .btn .prev a,
#view .case .btn .next a {
display: block;
color: #fff !important;
text-decoration: none !important;
}
#view .case .btn .prev:hover,
#view .case .btn .next:hover {
background: #666;
}
#view .text {
padding: 20px 0px 50px 0px;
text-align: left;
font-size: 16px;
line-height: 28px;
color: #666;
}
#view .text p {
margin-bottom: 20px;
}
#view .btn {
margin: 0px auto;
}
#view .tag {
margin: 0px auto;
padding: 20px 0px;
}
#view .tag #tags_title {
text-align: left;
}
#view .tag #tags_title a {
font-size: 18px;
padding: 10px 30px;
border-bottom: 0px;
background: #eee;
}
#view .tag #tags_title .A {
background: #d82128;
color: #fff;
}
#view .tag #tags_content {
text-align: left;
padding: 20px 0px;
font-size: 16px;
line-height: 28px;
color: #666;
}
#view .tag #tags_content img {
max-width: 100%;
}
#view .tag #tags_content table {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 10px 0px;
max-width: 100%;
min-width: 600px;
}
#view .tag #tags_content table td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px 10px;
font-size: 14px;
}
#view .tag .showLine {
display: none;
}
#view .pdf {
margin: 0px auto;
padding: 15px 0px 30px 0px;
text-align: left;
border-top: 1px solid #eee;
}
#view .pdf h3 {
display: block;
padding: 10px 0px 20px 0px;
color: #333;
font-size: 16px;
}
#view .pdf .file {
margin: 0px auto;
padding: 20px 0px;
}
#view .pdf .file a {
display: inline-block;
border: 1px solid #eee;
padding: 10px 20px;
text-align: left;
}
#view .pdf .file a img {
height: 25px;
margin-right: 8px;
}
#view .pdf .file a:hover {
background: #ffffee;
}
#view .btn .prev {
display: block;
float: left;
text-align: left;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #d82128;
}
#view .btn .next {
display: block;
float: right;
text-align: right;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #d82128;
}
#view .btn .prev a,
#view .btn .next a {
font-size: 14px;
color: #d82128;
}
#view .btn .prev a:hover,
#view .btn .next a:hover {
text-decoration: underline;
}
#view .btn .prevPro {
display: block;
float: left;
text-align: left;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #d82128;
}
#view .btn .nextPro {
display: block;
float: right;
text-align: right;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #d82128;
}
#view .btn .prevPro a,
#view .btn .nextPro a {
font-size: 14px;
color: #d82128;
}
#view .btn .prevPro a:hover,
#view .btn .nextPro a:hover {
text-decoration: underline;
}
#view .btn .back {
display: block;
float: left;
text-align: left;
width: 40%;
padding: 30px 0px;
}
#view .btn .back a {
display: inline-block;
width: 20%;
min-width: 80px;
padding: 2% 3%;
font-size: 14px;
text-align: center;
background: #eee;
border: 1px solid #eee;
}
#view .btn .back a:hover {
background: #fff;
}
#quick {
position: fixed;
z-index: 999;
right: 0px;
top: 40%;
}
#quick .btn {
position: absolute;
z-index: 99;
right: 0px;
width: 60px;
height: 60px;
background: rgba(216, 33, 40, 1);
border-radius: 100%;
cursor: pointer;
overflow: hidden;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#quick .btn:hover {
background: rgba(230, 45, 50, 1);
}
#quick .btn-m {
display: none;
}
#quick .con {
position: fixed;
z-index: 1;
top: 40%;
right: 0px;
}
#quick .con a {
position: absolute;
width: 70px;
height: 70px;
line-height: 70px;
background: rgba(131, 131, 131, 1);
border-radius: 100%;
color: #fff;
font-size: 14px;
opacity: 0;
}
#quick .con a:hover {
background: rgba(100, 100, 100, 1);
}
#quick .con .at1 {
right: -10px;
top: -10px;
}
#quick .con .at2 {
right: -10px;
top: -10px;
}
#quick .con .at3 {
right: -10px;
top: -10px;
}
#quick .con .at4 {
right: -10px;
top: -10px;
}
#quick .con .at5 {
right: -10px;
top: -10px;
}
#toolbar {
position: fixed;
z-index: 1000;
right: 0px;
bottom: 30px;
}
#toolbar .toolbar-item,
#toolbar .toolbar-layer {
background: url(../images/toolbar.png) no-repeat;
}
#toolbar .toolbar-item {
display: block;
width: 52px;
height: 52px;
margin-top: 1px;
position: relative;
-moz-transition: background-position 1s;
-ms-transition: background-position 1s;
-o-moz-transition: background-position 1s;
-webkit-moz-transition: background-position 1s;
transition: background-position 1s;
}
#toolbar .toolbar-item:hover .toolbar-layer {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
#toolbar .toolbar-item-weixin {
background-position: 0 -798px;
}
#toolbar .toolbar-item-weixin:hover {
background-position: 0 -860px;
}
#toolbar .toolbar-item-weixin .toolbar-layer {
height: 212px;
background-position: 0 0;
}
#toolbar .toolbar-item-feedback {
background-position: 0 -426px;
}
#toolbar .toolbar-item-feedback:hover {
background-position: 0 -488px;
}
#toolbar .toolbar-item-app {
background-position: 0 -550px;
}
#toolbar .toolbar-item-app:hover {
background-position: 0 -612px;
}
#toolbar .toolbar-item-app .toolbar-layer {
height: 194px;
background-position: 0 -222px;
}
#toolbar .toolbar-item-top {
background-position: 0 -674px;
}
#toolbar .toolbar-item-top:hover {
background-position: 0 -736px;
}
#toolbar .toolbar-layer {
position: absolute;
right: 46px;
bottom: -10px;
width: 172px;
opacity: 0;
filter: alpha(opacity=0);
transform-origin: 95% 95%;
-moz-transform-origin: 95% 95%;
-ms-transform-origin: 95% 95%;
-o-transform-origin: 95% 95%;
-webkit-transform-origin: 95% 95%;
transform: scale(0.01);
-moz-transform: scale(0.01);
-ms-transform: scale(0.01);
-o-transform: scale(0.01);
-webkit-transform: scale(0.01);
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
}
#foot {
margin: 0px auto;
border-top: 1px solid #e6e6e6;
}
#foot .nav {
width: 1200px;
height: 280px;
padding-top: 40px;
margin: 0px auto;
}
#foot .nav li {
display: block;
width: 170px;
float: left;
text-align: left;
margin-right: 36px;
}
#foot .nav li h3 {
color: #2a2a2a;
padding: 15px 8px;
margin-bottom: 5px;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
}
#foot .nav li h3 img {
display: none;
}
#foot .nav li .son {
display: block;
overflow: hidden;
}
#foot .nav li a {
display: block;
font-size: 14px;
padding: 8px;
color: rgba(131, 131, 131, 1);
}
#foot .nav li a:hover {
color: rgba(216, 33, 40, 1);
}
#foot .nav li.last {
margin-right: 0px;
}
#foot .boot {
background: #ececec;
width: 100%;
height: 150px;
margin: 0px auto;
}
#foot .boot ul {
position: relative;
width: 1200px;
height: 150px;
margin: 0px auto;
}
#foot .boot ul .copy {
padding-top: 50px;
text-align: left;
color: #7a7a7a;
font-size: 14px;
line-height: 36px;
}
#foot .boot ul .copy a {
color: #7a7a7a;
}
#foot .boot ul .copy a:hover {
color: #d82128;
}
#foot .boot ul .copy strong {
font-weight: normal;
}
#foot .boot ul .copy .tech {
display: inline-block;
margin-left: 10px;
}
#foot .boot ul .qrcode {
position: absolute;
right: 0px;
top: 0px;
text-align: right;
}
@media (min-width:1830px) {
#banner {
height: 850px;
overflow: hidden;
}
#banner img {
width: auto;
}
}
@media (max-width:1230px) {
#header {
left: 0px;
top: 0px;
width: 100%;
margin-left: 0;
}
#header .top {
display: none;
}
#header .menu {
width: 100%;
top: 0px;
border-radius: 0px;
}
#header .menu .mod {
right: 120px;
}
#header .menu .mod a {
font-size: 14px;
padding: 0px 10px;
}
#header .menu .logo {
width: auto;
text-align: left;
left: 15px;
}
#header .menu .logo img {
height: 35px;
}
#header .industry {
top: 0px;
width: 100px;
}
#header .industry a {
font-size: 14px;
}
#banner {
margin-top: 90px;
height: 380px;
}
#banner img {
width: 100%;
}
#banner-inside {
margin-top: 90px;
height: 300px;
}
#anniversary {
width: 95%;
}
#main .catalog .con {
width: 95%;
height: 530px;
}
#main .catalog .con .industry {
width: 72%;
height: 530px;
}
#main .catalog .con .industry .list .external {
width: 180px;
height: 160px;
margin: 0px 5px 5px 0px;
}
#main .catalog .con .industry .list .inner>div.text {
height: 160px;
}
#main .catalog .con .industry .list .inner>div.text img {
margin: 20px auto 8px auto;
}
#main .catalog .con .industry .list .more {
width: 180px;
height: 160px;
}
#main .catalog .con .industry .list .more a {
height: 160px;
}
#main .catalog .con .brand {
background-position: right center;
width: 28%;
height: 530px;
}
#main .catalog .con .brand .title {
width: 110px;
height: 82px;
line-height: 28px;
font-size: 28px;
}
#main .catalog .con .brand .text {
margin: 0px 40px;
line-height: 25px;
}
#main .catalog .con .brand .text h2 {
font-size: 17px;
margin-bottom: 10px;
}
#main .news {
width: 100%;
}
#main .news .con {
width: 95%;
}
#main .news .con .imglist {
width: 55%;
height: 380px;
}
#main .news .con .imglist a {
width: 47%;
height: 380px;
margin-right: 3%;
}
#main .news .con .imglist a img {
width: 225px;
height: 160px;
}
#main .news .con .imglist .time {
top: 130px;
}
#main .news .con .imglist .time h3 {
font-size: 18px;
}
#main .news .con .imglist .view {
width: 225px;
height: 160px;
}
#main .news .con .imglist .text {
top: 200px;
width: 200px;
height: 130px;
}
#main .news .con .imglist .text h3 {
color: #484848;
font-size: 14px;
line-height: 18px;
padding: 5px 0px 10px 0px;
}
#main .news .con .imglist a:hover .time {
background: rgba(216, 33, 40, 1);
}
#main .news .con .imglist a:hover .view {
opacity: 1;
}
#main .news .con .imglist a:hover .text h3 {
color: rgba(216, 33, 40, 1);
}
#main .news .con .list {
float: right;
width: 43%;
height: 380px;
}
#main .news .con .list a {
height: 116px;
line-height: 24px;
}
#main .news .con .list a h3 {
font-size: 15px;
padding: 15px 0px 5px 0px;
}
#main .news .con .list a .time {
padding-bottom: 0px;
}
#main .service .title {
width: 100%;
margin-left: -50%;
}
#main .service .con {
width: 100%;
margin-left: -50%;
}
#main .service .text {
width: 100%;
margin-left: -50%;
}
#main .partner {
width: 95%;
}
#main .partner .bd {
width: 780px;
}
#navpart {
height: 110px;
}
#navpart .position {
width: 95%;
}
#navpart .column {
width: 95%;
}
#intelligentElectrical {
width: 95%;
}
#intelligentElectrical .con {
height: auto;
}
#intelligentElectrical .con img {
width: 95%;
height: 95%;
}
#title {
width: 95%;
}
#inside {
width: 95%;
}
#honor .list li {
width: 25%;
}
#staff .list li .img {
height: 220px;
min-height: 220px;
}
#product {
width: 95%;
}
#product .list a {
width: 190px;
margin: 0px 20px 35px 0px;
}
#product .list a img {
display: block;
width: 190px;
height: 190px;
margin-bottom: 20px;
}
#product .list a .view {
width: 188px;
height: 188px;
}
#application {
width: 95%;
padding-bottom: 0px;
}
#application .text {
font-size: 13px;
}
#application .con {
max-height: 350px;
min-height: 200px;
}
#application .con .img {
width: 69%;
height: 100%;
}
#application .con .img img {
width: 100%;
height: 100%;
}
#application .con .list {
width: 30.8%;
height: 100%;
}
#application .con .list #listcon {
width: 200px;
height: 90%;
margin: 5% auto;
}
#foot .nav {
width: 95%;
}
#foot .nav li {
width: 14%;
margin-right: 3%;
}
#foot .nav li .last {
margin-right: 0px;
}
#foot .boot ul {
width: 95%;
}
}
@media (max-width:960px) {
#history .list .con .spot {
top: 0px;
}
#history .list .con .year {
top: -10px;
left: 0%;
}
#history .list .con .text {
padding-top: 10px;
}
#honor .list li {
width: 33.3%;
}
}
@media (max-width:780px) {
#header {
left: 0px;
top: 0px;
width: 100%;
margin-left: 0;
}
#header .top {
display: none;
}
#header .menu {
height: 60px;
line-height: 60px;
}
#header .menu .logo {
width: auto;
text-align: left;
left: 15px;
top: 0px;
}
#header .menu .logo img {
height: 30px;
}
#header .menu .btn-menu {
display: block;
position: absolute;
z-index: 10;
right: 75px;
top: 0px;
cursor: pointer;
color: #666;
}
#header .menu .btn-menu img {
height: 14px;
margin-right: 5px;
opacity: 0.5;
}
#header .menu .mod {
display: none;
top: 60px;
left: 0px;
width: 100%;
background: #666;
text-align: center;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
#header .menu .mod a {
width: 30%;
display: inline-block;
padding: 10px 0px;
margin: 0px 5%;
text-align: center;
color: #fff;
font-size: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#header .menu .mod a:first-child {
display: none;
}
#header .industry {
top: 0px;
width: 60px;
height: 60px;
line-height: 60px;
}
#header .industry a {
color: #fff;
font-size: 14px;
}
#header .industry a span {
display: none;
}
#header .industry img {
display: none !important;
}
#banner {
margin-top: 60px;
height: 240px;
}
#banner img {
width: 100%;
}
#banner-inside {
margin-top: 60px;
height: 200px;
}
#banner-inside img {
width: 1000px;
margin-left: -500px;
}
#anniversary {
width: 100%;
height: 50px;
line-height: 50px;
}
#anniversary .text {
font-size: 12px;
left: 10px;
}
#anniversary .text img {
height: 20px;
}
#anniversary .hotline {
right: 10px;
font-size: 12px;
}
#main .catalog {
background-size: 140px 245px;
padding: 40px 0px;
}
#main .catalog .con {
width: 90%;
height: 580px;
background: #fff;
}
#main .catalog .con .industry {
float: none;
width: 100%;
height: 400px;
background: #fff;
}
#main .catalog .con .industry .title {
width: 90%;
font-size: 20px;
padding: 20px 0px;
}
#main .catalog .con .industry .title h2 {
font-size: 20px;
padding: 5px 0px;
}
#main .catalog .con .industry .title h2 img {
height: 20px;
}
#main .catalog .con .industry .title h4 {
display: none;
}
#main .catalog .con .industry .list {
width: 90%;
}
#main .catalog .con .industry .list .external {
width: 49%;
height: 100px;
padding: 0px;
margin: 0px 1% 1% 0px;
}
#main .catalog .con .industry .list .external:nth-child(3) {
margin-right: 1%;
}
#main .catalog .con .industry .list .inner>div.text {
height: 100px;
line-height: 30px;
text-align: left;
}
#main .catalog .con .industry .list .inner>div.text img {
float: left;
margin-left: 35px;
margin-right: 20px;
height: 50px;
}
#main .catalog .con .industry .list .inner .view h3 {
margin: 40px auto 20px auto;
}
#main .catalog .con .industry .list .inner .view h4 {
display: none;
}
#main .catalog .con .industry .list .more {
width: 49%;
height: 100px;
margin-right: 1%;
}
#main .catalog .con .industry .list .more a {
height: 100px;
line-height: 80px;
border: 0px;
background: #f2f2f2;
}
#main .catalog .con .industry .list .more a:hover {
background: rgba(216, 33, 40, 1);
color: #fff;
}
#main .catalog .con .brand {
background: url(../images/brand-bg.jpg) no-repeat;
background-size: 100% 200%;
background-position: left center;
width: 100%;
height: 180px;
float: none;
}
#main .catalog .con .brand .title {
bottom: 30px;
right: 30px;
width: 90px;
height: 70px;
line-height: 25px;
font-size: 20px;
padding-top: 20px;
}
#main .catalog .con .brand .text {
margin: 0px 40px;
padding: 35px 0px;
font-size: 12px;
line-height: 25px;
}
#main .catalog .con .brand .text a {
margin-top: 10px;
}
#main .catalog .con .brand .text h2 {
font-size: 18px;
margin-bottom: 0px;
}
#main .news {
width: 90%;
padding: 30px 0px;
}
#main .news .title {
background: none;
text-align: left;
}
#main .news .title h2 {
color: rgba(0, 0, 0, 0.8);
font-size: 20px;
font-weight: bold;
}
#main .news .title h2 img {
display: inline-block;
height: 20px;
margin-left: 5px;
}
#main .news .title h3 {
display: none;
}
#main .news .con {
width: 100%;
padding-top: 30px;
}
#main .news .con .imglist {
width: 100%;
height: auto;
float: none;
margin: 0px auto;
}
#main .news .con .imglist a {
float: none;
width: 100%;
height: 100px;
background: #f2f2f2;
margin: 0px auto 10px auto;
}
#main .news .con .imglist a img {
float: left;
width: 160px;
height: 100px;
}
#main .news .con .imglist .time {
top: 84px;
left: 110px;
height: 18px;
color: #fff;
}
#main .news .con .imglist .time h4 {
font-weight: normal;
display: inline-block;
}
#main .news .con .imglist .time h5 {
display: none;
}
#main .news .con .imglist .time h3 {
display: none;
}
#main .news .con .imglist .text {
top: 10px;
left: 180px;
width: 50%;
}
#main .news .con .imglist .view {
display: none;
}
#main .news .con .list {
width: 100%;
height: auto;
float: none;
}
#main .news .con .list a {
border: 0px;
border-bottom: 1px solid #f2f2f2;
padding: 0px 10px;
height: 70px;
line-height: 25px;
}
#main .news .con .list a h3 {
font-size: 14px;
padding: 15px 0px 0px 0px;
}
#main .news .con .list a .time {
display: none;
}
#main .news .con .list a:hover {
background: #f2f2f2;
}
#main .service {
height: 500px;
}
#main .service .title {
left: 50%;
top: 30px;
width: 90%;
margin-left: -45%;
text-align: left;
background: none;
}
#main .service .title h2 {
font-size: 20px;
font-weight: bold;
}
#main .service .title h2 img {
display: inline-block;
height: 20px;
margin-left: 5px;
}
#main .service .title h3 {
display: none;
}
#main .service .text {
top: 80px;
text-align: left;
width: 90%;
margin-left: -45%;
font-size: 13px;
line-height: 24px;
}
#main .service .con {
top: 150px;
width: 90%;
margin-left: -45%;
text-align: left;
}
#main .service .con a {
margin-left: 0px;
margin-right: 50px;
}
#main .partner {
width: 90%;
height: auto;
min-height: 150px;
padding: 30px 0px;
}
#main .partner .title {
float: none;
height: 60px;
line-height: 60px;
text-align: left;
font-size: 20px;
font-weight: bold;
}
#main .partner .bd {
float: none;
width: 100%;
height: auto;
}
#main .partner ul {
height: auto;
}
#main .partner ul li {
width: 33%;
height: auto;
overflow: hidden;
padding: 10px 0px;
}
#main .partner ul li img {
width: 100%;
height: 100%;
}
#navpart .position {
padding: 20px 0px 10px 0px;
}
#navpart .column {
overflow: auto;
text-align: left;
padding: 0px 0px 10px 0px;
}
#navpart .column ul li {
display: block;
float: left;
border: 0px;
border-bottom: 3px solid #f4f4f4;
background: none;
height: 20px;
line-height: 20px;
padding: 8px 0px;
margin-right: 15px;
text-align: center;
}
#navpart .column .A {
background: none;
border: 0px;
border-bottom: 3px solid #d82128;
}
#navpart .column .A a {
color: #d82128;
}
#title {
font-size: 20px;
}
#inside {
padding-bottom: 80px;
}
#about {
line-height: 24px;
}
#feedback form dl dd select {
padding: 10px;
}
#intelligentElectrical {
margin: 50px auto 0px auto;
}
#intelligentElectrical .title {
font-size: 20px;
}
#intelligentElectrical .text {
font-size: 12px;
line-height: 20px;
}
#intelligentElectrical .con {
display: none;
}
#intelligentElectrical .img {
display: block;
height: auto;
}
#intelligentElectrical .img img {
width: 90%;
height: 90%;
margin: 10px auto;
}
#product .title {
font-size: 20px;
}
#application {
height: 720px;
margin: 30px auto 80px auto;
}
#application .title {
font-size: 20px;
}
#application .text {
font-size: 12px;
line-height: 20px;
}
#application .con {
height: auto;
}
#application .con .img {
float: none;
width: 100%;
}
#application .con .list {
float: none;
width: 99.6%;
height: 200px;
border: 1px solid #ddd;
border-left: 1px solid #ddd;
}
#application .con .list #listcon {
width: 90%;
height: 80%;
margin: 5% auto;
}
#application .con .list #listcon a {
display: inline-block;
font-size: 15px;
color: #999;
padding: 12px 0px;
width: 48%;
}
#quick {
top: auto;
right: 10px;
bottom: 100px;
}
#quick .btn {
display: none;
}
#quick .btn-m {
display: inline-block;
position: absolute;
z-index: 99;
right: 0px;
width: 50px;
height: 50px;
background: rgba(216, 33, 40, 1);
border-radius: 100%;
cursor: pointer;
overflow: hidden;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#quick .btn-m:hover {
background: rgba(230, 45, 50, 1);
}
#quick .btn-m img {
width: 100%;
height: 100%;
}
#quick .con {
top: auto;
bottom: 100px;
right: 10px;
}
#quick .con a {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 12px;
}
#quick .con .at1 {
right: 0px;
top: auto;
bottom: -50px;
}
#quick .con .at2 {
right: 0px;
top: auto;
bottom: -50px;
}
#quick .con .at3 {
right: 0px;
top: auto;
bottom: -50px;
}
#quick .con .at4 {
right: 0px;
top: auto;
bottom: -50px;
}
#quick .con .at5 {
right: 0px;
top: auto;
bottom: -50px;
}
#foot {
width: 100%;
border-top: 0px;
background: #ececec;
}
#foot .nav {
width: 90%;
height: auto;
padding-top: 20px;
}
#foot .nav li {
display: block;
width: 100%;
float: none;
text-align: left;
margin-right: 0px;
}
#foot .nav li h3 {
color: #2a2a2a;
padding: 10px 8px;
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
#foot .nav li h3 img {
display: inline-block;
float: right;
}
#foot .nav li .son {
display: none;
}
#foot .boot {
height: auto;
}
#foot .boot ul {
width: 90%;
height: auto;
}
#foot .boot ul .copy {
padding-top: 20px;
font-size: 12px;
line-height: 30px;
}
#foot .boot ul .copy .line {
display: none;
}
#foot .boot ul .copy .tech {
display: block;
margin-left: 0px;
}
#foot .boot ul .copy strong {
display: block;
color: #d82128;
font-size: 16px;
margin-bottom: -20px;
}
#foot .boot ul .qrcode {
position: relative;
left: 0px;
padding: 10px 0px 30px 0px;
text-align: left;
}
#toolbar {
display: none;
}
}
@media (max-width:680px) {
#inside {
min-height: 300px;
width: 93% !important;
}
.ds {
width: 100% !important;
}
.gallery-top .swiper-slide {
width: 100% !important;
}
#info .list li {
width: 100%;
margin: 0px auto;
}
#staff .list li {
width: 47%;
margin-right: 0%;
margin-bottom: 4%;
}
#staff .list li:nth-of-type(2n+0) {
float: right;
}
#case .list li {
width: 100%;
height: 200px;
float: none;
}
#case .list li:nth-of-type(2n+0) {
float: none;
}
#case .list li .con h3 {
font-size: 16px;
}
#case .list li .con .text {
padding: 10px 0px;
font-size: 13px;
line-height: 20px;
}
#product .list a {
width: 190px;
font-size: 14px;
margin-right: 13px;
}
#product .list a img {
width: 190px;
height: 190px;
}
#product .list a:nth-child(even) {
float: left;
}
#product .list a .view {
width: 188px;
height: 188px;
}
#product .list a .view img {
top: -70px;
width: 70px;
height: 70px;
margin-left: -35px;
}
#product .list a:hover .view img {
margin-top: -35px;
}
#download .list li {
width: 100%;
float: none;
}
#download .list li:nth-of-type(2n+0) {
float: none;
}
#feedback .text {
font-size: 12px;
line-height: 20px;
}
#feedback form dl dt {
display: block;
width: 100%;
}
#feedback form dl dd {
display: block;
padding-left: 0px;
margin-top: 0px;
}
#feedback form dl dd select {
display: block;
width: 100%;
padding: 10px 2%;
margin-bottom: 2%;
font-size: 12px;
}
#feedback form dl input,
#feedback form dl textarea {
width: auto;
padding: 10px 2%;
border: 1px solid #ddd;
color: #888;
font-size: 14px;
font-family: "微软雅黑";
margin-right: 20px;
}
#feedback form dl input {
width: 96%;
height: 20px;
}
#feedback form dl textarea {
width: 96%;
height: 120px;
overflow: auto;
padding: 20px 2%;
}
#feedback form dl #checksn {
width: 10%;
}
#view .case .img {
float: none;
width: 100%;
max-width: none;
}
#view .case .img img {
width: 100%;
}
#view .case .con {
float: none;
width: 90%;
padding: 5%;
text-align: left;
}
#view .case .btn {
right: 5%;
}
#view .pdf .file a {
display: block;
border: 0px;
padding: 10px 0px;
text-align: left;
}
#view .pdf .file a img {
height: 20px;
margin-right: 8px;
}
#view .pdf .file a:hover {
background: #fff !important;
}
}
@media (max-width:620px) {
#history .img {
display: none;
}
#history .imgWap {
display: block;
}
#history .imgWap img {
width: 100%;
}
#history .list {
width: 90%;
float: none;
margin: 0px auto;
}
#history .list .con .spot {
left: -5%;
}
#history .list .con .year {
left: 2%;
}
#history .list .con .text {
padding: 20px 2%;
}
#honor .list li {
width: 50%;
}
#product .list a {
width: 175px;
font-size: 12px;
min-height: 270px;
margin: 0px 8px 0px 0px;
}
#product .list a:nth-child(even) {
float: left;
}
#product .list a img {
width: 175px;
height: 175px;
}
#product .list a .view {
width: 173px;
height: 173px;
}
#product .list a .view img {
top: -70px;
width: 70px;
height: 70px;
margin-left: -35px;
}
#product .list a:hover .view img {
margin-top: -35px;
}
#technical .img {
display: none;
}
#technical .imgWap {
display: block;
}
#technical .imgWap img {
width: 100%;
}
#technical .list {
display: block;
float: none;
border: 0px;
width: 100%;
padding: 20px 0px;
}
#jobs .list li {
margin-bottom: 5%;
}
#jobs .list li .con .text p {
display: block;
width: 100%;
}
#service .item-title {
padding: 20px 0px 0px 20px;
text-align: left;
background: #f7f7f7;
}
#service .item-title a {
display: inline-block;
width: 32%;
font-size: 16px;
color: #d82128;
padding: 10px 0px;
text-align: center;
}
#service .item-title a img {
display: block;
height: 60px;
margin: 0px auto 5px auto;
}
#service .item-title .A {
font-weight: normal !important;
}
#service .item-con form h3 {
font-size: 14px;
width: 105px;
}
#service .item-con form .sel {
padding: 0px 10px;
font-size: 12px;
margin-right: 0px;
}
#service .item-con form .selA {
padding: 0px 10px;
font-size: 12px;
margin-right: 0px;
}
#service .item-con form .w50 {
float: none !important;
width: 100%;
}
#service .item-con form textarea {
max-width: 304px;
}
#service .item-con form .submit {
text-align: left;
margin-top: 40px;
padding: 30px 0px;
border-top: 1px solid #eee;
}
#service .item-con form .submit input {
max-width: 100%;
min-width: 100%;
}
#contact .img {
float: none;
width: 100%;
}
#contact .text {
float: none;
width: 100%;
padding: 5% 0px;
}
#view .pro .name {
font-size: 20px;
}
#view .pro .imgshow #adv-custom-pager a img {
max-width: 40px;
max-height: 40px;
}
#view .tag .showDefault {
display: none;
}
#view .tag .showLine {
display: block;
}
#view .tag .tags_title {
text-align: left;
color: #d82128;
font-size: 16px;
padding: 10px 0px;
}
#view .tag .tags_content {
text-align: left;
padding: 20px 0px;
font-size: 14px;
line-height: 28px;
color: #666;
overflow: auto;
}
#view .tag .tags_content img {
max-width: 100%;
}
#view .tag .tags_content table {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 10px 0px;
width: 100%;
}
#view .tag .tags_content table td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px 10px;
font-size: 12px;
}
#view .btn .prev,
#view .btn .next {
display: block;
float: none;
width: 100%;
text-align: center;
margin-bottom: 3%;
}
#view .btn .prev a,
#view .btn .next a {
display: block;
padding: 10px 0px;
border: 1px solid #d82128;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ff888d, endColorStr=bb0007);
background: -ms-linear-gradient(top, #ff888d, #d82128);
background: -moz-linear-gradient(top, #ff888d, #d82128);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff888d), to(#bb0007));
background: -webkit-linear-gradient(top, #ff888d, #bb0007);
background: -o-linear-gradient(top, #ff888d, #bb0007);
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
color: #fff;
}
#view .btn .prev span,
#view .btn .next span {
display: none;
}
#view .btn .prev a:hover,
#view .btn .next a:hover {
background: #d82128;
text-decoration: none;
}
#view .btn .back {
display: block;
float: none;
width: 100%;
text-align: center;
margin: 0px;
padding: 0px;
}
#view .btn .back a {
width: 100%;
display: block;
padding: 10px 0px;
margin: 0px;
border: 1px solid #ddd;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ffffff, endColorStr=f3f3f3);
background: -ms-linear-gradient(top, #ffffff, #f3f3f3);
background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
background: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
background: -o-linear-gradient(top, #ffffff, #f3f3f3);
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
}
@media (max-width:480px) {
#culture {
font-size: 12px;
}
#culture .text {
line-height: 24px;
margin-bottom: 0px;
}
#culture .text strong {
display: block;
color: #d82128;
font-size: 14px;
}
#history .list .con .year {
font-size: 20px;
top: -6px;
}
#history .list .con .text {
font-size: 12px;
line-height: 20px;
padding-top: 10px;
}
#info .list li h3 {
font-size: 16px;
}
#staff .list li {
display: block;
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 4%;
}
#staff .list li:nth-of-type(2n+0) {
float: none;
}
#product .list a {
width: 175px;
font-size: 12px;
min-height: 270px;
margin: 0px;
}
#product .list a:nth-child(even) {
float: right;
}
#product .list a img {
width: 175px;
height: 175px;
}
#product .list a .view {
width: 173px;
height: 173px;
}
#product .list a .view img {
top: -60px;
width: 60px;
height: 60px;
margin-left: -30px;
}
#product .list a:hover .view img {
margin-top: -30px;
}
#human .text p {
font-size: 14px;
line-height: 20px;
}
#technical .list #itemContainer li .icon {
float: none;
width: 30px;
height: 30px;
}
#technical .list #itemContainer li .icon img {
height: 30px;
}
#technical .list #itemContainer li:hover .icon img {
left: -30px;
}
#technical #itemContainer li .text {
float: none;
width: 100%;
padding: 10px 0px 0px 0px;
margin: 0px;
font-size: 12px;
line-height: 20px;
}
#technical #itemContainer li .text h3 {
position: absolute;
top: -26px;
left: 40px;
padding: 0px;
width: 80%;
font-size: 16px;
}
#download .list li {
margin-bottom: 5%;
}
#download .list li .icon {
width: 60px;
height: 60px;
}
#download .list li .icon img {
width: 60px;
top: -60px;
}
#download .list li .text h3 {
font-size: 16px;
padding: 0px;
}
#download .list li .text .tips {
padding: 0px;
font-size: 12px;
}
#service .item-title a {
font-size: 14px;
}
#service .item-title a img {
height: 40px;
}
#service .item-con .text {
font-size: 12px;
line-height: 21px;
}
#service .item-con form h3 {
display: block;
float: none;
font-size: 14px;
padding-left: 0px;
height: 30px;
line-height: 30px;
}
#service .item-con form h3 span {
left: 0px;
top: -10px;
}
#service .item-con form .sel {
padding: 0px 2px;
}
#service .item-con form .selA {
padding: 0px 2px;
}
#service .item-con form .w50 {
display: block;
float: none;
width: 100%;
height: auto;
line-height: none;
}
#service .item-con form input {
padding: 10px 4%;
width: 90%;
max-width: 90%;
}
#service .item-con form textarea {
max-width: 92%;
width: 92%;
}
#view .case .con h2 {
font-size: 18px;
}
#view .case .con h2 img {
height: 30px;
}
#view .case .con .time {
font-size: 12px;
}
#view .case .con .counts {
font-size: 12px;
}
#view .case .btn {
right: 0px;
}
#view .case .btn .prev {
width: auto !important;
height: 25px !important;
line-height: 25px !important;
padding: 0px 15px;
}
#view .case .btn .next {
width: auto !important;
height: 25px !important;
line-height: 25px !important;
padding: 0px 15px;
}
#view .case .btn .prev a,
#view .case .btn .next a {
font-size: 12px;
}
}
@media (max-width:380px) {
#header .menu .logo {
top: -5px;
}
#header .menu .logo img {
height: 25px;
}
#banner {
height: 150px;
}
#anniversary {
width: 100%;
height: 65px;
}
#anniversary .hotline {
right: auto;
left: 40px;
top: 20px;
}
#main .catalog .con .industry .list .inner>div.text {
text-align: center;
font-size: 12px;
}
#main .catalog .con .industry .list .inner>div.text img {
float: none;
margin: 10px auto 0px auto;
}
#main .catalog .con .brand .title {
right: 20px;
width: 60px;
height: 40px;
line-height: 20px;
font-size: 16px;
padding: 10px 0px;
}
#main .catalog .con .brand .text {
margin: 0px 30px;
}
#main .catalog .con .brand .text h2 {
font-size: 16px;
font-weight: bold;
}
#main .news .con .imglist a {
height: 80px;
}
#main .news .con .imglist a img {
width: 120px;
height: 80px;
}
#main .news .con .imglist .time {
top: 62px;
left: 70px;
}
#main .news .con .imglist .text {
top: 5px;
left: 130px;
}
#main .service .text {
font-size: 12px;
line-height: 20px;
}
#main .service .con {
top: 180px;
}
#main .service .con a {
font-size: 12px;
margin-right: 10px;
}
#main .service .con a img {
width: 50px;
height: 50px;
}
#main .partner ul li {
width: 50%;
height: auto;
overflow: hidden;
padding: 10px 0px;
}
#info .list {
min-height: 160px;
}
#info .list h3 {
font-size: 14px;
padding: 15px 0px;
}
#info .list li .text {
font-size: 13px;
line-height: 20px;
}
#info .list li .time {
font-size: 13px;
}
#case .list li {
height: auto;
}
#case .list li .img {
float: none;
width: 100%;
}
#case .list li .img img {
width: 160%;
}
#case .list li .con {
float: none;
width: 90%;
}
#jobs .list li .con {
font-size: 12px;
line-height: 20px;
}
#product .list a {
width: 155px;
min-height: 250px;
font-size: 12px;
margin: 0px;
}
#product .list a:nth-child(even) {
float: right;
}
#product .list a img {
width: 155px;
height: 155px;
}
#product .list a .view {
width: 153px;
height: 153px;
}
#about .img li {
float: none;
width: 100%;
height: 200px;
margin-right: 0px;
margin-bottom: 20px;
overflow: hidden;
}
#about .img li span {
height: 40px;
line-height: 40px;
font-size: 14px;
}
#about .img li img {
top: -50%;
}
#contact .text {
font-size: 14px;
line-height: 24px;
}
#contact .text h2 {
font-size: 25px;
padding: 20px 0px;
}
}
@media (max-width:320px) {
#header .menu .logo {
top: -2px;
}
#header .menu .logo img {
height: 22px;
}
#header .menu .btn-menu span {
display: none;
}
#banner {
height: 125px;
}
#main .catalog .con .industry .list .inner>div.text img {
margin: 15px auto 0px auto;
}
#main .catalog .con .brand .title {
right: 10px;
}
#main .catalog .con .brand .text {
margin: 0px 15px;
line-height: 20px;
}
#main .catalog .con .brand .text h2 {
font-size: 15px;
}
#main .news .con .imglist .text {
top: 8px;
left: 130px;
}
#main .service {
height: 450px;
}
#main .service .con a {
width: 70px;
height: 120px;
}
#main .service .con a img {
width: 40px;
height: 40px;
}
#honor .list li {
width: 100%;
}
#application .con .list {
height: 160px;
}
#application .con .list #listcon a {
font-size: 13px;
padding: 5px 0px;
}
#application .con .list #listcon a img {
height: 35px;
}
#product .list a {
display: block;
float: none;
width: 100%;
max-height: 100px;
min-height: 100px;
margin: 0px 0px 20px 0px;
padding: 10px 0px;
text-align: left;
border-bottom: 1px solid #eee;
}
#product .list a:nth-child(even) {
float: none;
}
#product .list a img {
float: left;
width: 100px;
height: 100px;
margin-top: -10px;
padding: 0px;
}
#product .list a .name {
float: left;
height: 80px;
text-align: left;
line-height: 20px;
padding: 10px;
}
#product .list a .view {
width: 98px;
height: 98px;
}
#product .list a .view img {
top: -40px;
width: 40px;
height: 40px;
margin-left: -20px;
}
#product .list a:hover .view img {
margin-top: -20px;
}
#foot .nav li h3 {
font-size: 14px;
}
#foot .nav li a {
font-size: 12px;
padding: 5px 0px;
}
}
#swidth {
display: none;
position: fixed;
z-index: 999;
right: 0px;
top: 50%;
background: #000;
color: #fff;
padding: 20px;
}
.gallery-top {
width: 507px;
}
.gallery-top img {
width: 100%;
}
.gallery-thumbs {
width: 100%;
}
.gallery-thumbs img {
width: 100%;
}
.gallery-thumbs .swiper-slide {
width: 100px !important;
height: 100px !important;
border: 3px solid #fff;
}
.gallery-thumbs .swiper-slide-thumb-active {
border: 3px solid #d82128;
}
.ds .gallery-thumbs .swiper-slide {
opacity: 1 !important;
}
.lb-dian span {
width: 13px;
height: 13px;
/*border: #d3d7d9 solid 1px;*/
background-color: #bababa;
background: #fff;
opacity: .5;
}
.lb-dian .swiper-pagination-bullet-active {
background-color: #525252;
width: 13px;
height: 13px;
background: #d82128;
opacity: 1;
}
#view .btn .back {
display: block;
float: left;
text-align: left;
width: 40%;
padding: 30px 0px;
}
#view .btn .back a {
display: inline-block;
width: 20%;
min-width: 80px;
padding: 2% 3%;
font-size: 14px;
text-align: center;
background: #eee;
border: 1px solid #eee;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
}
.lb-container {
padding: 4px;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
border-radius: 3px;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.gif) no-repeat;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}