audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
legend {
width: 100%;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
legend small {
font-size: 15px;
color: #999;
}
svg:not(:root) {
overflow: hidden;
}
fieldset {
border-width: 0;
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
a {
text-decoration: none;
cursor: pointer;
color: #666;
}
a:hover {
text-decoration: none;
}
body, th, td, button, input, select, textarea {
font-family: "微软雅黑",Arial,Helvetica,sans-serif,Microsoft Yahei;
font-size: 12px;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
body {
line-height: 1.6;
min-width: 1200px;
}
.layout {
width: 1200px;
margin: 0 auto;
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.clearfix {
*zoom: 1;
}
.ib {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
/*img.lazyload{ background: #000 url(../images/loading.gif) no-repeat center;}*/
/*******************************************/
/* Slider */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider:focus, .slick-slider:active {
outline: none;
blr: expression(this.onFocus="this.blur"());
cursor: pointer;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
cursor: pointer;
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*css3*/
.transition_05s {
-webkit-transition: all .5s;
transition: all .5s;
}
.wrap {
width: 1200px;
margin: 0 auto;
clear: both;
}
/*header*/
.header .top {
height: 36px;
background: #333;
}
.header .top div.fl span {
display: inline-block;
padding-right: 10px;
font-size: 12px;
color: #fff;
line-height: 36px;
vertical-align: middle;
}
.header .top div.fl a {
display: inline-block;
width: 90px;
height: 16px;
padding: 0 10px;
border: none;
border-left: 1px solid #fff;
background: transparent;
font-size: 12px;
color: #fff;
vertical-align: middle;
}
.header .top div.fr span {
display: block;
font-size: 15px;
color: #e1112a;
line-height: 36px;
}
.header .top div.fr span i {
display: inline-block;
width: 26px;
height: 24px;
background: url(../images/icon_1.png) no-repeat left top;
vertical-align: middle;
}
.header .Menu div.fl span {
display: inline-block;
padding: 0 5px 0 10px;
font-size: 14px;
color: #000;
line-height: 36px;
vertical-align: middle;
}
.header .Menu div.fl a {
display: inline-block;
/*width: 90px;*/
height: 16px;
padding: 0 0 0 5px;
border: none;
border-left: 1px solid #000;
background: transparent;
font-size: 14px;
color: #000;
vertical-align: middle;
}
.header .Menu div.fr span {
display: block;
font-size: 17px;
color: #e1112a;
line-height: 36px;
}
.header .Menu div.fr span i {
display: inline-block;
width: 26px;
height: 24px;
background: url(../images/icon_1.png) no-repeat left top;
vertical-align: middle;
}
.header .Menu {
position: relative;
height: 93px;
background: #fff;
}
.header .Menu .logo {
float: left;
text-align: center;
line-height: 93px;
width:211px;
height:93px;
}
.header .Menu .logo a {
display: inline-block;
}
.header .Menu .Nav {
float: right;
width: 742px;
}
.header .Menu .Nav > ul {
display: block;
}
.header .Menu .Nav > ul > li {
position: relative;
float: left;
width: 106px;
background: url(../images/icon_2.png) no-repeat bottom center;
-webkit-transition: all .3s;
transition: all .3s;
}
.header .Menu .Nav > ul > li > a {
display: block;
font-size: 16px;
color: #242424;
text-align: center;
line-height: 93px;
-webkit-transition: all .5s;
transition: all .5s;
}
.header .Menu .Nav > ul > li:hover, .header .Menu .Nav > ul > li.on {
background-image: url(../images/icon_3.png);
z-index: 1;
}
.header .Menu .Nav > ul > li:hover > a, .header .Menu .Nav > ul > li.on > a {
color: #e1112a;
}
.header .Menu .Nav .Drop_Down {
display: none;
position: absolute;
top: 100%;
left: 0;
/* margin-left: -50px;*/
border-top: 0;
z-index: 9; /*width: 100%;*/
background: url(../images/icon_5.png) repeat;
text-align: right;
}
.header .Menu .Nav .Drop_Down ul {
width: 100%;
float: left;
padding: 20px 0;
}
.header .Menu .Nav .Drop_Down ul:hover {
background: url(../images/icon_76.png) no-repeat top center;
}
.header .Menu .Nav .Drop_Down ul li {
float: left;
width: 100%;
}
.header .Menu .Nav .Drop_Down ul li a {
display: block;
font-size: 14px;
color: #fff;
line-height: 20px;
text-align: center;
line-height: 30px;
}
.header .Menu .Nav .Drop_Down ul li a:hover {
background: #ff0000;
color: #fff;
}
/*.header .Menu .Nav > ul > li .Drop_Down {
display: none;
position: absolute;
bottom: 12px;
left: 50%;
z-index: 9;
width: 152px;
margin-left: -76px;
width: 600px;
margin-left: -110px;
}
.header .Menu .Nav > ul > li .Drop_Down ul li {
float: left;
width: 56px;
height: 17px;
margin: 0 10px;
}
.header .Menu .Nav > ul > li .Drop_Down ul li a {
display: block;
font-size: 12px;
color: #333;
line-height: 17px;
text-align: center;
}
.header .Menu .Nav > ul > li .Drop_Down ul li a:hover {
background: #ff0000;
color: #fff;
}*/
.header .Menu .sub-Nav {
position: relative;
float: right;
width: 81%;
}
.header .Menu .sub-Nav > ul {
display: block;
}
.header .Menu .sub-Nav > ul > li {
float: left;
width: 97px;
background: url(../images/icon_2.png) no-repeat bottom center;
-webkit-transition: all .3s;
transition: all .3s;
}
.header .Menu .sub-Nav > ul > li > a {
display: block;
font-size: 16px;
color: #242424;
text-align: center;
line-height: 93px;
-webkit-transition: all .5s;
transition: all .5s;
}
.header .Menu .sub-Nav > ul > li:hover, .header .Menu .sub-Nav > ul > li.on {
background-image: url(../images/icon_3.png);
z-index: 1;
}
.header .Menu .sub-Nav > ul > li:hover > a, .header .Menu .sub-Nav > ul > li.on > a {
color: #e1112a;
}
.header .Menu .sub-Nav .Drop_Down {
display: none;
position: absolute;
border-top: 0;
z-index: 9; /*width: 100%;*/
background: url(../images/icon_5.png) repeat;
text-align: right;
}
.header .Menu .sub-Nav .Drop_Down ul {
width: 97px;
float: left;
padding: 20px 0;
}
.header .Menu .sub-Nav .Drop_Down ul:hover {
background: url(../images/icon_76.png) no-repeat top center;
}
.header .Menu .sub-Nav .Drop_Down ul li {
float: left;
width: 100%;
}
.header .Menu .sub-Nav .Drop_Down ul li a {
display: block;
font-size: 14px;
color: #fff;
line-height: 20px;
text-align: center;
line-height: 30px;
}
.header .Menu .sub-Nav .Drop_Down ul li a:hover {
background: #ff0000;
color: #fff;
}
/*.header .Menu .sub-Nav > ul > li .Drop_Down {
display: none;
position: absolute;
bottom: 12px;
left: 50%;
z-index: 9;
width: 152px;
margin-left: -76px;
width: 600px;
margin-left: -110px;
}
.header .Menu .sub-Nav > ul > li .Drop_Down ul li {
float: left;
width: 56px;
height: 17px;
margin: 0 10px;
}
.header .Menu .sub-Nav > ul > li .Drop_Down ul li a {
display: block;
font-size: 12px;
color: #333;
line-height: 17px;
text-align: center;
}
.header .Menu .sub-Nav > ul > li .Drop_Down ul li a:hover {
background: #ff0000;
color: #fff;
}*/
/*banner*/
.banner {
width: 100%;
position: relative;
background: #000;
overflow: hidden;
}
.banner .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
.banner .bd li {
background: no-repeat center;
overflow: hidden;
text-align: center;
}
.banner .bd li a {
display: block; /* height: 664px;*/
}
.banner .bd li a img {
width: 100%;
vertical-align: top;
}
.banner .hd {
width: 100%;
position: absolute;
bottom: 26px;
height: 16px;
line-height: 16px;
z-index: 999;
text-align: center;
}
.banner .hd ul {
display: inline-block;
}
.banner .hd ul li {
float: left;
width: 15px;
height: 15px;
margin: 0 5px;
border-radius: 50%;
background: #fff;
font-size: 0;
overflow: hidden;
}
.banner .hd ul .on {
background: #e11129;
}
.idc {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 135px;
z-index: 999;
}
.idc.cc {
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.banner-fork {
visibility: hidden;
position: absolute;
bottom: 0;
left: -100%;
z-index: 999;
width: 100%;
height: 135px;
background: #d6000d;
-webkit-transition: all 1s;
transition: all 1s;
opacity: 0;
}
.banner-fork.on {
visibility: inherit;
left: 0;
opacity: 1;
}
.banner-fork > i {
position: absolute;
top: 10px;
right: 4%;
width: 34px;
height: 34px;
background: url(../images/icon_26.png) no-repeat center;
cursor: pointer;
}
.banner-fork form {
height: 135px;
padding-left: 300px;
background: url(../images/icon_27.png) no-repeat left bottom;
box-sizing: border-box;
}
.banner-fork form > div {
float: left;
margin-top: 20px;
font-size: 16px;
color: #666;
}
.banner-fork form > div.a1 {
margin-right: 10px;
}
.banner-fork form > div.a1 select {
display: block;
width: 162px;
height: 40px;
padding: 10px 0;
margin-bottom: 10px;
padding-left: 15px;
border: none;
font-size: 14px;
color: #666;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
line-height: 20px;
}
.banner-fork form > div.a1 input[type='text'] {
display: block;
width: 162px;
height: 40px;
padding: 0 15px;
border: none;
font-size: 14px;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
box-sizing: border-box;
line-height: 40px;
}
.banner-fork form > div.a2 {
margin-right: 10px;
}
.banner-fork form > div.a2 select {
display: block;
width: 162px;
height: 40px;
padding: 10px 0;
margin-bottom: 10px;
padding-left: 15px;
border: none;
font-size: 14px;
color: #666;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
line-height: 20px;
}
.banner-fork form > div.a2 input[type='text'] {
display: block;
width: 162px;
height: 40px;
padding: 0 15px;
border: none;
font-size: 14px;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
box-sizing: border-box;
line-height: 40px;
}
.banner-fork form > div.a3 {
margin-right: 10px;
}
.banner-fork form > div.a3 > input {
display: block;
width: 162px;
height: 40px;
margin-bottom: 10px;
padding: 0 15px;
border: none;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
box-sizing: border-box;
font-size: 14px;
line-height: 40px;
}
.banner-fork form > div.a3 select {
display: block;
width: 162px;
height: 40px;
padding: 10px 0;
margin-bottom: 10px;
padding-left: 15px;
border: none;
font-size: 14px;
color: #666;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
line-height: 20px;
}
.banner-fork form > div.a3 span {
display: block;
width: 162px;
height: 40px;
background: #fff;
padding: 0 15px;
box-sizing: border-box;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
}
.banner-fork form > div.a3 span input[type='text'] {
float: left;
width: 100px;
height: 40px;
border: none;
background: #fff;
vertical-align: middle;
font-size: 16px;
color: #666;
text-align: left;
line-height: 40px;
}
.banner-fork form > div.a3 span font {
float: left;
vertical-align: middle;
line-height: 40px;
}
.banner-fork form > div.a4 {
width: 112px;
height: 90px;
padding-top: 20px;
background: #fff;
box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
box-sizing: border-box;
text-align: center;
}
.banner-fork form > div.a4 a {
font-size: 24px;
color: #e60021;
line-height: 24px;
}
.banner-fork form > div.a5 {
padding: 10px 50px 0 50px;
text-align: center;
}
.banner-fork form > div.a5 h6 {
font-size: 24px;
color: #710008;
}
.banner-fork form > div.a5 p {
font-size: 24px;
color: #ffffff;
}
.fork-sig {
visibility: hidden;
position: absolute;
left: -137px;
bottom: 0;
width: 137px;
height: 135px;
background: url(../images/icon_73.png) no-repeat center;
cursor: default;
opacity: 0;
-webkit-transition: all .6s;
transition: all .6s;
}
.fork-sig.on {
left: 0;
visibility: inherit;
opacity: 1;
}
/*index_01*/
.index_01 {
background: #fff;
}
.index_01 ul {
padding: 44px 0;
}
.index_01 ul li {
float: left;
width: 150px;
margin-left: 60px;
text-align: center;
cursor: default;
}
.index_01 ul li:first-child {
margin-left: 0;
}
.index_01 ul li i {
display: block;
width: 100%;
height: 72px;
padding: 6px 0;
background: no-repeat center;
}
.index_01 ul li span {
display: block;
font-size: 18px;
color: #000;
line-height: 42px;
}
.index_01 ul li font {
display: block;
font-size: 14px;
color: #999;
line-height: 20px;
}
/*.index_01 ul li.a1 i{ background-image: url(../images/index_1_01.jpg);}
.index_01 ul li.a2 i{ background-image: url(../images/index_1_02.jpg);}
.index_01 ul li.a3 i{ background-image: url(../images/index_1_03.jpg);}
.index_01 ul li.a4 i{ background-image: url(../images/index_1_04.jpg);}
.index_01 ul li.a5 i{ background-image: url(../images/index_1_05.jpg);}
.index_01 ul li.a6 i{ background-image: url(../images/index_1_06.jpg);}*/
.index_01 ul:hover li.a1 img {
animation-delay: 0;
}
.index_01 ul:hover li.a2 img {
animation-delay: .2s;
}
.index_01 ul:hover li.a3 img {
animation-delay: .3s;
}
.index_01 ul:hover li.a4 img {
animation-delay: .4s;
}
.index_01 ul:hover li.a5 img {
animation-delay: .5s;
}
.index_01 ul:hover li.a6 img {
animation-delay: .6s;
}
.index_01 ul:hover li img {
animation: pound .7s ease;
}
/*index_02*/
.index_02 {
width: 100%;
height: 1152px;
padding: 50px 0;
overflow: hidden;
background: #fff url(../images/index_c_bg1.jpg) no-repeat top center;
box-sizing: border-box;
}
.index_02 .tit {
margin-bottom: 15px;
text-align: center;
}
.index_02 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.index_02 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.index_02 .mian .hd {
padding: 30px 0;
text-align: center;
}
.index_02 .mian .hd ul {
display: inline-block;
}
.index_02 .mian .hd ul li {
float: left;
margin: 0 5px;
padding: 0 20px;
border: 1px solid #e1e1e1;
background: #fff;
line-height: 32px;
cursor: default;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_02 .mian .hd ul li.on, .index_02 .mian .hd ul li:hover {
border: 1px solid #E1112A;
background: #E1112A;
color: #fff;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.index_02 .mian .bd .box .gg {
position: relative;
height: 722px;
overflow: hidden;
}
.index_02 .mian .bd .box .gg > div {
position: absolute;
overflow: hidden;
}
.index_02 .mian .bd .box .gg > div > a {
display: block;
}
.index_02 .mian .bd .box .gg > div > a > img {
width: 100%;
background: url(../images/loading.gif) no-repeat center;
-webkit-transition: all .8s;
transition: all .8s;
}
.index_02 .mian .bd .box .gg > div > a > span {
position: absolute;
left: 0;
bottom: -64px;
width: 100%;
height: 64px;
padding: 6px 20px 0 20px;
background: url(../images/icon_5.png) repeat;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_02 .mian .bd .box .gg > div > a > span font {
display: block;
font-size: 13px;
color: #f5f5f5;
line-height: 26px;
}
.index_02 .mian .bd .box .gg > div > a > span font:first-child {
font-size: 16px;
}
.index_02 .mian .bd .box .gg > div:hover > a > span {
bottom: 0;
}
.index_02 .mian .bd .box .gg > div:hover > a > img {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.index_02 .mian .bd .box .gg .a1 {
top: 0;
left: 0;
width: 390px;
height: 477px;
}
.index_02 .mian .bd .box .gg .a1 a {
width: 390px;
height: 477px;
background-position: top left;
-webkit-transition: all 5.5s;
transition: all 5.5s;
}
.index_02 .mian .bd .box .gg .a2 {
top: 0;
left: 405px;
width: 390px;
height: 231px;
}
.index_02 .mian .bd .box .gg .a3 {
top: 246px;
left: 405px;
width: 390px;
height: 231px;
}
.index_02 .mian .bd .box .gg .a4 {
bottom: 0;
left: 405px;
width: 390px;
height: 231px;
}
.index_02 .mian .bd .box .gg .a5 {
bottom: 0;
right: 0;
width: 390px;
height: 477px;
background-position: top left;
-webkit-transition: all 5.5s;
transition: all 5.5s;
}
.index_02 .mian .bd .box .gg .a6 {
bottom: 0;
left: 0;
width: 390px;
height: 231px;
}
.index_02 .mian .bd .box .gg .a7 {
top: 0;
right: 0;
width: 390px;
height: 231px;
}
.index_02 .mian .bd .box .gg .a1:hover a {
background-position: top right;
}
.index_02 .mian .bd .box .gg .a5:hover {
background-position: top right;
}
.index_02 .mian .bd .box .gg .aa p {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 213px;
}
.index_02 .mian .bd .box .gg .aa p em {
visibility: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url(../images/icon_68.png) repeat;
-webkit-transition: all .5s;
transition: all .5s;
/*opacity: 0;*/
visibility: inherit;
opacity: 1;
}
.index_02 .mian .bd .box .gg .aa p font {
display: inline-block;
position: relative;
z-index: 2;
width: 245px;
height: 72px;
font-size: 24px;
/*color: #ccc;*/
line-height: 72px;
vertical-align: middle;
-webkit-transition: all .3s;
transition: all .3s;
background: url(../images/icon_74.png) no-repeat top center;
color: #fff;
}
.index_02 .mian .bd .box .gg .aa p font i {
display: block;
font-size: 20px;
color: #fff;
line-height: 0;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
/*.index_02 .mian .bd .box .gg .aa:hover p em {
visibility: inherit;
opacity: 1;
}
.index_02 .mian .bd .box .gg .aa:hover p font {
background: url(../images/icon_74.png) no-repeat top center;
color: #fff;
}*/
.index_02 .mian .bd .box .gg .aa:hover p font i {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.index_02 .mian .bd .box .kk {
margin-top: 40px;
padding: 25px 0;
text-align: center;
}
.index_02 .mian .bd .box .kk a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_02 .mian .bd .box .kk a:hover {
background: #E1112A;
}
/*index_03*/
.index_03 {
padding: 50px 0;
overflow: hidden;
background: #fff;
box-sizing: border-box;
}
.index_03 .tit {
margin-bottom: 15px;
text-align: center;
}
.index_03 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.index_03 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.index_03 .mian {
position: relative;
overflow: hidden;
margin-top: 40px;
}
.index_03 .mian ul li {
float: left;
width: 287px;
padding: 0 6.5px;
}
.index_03 .mian ul li a {
display: block;
}
.index_03 .mian ul li a .a1 {
width: 287px;
height: 178px;
overflow: hidden;
}
.index_03 .mian ul li a .a1 img {
width: 100%;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_03 .mian ul li a .a2 {
padding: 8px 15px;
border: 1px solid #e4e4e4;
border-top: none;
}
.index_03 .mian ul li a .a2 h5 {
font-size: 16px;
color: #0b0b0b;
line-height: 26px;
}
.index_03 .mian ul li a .a2 h4 {
font-size: 13px;
color: #999;
line-height: 21px;
}
.index_03 .mian ul li a .a3 {
padding: 0 15px;
border: 1px solid #e4e4e4;
border-top: none;
line-height: 40px;
}
.index_03 .mian ul li a .a3 span {
float: left;
width: 50%;
font-size: 13px;
color: #999;
}
.index_03 .mian ul li a .a3 span font {
color: #E1112A;
}
.index_03 .mian ul li a .a3 span i {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat top left;
vertical-align: middle;
}
.index_03 .mian ul li a .a3 span.b1 i {
background-image: url(../images/icon_6.png);
}
.index_03 .mian ul li a .a3 span.b2 i {
background-image: url(../images/icon_7.png);
}
.index_03 .mian .kk {
margin-top: 40px;
padding: 25px 0;
text-align: center;
}
.index_03 .mian .kk a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_03 .mian .kk a:hover {
background: #E1112A;
}
.index_03 .mian ul li:hover a .a1 img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.index_03 .mian .prev, .index_03 .mian .next {
position: absolute;
top: 50%;
z-index: 99;
width: 39px;
height: 80px;
margin-top: -130px;
overflow: hidden;
text-indent: -999px;
cursor: pointer;
background: url(../images/btn.png) no-repeat;
}
.index_03 .mian .prev {
left: 0;
}
.index_03 .mian .next {
right: 0;
background-position: -39px 0;
}
/*index_04*/
.index_04 {
padding: 50px 0;
overflow: hidden;
background: #fff;
box-sizing: border-box;
}
.index_04 .tit {
margin-bottom: 25px;
text-align: center;
}
.index_04 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.index_04 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.index_04 .mian .gg {
position: relative;
height: 600px;
padding: 100px 0;
background: url(../images/icon_9.png) no-repeat center;
}
.index_04 .mian .gg > div {
position: absolute;
width: 90px;
}
.index_04 .mian .gg > div > i {
display: block;
width: 100%;
height: 48px;
background: no-repeat center;
}
.index_04 .mian .gg > div > a > img {
display: block;
margin: 0 auto;
}
.index_04 .mian .gg > div > span {
display: block;
font-size: 18px;
color: #000;
text-align: center;
line-height: 40px;
}
.index_04 .mian .gg > div > a > span {
display: block;
font-size: 18px;
color: #000;
text-align: center;
line-height: 40px;
}
.index_04 .mian .gg .a0 {
position: absolute;
top: 50%;
left: 50%;
width: 424px;
height: 424px;
overflow: hidden;
padding: 56px 50px;
border-radius: 50%;
box-sizing: border-box;
margin: -233px 0 0 -211px;
}
.index_04 .mian .gg .a0 > h4 {
font-size: 28px;
color: #fff;
text-align: center;
line-height: 30px;
}
.index_04 .mian .gg .a0 > h5 {
font-size: 18px;
color: #fff;
text-align: center;
line-height: 54px;
}
.index_04 .mian .gg .a0 > div {
padding-bottom: 10px;
}
.index_04 .mian .gg .a0 > div.b1 select {
width: 153px;
height: 42px;
padding: 10px 0;
padding-left: 10px;
border: none;
font-size: 14px;
color: #666;
line-height: 20px;
}
.index_04 .mian .gg .a0 div.b2 input {
width: 152px;
height: 42px;
padding-left: 20px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
line-height: 42px;
}
.index_04 .mian .gg .a0 > div.b3 select {
width: 153px;
height: 42px;
padding: 10px 0;
padding-left: 10px;
border: none;
font-size: 14px;
color: #666;
line-height: 20px;
}
.index_04 .mian .gg .a0 div.b3 > span {
width: 152px;
height: 42px;
background: #fff;
line-height: 42px;
}
.index_04 .mian .gg .a0 div.b3 > span.fl input {
width: 152px;
height: 42px;
padding-left: 20px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
vertical-align: top;
}
.index_04 .mian .gg .a0 div.b3 > span.fr {
padding-left: 20px;
box-sizing: border-box;
font-size: 14px;
color: #666;
}
.index_04 .mian .gg .a0 div.b3 > span.fr input {
width: 40px;
height: 42px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
text-align: center;
line-height: 42px;
vertical-align: top;
}
.index_04 .mian .gg .a0 div.b4 {
padding: 30px 0 0;
text-align: center;
}
.index_04 .mian .gg .a0 div.b4 input {
display: inline-block;
width: 212px;
height: 40px;
border: 2px solid #fff;
background: transparent;
font-size: 18px;
color: #fff;
}
.index_04 .mian .gg .a1 {
top: 0;
left: 50%;
margin-left: -45px;
}
.index_04 .mian .gg .a2 {
top: 135px;
right: 254px;
}
.index_04 .mian .gg .a3 {
top: 342px;
right: 200px;
}
.index_04 .mian .gg .a4 {
top: 548px;
right: 275px;
}
.index_04 .mian .gg .a5 {
bottom: 0;
left: 50%;
margin-left: -45px;
}
.index_04 .mian .gg .a6 {
top: 548px;
left: 275px;
}
.index_04 .mian .gg .a7 {
top: 342px;
left: 200px;
}
.index_04 .mian .gg .a8 {
top: 135px;
left: 254px;
}
.index_04 .mian .gg .a1 i {
background-image: url(../images/index_4_01.png);
}
.index_04 .mian .gg .a2 i {
background-image: url(../images/index_4_02.png);
}
.index_04 .mian .gg .a3 i {
background-image: url(../images/index_4_03.png);
}
.index_04 .mian .gg .a4 i {
background-image: url(../images/index_4_04.png);
}
.index_04 .mian .gg .a5 i {
background-image: url(../images/index_4_05.png);
}
.index_04 .mian .gg .a6 i {
background-image: url(../images/index_4_06.png);
}
.index_04 .mian .gg .a7 i {
background-image: url(../images/index_4_07.png);
}
.index_04 .mian .gg .a8 i {
background-image: url(../images/index_4_08.png);
}
.index_04 .mian .gg > div {
cursor: default;
}
.index_04 .mian .gg > div:hover > i {
animation: pound_1 1.2s ease infinite;
}
.index_04 .mian .kk {
margin-top: 40px;
padding: 25px 0;
text-align: center;
}
.index_04 .mian .kk a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_04 .mian .kk a:hover {
background: #E1112A;
}
.index_04 .mian ul li:hover a .a1 img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/*index_04*/
.index_05 {
width: 100%;
height: 776px;
padding: 50px 0;
overflow: hidden;
background: #fff url(../images/index_c_bg2.jpg) no-repeat top center;
box-sizing: border-box;
}
.index_05 .tit {
margin-bottom: 15px;
text-align: center;
}
.index_05 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_10.png) no-repeat bottom center;
font-size: 28px;
color: #fff;
line-height: 40px;
}
.index_05 .tit h4 {
font-size: 20px;
color: #494949;
line-height: 30px;
letter-spacing: .2em;
}
.index_05 .mian {
text-align: center;
}
.index_05 .mian .inst {
padding: 20px 0;
margin: 0 auto;
}
.index_05 .mian .inst .kk {
position: relative;
padding: 129px 0;
cursor: default;
}
.index_05 .mian .inst .kk h4 {
width: 152px;
height: 152px;
overflow: hidden;
margin-left: 20px;
border-radius: 50%;
background: #2C2C2C url(../images/people-bg2.jpg) no-repeat center;
box-sizing: border-box;
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_05 .mian .inst .kk h4 img {
width: 100%;
}
.index_05 .mian .inst .kk.slick-center {
z-index: 9;
}
.index_05 .mian .inst .kk.slick-center h4 {
-webkit-transform: scale(2.7);
transform: scale(2.7);
}
.index_05 .mian .inst .kk .ck-name {
position: absolute;
top: 20px;
left: 188px;
width: 120px;
height: 120px;
overflow: hidden;
border-radius: 50%;
background: #e1112a;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_05 .mian .inst .kk .ck-name h5 {
padding: 15px 0 0;
font-size: 26px;
color: #fff;
}
.index_05 .mian .inst .kk .ck-name h6 {
font-size: 13px;
color: #fff;
line-height: 15px;
}
.index_05 .mian .inst .kk .ck-name p {
font-size: 13px;
color: #fff;
}
.index_05 .mian .inst .kk .ck-name p span {
font-size: 24px;
}
.index_05 .mian .inst .kk .ck-name {
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.index_05 .mian .inst .kk.slick-center .ck-name {
visibility: inherit;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.index_05 .mian .inst .kk:focus {
outline: none;
}
.index_05 .mian .inst .slick-arrow {
position: absolute;
bottom: -30px;
z-index: 9;
width: 30px;
height: 32px;
border: none;
background: url(../images/icon_11.png) no-repeat;
font-size: 0;
cursor: pointer;
}
.index_05 .mian .inst .slick-prev {
left: 50%;
background-position: left center;
margin-left: -200px;
}
.index_05 .mian .inst .slick-next {
right: 50%;
background-position: right center;
margin-right: -200px;
}
.index_05 .mian .gg {
margin-top: 60px;
padding: 25px 0;
text-align: center;
}
.index_05 .mian .gg a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_05 .mian .gg a:hover {
background: #E1112A;
}
/*index_06*/
.index_06 {
padding: 50px 0;
overflow: hidden;
background: #fff;
box-sizing: border-box;
}
.index_06 .tit {
margin-bottom: 15px;
text-align: center;
}
.index_06 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.index_06 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.index_06 .mian .hd {
text-align: center;
}
.index_06 .mian .hd ul {
display: inline-block;
}
.index_06 .mian .hd ul li {
float: left;
width: 92px;
height: 34px;
margin: 0 6px;
border: 1px solid #E4E4E4;
box-sizing: border-box;
font-size: 14px;
color: #999;
text-align: center;
line-height: 32px;
cursor: default;
}
.index_06 .mian .hd ul li.on {
border: 1px solid #E1112A;
background: #e1112a;
color: #fff;
}
.index_06 .mian .bd {
padding: 20px 0;
}
.index_06 .mian .bd div.fl {
position: relative;
width: 450px;
height: 373px;
}
.index_06 .mian .bd div.fl ._hd {
position: absolute;
bottom: 20px;
z-index: 9;
width: 100%;
height: 14px;
text-align: center;
}
.index_06 .mian .bd div.fl ._hd ul {
display: inline-block;
}
.index_06 .mian .bd div.fl ._hd ul li {
float: left;
width: 14px;
height: 14px;
overflow: hidden;
margin: 0 5px;
border-radius: 50%;
background: #fff;
font-size: 0;
}
.index_06 .mian .bd div.fl ._hd ul li.on {
background: #E1112A;
}
.index_06 .mian .bd div.fl ._bd a {
display: block;
}
.index_06 .mian .bd div.fl ._bd a img {
width: 100%;
}
.index_06 .mian .bd div.fr {
width: 724px;
height: 372px;
overflow: hidden;
}
.index_06 .mian .bd div.fr ul {
width: 724px;
height: 372px;
border: 1px solid #E4E4E4;
}
.index_06 .mian .bd div.fr ul li {
height: 92px;
border-top: 1px solid #E4E4E4;
}
.index_06 .mian .bd div.fr ul li:first-child {
border-top: none;
}
.index_06 .mian .bd div.fr ul li a {
display: block;
height: 100%;
}
.index_06 .mian .bd div.fr ul li .a1 {
float: left;
width: 89px;
height: 100%;
border-right: 1px solid #E4E4E4;
color: #8e8e8e;
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_06 .mian .bd div.fr ul li .a1 h4 {
padding-top: 14px;
font-size: 38px;
font-weight: bold;
line-height: 40px;
}
.index_06 .mian .bd div.fr ul li .a1 h6 {
font-size: 13px;
line-height: 24px;
}
.index_06 .mian .bd div.fr ul li .a2 {
float: left;
width: 630px;
padding: 10px 15px;
box-sizing: border-box;
}
.index_06 .mian .bd div.fr ul li .a2 h5 {
font-size: 16px;
color: #242424;
line-height: 30px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_06 .mian .bd div.fr ul li .a2 p {
font-size: 13px;
color: #888;
line-height: 20px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_06 .mian .bd div.fr ul li:hover .a1 {
color: #E1112A;
}
.index_06 .mian .bd div.fr ul li:hover .a2 h5 {
color: #E1112A;
}
.index_06 .mian .bd div.fr ul li:hover .a2 p {
color: #E1112A;
}
.index_06 .mian .kk {
margin-top: 20px;
padding: 25px 0;
text-align: center;
}
.index_06 .mian .kk a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_06 .mian .kk a:hover {
background: #E1112A;
}
/*index_07*/
.index_07 {
padding: 0 0 40px;
}
.index_07 img {
width: 1200px;
height: 126px;
}
/*footer*/
.footer .foot_1 {
background: #2c2c2c;
}
.footer .foot_1 .First {
padding: 36px 0 0;
}
.footer .foot_1 .First div.fl {
width: 848px;
}
.footer .foot_1 .First div.fl dl {
float: left;
}
.footer .foot_1 .First div.fl dl dt {
font-size: 16px;
color: #6b6b6b;
line-height: 50px;
}
.footer .foot_1 .First div.fl dl dd a {
font-size: 14px;
color: #fff;
line-height: 30px;
-webkit-transition: all .5s;
transition: all .5s;
}
.footer .foot_1 .First div.fl dl dd a:hover {
color: #E1112A;
}
.footer .foot_1 .First div.fl dl dd span {
font-size: 14px;
color: #fff;
line-height: 30px;
}
.footer .foot_1 .First div.fl dl.a1 {
width: 188px;
}
.footer .foot_1 .First div.fl dl.a2 {
width: 140px;
}
.footer .foot_1 .First div.fl dl.a3 {
width: 520px;
}
.footer .foot_1 .First div.fr {
padding-top: 18px;
width: 352px;
}
.footer .foot_1 .First div.fr ul li {
float: left;
width: 136px;
margin-left: 40px;
}
.footer .foot_1 .First div.fr ul li h4 {
width: 136px;
height: 136px;
}
.footer .foot_1 .First div.fr ul li h4 img {
width: 100%;
}
.footer .foot_1 .First div.fr ul li p {
font-size: 14px;
color: #fff;
text-align: center;
line-height: 28px;
}
.footer .foot_1 .Second {
padding: 50px 0;
}
.footer .foot_1 .Second ul li {
float: left;
padding: 0 59px;
background: url(../images/icon_12.png) no-repeat left center;
}
.footer .foot_1 .Second ul li.a1 {
padding-left: 0;
background: none;
}
.footer .foot_1 .Second ul li.a4 {
padding-right: 0;
}
.footer .foot_1 .Second ul li div.fl i {
display: block;
width: 56px;
height: 56px;
background: no-repeat center;
}
.footer .foot_1 .Second ul li.a1 div.fl i {
background-image: url(../images/foot_1_01.png);
}
.footer .foot_1 .Second ul li.a2 div.fl i {
background-image: url(../images/foot_1_02.png);
}
.footer .foot_1 .Second ul li.a3 div.fl i {
background-image: url(../images/foot_1_03.png);
}
.footer .foot_1 .Second ul li.a4 div.fl i {
background-image: url(../images/foot_1_04.png);
}
.footer .foot_1 .Second ul li div.fr {
padding-left: 20px;
}
.footer .foot_1 .Second ul li div.fr font {
display: block;
font-size: 15px;
font-weight: bold;
color: #aeaeae;
line-height: 30px;
}
.footer .foot_1 .Second ul li div.fr span {
display: block;
font-size: 13px;
color: #8b8b8b;
}
.footer .foot_2 {
height: 62px;
background: #000;
}
.footer .foot_2 div.fl p {
font-size: 14px;
color: #E4E4E4;
line-height: 62px;
}
.footer .foot_2 div.fr {
line-height: 62px;
}
.footer .foot_2 div.fr a {
display: inline-block;
width: 95px;
height: 35px;
margin-left: 25px;
}
.footer .foot_2 div.fr a img {
width: 100%;
}
.article {
background: url(../images/index_c_bg1.jpg) repeat center;
}
/*筛选部分*/
.screen_column {
}
.screen_column > .fl {
margin: 0 0 10px 350px;
font-size: 14px;
}
.screen_column > .fl a:hover {
color: red;
}
.screen_column ul {
border: 1px solid #ccc;
background: #fff;
}
.screen_column ul li {
height: 60px;
overflow: hidden;
border-top: 1px solid #ccc;
line-height: 60px;
}
.screen_column ul li:first-child {
border-top: none;
}
.screen_column ul li span {
float: left;
width: 135px;
border-right: 1px solid #ccc;
font-size: 16px;
color: #666;
text-align: center;
cursor: default;
}
.screen_column ul li span img {
display: inline-block;
width: 20px;
height: 20px;
margin-top: -5px;
padding-right: 10px;
vertical-align: middle;
}
.screen_column ul li a {
float: left;
margin-right: 50px;
font-size: 13px;
color: #666;
-webkit-transition: all .5s;
transition: all .5s;
}
.screen_column ul li a.fsx {
margin: 0 35px;
color: #999;
}
.screen_column ul li a:hover {
color: #FF0000;
}
.screen_column ul li form {
float: left;
padding-left: 25px;
}
.screen_column ul li form select {
width: 135px;
height: 35px;
padding: 7px 0 7px 8px;
margin-left: 15px;
border: none;
background: #f5f5f5;
font-size: 14px;
color: #333;
}
.screen_column ul li form input[type="text"] {
width: 150px;
height: 30px;
padding: 7px 0 7px 8px;
margin-left: 15px;
border: none;
background: #f5f5f5;
font-size: 14px;
color: #333;
}
.screen_column ul li form input[type="submit"], input[type="button"] {
width: 60px;
height: 35px;
border: none;
background: #FF0000 url(../images/icon_18.png) no-repeat center;
margin-bottom: 5px;
}
.screen_column .wrap > form {
height: 32px;
padding: 9px 8px;
background: #3f4a55;
}
.screen_column .wrap > form div.fl > font {
float: left;
margin-right: 10px;
font-size: 12px;
color: #d2d2d2;
line-height: 32px;
}
.screen_column .wrap > form div.fl > select {
float: left;
width: 130px;
padding: 5px 0 5px 8px;
margin-right: 10px;
border: none;
font-size: 15px;
color: #333;
}
.screen_column .wrap > form div.fl > span {
float: left;
margin-right: 10px;
font-size: 12px;
color: #d2d2d2;
line-height: 32px;
}
.screen_column .wrap > form div.fr input[type="text"] {
float: left;
width: 185px;
height: 32px;
padding: 0 12px;
border: none;
background: #fff;
box-sizing: border-box;
line-height: 32px;
}
.screen_column .wrap > form div.fr input[type="button"] {
float: left;
width: 58px;
height: 32px;
border: none;
background: #FF0000 url(../images/icon_18.png) no-repeat center;
}
.screen_column .wrap > form div.fr input[type="submit"] {
float: left;
width: 58px;
height: 32px;
border: none;
background: #FF0000 url(../images/icon_18.png) no-repeat center;
}
/*浮动栏目*/
.roll-nav {
position: fixed;
top: 50%;
left: 50%;
z-index: 999;
margin-left: 620px;
margin-top: -235px;
}
.roll-nav ul li {
position: relative;
width: 88px;
height: 88px;
margin-bottom: 4px;
background: #fff;
border: 1px solid #d6d6d6;
cursor: default;
-webkit-transition: all .5s;
transition: all .5s;
}
.roll-nav ul li ._box span {
display: block;
font-size: 15px;
color: #666;
text-align: center;
line-height: 40px;
-webkit-transition: all .3s;
transition: all .3s;
}
.roll-nav ul li ._box i {
display: block;
width: 100%;
height: 50px;
background: no-repeat bottom center;
}
.roll-nav ul li.a1 ._box i {
background-image: url(../images/roll-nav-06.png);
}
.roll-nav ul li.a2 ._box i {
background-image: url(../images/roll-nav-07.png);
}
.roll-nav ul li.a3 ._box i {
background-image: url(../images/roll-nav-08.png);
}
.roll-nav ul li.a4 ._box i {
background-image: url(../images/roll-nav-09.png);
}
.roll-nav ul li.a5 ._box i {
background-image: url(../images/roll-nav-11.png);
}
.roll-nav ul li:hover {
background: #e60021;
}
.roll-nav ul li:hover ._box span {
color: #fff;
}
.roll-nav ul li.a1:hover ._box i {
background-image: url(../images/roll-nav-01.png);
}
.roll-nav ul li.a2:hover ._box i {
background-image: url(../images/roll-nav-02.png);
}
.roll-nav ul li.a3:hover ._box i {
background-image: url(../images/roll-nav-03.png);
}
.roll-nav ul li.a4:hover ._box i {
background-image: url(../images/roll-nav-04.png);
}
.roll-nav ul li.a5:hover ._box i {
background-image: url(../images/roll-nav-12.png);
}
.roll-nav ul li.a1 ._sig {
visibility: hidden;
position: absolute;
bottom: 0;
right: 88px;
padding: 0 5px;
transform: scale(0);
-webkit-transform: scale(0);
transition: all ease .3s;
-webkit-transition: all ease .3s;
transform-origin: right bottom;
-webkit-transform-origin: right bottom;
}
.roll-nav ul li.a1 ._sig span {
display: block;
width: 150px;
height: 150px;
overflow: hidden;
background: #fff;
}
.roll-nav ul li.a1 ._sig span img {
width: 100%;
}
.roll-nav ul li.a1:hover ._sig {
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
.roll-nav ul li.a5 ._form {
visibility: hidden;
position: absolute;
top: 0;
right: 88px;
padding: 0 5px;
transform: scale(0);
-webkit-transform: scale(0);
transition: all ease .3s;
-webkit-transition: all ease .3s;
transform-origin: right bottom;
-webkit-transform-origin: right bottom;
}
.roll-nav ul li.a5 ._form form {
width: 259px;
height: 89px;
overflow: hidden;
padding: 8px;
background: #dadada;
box-sizing: border-box;
}
.roll-nav ul li.a5 ._form form input[type='text'] {
width: 100%;
height: 38px;
padding: 0 10px;
border: none;
background: #fff;
box-sizing: border-box;
line-height: 38px;
}
.roll-nav ul li.a5 ._form form > span._button {
display: block;
padding-top: 7px;
text-align: right;
}
.roll-nav ul li.a5 ._form form > span._button input[type='button'] {
width: 62px;
height: 28px;
border: none;
background: #e60021;
font-size: 13px;
color: #fff;
text-align: center;
}
.roll-nav ul li.a5 ._form form > span._button input[type='button']:hover {
background: #FF0000;
}
.roll-nav ul li.a5:hover ._form {
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@media(max-width:1440px) {
.roll-nav {
margin-left: 0;
left: auto;
right: 0;
}
}
/*Paging 分页*/
.Paging {
padding: 38px 0;
background: #fff;
text-align: center;
}
.Paging ul {
display: inline-block;
vertical-align: middle;
}
.Paging ul li {
float: left;
width: 40px;
height: 40px;
box-sizing: border-box;
}
.Paging a {
display: inline-block;
border: 1px solid #E4E4E4;
font-size: 18px;
color: #666;
line-height: 38px;
margin: 0 10px;
padding: 0 10px;
}
.Paging span {
font-size: 18px;
color: #666;
line-height: 38px;
}
.Paging a.big {
width: 130px;
margin: 0 10px;
}
.Paging a:hover {
border: 1px solid #FF0000;
background: #FF0000;
color: #fff;
}
.Paging form {
display: inline-block;
vertical-align: middle;
}
.Paging form font {
float: left;
font-size: 14px;
color: #999;
line-height: 40px;
vertical-align: middle;
}
.Paging form input[type="text"] {
float: left;
width: 38px;
height: 38px;
margin: 0 8px;
border: 1px solid #E4E4E4;
box-sizing: border-box;
font-size: 18px;
color: #666;
text-align: center;
line-height: 38px;
vertical-align: middle;
}
.Paging form input[type="button"] {
float: left;
width: 78px;
height: 38px;
margin: 0 8px;
border: 1px solid #E4E4E4;
background: #fff;
font-size: 14px;
color: #333;
}
.Paging form input[type="button"]:hover {
border: 1px solid #FF0000;
background: #FF0000;
color: #fff;
}
/*sub-banner*/
.sub-banner {
width: 100%;
position: relative;
height: 400px;
background: #000;
overflow: hidden;
}
.sub-banner .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
.sub-banner .bd ul {
width: 100% !important;
}
.sub-banner .bd li {
width: 100% !important;
height: 400px;
background: no-repeat center;
overflow: hidden;
text-align: center;
}
.sub-banner .bd li a {
display: block;
height: 400px;
}
.sub-banner .hd {
width: 100%;
position: absolute;
bottom: 26px;
height: 16px;
line-height: 16px;
z-index: 999;
text-align: center;
}
.sub-banner .hd ul {
display: inline-block;
}
.sub-banner .hd ul li {
float: left;
width: 15px;
height: 15px;
margin: 0 5px;
border-radius: 50%;
background: #fff;
font-size: 0;
overflow: hidden;
}
.sub-banner .hd ul .on {
background: #e11129;
}
/*设计团队*/
.DesignTeam_banner {
width: 100%;
height: 400px;
overflow: hidden;
background: #333 url(../images/DesignTeam_banner.jpg) no-repeat top center;
}
.DesignTeam_banner .DesTeam_tab {
position: relative;
height: 400px;
}
.DesignTeam_banner .DesTeam_tab .hd {
position: absolute;
bottom: 50px;
left: 0;
z-index: 9;
}
.DesignTeam_banner .DesTeam_tab .hd ul li {
position: relative;
float: left;
width: 78px;
height: 78px;
overflow: hidden;
margin-right: 12px;
background: #fff;
box-sizing: border-box;
cursor: default;
}
.DesignTeam_banner .DesTeam_tab .hd ul li img {
width: 100%;
}
.DesignTeam_banner .DesTeam_tab .hd ul li.on:before {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px;
content: ' ';
border: 3px solid #FF0000;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl {
width: 432px;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl h4 {
margin-top: 44px;
font-size: 36px;
color: #fff;
line-height: 72px;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl h4 span {
margin: 0 15px;
text-transform: uppercase;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl h4 {
font-size: 36px;
color: #fff;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl h5 {
display: inline-block;
padding: 0 20px;
border: 1px solid #fff;
border-radius: 20px;
box-sizing: border-box;
font-size: 14px;
color: #fff;
line-height: 27px;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl h5 span {
margin-left: 15px;
text-transform: uppercase;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl p {
position: relative;
padding: 10px 0;
margin-top: 28px;
font-size: 14px;
color: #ccc;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fl p:before {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 1px;
content: " ";
background: #ccc;
line-height: 24px;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fr {
width: 300px;
margin-right: 120px;
}
.DesignTeam_banner .DesTeam_tab .bd ul li div.fr a {
display: block;
padding-top: 32px;
}
.DesignTeam_mian {
padding: 30px 0;
}
.DesignTeam_mian ul {
width: 1211px;
margin-left: -11px;
}
.DesignTeam_mian ul li {
position: relative;
float: left;
width: 289px;
height: 418px;
overflow: hidden;
margin-left: 11px;
margin-bottom: 20px;
background: #fff;
cursor: default;
}
.DesignTeam_mian ul li .come h4 {
width: 100%;
height: 288px;
overflow: hidden;
}
.DesignTeam_mian ul li .come h4 img {
width: 100%;
}
.DesignTeam_mian ul li .come h5 {
height: 56px;
padding: 0 25px;
border-bottom: 1px solid #e9e9e9;
line-height: 56px;
}
.DesignTeam_mian ul li .come h5 font {
font-size: 20px;
color: #333;
}
.DesignTeam_mian ul li .come h5 span {
padding-left: 10px;
font-size: 14px;
color: #FF0000;
}
.DesignTeam_mian ul li .come h5 span i {
display: inline-block;
width: 18px;
height: 14px;
background: url(../images/icon_19.png) no-repeat right top;
vertical-align: middle;
}
.DesignTeam_mian ul li .come h6 {
padding: 12px 25px 0 25px;
font-size: 14px;
color: #999;
line-height: 24px;
}
.DesignTeam_mian ul li .come h6 span {
display: block;
}
.DesignTeam_mian ul li .come h6 font {
display: block;
}
.DesignTeam_mian ul li .Eject {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 37px 22px;
background: url(../images/data_02.png) no-repeat top center;
box-sizing: border-box;
opacity: 0;
-webkit-transition: all .5s;
transition: all .5s;
}
.DesignTeam_mian ul li .Eject.on {
display: none;
}
.DesignTeam_mian ul li .Eject .a1 div.fl {
width: 98px;
height: 98px;
overflow: hidden;
background: #fff;
}
.DesignTeam_mian ul li .Eject .a1 div.fl img {
width: 100%;
}
.DesignTeam_mian ul li .Eject .a1 div.fr {
width: 130px;
}
.DesignTeam_mian ul li .Eject .a1 div.fr h4 {
font-size: 20px;
font-weight: bold;
color: #fff;
line-height: 24px;
}
.DesignTeam_mian ul li .Eject .a1 div.fr h5 {
font-size: 14px;
color: #FF0000;
line-height: 30px;
}
.DesignTeam_mian ul li .Eject .a1 div.fr h5 i {
display: inline-block;
width: 18px;
height: 14px;
background: url(../images/icon_19.png) no-repeat right top;
vertical-align: middle;
}
.DesignTeam_mian ul li .Eject .a1 div.fr h6 {
padding-top: 5px;
font-size: 12px;
color: #999999;
}
.DesignTeam_mian ul li .Eject .a2 {
position: relative;
width: 100%;
height: 136px;
overflow: hidden;
margin: 30px 0;
}
.DesignTeam_mian ul li .Eject .a2 h5 img {
width: 100%;
}
.DesignTeam_mian ul li .Eject .a2 h6 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 34px;
background: url(../images/icon_20.png) repeat;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 34px; font-size:16px;
}
.DesignTeam_mian ul li .Eject .a3 a {
display: block;
width: 100%;
height: 50px;
background: #FF0000;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 50px;
}
.DesignTeam_mian ul li:hover .Eject {
visibility: inherit;
opacity: 1;
}
/*设计团队-详细页*/
.DesignTeam-list {
}
.DesignTeam-list .des-list1 .dl-a1 {
float: left;
width: 395px;
height: 510px;
overflow: hidden;
background: url(../images/people-bg2.jpg) repeat top center;
}
.DesignTeam-list .des-list1 .dl-a1 img {
height: 510px;
}
.DesignTeam-list .des-list1 .dl-a2 {
float: right;
width: 805px;
height: 510px;
padding: 14px 10px;
background: #fff;
box-sizing: border-box;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl {
width: 490px;
padding-left: 40px;
box-sizing: border-box;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl > h3 {
padding-top: 28px;
font-size: 36px;
color: #333333;
line-height: 36px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl > h4 {
position: relative;
padding: 20px 0 24px;
margin-bottom: 20px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl > h4 span {
display: inline-block;
height: 27px;
padding: 0 20px;
border-radius: 20px;
background: #e1112a;
font-size: 14px;
color: #fff;
line-height: 27px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl > h4:before {
position: absolute;
bottom: 0;
left: 0;
width: 42px;
height: 1px;
content: ' ';
background: #333;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl > p {
font-size: 14px;
color: #999;
line-height: 20px;
overflow: hidden;
/*white-space: nowrap;*/
text-overflow: ellipsis;
}
.DesignTeam-list .des-list1 .dl-a2 div.fl > div.neir {
max-height: 230px;
overflow: auto;
margin-top: 28px;
padding-top: 30px;
border-top: 1px solid #d6d6d6;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr {
width: 273px;
height: 487px;
padding: 0 20px;
background: #EDEBEC;
box-sizing: border-box;
text-align: center;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h3 {
margin-top: 58px;
font-size: 26px;
color: #333333;
line-height: 34px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h4 {
font-size: 16px;
color: #333333;
line-height: 24px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h4 font {
color: #E11129;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h5 {
height: 20px;
padding: 45px 0;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h5 span {
display: inline-block;
width: 21px;
height: 20px;
margin: 0 5px;
background: url(../images/icon_71.png) no-repeat right center;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on1 span.a1,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on2 span.a1,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on2 span.a2,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on3 span.a1,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on3 span.a2,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on3 span.a3,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on4 span.a1,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on4 span.a2,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on4 span.a3,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on4 span.a4,
.DesignTeam-list .des-list1 .dl-a2 div.fr h5.on5 span {
background-position: left center;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h6 {
width: 100%;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h6 a {
display: block;
width: 100%;
height: 50px;
background: #E11129;
font-size: 18px;
color: #fff;
line-height: 50px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr h6 a i {
display: inline-block;
width: 50px;
height: 39px;
background: url(../images/icon_58.png) no-repeat left top;
vertical-align: middle;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr dl {
margin-top: 30px;
text-align: left;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr dl dt {
margin-bottom: 20px;
font-size: 18px;
color: #666;
line-height: 44px;
border-bottom: 1px solid #E4E4E4;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr dl dd a {
display: block;
font-size: 13px;
color: #666;
line-height: 30px;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr dl dd a span {
float: left;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr dl dd a font {
float: right;
}
.DesignTeam-list .des-list1 .dl-a2 div.fr dl dd a:hover {
color: #E11129;
}
.DesignTeam-list .des-list2 .tit {
padding: 50px 0;
text-align: center;
}
.DesignTeam-list .des-list2 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.DesignTeam-list .des-list2 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.DesignTeam-list .des-list2 .mian ul {
width: 1211px;
margin-left: -11px;
}
.DesignTeam-list .des-list2 .mian ul li {
float: left;
width: 289px;
height: 343px;
margin-left: 11px;
margin-bottom: 15px;
background: #fff;
-webkit-transition: all .5s;
transition: all .5s;
}
.DesignTeam-list .des-list2 .mian ul li a {
display: block;
}
.DesignTeam-list .des-list2 .mian ul li a h4 {
width: 289px;
height: 215px;
overflow: hidden;
}
.DesignTeam-list .des-list2 .mian ul li a h4 img {
width: 100%;
-webkit-transition: all .5s;
transition: all .5s;
}
.DesignTeam-list .des-list2 .mian ul li a h5 {
padding: 0 22px;
font-size: 16px;
color: #000;
}
.DesignTeam-list .des-list2 .mian ul li a h5 span {
display: block;
overflow: hidden;
border-bottom: 1px solid #ccc;
line-height: 46px;
white-space: nowrap;
text-overflow: ellipsis;
}
.DesignTeam-list .des-list2 .mian ul li a h6 {
padding: 12px 13px;
font-size: 15px;
color: #000;
}
.DesignTeam-list .des-list2 .mian ul li a h6 span {
float: left;
/*width: 50%;*/
padding-right: 5px;
line-height: 24px;
}
.DesignTeam-list .des-list2 .mian ul li:hover {
box-shadow: 1px 1px 10px 0 rgba(0,0,0,.3);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.DesignTeam-list .des-list2 .mian ul li:hover a h4 img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.DesignTeam-list .des-list2 .mian ul li a p {
padding: 0 13px;
font-size: 16px;
color: #000;
line-height: 24px;
}
.DesignTeam-list .des-list3 {
padding: 20px 0 30px;
}
.DesignTeam-list .des-list3 img {
width: 1200px;
height: 126px;
}
/*营销列表*/
.Marketing > .fl {
margin: 10px 0 10px 350px;
font-size: 14px;
}
.Marketing > .fl a:hover {
color: red;
}
.Marketing ul {
margin: 20px 0;
padding: 0 36px;
background: #fff;
box-sizing: border-box;
}
.Marketing ul li {
padding: 28px 0;
border-top: 1px dashed #E4E4E4;
}
.Marketing ul li:first-child {
border-top: none;
}
.Marketing ul li a {
-webkit-transition: all .5s;
transition: all .5s;
}
.Marketing ul li div.fl {
width: 215px;
height: 198px;
overflow: hidden;
}
.Marketing ul li div.fl a {
display: block;
}
.Marketing ul li div.fl a img {
width: 100%;
}
.Marketing ul li:hover div.fl a {
display: block;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.Marketing ul li div.fr {
width: 884px;
height: 198px;
}
.Marketing ul li div.fr h4 {
width: 628px;
}
.Marketing ul li div.fr h4 a {
font-size: 18px;
font-weight: bold;
color: #333;
}
.Marketing ul li div.fr h4 a i {
display: inline-block;
width: 52px;
height: 14px;
background: url(../images/icon_21.png) no-repeat center;
vertical-align: top;
}
.Marketing ul li div.fr h4 a:hover {
color: #FF0000;
}
.Marketing ul li div.fr h5 {
width: 628px;
padding: 11px 0;
line-height: 30px;
}
.Marketing ul li div.fr h5 a {
font-size: 15px;
color: #666;
}
.Marketing ul li div.fr h5 a:hover {
color: #FF0000;
}
.Marketing ul li div.fr h6 a {
float: left;
width: 106px;
height: 38px;
margin-right: 15px;
font-size: 16px;
text-align: center;
line-height: 38px;
}
.Marketing ul li div.fr h6 a.a1 {
border: 1px solid #e60021;
color: #e60021;
}
.Marketing ul li div.fr h6 a.a2 {
border: 1px solid #3f4a56;
color: #3f4a56;
}
.Marketing ul li div.fr h6 a.a1:hover {
background: #e60021;
color: #fff;
}
.Marketing ul li div.fr h6 a.a2:hover {
background: #3f4a56;
color: #fff;
}
.Marketing ul li div.fr p {
text-align: right;
margin-top: -13px;
float: right;
}
.Marketing ul li div.fr p span {
display: inline-block;
width: 260px;
font-size: 15px;
color: #666;
}
.Marketing ul li div.fr p span span {
display: block;
text-align: left;
line-height: 30px;
}
.Marketing ul li div.fr p span span font {
color: #FF0000;
}
/*工地直播*/
.B-search {
padding: 20px 0;
}
.B-search .B-s1 {
float: left;
width: 875px;
}
.B-search .B-s1 > ul > li {
margin-bottom: 20px;
padding: 18px;
background: #fff;
cursor: default;
-webkit-transition: all .5s;
transition: all .5s;
}
.B-search .B-s1 > ul > li:hover {
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.B-search .B-s1 > ul > li div.fl {
width: 220px;
height: 202px;
overflow: hidden;
}
.B-search .B-s1 > ul > li div.fl img {
width: 100%;
}
.B-search .B-s1 > ul > li div.fr {
width: 600px;
}
.B-search .B-s1 > ul > li div.fr > h4 {
font-size: 20px;
color: #000;
line-height: 60px;
}
.B-search .B-s1 > ul > li div.fr .a1 ul {
float: left;
width: 450px;
}
.B-search .B-s1 > ul > li div.fr .a1 ul li {
float: left;
width: 33.33%;
font-size: 13px;
color: #666;
line-height: 30px;
}
.B-search .B-s1 > ul > li div.fr .a1 a {
float: right;
width: 116px;
height: 42px;
margin-top: 10px;
background: #e1112a;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
}
.B-search .B-s1 > ul > li div.fr .a1 a i {
display: inline-block;
width: 26px;
height: 16px;
background: url(../images/icon_22.png) no-repeat left top;
vertical-align: middle;
}
.B-search .B-s1 > ul > li div.fr .a1 a:hover {
background: #FF0000;
}
.B-search .B-s1 > ul > li div.fr .a2 {
padding: 15px 0;
margin-top: 30px;
border-top: 2px solid #e5e5e5;
}
.B-search .B-s1 > ul > li div.fr .a2 span {
position: relative;
float: left;
width: 65px;
text-align: center;
}
.B-search .B-s1 > ul > li div.fr .a2 span:before {
position: absolute;
top: -24px;
left: 50%;
width: 17px;
height: 17px;
content: ' ';
margin-left: -8px;
background: url(../images/icon_24.png) no-repeat center;
}
.B-search .B-s1 > ul > li div.fr .a2.on1 span.gb1:before, .B-search .B-s1 > ul > li div.fr .a2.on2 span.gb1:before, .B-search .B-s1 > ul > li div.fr .a2.on2 span.gb2:before, .B-search .B-s1 > ul > li div.fr .a2.on3 span.gb1:before, .B-search .B-s1 > ul > li div.fr .a2.on3 span.gb2:before, .B-search .B-s1 > ul > li div.fr .a2.on3 span.gb3:before, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb1:before, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb2:before, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb3:before, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb4:before, .B-search .B-s1 > ul > li div.fr .a2.on5 span:before {
background-image: url(../images/icon_23.png);
color: #e60021;
}
.B-search .B-s1 > ul > li div.fr .a2.on1 span.gb1, .B-search .B-s1 > ul > li div.fr .a2.on2 span.gb1, .B-search .B-s1 > ul > li div.fr .a2.on2 span.gb2, .B-search .B-s1 > ul > li div.fr .a2.on3 span.gb1, .B-search .B-s1 > ul > li div.fr .a2.on3 span.gb2, .B-search .B-s1 > ul > li div.fr .a2.on3 span.gb3, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb1, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb2, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb3, .B-search .B-s1 > ul > li div.fr .a2.on4 span.gb4, .B-search .B-s1 > ul > li div.fr .a2.on5 span {
color: #e60021;
}
.B-search .B-s2 {
float: right;
width: 304px;
}
.B-search .B-s2 form {
padding: 20px 20px 28px 20px;
margin-bottom: 10px;
background: #fff;
}
.B-search .B-s2 form > h4 {
font-size: 22px;
font-weight: bold;
color: #3f4a55;
text-align: center;
line-height: 40px;
}
.B-search .B-s2 form > h5 {
font-size: 14px;
color: #333333;
text-align: center;
line-height: 30px;
}
.B-search .B-s2 form > div {
margin-top: 10px;
}
.B-search .B-s2 form .a1 select {
width: 128px;
height: 42px;
padding: 10px 0 10px 10px;
border: 1px solid #E4E4E4;
}
.B-search .B-s2 form .a2 input[type="text"] {
width: 100%;
height: 45px;
padding: 15px;
border: 1px solid #E4E4E4;
box-sizing: border-box;
}
.B-search .B-s2 form .a2 select {
width: 100%;
height: 42px;
padding: 10px 0 10px 10px;
border: 1px solid #E4E4E4;
margin-bottom: 10px;
}
.B-search .B-s2 form .a3 input[type="text"] {
width: 128px;
height: 45px;
padding: 15px;
border: 1px solid #E4E4E4;
box-sizing: border-box;
}
.B-search .B-s2 form .a4 a {
display: block;
width: 100%;
height: 42px;
background: #e1112a;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
}
.B-search .B-s2 form .a4 a:hover {
background: #FF0000;
}
.B-search .B-s2 .Other a {
display: block;
margin-bottom: 10px;
}
.B-search .B-s2 .Other a img {
width: 100%;
}
/*星钻工程*/
.engineer > .fl {
margin: 10px 0 10px 350px;
font-size: 14px;
}
.engineer > .fl a:hover {
color: red;
}
.engineer-1 {
padding: 50px 0 0;
overflow: hidden;
box-sizing: border-box;
}
.engineer-1 .tit {
margin-bottom: 15px;
text-align: center;
}
.engineer-1 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.engineer-1 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.engineer-1 .mian {
margin-top: 50px;
}
.engineer-1 .mian ul {
width: 1207px;
margin-left: -7px;
}
.engineer-1 .mian ul li {
position: relative;
float: left;
height: 250px;
overflow: hidden;
margin-bottom: 8px;
margin-left: 7px;
background: #3f4a55;
}
.engineer-1 .mian ul li > .fu {
position: absolute;
top: 50%;
left: 25px;
z-index: 3;
margin-top: -30px;
}
.engineer-1 .mian ul li > .fu h4 {
position: relative;
padding: 22px 0;
font-size: 24px;
color: #fff;
text-transform: uppercase;
font-family: arial;
line-height: 32px;
}
.engineer-1 .mian ul li > .fu h4:after {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 1px;
content: ' ';
background: #fff;
}
.engineer-1 .mian ul li > .fu p {
font-size: 18px;
color: #fff;
}
.engineer-1 .mian ul li > i.ins {
display: block;
z-index: 1 !important;
background: #e60021;
}
.engineer-1 .mian ul li.a1 {
width: 519px;
}
.engineer-1 .mian ul li.a2 {
width: 333px;
}
.engineer-1 .mian ul li.a3 {
width: 333px;
}
.engineer-1 .mian ul li.a4 {
width: 519px;
}
.engineer-1 .mian ul li.a5 {
width: 333px;
}
.engineer-1 .mian ul li.a6 {
width: 333px;
}
.engineer-1 .mian ul li:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
content: ' ';
}
.engineer-1 .mian ul li.a1:before {
background: url(../images/engineer-01.png) no-repeat bottom right;
}
.engineer-1 .mian ul li.a2:before {
background: url(../images/engineer-02.png) no-repeat bottom right;
}
.engineer-1 .mian ul li.a3:before {
background: url(../images/engineer-03.png) no-repeat bottom right;
}
.engineer-1 .mian ul li.a4:before {
background: url(../images/engineer-04.png) no-repeat bottom right;
}
.engineer-1 .mian ul li.a5:before {
background: url(../images/engineer-05.png) no-repeat bottom right;
}
.engineer-1 .mian ul li.a6:before {
background: url(../images/engineer-06.png) no-repeat bottom right;
}
.engineer-2 {
padding: 50px 0 0;
overflow: hidden;
box-sizing: border-box;
}
.engineer-2 .tit {
margin-bottom: 15px;
text-align: center;
}
.engineer-2 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.engineer-2 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.engineer-2 .mian {
margin-top: 50px;
}
.engineer-2 .mian ul {
width: 1207px;
margin-left: -7px;
}
.engineer-2 .mian ul li {
position: relative;
float: left;
height: 250px;
overflow: hidden;
margin-bottom: 8px;
margin-left: 7px;
background: #3f4a55;
}
.engineer-2 .mian ul li > .fu {
position: absolute;
top: 50%;
left: 25px;
z-index: 3;
margin-top: -30px;
}
.engineer-2 .mian ul li > .fu h4 {
position: relative;
padding: 22px 0;
font-size: 24px;
color: #fff;
text-transform: uppercase;
font-family: arial;
line-height: 32px;
}
.engineer-2 .mian ul li > .fu h4:after {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 1px;
content: ' ';
background: #fff;
}
.engineer-2 .mian ul li > .fu p {
font-size: 18px;
color: #fff;
}
.engineer-2 .mian ul li > i.ins1 {
display: block;
z-index: 1 !important;
background: #e60021;
}
.engineer-2 .mian ul li.a1 {
width: 519px;
}
.engineer-2 .mian ul li.a2 {
width: 333px;
}
.engineer-2 .mian ul li.a3 {
width: 333px;
}
.engineer-2 .mian ul li.a4 {
width: 519px;
}
.engineer-2 .mian ul li.a5 {
width: 333px;
}
.engineer-2 .mian ul li.a6 {
width: 333px;
}
.engineer-2 .mian ul li.a7 {
width: 519px;
}
.engineer-2 .mian ul li.a8 {
width: 333px;
}
.engineer-2 .mian ul li:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
content: ' ';
}
.engineer-2 .mian ul li.a1:before {
background: url(../images/engineer-07.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a2:before {
background: url(../images/engineer-08.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a3:before {
background: url(../images/engineer-09.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a4:before {
background: url(../images/engineer-10.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a5:before {
background: url(../images/engineer-11.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a6:before {
background: url(../images/engineer-12.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a7:before {
background: url(../images/engineer-13.png) no-repeat bottom right;
}
.engineer-2 .mian ul li.a8:before {
background: url(../images/engineer-14.png) no-repeat bottom right;
}
.engineer-3 {
padding: 50px 0 0;
overflow: hidden;
box-sizing: border-box;
}
.engineer-3 .tit {
margin-bottom: 15px;
text-align: center;
}
.engineer-3 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.engineer-3 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.engineer-3 .mian {
position: relative;
margin: 50px 0;
padding: 0 50px;
background: #F5F5F5;
}
.engineer-3 .mian .bd ul li {
float: left;
width: 180px;
height: 60px;
margin: 0 20px 8px 20px;
}
.engineer-3 .mian .bd ul li a {
display: block;
}
.engineer-3 .mian .bd ul li a img {
width: 100%;
}
.engineer-3 .mian > a {
position: absolute;
top: 50%;
width: 14px;
height: 26px;
margin-top: -13px;
background: url(../images/icon_25.png) no-repeat;
}
.engineer-3 .mian > a.prev {
left: 0;
background-position: left center;
}
.engineer-3 .mian > a.next {
right: 0;
background-position: right center;
}
/*精品案例列表*/
.Boutique-case {
padding: 20px 0;
}
.Boutique-case ul {
width: 1214px;
margin-left: -14px;
}
.Boutique-case ul li {
position: relative;
float: left;
width: 289px;
height: 342px;
margin-left: 14px;
margin-bottom: 20px;
background: #fff;
cursor: default;
-webkit-transition: all .5s;
transition: all .5s;
}
.Boutique-case ul li:hover {
box-shadow: 1px 1px 8px 0 rgba(0,0,0,.2);
}
.Boutique-case ul li .show > h4 {
width: 289px;
height: 215px;
overflow: hidden;
}
.Boutique-case ul li .show > h4 img {
width: 100%;
-webkit-transition: all 1s;
transition: all 1s;
}
.Boutique-case ul li:hover .show > h4 img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.Boutique-case ul li .show .aa {
padding: 0 20px;
}
.Boutique-case ul li .show .aa h5 {
border-bottom: 1px solid #E4E4E4;
font-size: 16px;
color: #000;
line-height: 46px;
}
.Boutique-case ul li .show .aa .pp > p {
padding-top: 8px;
}
.Boutique-case ul li .show .aa .pp > p span.fl {
width: 60px;
height: 60px;
overflow: hidden;
padding: 5px;
border-radius: 50%;
background: #e5e5e5 url(../images/people-bg2.jpg) no-repeat center;
box-sizing: border-box;
}
.Boutique-case ul li .show .aa .pp > p span.fl img {
width: 100%;
}
.Boutique-case ul li .show .aa .pp > p span.fr {
width: 172px;
}
.Boutique-case ul li .show .aa .pp > p span.fr > font {
display: block;
font-size: 16px;
color: #333;
line-height: 36px;
}
.Boutique-case ul li .show .aa .pp > p span.fr > span {
display: block;
font-size: 14px;
color: #e1112a;
line-height: 14px;
}
.Boutique-case ul li .show .aa .pp > p span.fr > span i {
display: inline-block;
width: 16px;
height: 16px;
background: url(../images/icon_19.png) no-repeat right top;
vertical-align: middle;
}
.Boutique-case ul li .hide {
display: none;
position: absolute;
left: -18px;
bottom: 80px;
width: 260px;
height: 168px;
padding: 18px 12px;
border: 1px solid #f5f5f5;
background: #fff;
box-sizing: border-box;
box-shadow: 1px 1px 8px 0 rgba(0,0,0,.2);
}
.Boutique-case ul li .hide:before {
position: absolute;
bottom: -10px;
left: 58px;
width: 18px;
height: 10px;
content: ' ';
background: url(../images/icon_29.png) no-repeat center;
}
.Boutique-case ul li .hide h6 span.fl {
width: 77px;
height: 77px;
overflow: hidden;
background: #C0C0C0 url(../images/people-bg2.jpg) no-repeat center;
}
.Boutique-case ul li .hide h6 span.fl img {
width: 100%;
}
.Boutique-case ul li .hide h6 span.fr {
width: 148px;
}
.Boutique-case ul li .hide h6 span.fr > span {
display: block;
font-size: 14px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.Boutique-case ul li .hide h6 span.fr > span > font {
color: #e1112a;
}
.Boutique-case ul li .hide h6 span.fr > font {
display: block;
font-size: 12px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.Boutique-case ul li .hide p {
padding-top: 20px;
}
.Boutique-case ul li .hide p a {
width: 110px;
height: 28px;
border: 1px solid #d3d3d3;
font-size: 12px;
color: #666;
text-align: center;
line-height: 28px;
}
.Boutique-case ul li .hide p a:hover {
background: #f2f2f2;
}
/*走进星艺*/
.About .about-menu {
background: #fff;
}
.About > .fl {
margin: 10px 0 10px 380px;
font-size: 14px;
}
.About > .fl a:hover {
color: red;
}
.About .about-menu ul {
padding: 0 20px;
}
.About .about-menu ul li {
float: left;
width: 110px;
height: 64px;
line-height: 64px;
text-align: center;
}
.About .about-menu ul li a {
font-size: 16px;
color: #242424;
}
.About .about-menu ul li.on, .About .about-menu ul li:hover {
border-bottom: 1px solid #E1112A;
}
.About .about-menu ul li.on a, .About .about-menu ul li:hover a {
color: #E1112A;
}
.About .about-menu.cc {
position: fixed;
top: 0;
left: 0;
z-index: 998;
width: 100%;
}
.about-box.cc {
margin-top: 64px;
}
.about-01 .tit {
padding: 50px 0 20px;
text-align: center;
}
.about-01 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.about-01 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.about-01 .mian {
padding: 30px 0 70px;
}
.about-01 .mian div.fl {
width: 45%;
}
.about-01 .mian div.fl h4 {
margin-top: 34px;
font-size: 24px;
color: #000;
line-height: 24px;
}
.about-01 .mian div.fl h5 {
position: relative;
margin-bottom: 30px;
font-size: 18px;
color: #e1112a;
line-height: 60px;
}
.about-01 .mian div.fl h5:before {
position: absolute;
bottom: 0;
left: 0;
width: 42px;
height: 4px;
content: ' ';
background: #e1112a;
}
.about-01 .mian div.fl p {
font-size: 16px;
font-weight: bold;
color: #666;
line-height: 30px;
}
.about-01 .mian div.fl h6 {
padding-top: 50px;
text-align: right;
}
.about-01 .mian div.fl h6 a {
display: inline-block;
width: 116px;
height: 40px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 40px;
}
.about-01 .mian div.fl h6 a:hover {
background: #e1112a;
}
.about-01 .mian div.fr {
width: 48%;
}
.about-01 .mian div.fr span {
display: block;
box-shadow: 14px 14px 0 0 rgba(255,17,42,1);
}
.about-01 .mian div.fr span img {
width: 100%;
}
.about-02 .tit {
padding: 50px 0 20px;
text-align: center;
}
.about-02 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.about-02 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.about-02 .mian {
position: relative;
padding: 20px 60px;
}
.about-02 .mian .hb {
padding: 40px 0 260px;
overflow: hidden;
}
.about-02 .mian .hb ul {
border-top: 2px solid #999;
}
.about-02 .mian .hb ul li {
position: relative;
float: left;
width: 125px;
margin: 0 45px;
}
.about-02 .mian .hb ul li .fzlc_show {
text-align: center;
}
.about-02 .mian .hb ul li .fzlc_show span {
display: inline-block;
width: 27px;
height: 27px;
margin-top: -13px;
padding: 4px;
border: 2px solid #999;
background: #f4f4f4;
border-radius: 50%;
box-sizing: border-box;
}
.about-02 .mian .hb ul li .fzlc_show span i {
display: block;
visibility: hidden;
width: 100%;
height: 100%;
border-radius: 50%;
background: #E1112A;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-transform: scale(0);
transform: scale(0);
}
.about-02 .mian .hb ul li .fzlc_show em {
display: block;
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 56px;
}
.about-02 .mian .change_b {
position: absolute;
top: 35px;
width: 48px;
height: 48px;
border-radius: 50%;
background: no-repeat center;
box-sizing: border-box;
box-shadow: 1px 1px 5px 0 rgba(0,0,0,.2);
}
.about-02 .mian .prev {
left: 0;
background-image: url(../images/icon_30.png);
}
.about-02 .mian .next {
right: 0;
background-image: url(../images/icon_31.png);
}
.about-02 .mian .change_b:hover {
background-color: #ccc;
}
.about-02 .mian .hb ul li .fzlc_hide {
visibility: hidden;
position: absolute;
top: 100px;
left: -45px;
width: 488px;
padding: 30px 25px;
background: #fff;
box-sizing: border-box;
box-shadow: 2px 2px 10px 0 rgba(0,0,0,.2);
transition: all ease .5s;
-webkit-transition: all ease .5s;
opacity: 0;
}
.about-02 .mian .hb ul li .fzlc_hide:before {
position: absolute;
top: -18px;
left: 82px;
z-index: 0;
width: 50px;
height: 18px;
content: ' ';
background: url(../images/icon_32.png) no-repeat center;
}
.about-02 .mian .hb ul li .fzlc_hide h4 {
font-size: 24px;
color: #000;
line-height: 46px;
}
.about-02 .mian .hb ul li .fzlc_hide p {
font-size: 16px;
color: #999;
line-height: 28px;
}
.about-02 .mian .hb ul li.on {
z-index: 99;
}
.about-02 .mian .hb ul li.on .fzlc_show span i {
visibility: inherit;
-webkit-transform: scale(1);
transform: scale(1);
}
.about-02 .mian .hb ul li.on .fzlc_show em {
color: #E1112A;
}
.about-02 .mian .hb ul li.on .fzlc_hide {
visibility: inherit;
opacity: 1;
}
.about-02 .mian .hb ul li.on .fzlc_hide.rig {
left: auto;
right: -45px;
}
.about-02 .mian .hb ul li.on .fzlc_hide.rig:before {
left: auto;
right: 82px;
}
.about-03 {
background: #fff;
}
.about-03 .tit {
padding: 50px 0 20px;
text-align: center;
}
.about-03 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.about-03 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.about-03 .mian {
padding: 20px 0;
}
.about-03 .mian ul {
padding: 30px 0 50px;
}
.about-03 .mian ul li {
float: left;
width: 287px;
border-bottom: 1px solid #000;
background: #F5F5F5;
margin-left: 17.33px;
}
.about-03 .mian ul li:first-child {
margin-left: 0;
}
.about-03 .mian ul li a {
display: block;
cursor: default;
}
.about-03 .mian ul li a h4 {
width: 100%;
height: 199px;
overflow: hidden;
}
.about-03 .mian ul li a h4 img {
width: 100%;
-webkit-transition: all .5s;
transition: all .5s;
}
.about-03 .mian ul li a p {
height: 82px;
padding: 0 36px;
font-size: 16px;
color: #000;
line-height: 82px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.about-03 .mian ul li:hover {
border-bottom: 1px solid #E1112A;
}
.about-03 .mian ul li:hover a h4 img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.about-03 .mian > h6 {
padding-bottom: 20px;
text-align: center;
}
.about-03 .mian > h6 a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 18px;
color: #fff;
line-height: 50px;
}
.about-03 .mian > h6 a:hover {
background: #e1112a;
}
.about-04 .tit {
padding: 50px 0 20px;
text-align: center;
}
.about-04 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.about-04 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.about-04 .mian {
padding: 20px 0;
}
.about-04 .mian ul li {
margin-bottom: 10px;
}
.about-04 .mian ul li > p {
height: 50px;
padding: 0 25px;
background: #999;
line-height: 50px;
cursor: pointer;
}
.about-04 .mian ul li > p > span {
float: left;
font-size: 20px;
color: #fff;
}
.about-04 .mian ul li > p > i {
float: right;
width: 30px;
height: 50px;
background: url(../images/icon_33.png) no-repeat center;
line-height: 50px;
}
.about-04 .mian ul li .join {
display: none;
padding: 20px 25px;
}
.about-04 .mian ul li .join > h4 {
font-size: 18px;
color: #666;
line-height: 60px;
}
.about-04 .mian ul li .join > h4 span {
padding-right: 20px;
}
.about-04 .mian ul li .join div.fl, .about-04 .mian ul li .join div.fr {
width: 50%;
}
.about-04 .mian ul li .join h5 {
font-size: 20px;
color: #e1112a;
line-height: 50px;
}
.about-04 .mian ul li .join p {
font-size: 14px;
color: #666;
line-height: 34px;
}
.about-04 .mian ul li.on > p, .about-04 .mian ul li:hover > p {
background: #E1112A;
}
.about-04 .mian > h6 {
padding: 30px 0 50px;
text-align: center;
}
.about-04 .mian > h6 a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 18px;
color: #fff;
line-height: 50px;
}
.about-04 .mian > h6 a:hover {
background: #e1112a;
}
.about-05 {
width: 100%;
height: 769px;
overflow: hidden;
padding: 50px 0;
background: url(../images/index_test_27.jpg) no-repeat center;
box-sizing: border-box;
}
.about-05 .tit {
padding: 20px 0;
margin-bottom: 15px;
text-align: center;
}
.about-05 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_10.png) no-repeat bottom center;
font-size: 28px;
color: #fff;
line-height: 40px;
}
.about-05 .tit h4 {
font-size: 20px;
color: #494949;
line-height: 30px;
letter-spacing: .2em;
}
.about-05 .mian {
padding-top: 40px;
}
.about-05 .mian div.fl {
width: 50%;
height: 432px;
}
.about-05 .mian div.fl span {
display: block;
}
.about-05 .mian div.fl span img {
width: 100%;
}
.about-05 .mian div.fr {
position: relative;
width: 50%;
height: 432px;
}
.about-05 .mian div.fr .kk_s {
position: absolute;
top: 0;
right: -65px;
width: 100%;
height: 432px;
padding-right: 220px;
padding-top: 130px;
background: url(../images/icon_34.png) no-repeat right center;
box-sizing: border-box;
text-align: right;
}
.about-05 .mian div.fr .kk_s h4 {
font-size: 27px;
color: #f5f5f5;
line-height: 50px;
}
.about-05 .mian div.fr .kk_s p {
font-size: 12px;
color: #f5f5f5;
line-height: 34px;
}
.about-06 .tit {
padding: 50px 0 20px;
text-align: center;
}
.about-06 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.about-06 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.about-06 .mian {
position: relative;
width: 100%;
height: 384px;
padding: 50px 0 70px;
margin: 0 auto;
}
.about-06 .mian ul {
position: relative;
width: 100%;
height: 384px;
}
.about-06 .mian li {
position: absolute;
top: 146px;
left: 377px;
z-index: 0;
width: 0;
height: 0;
overflow: hidden;
border-radius: 3px;
box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
cursor: pointer;
}
.about-06 .mian li img {
width: 100%;
height: 100%;
vertical-align: top;
}
.about-06 .mian .prev, .about-06 .mian .next {
position: absolute;
top: 50%;
z-index: 99;
width: 39px;
height: 80px;
margin-top: -40px;
overflow: hidden;
text-indent: -999px;
cursor: pointer;
background: url(../images/btn.png) no-repeat;
}
.about-06 .mian .prev {
left: 0;
}
.about-06 .mian .next {
right: 0;
background-position: -39px 0;
}
.about-07 {
background: #fff;
}
.about-07 .tit {
padding: 50px 0 20px;
text-align: center;
}
.about-07 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.about-07 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.about-07 .mian {
padding: 50px 0;
}
.about-07 .mian > div.fl {
width: 582px;
}
.about-07 .mian > div.fl h4 {
position: relative;
width: 100%;
height: 153px;
}
.about-07 .mian > div.fl h4 img {
width: 100%;
}
.about-07 .mian > div.fl h4 span {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 80px;
background: #E1112A;
}
.about-07 .mian > div.fl h4 span i {
display: block;
font-size: 56px;
color: #fff;
text-align: center;
line-height: 56px;
}
.about-07 .mian > div.fl h4 span font {
display: block;
font-size: 16px;
color: #fff;
text-align: center;
}
.about-07 .mian > div.fl h5 {
padding-top: 15px;
font-size: 20px;
color: #333;
line-height: 44px;
}
.about-07 .mian > div.fl p {
font-size: 14px;
color: #999;
line-height: 22px;
}
.about-07 .mian > div.fl h6 {
padding-top: 30px;
}
.about-07 .mian > div.fl h6 a {
display: inline-block;
width: 170px;
height: 40px;
background: #3f4a55;
font-size: 18px;
color: #fff;
line-height: 40px;
text-align: center;
}
.about-07 .mian > div.fl h6 a:hover {
background: #e1112a;
}
.about-07 .mian > div.fr {
width: 50%;
}
.about-07 .mian > div.fr ul li {
padding-bottom: 15px;
padding-top: 16px;
border-bottom: 1px solid #E4E4E4;
}
.about-07 .mian > div.fr ul li a {
display: block;
color: #999;
-webkit-transition: all .5s;
transition: all .5s;
}
.about-07 .mian > div.fr ul li a .a1 {
float: left;
width: 80px;
text-align: center;
}
.about-07 .mian > div.fr ul li a .a1 span {
display: block;
font-size: 56px;
line-height: 56px;
}
.about-07 .mian > div.fr ul li a .a1 font {
display: block;
font-size: 16px;
line-height: 20px;
}
.about-07 .mian > div.fr ul li a .a2 {
float: right;
width: 490px;
}
.about-07 .mian > div.fr ul li a .a2 h4 {
font-size: 20px;
color: #000;
line-height: 34px;
-webkit-transition: all .5s;
transition: all .5s;
}
.about-07 .mian > div.fr ul li a .a2 p {
font-size: 14px;
color: #999;
line-height: 20px;
-webkit-transition: all .5s;
transition: all .5s;
}
.about-07 .mian > div.fr ul li a:hover {
color: #E1112A;
}
.about-07 .mian > div.fr ul li a:hover .a2 h4 {
color: #E1112A;
}
.about-07 .mian > div.fr ul li a:hover .a2 p {
color: #E1112A;
}
/*客服服务*/
.customer .customer-menu {
background: #fff;
}
.customer > .fl {
margin: 10px 0 10px 380px;
font-size: 14px;
}
.customer > .fl a:hover {
color: red;
}
.customer .customer-menu ul {
padding: 0 20px;
}
.customer .customer-menu ul li {
float: left;
width: 110px;
height: 64px;
line-height: 64px;
text-align: center;
}
.customer .customer-menu ul li a {
font-size: 16px;
color: #242424;
}
.customer .customer-menu ul li.on, .customer .customer-menu ul li:hover {
border-bottom: 1px solid #E1112A;
}
.customer .customer-menu ul li.on a, .customer .customer-menu ul li:hover a {
color: #E1112A;
}
.customer .customer-menu.cc {
position: fixed;
top: 0;
left: 0;
z-index: 998;
width: 100%;
}
.customer-box.cc {
margin-top: 64px;
}
.customer-01 .tit {
padding: 50px 0 20px;
text-align: center;
}
.customer-01 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.customer-01 .tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.customer-01 .mian {
padding: 30px 0;
}
.customer-01 .mian ul li {
float: left;
width: 289px;
background: #fff;
margin-left: 14px;
}
.customer-01 .mian ul li:first-child {
margin-left: 0;
}
.customer-01 .mian ul li a {
display: block;
cursor: default;
}
.customer-01 .mian ul li a h4 {
position: relative;
width: 100%;
height: 215px;
overflow: hidden;
}
.customer-01 .mian ul li a h4 img {
width: 100%;
-webkit-transition: all .5s;
transition: all .5s;
}
.customer-01 .mian ul li a h4 span {
position: absolute;
top: 0;
right: 15px;
z-index: 9;
width: 41px;
height: 49px;
background: url(../images/icon_35.png) no-repeat center;
text-align: center;
}
.customer-01 .mian ul li a h4 span font {
display: inline-block;
padding: 7px 5px 0 5px;
font-size: 12px;
color: #fff;
line-height: 14px;
}
.customer-01 .mian ul li a p {
height: 70px;
font-size: 16px;
color: #000;
text-align: center;
line-height: 70px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.customer-01 .mian ul li:hover a h4 img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.customer-01 .mian > h6 {
padding: 50px 0;
text-align: center;
}
.customer-01 .mian > h6 a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 18px;
color: #fff;
line-height: 50px;
}
.customer-01 .mian > h6 a:hover {
background: #e1112a;
}
.customer-02 {
width: 100%;
height: 797px;
background: url(../images/index_test_36.jpg) no-repeat center;
}
.customer-02 .tit {
padding: 80px 0 60px;
margin-bottom: 15px;
text-align: center;
}
.customer-02 .tit h3 {
padding-bottom: 13px;
background: url(../images/icon_10.png) no-repeat bottom center;
font-size: 28px;
color: #fff;
line-height: 40px;
}
.customer-02 .tit h4 {
font-size: 20px;
color: #494949;
line-height: 30px;
letter-spacing: .2em;
}
.customer-02 .mian {
width: 1214px;
margin-left: -14px;
}
.customer-02 .mian > div {
float: left;
width: 593px;
height: 205px;
margin-left: 14px;
margin-bottom: 15px;
background: url(../images/icon_40.png) repeat;
}
.customer-02 .mian ul {
padding: 40px 0 20px;
background: url(../images/icon_41.png) no-repeat bottom center;
}
.customer-02 .mian ul li {
float: left;
width: 13.33%;
height: 92px;
margin-top: 10px;
padding-top: 10px;
text-align: center;
cursor: default;
}
.customer-02 .mian ul li img {
width: 100%;
}
.customer-02 .mian ul li i {
display: inline-block;
width: 32px;
height: 32px;
}
.customer-02 .mian ul li span {
display: block;
padding-top: 5px;
font-size: 14px;
color: #666;
line-height: 22px;
}
.customer-02 .mian ul li:first-child {
width: 20%;
padding: 0;
margin: 0;
}
.customer-02 .mian ul li:first-child i {
width: 56px;
height: 56px;
}
.customer-02 .mian ul li:first-child span {
font-size: 16px;
color: #fff;
}
.customer-02 .mian ul li.on, .customer-02 .mian ul li:hover {
background: url(../images/icon_42.png) no-repeat top center;
}
.customer-02 .mian ul li.on span, .customer-02 .mian ul li:hover span {
color: #fff;
}
.customer-02 .mian ul li.on:first-child, .customer-02 .mian ul li:first-child:hover {
background: none;
}
.customer-03 {
padding: 60px 0 100px;
}
.customer-03 .tit {
padding: 50px 0;
text-align: center;
}
.customer-03 .tit h5 {
font-size: 24px;
color: #000;
}
.customer-03 .mian ul li {
position: relative;
float: left;
width: 323px;
height: 423px;
margin-left: 115px;
overflow: hidden;
}
.customer-03 .mian ul li:first-child {
margin-left: 0;
}
.customer-03 .mian ul li a {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
text-align: center;
}
.customer-03 .mian ul li a h3 {
display: inline-block;
margin-top: 120px;
border: 2px solid #fff;
border-left: none;
border-right: none;
font-size: 36px;
color: #fff;
}
.customer-03 .mian ul li a p {
font-size: 16px;
color: #fff;
line-height: 40px;
}
.customer-03 .mian ul li a span {
display: inline-block;
width: 248px;
height: 41px;
margin-top: 70px;
background: #fff;
font-size: 18px;
color: #d9142b;
line-height: 41px;
}
.customer-03 .mian ul li a:hover span {
background: #E1112A;
color: #fff;
}
.customer-04 {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: url(../images/icon_5.png) repeat;
}
.customer-04 form {
position: absolute;
top: 50%;
left: 50%;
width: 874px;
height: 666px;
padding: 50px;
margin-left: -437px;
margin-top: -333px;
background: #fff;
box-sizing: border-box;
}
.customer-04 form h3 {
margin-bottom: 15px;
border-bottom: 2px solid #d9dbdd;
font-size: 24px;
color: #000;
text-align: center;
line-height: 60px;
}
.customer-04 form h4 {
padding-left: 158px;
margin-bottom: 15px;
font-size: 12px;
color: #999;
}
.customer-04 form label {
float: left;
width: 158px;
height: 30px;
font-size: 14px;
color: #666;
text-align: right;
line-height: 30px;
}
.customer-04 form label i {
color: #FF0000; padding-right:5px
}
.customer-04 form > div {
margin-bottom: 15px;
}
.customer-04 form .a1 {
padding-left: 158px;
}
.customer-04 form .a1 font {
display: inline-block;
width: 70px;
font-size: 14px;
color: #666;
line-height: 17px;
cursor: default;
}
.customer-04 form .a1 .gb_style {
display: inline-block;
width: 17px;
height: 17px;
margin-right: 5px;
background-image: url(../images/icon_43.png);
background-position: right center;
vertical-align: middle;
cursor: pointer;
}
.customer-04 form .a1 .gb_style.checked {
background-position: left center;
}
.customer-04 form input[type="text"] {
float: left;
width: 208px;
height: 28px;
padding: 0 5px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.customer-04 form .a3 font {
float: left;
height: 30px;
padding: 0 10px;
font-size: 14px;
color: #666;
text-align: right;
line-height: 30px;
}
.customer-04 form .a4 select {
float: left;
width: 130px;
height: 30px;
padding: 5px 0 5px 10px;
margin-right: 15px;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
line-height: 20px;
}
.customer-04 form .a5 textarea {
float: left;
width: 530px;
height: 160px;
padding: 10px;
border: 1px solid #ccc;
box-sizing: border-box;
font-size: 14px;
color: #666;
}
.customer-04 form .a6 {
padding-left: 158px;
}
.customer-04 form .a6 input {
width: 140px;
height: 40px;
margin-right: 15px;
border: none;
font-size: 16px;
color: #fff;
}
.customer-04 form .a6 input.b1 {
background: #e60021;
}
.customer-04 form .a6 input.b2 {
background: #3f4a55;
}
/*sub-tit*/
.sub-tit {
height: 60px;
line-height: 60px;
}
.sub-tit div.fl a {
font-size: 14px;
color: #333;
}
.sub-tit div.fl a:hover {
color: #E1112A;
}
.sub-tit div.fl font {
font-size: 14px;
color: #333;
}
.sub-tit div.fl span {
font-size: 14px;
color: #E1112A;
}
.sub-tit div.fr ul {
padding: 20px 0;
line-height: 20px;
}
.sub-tit div.fr ul li {
float: left;
padding: 0 20px;
}
.sub-tit div.fr ul li.wx {
border: 1px solid #ccc;
border-top: none;
border-bottom: none;
}
.sub-tit div.fr ul li.fx i {
display: inline-block;
width: 18px;
height: 14px;
background: url(../images/icon_44.png) no-repeat left top;
vertical-align: middle;
}
.sub-tit div.fr ul li.wx i {
display: inline-block;
width: 20px;
height: 16px;
background: url(../images/icon_45.png) no-repeat left top;
vertical-align: middle;
}
.sub-tit div.fr ul li.sj i {
display: inline-block;
width: 15px;
height: 15px;
background: url(../images/icon_46.png) no-repeat left top;
vertical-align: middle;
}
.sub-tit div.fr ul li:hover a {
color: #E1112A;
}
/*工地直播-详情页*/
.Site-live-detail {
padding-bottom: 30px;
}
.Site-live-detail .wrap {
padding: 18px;
background: #fff;
box-sizing: border-box;
}
.Site-live-detail .live-a1 {
padding: 18px 20px;
border: 1px solid #d3d3d3;
}
.Site-live-detail .live-a1 > div.fl {
width: 722px;
}
.Site-live-detail .live-a1 > div.fl > h3 {
font-size: 22px;
color: #000;
}
.Site-live-detail .live-a1 > div.fl .aa {
padding: 30px 0;
border-bottom: 1px solid #E4E4E4;
}
.Site-live-detail .live-a1 > div.fl .aa span {
float: left;
padding: 0 20px;
font-size: 14px;
color: #666;
line-height: 22px;
}
.Site-live-detail .live-a1 > div.fl .aa span:first-child {
padding-left: 0;
}
.Site-live-detail .live-a1 > div.fl .bb span {
float: left;
padding: 0 20px;
font-size: 14px;
color: #666;
line-height: 22px;
}
.Site-live-detail .live-a1 > div.fl .bb span:first-child {
padding-left: 0;
}
.Site-live-detail .live-a1 > div.fl .bb {
padding: 30px 0;
}
.Site-live-detail .live-a1 > div.fl .bb span font {
color: #333;
}
.Site-live-detail .live-a1 > div.fr {
width: 330px;
height: 200px;
padding: 0 32px;
border-left: 1px solid #E4E4E4;
text-align: center;
}
.Site-live-detail .live-a1 > div.fr > a {
display: inline-block;
width: 266px;
height: 50px;
margin-top: 40px;
background: #E1112A;
font-size: 16px;
color: #fff;
line-height: 50px;
}
.Site-live-detail .live-a1 > div.fr > a:hover {
background: #FF0000;
}
.Site-live-detail .live-a1 > div.fr > h6 {
margin-top: 10px;
font-size: 14px;
color: #666;
line-height: 50px;
}
.Site-live-detail .live-a1 > div.fr > h6 font {
color: #333;
}
.Site-live-detail .live-a1 > div.fr > p a {
float: left;
width: 106px;
height: 32px;
margin-left: 6px;
border: 1px solid #ccc;
box-sizing: border-box;
font-size: 13px;
color: #999;
text-align: center;
line-height: 30px;
}
.Site-live-detail .live-a1 > div.fr > p a:first-child {
margin-left: 0;
}
.Site-live-detail .live-a1 > div.fr > p a.qq i {
display: inline-block;
width: 22px;
height: 20px;
background: url(../images/icon_47.png) no-repeat left top;
vertical-align: middle;
}
.Site-live-detail .live-a1 > div.fr > p a.wx i {
display: inline-block;
width: 22px;
height: 20px;
background: url(../images/icon_48.png) no-repeat left top;
vertical-align: middle;
}
.Site-live-detail .live-a1 > div.fr > p a.wb i {
display: inline-block;
width: 22px;
height: 20px;
background: url(../images/icon_49.png) no-repeat left top;
vertical-align: middle;
}
.Site-live-detail .live-a1 > div.fr > p a:hover {
background: #F2F2F2;
}
.Site-live-detail .live-a2 h3 {
font-size: 22px;
color: #000;
line-height: 116px;
}
.Site-live-detail .live-a2 .mian_1 ul {
padding: 15px 0;
border-top: 2px solid #E1112A;
}
.Site-live-detail .live-a2 .mian_1 ul li {
position: relative;
float: left;
width: 125px;
font-size: 15px;
color: #666;
text-align: center;
line-height: 60px;
}
.Site-live-detail .live-a2 .mian_1 ul li:before {
position: absolute;
top: -28px;
left: 50%;
width: 23px;
height: 23px;
content: ' ';
margin-left: -13px;
background: url(../images/icon_53.png) no-repeat center;
}
.Site-live-detail .live-a2 .mian_1 ul.on1 li.gb1:before, .Site-live-detail .live-a2 .mian_1 ul.on2 li.gb1:before, .Site-live-detail .live-a2 .mian_1 ul.on2 li.gb2:before, .Site-live-detail .live-a2 .mian_1 ul.on3 li.gb1:before, .Site-live-detail .live-a2 .mian_1 ul.on3 li.gb2:before, .Site-live-detail .live-a2 .mian_1 ul.on3 li.gb3:before, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb1:before, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb2:before, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb3:before, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb4:before, .Site-live-detail .live-a2 .mian_1 ul.on5 li:before {
background-image: url(../images/icon_52.png);
color: #e60021;
}
.Site-live-detail .live-a2 .mian_1 ul.on1 li.gb1, .Site-live-detail .live-a2 .mian_1 ul.on2 li.gb1, .Site-live-detail .live-a2 .mian_1 ul.on2 li.gb2, .Site-live-detail .live-a2 .mian_1 ul.on3 li.gb1, .Site-live-detail .live-a2 .mian_1 ul.on3 li.gb2, .Site-live-detail .live-a2 .mian_1 ul.on3 li.gb3, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb1, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb2, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb3, .Site-live-detail .live-a2 .mian_1 ul.on4 li.gb4, .Site-live-detail .live-a2 .mian_1 ul.on5 li {
color: #e60021;
}
.Site-live-detail .live-a2 .mian_2 {
position: relative;
min-height: 500px;
margin: 40px 0;
padding: 0 30px;
border-left: 2px solid #ccc;
}
.Site-live-detail .live-a2 .mian_2 .k1 {
position: relative;
padding: 15px;
border: 1px solid #d3d3d3;
}
.Site-live-detail .live-a2 .mian_2 .k1:before {
position: absolute;
top: 16px;
left: -46px;
width: 28px;
height: 28px;
content: ' ';
background: url(../images/icon_50.png) no-repeat center;
}
.Site-live-detail .live-a2 .mian_2 .k1 span {
float: left;
width: 122px;
height: 36px;
padding-right: 8px;
background: url(../images/icon_51.png) no-repeat center;
box-sizing: border-box;
font-size: 18px;
color: #fff;
line-height: 36px;
text-align: center;
}
.Site-live-detail .live-a2 .mian_2 .k1 font {
float: left;
padding: 0 10px;
font-size: 14px;
color: #333;
line-height: 36px;
}
.Site-live-detail .live-a2 .mian_2 .gj {
position: relative;
}
.Site-live-detail .live-a2 .mian_2 .gj > h3 {
font-size: 22px;
}
.Site-live-detail .live-a2 .mian_2 .gj > ul > li {
float: left;
width: 243px;
overflow: hidden;
margin: 0 15px;
margin-bottom: 20px;
border: 1px solid #d3d3d3;
}
/*.Site-live-detail .live-a2 .mian_2 .gj > ul > li {
float: left;
width: 243px;
height: 253px;
overflow: hidden;
margin: 0 15px;
border: 1px solid #d3d3d3;
}*/
.Site-live-detail .live-a2 .mian_2 .gj > ul > li > img {
width: 100%;
}
.Site-live-detail .live-a2 .mian_2 .gj:before {
position: absolute;
top: 48px;
left: -40px;
width: 17px;
height: 17px;
content: ' ';
background: url(../images/icon_24.png) no-repeat center;
}
.pohot {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1000;
right: 0;
width: 100%;
height: 100%;
text-align: center;
}
.pohot .p-bg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url(../images/icon_68.png) repeat;
}
.pohot i {
position: absolute;
top: 60px;
right: 550px;
z-index: 3;
width: 50px;
height: 50px;
background: #000 url(../images/icon_26.png) no-repeat center;
}
.pohot .mian {
position: relative;
z-index: 2;
width: 1200px;
height: 100%;
margin: auto;
text-align: center;
}
.pohot .mian font {
display: inline-block;
width: 1px;
height: 100%;
margin-left: -10px;
vertical-align: middle;
}
.pohot .mian span {
display: inline-block;
width: 100%;
overflow: auto;
vertical-align: middle;
}
.pohot .mian span img {
max-width: 100%;
max-height: 900px;
vertical-align: middle;
}
/*营销活动详情*/
.Marketing-details {
padding-bottom: 30px;
}
.Marketing-details .wrap {
min-height: 400px;
background: #fff;
}
.Marketing-details .tit {
padding: 15px 0 36px;
border-bottom: 1px solid #ccc;
}
.Marketing-details .tit > h3 {
font-size: 30px;
color: #333;
text-align: center;
line-height: 80px;
}
.Marketing-details .tit > h4 {
font-size: 14px;
color: #666;
text-align: center;
line-height: 16px;
padding:3px 0;
}
.Marketing-details .mian {
padding: 20px 30px;
}
.Marketing-details .mian img {
/*width: 100%;*/
}
.Marketing-details .wrap > h6 {
height: 80px;
padding: 0 30px;
line-height: 80px;
}
.Marketing-details .wrap > h6 span {
float: left;
width: 250px;
font-size: 14px;
color: #999;
}
.Marketing-details .wrap > h6 span a {
font-size: 14px;
color: #333;
}
.Marketing-details .wrap > h6 span a:hover {
color: #E1112A;
}
/*星钻工程详细页*/
.engineer-details {
padding-bottom: 30px;
}
.engineer-details .tit {
background: #fff;
text-align: center;
}
.engineer-details .tit ul {
display: inline-block;
vertical-align: middle;
}
.engineer-details .tit ul li {
float: left;
width: 66px;
height: 62px;
padding: 0 15px;
line-height: 62px;
}
.engineer-details .tit ul li a {
display: block;
font-size: 16px;
color: #242424;
}
.engineer-details .tit ul li a:hover, .engineer-details .tit ul li.on a {
border-bottom: 1px solid #E1112A;
color: #E1112A;
}
.engineer-details .mian-tit {
padding: 40px 0;
text-align: center;
}
.engineer-details .mian-tit h3 {
padding-bottom: 13px;
background: url(../images/icon_4.png) no-repeat bottom center;
font-size: 28px;
color: #000;
line-height: 40px;
}
.engineer-details .mian-tit h4 {
font-size: 20px;
color: #ccc;
line-height: 30px;
letter-spacing: .2em;
}
.engineer-details .mian-gg {
min-width: 400px;
padding: 30px;
background: #fff;
}
.engineer-details .mian-gg img {
/*width: 100%;*/
}
/*精品案例-详细页*/
.Boutique-details {
}
.Boutique_01 {
padding: 35px 20px;
background: #fff;
}
.Boutique_01 > div.fl {
width: 847px;
height: 265px;
border: 1px solid #d3d3d3;
}
.Boutique_01 > div.fl .a1 {
padding: 0 20px;
}
.Boutique_01 > div.fl .a1 h3 {
padding: 38px 0;
font-size: 22px;
color: #000;
line-height: 22px;
}
.Boutique_01 > div.fl .a1 h4 {
padding-bottom: 28px;
font-size: 13px;
color: #666;
line-height: 13px;
}
.Boutique_01 > div.fl .a2 p {
border-top: 1px solid #d3d3d3;
}
.Boutique_01 > div.fl .a2 p span {
float: left;
width: 177px;
height: 41px;
border-right: 1px solid #D3D3D3;
border-left: 1px solid #D3D3D3;
background: #f4f4f4;
font-size: 14px;
color: #333;
text-align: center;
line-height: 41px;
}
.Boutique_01 > div.fl .a2 p span:first-child {
border-left: none;
}
.Boutique_01 > div.fl .a2 p font {
float: left;
width: 245px;
height: 41px;
background: #fff;
font-size: 14px;
color: #666;
text-align: center;
line-height: 41px;
}
.Boutique_01 > div.fr {
width: 278px;
height: 233px;
padding: 16px;
border: 1px solid #d3d3d3;
border-left: none;
}
.Boutique_01 > div.fr .a1 {
padding: 13px 0;
border-bottom: 1px solid #d3d3d3;
}
.Boutique_01 > div.fr .a1 div.fl {
width: 108px;
height: 108px;
overflow: hidden;
background: #F2F2F2;
}
.Boutique_01 > div.fr .a1 div.fl img {
width: 100%;
}
.Boutique_01 > div.fr .a1 div.fr {
width: 160px;
}
.Boutique_01 > div.fr .a1 div.fr h6 {
font-size: 15px;
color: #666;
}
.Boutique_01 > div.fr .a1 div.fr h6 font {
color: #333;
}
.Boutique_01 > div.fr .a1 div.fr > i {
display: block;
width: 42px;
height: 17px;
padding: 10px 0;
background: url(../images/icon_54.png) no-repeat center;
}
.Boutique_01 > div.fr .a1 div.fr p {
font-size: 12px;
color: #363636;
line-height: 22px;
}
.Boutique_01 > div.fr .a1 div.fr p em {
display: inline-block;
width: 9px;
height: 10px;
padding-right: 5px;
}
.Boutique_01 > div.fr .a2 {
padding: 5px 0;
}
.Boutique_01 > div.fr .a2 p {
font-size: 13px;
color: #333;
line-height: 24px;
}
.Boutique_01 > div.fr .a3 a {
width: 50%;
height: 40px;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 40px;
}
.Boutique_01 > div.fr .a3 a.fl {
background: #E1112A;
}
.Boutique_01 > div.fr .a3 a.fr {
background: #3f4a55;
}
.Boutique_01 > div.fr .a3 a.fl i {
display: inline-block;
width: 24px;
height: 22px;
background: url(../images/icon_57.png) no-repeat left top;
vertical-align: middle;
}
.Boutique_01 > div.fr .a3 a.fr i {
display: inline-block;
width: 24px;
height: 20px;
background: url(../images/icon_58.png) no-repeat left top;
vertical-align: middle;
}
.Boutique_02 {
padding: 20px 0;
}
.Boutique_02 .B_zb {
width: 880px;
}
.Boutique_02 .B_zb .hd {
margin-bottom: 20px;
}
.Boutique_02 .B_zb .hd ul li {
float: left;
width: 50%;
background: #3f4a55;
font-size: 23px;
color: #fff;
text-align: center;
line-height: 54px;
cursor: default;
}
.Boutique_02 .B_zb .hd ul li.on {
background: #E1112A;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl {
position: relative;
width: 126px;
padding: 15px 0 50px;
border-right: 1px solid #D3D3D3;
background: #fff;
text-align: right;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl ul {
display: inline-block;
padding-right: 12px;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl ul li {
display: block;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl ul li span {
display: block;
padding-top: 5px;
font-size: 16px;
color: #333;
line-height: 34px;
cursor: default;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl ul li font {
display: block;
font-size: 13px;
color: #666; /*line-height: 34px;*/
cursor: pointer;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl ul li font.on {
color: #E1112A;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a {
text-align: center;
line-height: 30px;
text-align: center;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a > i {
display: inline-block;
width: 11px;
height: 6px;
background: url(../images/icon_59.png) no-repeat;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a.hh_up {
position: absolute;
top: 44%;
left: 20px;
width: 30px;
height: 30px;
background: #3F4A55;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a.hh_down {
position: absolute;
top: 49%;
left: 20px;
width: 30px;
height: 30px;
background: #3F4A55;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a.hh_up > i {
background-position: top center;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a.hh_down > i {
background-position: bottom center;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl > a:hover {
background: #E1112A;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl.cc {
position: fixed;
top: 0;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fl.hf {
position: absolute;
bottom: 0;
left: 0;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fr {
width: 752px;
background: #fff;
padding: 0 20px;
box-sizing: border-box;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fr img {
width: 100%;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fr ul li {
padding: 15px 0;
border-top: 1px solid #D3D3D3;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fr ul li:first-child {
border-top: none;
}
.Boutique_02 .B_zb .bd .box.hh1 div.fr ul li h3 {
font-size: 16px;
color: #333;
line-height: 50px;
}
.Boutique_02 .B_yb {
width: 303px;
}
.Boutique_02 .B_yb a {
display: block;
margin-bottom: 10px;
}
.Boutique_02 .B_yb a img {
width: 100%;
}
/*分公司head*/
.sub-head {
width: 100%;
overflow: hidden;
}
.shead-left.on .nav {
margin-left: 0;
}
.shead-left > i {
display: none;
position: absolute;
top: 40px;
left: 40px;
z-index: 999;
width: 46px;
height: 36px;
background: url(../images/icon_60.png) no-repeat center;
}
.shead-left .nav {
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 240px;
padding: 20px 20px 70px 20px;
margin-left: -240px;
background: url(../images/icon_62.png) repeat;
box-sizing: border-box;
-webkit-transition: margin-left .5s;
transition: margin-left .5s;
}
.shead-left .nav .sub-logo {
padding: 5px 0;
}
.shead-left .nav .sub-logo img {
width: 100%;
}
.shead-left .nav .sub-city {
padding: 5px 0;
}
.shead-left .nav .sub-city span {
float: left;
font-size: 20px;
color: #fff;
font-weight: bold;
}
.shead-left .nav .sub-city select {
float: right;
width: 90px;
height: 28px;
padding: 4px 0;
padding-left: 10px;
border: none;
font-size: 14px;
color: #333;
line-height: 20px;
}
.shead-left .nav > ul {
padding-bottom: 5px;
padding-left: 21px;
background: url(../images/icon_63.png) no-repeat left top;
}
.shead-left .nav > ul > li {
padding-left: 30px;
margin: 13px 0;
-webkit-transition: all .4s;
transition: all .4s;
}
.shead-left .nav > ul > li a {
display: block;
height: 34px;
font-size: 14px;
color: #fff;
line-height: 34px;
-webkit-transition: all .5s;
transition: all .5s;
}
.shead-left .nav > ul > li a i {
display: inline-block;
width: 38px;
height: 34px;
background: no-repeat left top;
vertical-align: middle;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 1;
}
.shead-left .nav > ul > li.nav_a2 a i {
background-image: url(../images/sub-nav_02.png);
}
.shead-left .nav > ul > li.nav_a3 a i {
background-image: url(../images/sub-nav_03.png);
}
.shead-left .nav > ul > li.nav_a4 a i {
background-image: url(../images/sub-nav_04.png);
}
.shead-left .nav > ul > li.nav_a5 a i {
background-image: url(../images/sub-nav_05.png);
}
.shead-left .nav > ul > li.nav_a6 a i {
background-image: url(../images/sub-nav_06.png);
}
.shead-left .nav > ul > li.nav_a7 a i {
background-image: url(../images/sub-nav_07.png);
}
.shead-left .nav > ul > li.nav_a8 a i {
background-image: url(../images/sub-nav_08.png);
}
.shead-left .nav > ul > li.nav_a9 a i {
background-image: url(../images/sub-nav_09.png);
}
.shead-left .nav > ul > li:hover, .shead-left .nav > ul > li.on {
padding-left: 0;
background: url(../images/icon_64.png) no-repeat left top;
}
.shead-left .nav > ul > li:hover a, .shead-left .nav > ul > li.on a {
font-size: 16px;
}
.shead-left .nav > ul > li:hover a i, .shead-left .nav > ul > li.on a i {
visibility: hidden;
opacity: 0;
}
.shead-left .nav .get-Close {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70px;
background: #fff;
}
.shead-left .nav .get-Close a {
float: left;
width: 70%;
font-size: 20px;
color: #E1112A;
text-align: center;
line-height: 70px;
}
.shead-left .nav .get-Close a i {
display: inline-block;
width: 32px;
height: 27px;
background: url(../images/icon_65.png) no-repeat left top;
vertical-align: middle;
}
.shead-left .nav .get-Close span {
float: right;
width: 30%;
height: 70px;
background: #E1112A;
line-height: 70px;
text-align: center;
}
.shead-left .nav .get-Close span i {
display: inline-block;
width: 34px;
height: 34px;
background: url(../images/icon_26.png) no-repeat center;
cursor: pointer;
vertical-align: middle;
}
.shead-right > i {
display: block;
position: absolute;
top: 50px;
right: 50px;
z-index: 999;
width: 45px;
height: 45px;
background: url(../images/icon_61.png) no-repeat center;
}
.shead-right form {
position: absolute;
top: 19px;
right: 0;
z-index: 999;
width: 360px;
height: 450px;
overflow: hidden;
padding: 15px 30px;
margin-right: -360px;
box-sizing: border-box;
background: #E1112A url(../images/index_test_49.jpg) no-repeat center top;
-webkit-transition: all .5s;
transition: all .5s;
}
.shead-right.on form {
margin-right: 0;
}
.shead-right form > i {
position: absolute;
top: 20px;
right: 20px;
width: 34px;
height: 34px;
background: url(../images/icon_26.png) no-repeat center;
}
.shead-right form > h4 {
font-size: 28px;
color: #fff;
text-align: center;
line-height: 40px;
}
.shead-right form > h5 {
font-size: 16px;
color: #fff;
text-align: center;
line-height: 64px;
}
.shead-right form > div {
padding-bottom: 15px;
}
.shead-right form > div.b1 select {
width: 142px;
height: 42px;
padding: 10px 0 10px 10px;
border: none;
font-size: 14px;
color: #666;
line-height: 22px;
}
.shead-right form div.b2 input {
width: 100%;
height: 42px;
padding-left: 20px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
line-height: 42px;
}
.shead-right form > div.b3 select {
width: 142px;
height: 42px;
padding: 10px 0 10px 10px;
border: none;
font-size: 14px;
color: #666;
line-height: 22px;
}
.shead-right form div.b3 > span {
width: 142px;
height: 42px;
background: #fff;
line-height: 42px;
}
.shead-right form div.b3 > span.fl input {
width: 142px;
height: 42px;
padding-left: 20px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
vertical-align: top;
line-height: 42px;
}
.shead-right form div.b3 > span.fr {
padding-left: 20px;
box-sizing: border-box;
font-size: 14px;
color: #666;
}
.shead-right form div.b3 > span.fr input {
width: 100px;
height: 42px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
text-align: center;
line-height: 42px;
vertical-align: top;
line-height: 42px;
}
.shead-right form div.b4 {
padding: 10px 0 0;
text-align: center;
}
.shead-right form div.b4 input {
display: inline-block;
width: 212px;
height: 50px;
border: 2px solid #fff;
background: transparent;
font-size: 18px;
color: #fff;
line-height: 42px;
}
/*分公司banner*/
.Small-banner {
position: relative;
width: 100%;
background: #000;
/*height:663px;*/
}
.Small-banner .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
.Small-banner .bd li {
background: no-repeat center;
overflow: hidden;
text-align: center;
}
.Small-banner .bd li a {
display: block;
}
.Small-banner .bd li a img {
width: 100%;
}
.Small-banner .hd {
width: 100%;
position: absolute;
bottom: 26px;
height: 16px;
line-height: 16px;
/*z-index: 999;*/
text-align: center;
}
.Small-banner .hd ul {
text-align: center;
}
.Small-banner .hd ul li {
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 16px;
height: 16px;
margin: 0 5px;
overflow: hidden;
line-height: 9999px;
border-radius: 50%;
background: #fff;
}
.Small-banner .hd ul .on {
background-position: 0 0;
background: #e11129;
}
.Small-banner .banner-fork {
background: none;
z-index: 998;
}
.Small-banner .banner-fork form {
position: relative;
background-color: #E1112A;
}
.Small-banner .banner-fork form > i {
position: absolute;
top: 10px;
right: 10px;
width: 34px;
height: 34px;
background: url(../images/icon_26.png) no-repeat center;
cursor: pointer;
}
/*sub-index_01*/
.sub-index1 {
background: #fff;
}
.sub-index1 ul {
padding: 44px 0;
}
.sub-index1 ul li {
float: left;
width: 150px;
margin-left: 60px;
text-align: center;
}
.sub-index1 ul li:first-child {
margin-left: 0;
}
.sub-index1 ul li i {
display: block;
width: 100%;
height: 72px;
padding: 6px 0;
background: no-repeat center;
}
.sub-index1 ul li span {
display: block;
font-size: 18px;
color: #000;
line-height: 42px;
}
.sub-index1 ul li font {
display: block;
font-size: 14px;
color: #999;
line-height: 20px;
}
.sub-index1 ul li.a1 img {
background-image: url(../images/index_1_01.jpg);
}
.sub-index1 ul li.a2 img {
background-image: url(../images/index_1_02.jpg);
}
.sub-index1 ul li.a3 img {
background-image: url(../images/index_1_03.jpg);
}
.sub-index1 ul li.a4 img {
background-image: url(../images/index_1_04.jpg);
}
.sub-index1 ul li.a5 img {
background-image: url(../images/index_1_05.jpg);
}
.sub-index1 ul li.a6 img {
background-image: url(../images/index_1_06.jpg);
}
.sub-index1 ul:hover li.a1 img {
animation-delay: 0;
}
.sub-index1 ul:hover li.a2 img {
animation-delay: .2s;
}
.sub-index1 ul:hover li.a3 img {
animation-delay: .3s;
}
.sub-index1 ul:hover li.a4 img {
animation-delay: .4s;
}
.sub-index1 ul:hover li.a5 img {
animation-delay: .5s;
}
.sub-index1 ul:hover li.a6 img {
animation-delay: .6s;
}
.sub-index1 ul:hover li img {
animation: pound .7s ease;
}
/*sub-index_02*/
.sub-index2 {
height: 966px;
padding: 60px 0;
overflow: hidden;
background: #fff url(../images/index_c_bg1.jpg) no-repeat top center;
box-sizing: border-box;
}
.sub-index2 .tit {
padding: 0 0 70px 0;
text-align: center;
}
.sub-index2 .tit h3 {
font-size: 48px;
color: #000;
line-height: 65px;
}
.sub-index2 .tit h4 {
position: relative;
padding-bottom: 14px;
font-size: 18px;
color: #999;
text-transform: uppercase;
line-height: 32px;
}
.sub-index2 .tit h4:before {
position: absolute;
bottom: 0;
left: 50%;
width: 42px;
height: 4px;
content: ' ';
margin-left: -21px;
background: #E1112A;
}
.sub-index2 .mian {
}
.sub-index2 .sub-case .case1 {
width: 270px;
padding: 0 10px;
border: 1px solid #bfbfbe;
background: #ebeaeb;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 > div {
border-top: 1px solid #bfbfbe;
}
.sub-index2 .sub-case .case1 > div:first-child {
border-top: none;
}
.sub-index2 .sub-case .case1 .a1 {
width: 100%;
height: 140px;
padding: 30px 0;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a1 div.fl {
width: 48px;
}
.sub-index2 .sub-case .case1 .a1 div.fl i {
display: block;
width: 100%;
height: 32px;
background: url(../images/sub-index2-01.png) no-repeat center;
}
.sub-index2 .sub-case .case1 .a1 div.fl span {
display: block;
padding: 0 8px;
font-size: 18px;
color: #666;
text-align: center;
line-height: 24px;
}
.sub-index2 .sub-case .case1 .a1 div.fr {
width: 192px;
padding-left: 10px;
background: url(../images/icon_66.png) no-repeat left center;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a1 div.fr a {
float: left;
width: 25%;
font-size: 14px;
color: #666;
line-height: 40px;
text-align: center;
}
.sub-index2 .sub-case .case1 .a1 div.fr a:hover {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a1:hover div.fl i {
background-image: url(../images/sub-index2-05.png);
}
.sub-index2 .sub-case .case1 .a1:hover div.fl span {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a2 {
width: 100%;
height: 140px;
padding: 30px 0;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a2 div.fl {
width: 48px;
}
.sub-index2 .sub-case .case1 .a2 div.fl i {
display: block;
width: 100%;
height: 32px;
background: url(../images/sub-index2-02.png) no-repeat center;
}
.sub-index2 .sub-case .case1 .a2 div.fl span {
display: block;
padding: 0 8px;
font-size: 18px;
color: #666;
text-align: center;
line-height: 24px;
}
.sub-index2 .sub-case .case1 .a2 div.fr {
width: 192px;
padding-left: 10px;
background: url(../images/icon_66.png) no-repeat left center;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a2 div.fr a {
float: left;
width: 31%;
font-size: 14px;
color: #666;
line-height: 26px;
text-align: center;
}
.sub-index2 .sub-case .case1 .a2 div.fr a:hover {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a2:hover div.fl i {
background-image: url(../images/sub-index2-06.png);
}
.sub-index2 .sub-case .case1 .a2:hover div.fl span {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a3 {
width: 100%;
height: 140px;
padding: 30px 0;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a3 div.fl {
width: 48px;
}
.sub-index2 .sub-case .case1 .a3 div.fl i {
display: block;
width: 100%;
height: 32px;
background: url(../images/sub-index2-02.png) no-repeat center;
}
.sub-index2 .sub-case .case1 .a3 div.fl span {
display: block;
padding: 0 8px;
font-size: 18px;
color: #666;
text-align: center;
line-height: 24px;
}
.sub-index2 .sub-case .case1 .a3 div.fr {
width: 192px;
padding-left: 10px;
background: url(../images/icon_66.png) no-repeat left center;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a3 div.fr a {
float: left;
width: 50%;
font-size: 14px;
color: #666;
line-height: 26px;
text-align: center;
}
.sub-index2 .sub-case .case1 .a3 div.fr a:hover {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a3:hover div.fl i {
background-image: url(../images/sub-index2-06.png);
}
.sub-index2 .sub-case .case1 .a3:hover div.fl span {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a4 {
width: 100%;
height: 140px;
padding: 30px 0;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a4 div.fl {
width: 48px;
}
.sub-index2 .sub-case .case1 .a4 div.fl i {
display: block;
width: 100%;
height: 32px;
background: url(../images/sub-index2-02.png) no-repeat center;
}
.sub-index2 .sub-case .case1 .a4 div.fl span {
display: block;
padding: 0 8px;
font-size: 18px;
color: #666;
text-align: center;
line-height: 24px;
}
.sub-index2 .sub-case .case1 .a4 div.fr {
width: 192px;
padding-left: 10px;
background: url(../images/icon_66.png) no-repeat left center;
box-sizing: border-box;
}
.sub-index2 .sub-case .case1 .a4 div.fr a {
float: left;
width: 31%;
font-size: 14px;
color: #666;
line-height: 26px;
text-align: center;
}
.sub-index2 .sub-case .case1 .a4 div.fr a:hover {
color: #E1112A;
}
.sub-index2 .sub-case .case1 .a4:hover div.fl i {
background-image: url(../images/sub-index2-06.png);
}
.sub-index2 .sub-case .case1 .a4:hover div.fl span {
color: #E1112A;
}
.sub-index2 .sub-case .case2 {
position: relative;
width: 920px;
height: 562px;
}
.sub-index2 .sub-case .case2 > div {
position: absolute;
overflow: hidden;
}
.sub-index2 .sub-case .case2 > div img {
width: 300px;
height: 180px;
}
.sub-index2 .sub-case .case2 > div.position-1 {
top: 0;
left: 0;
width: 610px;
height: 369px;
}
.sub-index2 .sub-case .case2 > div.position-1 img {
width: 610px;
height: 369px;
}
.sub-index2 .sub-case .case2 > div.position-2 {
top: 0;
right: 0;
width: 300px;
height: 180px;
}
.sub-index2 .sub-case .case2 > div.position-3 {
top: 190px;
right: 0;
width: 300px;
height: 180px;
}
.sub-index2 .sub-case .case2 > div.position-4 {
bottom: 0;
left: 0;
width: 300px;
height: 180px;
}
.sub-index2 .sub-case .case2 > div.position-5 {
bottom: 0;
left: 310px;
width: 300px;
height: 180px;
}
.sub-index2 .sub-case .case2 > div.position-6 {
bottom: 0;
right: 0;
width: 300px;
height: 180px;
}
.sub-index2 .sub-case .case2 > div h4 {
position: absolute;
left: 0;
bottom: -56px;
width: 100%;
height: 56px;
padding: 0 20px;
background: url(../images/icon_20.png) repeat;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
}
.sub-index2 .sub-case .case2 > div h4 span {
font-size: 16px;
color: #f5f5f5;
line-height: 56px;
}
.sub-index2 .sub-case .case2 > div h4 span i {
display: inline-block;
width: 32px;
height: 21px;
background: url(../images/icon_67.png) no-repeat center;
vertical-align: middle;
}
.sub-index2 .sub-case .case2 > div:hover h4 {
bottom: 0;
}
.sub-index2 .wrap > h6 {
padding: 50px 0 0;
text-align: center;
}
.sub-index2 .wrap > h6 a {
display: inline-block;
width: 160px;
height: 34px;
border-radius: 30px;
background: #3F4A55;
font-size: 14px;
color: #fdfdfd;
text-align: center;
line-height: 34px;
}
.sub-index2 .wrap > h6 a:hover {
background: #E1112A;
}
/*sub-index_03*/
.sub-index3 {
width: 100%;
height: 900px;
padding: 60px 0;
overflow: hidden;
background: #fff url(../images/index_c_bg3.jpg) no-repeat top center;
box-sizing: border-box;
}
.sub-index3 .tit {
padding: 0 0 70px 0;
text-align: center;
}
.sub-index3 .tit h3 {
font-size: 48px;
color: #fff;
line-height: 65px;
}
.sub-index3 .tit h4 {
position: relative;
padding-bottom: 14px;
font-size: 18px;
color: #999;
text-transform: uppercase;
line-height: 32px;
}
.sub-index3 .tit h4:before {
position: absolute;
bottom: 0;
left: 50%;
width: 42px;
height: 4px;
content: ' ';
margin-left: -21px;
background: #E1112A;
}
.sub-Design1 {
width: 890px;
}
.sub-Design1 ul li {
position: relative;
float: left;
width: 212px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
background: #fff;
}
.sub-Design1 ul li .Des-a1 h4 {
width: 212px;
height: 208px;
overflow: hidden;
background: url(../images/people-bg1.jpg) no-repeat top center;
}
.sub-Design1 ul li .Des-a1 h4 img {
width: 100%;
}
.sub-Design1 ul li .Des-a1 h5 {
height: 45px;
padding: 0 18px;
line-height: 45px;
}
.sub-Design1 ul li .Des-a1 h5 span {
font-size: 20px;
color: #333;
}
.sub-Design1 ul li .Des-a1 h5 font {
padding: 0 10px;
font-size: 14px;
color: #e60021;
}
.sub-Design1 ul li .Des-a1 h5 i {
display: inline-block;
width: 14px;
height: 20px;
background: url(../images/icon_19.png) no-repeat right top;
vertical-align: middle;
}
.sub-Design1 ul li .Des-a2 {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 18px 16px;
background: url(../images/data_02.png) no-repeat center;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
opacity: 0;
}
.sub-Design1 ul li .Des-a2 p span.fl {
width: 96px;
height: 96px;
overflow: hidden;
background: url(../images/people-bg1.jpg) no-repeat top center;
}
.sub-Design1 ul li .Des-a2 p span.fl img {
width: 100%;
}
.sub-Design1 ul li .Des-a2 p span.fr {
width: 76px;
font-size: 20px;
color: #fff;
line-height: 36px;
}
.sub-Design1 ul li .Des-a2 p span.fr font {
font-size: 14px;
color: #e60021;
line-height: 20px;
}
.sub-Design1 ul li .Des-a2 p span.fr i {
display: block;
width: 14px;
height: 13px;
background: url(../images/icon_19.png) no-repeat right top;
}
.sub-Design1 ul li .Des-a2 h5 {
width: 100%;
height: 74px;
margin: 8px 0;
padding: 10px;
background: url(../images/icon_68.png) repeat;
box-sizing: border-box;
font-size: 12px;
color: #f5f5f5;
line-height: 18px;
}
.sub-Design1 ul li .Des-a2 h6 a {
display: block;
width: 100%;
height: 36px;
background: #E1112A;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 36px;
}
.sub-Design1 ul li:hover .Des-a2 {
visibility: inherit;
opacity: 1;
}
.sub-Design2 {
width: 310px;
height: 516px;
background: #fff;
}
.sub-Design2 > h4 {
height: 45px;
background: #333;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 45px;
}
.sub-Design2 .s_box {
padding: 0 13px;
}
.sub-Design2 .s_box > h5 {
height: 48px;
line-height: 48px;
border-bottom: 3px solid #efefef;
}
.sub-Design2 .s_box > h5 > span {
border-bottom: 3px solid #000;
font-size: 20px;
color: #000;
}
.sub-Design2 .s_box > h5 > a {
font-size: 14px;
color: #e11129;
}
.sub-Design2 .s_box ul li {
padding: 18px 0 5px 0;
border-top: 1px solid #efefef;
}
.sub-Design2 .s_box ul li div.fl {
width: 102px;
height: 102px;
overflow: hidden;
background: url(../images/people-bg1.jpg) no-repeat top center;
}
.sub-Design2 .s_box ul li div.fl img {
width: 100%;
}
.sub-Design2 .s_box ul li div.fr {
width: 175px;
}
/*.sub-Design2 .s_box ul li div.fr*/
.sub-Design2 .s_box ul li div.fr h4 span {
font-size: 18px;
color: #333;
}
.sub-Design2 .s_box ul li div.fr h4 font {
font-size: 14px;
color: #e60021;
}
.sub-Design2 .s_box ul li div.fr h4 i {
display: inline-block;
width: 14px;
height: 20px;
background: url(../images/icon_19.png) no-repeat right top;
vertical-align: middle;
}
.sub-Design2 .s_box ul li div.fr h5 {
font-size: 12px;
color: #666;
line-height: 18px;
}
.sub-Design2 .s_box ul li div.fr h6 {
font-size: 12px;
color: #666;
line-height: 18px;
}
.sub-Design2 .s_box ul li div.fr p {
padding-top: 10px;
}
.sub-Design2 .s_box ul li div.fr p a {
display: block;
width: 100px;
height: 27px;
background: #E11129;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 27px;
}
.sub-index3 .wrap > h6 {
padding: 50px 0 0;
text-align: center;
}
.sub-index3 .wrap > h6 a {
display: inline-block;
width: 160px;
height: 34px;
border-radius: 30px;
background: #3F4A55;
font-size: 14px;
color: #fdfdfd;
text-align: center;
line-height: 34px;
}
.sub-index3 .wrap > h6 a:hover {
background: #E1112A;
}
/*sub-index_04*/
.sub-index4 {
width: 100%;
height: 750px;
padding: 60px 0;
overflow: hidden;
background: #fff url(../images/index_c_bg1.jpg) no-repeat top center;
box-sizing: border-box;
}
.sub-index4 .tit {
padding: 0 0 70px 0;
text-align: center;
}
.sub-index4 .tit h3 {
font-size: 48px;
color: #000;
line-height: 65px;
}
.sub-index4 .tit h4 {
position: relative;
padding-bottom: 14px;
font-size: 18px;
color: #999;
text-transform: uppercase;
line-height: 32px;
}
.sub-index4 .tit h4:before {
position: absolute;
bottom: 0;
left: 50%;
width: 42px;
height: 4px;
content: ' ';
margin-left: -21px;
background: #E1112A;
}
.sub-Site1 {
float: left;
width: 900px;
height: 358px;
border: 1px solid #e7e7e7;
box-sizing: border-box;
}
.sub-Site1 > ul > li {
position: relative;
float: left;
width: 33.33%;
height: 358px;
overflow: hidden;
padding: 18px;
border-left: 1px solid #E4E4E4;
background: #fff;
box-sizing: border-box;
}
.sub-Site1 > ul > li:first-child {
border-left: none;
}
.sub-Site1 .sit-show h4 {
width: 100%;
}
.sub-Site1 .sit-show h4 img {
width: 263px;
/*height: 303px;*/
}
.sub-Site1 .sit-show h5 {
padding-top: 17px;
font-size: 20px;
color: #000;
line-height: 30px;
}
.sub-Site1 .sit-show h6 {
font-size: 14px;
color: #666;
line-height: 25px;
}
.sub-Site1 .sit-show p {
margin-top: 15px;
padding-top: 16px;
border-top: 1px solid #efefef;
}
.sub-Site1 .sit-show p span {
width: 50%;
font-size: 14px;
color: #666;
}
.sub-Site1 .sit-show p span font {
color: #E11129;
}
.sub-Site1 .sit-show p span.fl i {
display: inline-block;
width: 14px;
height: 18px;
background: url(../images/icon_69.png) no-repeat left top;
vertical-align: middle;
}
.sub-Site1 .sit-show p span.fr i {
display: inline-block;
width: 17px;
height: 17px;
background: url(../images/icon_70.png) no-repeat left top;
vertical-align: middle;
}
.sit-hide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 18px;
background: #333 url(../images/data_02.png) no-repeat top center;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
-webkit-transition: all .5s;
transition: all .5s;
}
.sub-Site1 .sit-hide h5 {
font-size: 20px;
color: #fff;
line-height: 30px;
}
.sub-Site1 .sit-hide h6 {
font-size: 14px;
color: #999;
line-height: 25px;
}
.sub-Site1 .sit-hide p {
margin: 15px 0;
padding-top: 16px;
border-top: 1px solid #efefef;
}
.sub-Site1 .sit-hide p span {
width: 50%;
font-size: 14px;
color: #999;
}
.sub-Site1 .sit-hide p span font {
color: #E11129;
}
.sub-Site1 .sit-hide p span.fl i {
display: inline-block;
width: 14px;
height: 18px;
background: url(../images/icon_69.png) no-repeat left top;
vertical-align: middle;
}
.sub-Site1 .sit-hide p span.fr i {
display: inline-block;
width: 17px;
height: 17px;
background: url(../images/icon_70.png) no-repeat left top;
vertical-align: middle;
}
.sub-Site1 .sit-hide .sit-box {
position: relative;
width: 263px;
/*height: 303px;*/
overflow: hidden;
}
.sub-Site1 .sit-hide .sit-box .sit-hd {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
text-align: center;
}
.sub-Site1 .sit-hide .sit-box .sit-hd ul {
display: inline-block;
}
.sub-Site1 .sit-hide .sit-box .sit-hd li {
float: left;
width: 15px;
height: 15px;
margin: 0 5px;
border-radius: 50%;
background: #fff;
font-size: 0;
}
.sub-Site1 .sit-hide .sit-box .sit-hd li.on {
background: #e11129;
}
.sub-Site1 > ul > li:hover .sit-hide {
visibility: inherit;
opacity: 1;
}
.sub-Site2 {
float: right;
width: 300px;
height: 360px;
padding: 0 20px;
border: 1px solid #e7e7e7;
border-left: none;
background: #fff;
box-sizing: border-box;
}
.sub-Site2 > h3 {
height: 56px;
border-bottom: 3px solid #efefef;
}
.sub-Site2 > h3 > span {
display: inline-block;
border-bottom: 3px solid #e11129;
font-size: 20px;
color: #e11129;
line-height: 56px;
}
.sub-Site2 > ul > li {
padding: 16px 0;
border-top: 1px solid #E7E7E7;
}
.sub-Site2 > ul > li:first-child {
border-top: none;
}
.sub-Site2 > ul > li a {
display: block;
}
.sub-Site2 > ul > li a span {
float: left;
height: 64px;
line-height: 64px;
}
.sub-Site2 > ul > li a span.a1 {
width: 40px;
font-size: 30px;
color: #d3d3d3;
text-align: center;
}
.sub-Site2 > ul > li a span.a2 {
width: 64px;
overflow: hidden;
}
.sub-Site2 > ul > li a span.a2 img {
width: 100%;
}
.sub-Site2 > ul > li a span.a3 {
padding-left: 20px;
font-size: 14px;
color: #999;
line-height: 32px;
}
.sub-Site2 > ul > li a span.a3 font {
display: block;
font-size: 18px;
color: #333;
}
.sub-Site2 > ul > li:hover a span.a3 {
color: #E11129;
}
.sub-Site2 > ul > li:hover a span.a3 font {
color: #E1112A;
}
.sub-index4 .wrap > h6 {
padding: 50px 0 0;
text-align: center;
}
.sub-index4 .wrap > h6 a {
display: inline-block;
width: 160px;
height: 34px;
border-radius: 30px;
background: #3F4A55;
font-size: 14px;
color: #fdfdfd;
text-align: center;
line-height: 34px;
}
.sub-index4 .wrap > h6 a:hover {
background: #E1112A;
}
/*sub-index_05*/
.sub-index5 {
height: 736px;
overflow: hidden;
padding: 40px 0;
background: url(../images/index_test_36.jpg) no-repeat center;
box-sizing: border-box;
}
.sub-index5 .tit {
padding: 0 0 70px 0;
text-align: center;
}
.sub-index5 .tit h3 {
font-size: 48px;
color: #fff;
line-height: 65px;
}
.sub-index5 .tit h4 {
position: relative;
padding-bottom: 14px;
font-size: 18px;
color: #999;
text-transform: uppercase;
line-height: 32px;
}
.sub-index5 .tit h4:before {
position: absolute;
bottom: 0;
left: 50%;
width: 42px;
height: 4px;
content: ' ';
margin-left: -21px;
background: #E1112A;
}
.sub-index5 .mian {
width: 1214px;
margin-left: -14px;
}
.sub-index5 .mian > div {
float: left;
width: 593px;
height: 205px;
margin-left: 14px;
margin-bottom: 15px;
background: url(../images/icon_40.png) repeat;
}
.sub-index5 .mian ul {
padding: 40px 0 20px;
background: url(../images/icon_41.png) no-repeat bottom center;
}
.sub-index5 .mian ul li {
float: left;
width: 13.33%;
height: 92px;
margin-top: 10px;
padding-top: 10px;
text-align: center;
cursor: default;
}
.sub-index5 .mian ul li img {
width: 100%;
}
.sub-index5 .mian ul li i {
display: inline-block;
width: 32px;
height: 32px;
}
.sub-index5 .mian ul li span {
display: block;
padding: 0 5px;
padding-top: 5px;
box-sizing: border-box;
font-size: 14px;
color: #666;
line-height: 18px;
}
.sub-index5 .mian ul li:first-child {
width: 20%;
padding: 0;
margin: 0;
}
.sub-index5 .mian ul li:first-child i {
width: 56px;
height: 56px;
}
.sub-index5 .mian ul li:first-child span {
font-size: 16px;
color: #fff;
}
.sub-index5 .mian ul li.on, .sub-index5 .mian ul li:hover {
background: url(../images/icon_42.png) no-repeat top center;
}
.sub-index5 .mian ul li.on span, .sub-index5 .mian ul li:hover span {
color: #fff;
}
.sub-index5 .mian ul li.on:first-child, .sub-index5 .mian ul li:first-child:hover {
background: none;
}
/*sub-index_06*/
.sub-index6 {
width: 100%;
height: 790px;
padding: 60px 0;
overflow: hidden;
background: #fff url(../images/index_c_bg1.jpg) no-repeat top center;
box-sizing: border-box;
}
.sub-index6 .tit {
padding: 0 0 70px 0;
text-align: center;
}
.sub-index6 .tit h3 {
font-size: 48px;
color: #000;
line-height: 65px;
}
.sub-index6 .tit h4 {
position: relative;
padding-bottom: 14px;
font-size: 18px;
color: #999;
text-transform: uppercase;
line-height: 32px;
}
.sub-index6 .tit h4:before {
position: absolute;
bottom: 0;
left: 50%;
width: 42px;
height: 4px;
content: ' ';
margin-left: -21px;
background: #E1112A;
}
.sub-news1 {
width: 900px;
border: 1px solid #E7E7E7;
box-sizing: border-box;
}
.sub-news1 .new-bd {
width: 413px;
height: 341px;
}
.sub-news1 .new-hd {
width: 485px;
height: 339px;
padding: 0 27px;
box-sizing: border-box;
}
.sub-news1 .new-hd ul li {
padding: 14px 0;
border-top: 1px solid #e5e5e5;
}
.sub-news1 .new-hd ul li:first-child {
border-top: none;
}
.sub-news1 .new-hd ul li a {
display: block;
}
.sub-news1 .new-hd ul li a h4 {
overflow: hidden;
font-size: 18px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 30px;
}
.sub-news1 .new-hd ul li a h5 {
overflow: hidden;
font-size: 12px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 26px;
}
.sub-news1 .new-hd ul li:hover a h4 {
color: #E11129;
}
.sub-news1 .new-hd ul li:hover a h5 {
color: #E11129;
}
.sub-news2 {
width: 300px;
padding: 12px 15px;
border: 1px solid #E7E7E7;
border-left: none;
box-sizing: border-box;
height: 343px;
}
.sub-news2 .news-hd ul li {
float: left;
width: 50%;
border-bottom: 3px solid #E4E4E4;
font-size: 18px;
color: #000000;
text-align: center;
line-height: 38px;
cursor: default;
}
.sub-news2 .news-hd ul li.on, .sub-news2 .news-hd ul li:hover {
border-bottom: 3px solid #E11129;
color: #E11129;
}
.sub-news2 .news-bd ul {
padding-top: 10px;
}
.sub-news2 .news-bd ul li {
position: relative;
}
.sub-news2 .news-bd ul li a {
display: block;
overflow: hidden;
padding-left: 20px;
font-size: 14px;
color: #333333;
line-height: 44px;
white-space: nowrap;
text-overflow: ellipsis;
}
.sub-news2 .news-bd ul li:before {
position: absolute;
top: 50%;
left: 5px;
width: 7px;
height: 7px;
content: ' ';
border-radius: 50%;
margin-top: -4px;
background: #E1E1E1;
}
.sub-news2 .news-bd ul li a:hover {
color: #E11129;
}
.sub-index6 .wrap > h6 {
padding: 50px 0 0;
text-align: center;
}
.sub-index6 .wrap > h6 a {
display: inline-block;
width: 160px;
height: 34px;
border-radius: 30px;
background: #3F4A55;
font-size: 14px;
color: #fdfdfd;
text-align: center;
line-height: 34px;
}
.sub-index6 .wrap > h6 a:hover {
background: #E1112A;
}
/*sub-footer*/
.sub-footer {
background: #272521;
}
.sub-footer .wrap {
padding: 36px 0;
}
.sub-footer .wrap div.fl {
padding-top: 18px;
width: 405px;
}
.sub-footer .wrap div.fl ul li {
float: left;
width: 50%;
}
.sub-footer .wrap div.fl ul li h4 {
width: 136px;
height: 136px;
}
.sub-footer .wrap div.fl ul li h4 img {
width: 100%;
}
.sub-footer .wrap div.fl ul li span {
display: block;
width: 122px;
height: 34px;
border-radius: 20px;
background: #E11129;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 34px;
}
.sub-footer .wrap div.fl ul li p {
font-size: 26px;
color: #fdfdfd;
text-align: left;
line-height: 80px;
}
.sub-footer .wrap div.fr {
width: 728px;
}
.sub-footer .wrap div.fr dl {
float: left;
margin-left: 20px;
}
.sub-footer .wrap div.fr dl dt {
margin-bottom: 10px;
border-bottom: 1px solid #171512;
font-size: 16px;
color: #666666;
line-height: 40px;
}
.sub-footer .wrap div.fr dl dd a {
font-size: 14px;
color: #efefef;
line-height: 30px;
-webkit-transition: all .5s;
transition: all .5s;
}
.sub-footer .wrap div.fr dl dd a:hover {
color: #E1112A;
}
.sub-footer .wrap div.fr dl dd span {
font-size: 14px;
color: #efefef;
line-height: 30px;
}
.sub-footer .wrap div.fr dl.a1 {
width: 168px;
}
.sub-footer .wrap div.fr dl.a2 {
width: 120px;
}
.sub-footer .wrap div.fr dl.a3 {
width: 380px;
}
/*全国分公司搜索*/
.search-country .search-banner {
width: 100%;
height: 550px;
background: url(../images/sub-banner5.jpg) no-repeat top center;
}
.search-country .search-banner form {
position: relative;
height: 550px;
}
.search-country .search-banner form .ss {
position: absolute;
top: 50%;
left: 50%;
width: 790px;
height: 264px;
margin-left: -395px;
margin-top: -132px;
padding: 0 70px;
background: url(../images/icon_72.png) repeat;
box-sizing: border-box;
}
.search-country .search-banner form .ss h3 {
padding-top: 20px;
font-size: 46px;
color: #fff;
text-align: center;
line-height: 120px;
}
.search-country .search-banner form .ss > span {
display: inline-block;
margin-top: 15px;
line-height: 40px;
}
.search-country .search-banner form .ss > span font {
float: left;
margin-right: 15px;
font-size: 18px;
color: #fff;
}
.search-country .search-banner form .ss > span select {
float: left;
width: 114px;
height: 40px;
padding: 10px 0 10px 10px;
margin-left: 2px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
line-height: 20px;
}
.search-country .search-banner form .ss > span input[type="submit"] {
float: left;
width: 115px;
height: 40px;
margin-left: 2px;
padding-left: 30px;
border: none;
background: #E11129 url(../images/icon_18.png) no-repeat 20px center;
font-size: 14px;
color: #fff;
}
.search-mian form {
text-align: right;
padding: 30px 0 60px;
}
.search-mian form > span {
display: inline-block;
}
.search-mian form > span > span {
width: auto !important;
}
.search-mian form > span input[type="text"] {
float: left;
width: 308px;
height: 40px;
padding: 0 15px;
border: 1px solid #666;
/*border-right: none;*/
box-sizing: border-box;
line-height: 40px;
margin: 0 5px;
}
.search-mian form > span input[type="submit"] {
/*float: left;
width: 40px;
height: 40px;
border: none;
background: #E11129 url(../images/icon_18.png) no-repeat center;*/
float: left;
width: 115px;
height: 40px;
margin-left: 2px;
padding-left: 30px;
border: none;
background: #E11129 url(../images/icon_18.png) no-repeat 20px center;
font-size: 14px;
color: #fff;
}
.search-mian form > span > font {
float: left;
margin-right: 15px;
font-size: 18px;
color: #808080;
line-height: 40px;
}
.search-mian form > span > select {
float: left;
width: 114px;
height: 40px;
padding: 10px 0 10px 10px;
margin-left: 2px;
border: none;
box-sizing: border-box;
font-size: 14px;
color: #666;
line-height: 20px;
margin-right: 5px;
}
.search-mian ul li {
padding: 21px;
margin-bottom: 20px;
background: #d3d3d3;
cursor: default;
-webkit-transition: all .8s;
transition: all .8s;
}
.search-mian ul li .a1 {
width: 114px;
height: 114px;
}
.search-mian ul li .a1 img {
width: 100%;
}
.search-mian ul li .a2 {
padding-left: 30px;
}
.search-mian ul li .a2 h4 {
font-size: 24px;
color: #333;
line-height: 50px;
-webkit-transition: all .8s;
transition: all .8s;
}
.search-mian ul li .a2 p {
font-size: 16px;
color: #999;
line-height: 24px;
-webkit-transition: all .8s;
transition: all .8s;
}
.search-mian ul li .a3 {
height: 114px;
line-height: 114px;
}
.search-mian ul li .a3 a {
display: inline-block;
width: 148px;
height: 46px;
background: #39434b;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 46px;
-webkit-transition: all .8s;
transition: all .8s;
}
.search-mian ul li:hover {
background: #39434b;
}
.search-mian ul li:hover .a2 h4 {
color: #fff;
}
.search-mian ul li:hover .a2 p {
color: #E4E4E4;
}
.search-mian ul li:hover .a3 a {
background: #E11129;
}
/*选地区弹出*/
.Region {
display: none;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
}
.Region .R-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url(../images/icon_68.png) repeat;
}
.Region .R-box {
position: absolute;
top: 50%;
left: 50%;
width: 560px;
height: 350px;
margin: -250px 0 0 -230px;
background: #fff url(../images/index_c_bg1.jpg) repeat;
overflow: auto;
}
.Region .R-box .R-cg {
position: relative;
height: 65px;
}
.Region .R-box .R-cg span {
position: absolute;
top: 0;
left: 20px;
font-size: 20px;
color: #333;
line-height: 74px;
}
.Region .R-box .R-cg span font {
color: #e60012;
}
.Region .R-box .R-cg i {
position: absolute;
top: 0;
right: 20px;
width: 34px;
height: 74px;
background: url(../images/icon_75.png) no-repeat center;
cursor: default;
}
.Region .R-box .R-cg h4 {
font-size: 16px;
color: #666;
text-align: center;
line-height: 74px;
}
.Region .R-box ul li .tit {
height: 30px;
padding: 15px 32px; /*background: #f3f3f3;*/
line-height: 30px;
font-size: 16px;
color: #999;
}
.Region .R-box ul li .mian {
padding: 15px 32px;
background: #fff;
}
.Region .R-box ul li .mian a {
float: left;
height: 30px;
margin-right: 20px;
box-sizing: border-box;
font-size: 16px;
color: #333;
line-height: 30px;
}
.Region .R-box ul li .mian a:hover, .Region .R-box ul li .mian a.on {
border-bottom: 1px solid #e60012;
color: #e60012;
font-size: 12px;
}
@-webkit-keyframes pound {
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
}
@keyframes pound {
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
}
@-webkit-keyframes pound_1 {
50% {
transform: scale3d(1.1,1.1,0);
}
}
@keyframes pound_1 {
50% {
transform: scale3d(1.1,1.1,0);
}