.index-page .header-container { height: 720px; }

.back-white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.service-action-ul li { float: left; width: 25%; height: 116px; }
.service-action-ul li:hover { background: rgba(75, 215, 255, 0.1) none repeat scroll 0% 0%; }
.service-action-ul li a { display: block; width: 100%; height: 114px; }
.service-action-ul li a.special { border-right: 1px solid rgba(255,255,255,0.2); }
.service-action-ul li a:first-child { border-left: 1px solid rgba(255,255,255,0.2); }
.service-action-box { position: relative; }
.service-action-img { display: inline-block; width: 100px; height: 116px; }
.action-img1 { background: rgba(0, 0, 0, 0) url("../img/home/subbanner_icon_1.png") no-repeat scroll 27px center; }
.action-img2 { background: rgba(0, 0, 0, 0) url("../img/home/subbanner_icon_2.png") no-repeat scroll 27px center; }
.action-img3 { background: rgba(0, 0, 0, 0) url("../img/home/subbanner_icon_3.png") no-repeat scroll 27px center; }
.action-img4 { background: rgba(0, 0, 0, 0) url("../img/home/subbanner_icon_4.png") no-repeat scroll 27px center; }
.service-action-text { position: absolute; left: 100px; top: 34px; }
.service-action-title { font-size: 16px;font-weight:200; color: rgb(255, 255, 255); }
.service-action-info { margin-top: 9px; font-size: 14px; color: rgba(255, 255, 255,.8); font-weight:200; }
.superiority-div-wrapper { background-color: rgb(255, 255, 255); height: 440px; }
.superiority-li-item { position: relative; float: left; margin: 0px 2.5%; padding-top: 260px; width: 20%; text-align: center; }

.cooperative-partner { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.c-box { position: relative; z-index: 9; padding: 80px 0px 80px; }
.c-box-title { height: 35px; text-align: center; line-height: 32px; font-size: 35px; color: #333333; }
.c-box-explain { margin-top: 26px; margin-bottom: 60px; height: 20px; line-height: 20px; text-align: center; font-size: 20px; color: #666; }


/*实力见证*/

button,input,optgroup,select,textarea {
margin: 0;
font: inherit;
color: inherit;
outline: none;
}

li {
list-style: none;
}

a {
color: #666;
}

a:hover {
color: #eee;
}

.clearfix::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
}

.trade-content {
padding: 30px 0;
background-image: url(../img/home/solution-bg.png);
}
.trade-title {
font-size: 35px;
color: #333333;
text-align: center;
margin: 50px 0  30px 0;
position: relative;
}
.trade-title .smal{
color: #333;
margin-top: 26px;
margin-bottom: 60px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 20px;
}

.trade-black {
height: 450px;

}

.trade-box {
width: 1200px !important;
margin: 0 auto;
position: relative;
transition: all .3s ease;
}

.trade-box-list {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.trade-box-item {
flex: 1;
text-align: center;
position: relative;
height: 400px;
background: no-repeat center;
margin:0 10px;
}

.trade-content .trade-box-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(42,50,67,.5);
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-box-item a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

a, button, input, textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

.item-logo {
margin: 0 auto;
display: block;
}

.trade-content .trade-box-item .item-logo {
position: relative;
margin-top: 120px;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-logo img {
display: block;
margin: 0 auto;
max-width: 100%;
}

.item-title {
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 20px 0;
position: relative;
}

.trade-content .item-title:before {
content: "";
position: relative;
display: block;
width: 20px;
border-bottom: 2px solid #fff;
margin: 0 auto 20px;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-text {
position: relative;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
opacity: 0;
margin-top: 10px;
}

.item-text p {
color: #fff;
font-size: 14px;
margin-bottom: 5px;
}

.trade-content .item01 {
background-image: url(../img/home/solution-item1.png);
}

.trade-content .item02 {
background-image: url(../img/home/solution-item2.png);
}

.trade-content .item03 {
background-image: url(../img/home/solution-item3.png);
}

.trade-content .item04 {
background-image: url(../img/home/solution-item4.png);
}

.trade-content .item05 {
background-image: url(../img/home/solution-item5.png);
}

.trade-content .trade-box-item:hover .item-text {
display: block;
opacity: 1;
margin-top: 0;
}

.trade-content .trade-box-item:hover:before {
background-color: rgba(0, 164, 255, .6);
}

.trade-content .trade-box-item:hover .item-logo {
margin-top: 80px;
}

.trade-content .trade-box-item:hover .item-title:before {
opacity: 0;
margin-bottom: 0;
}


/**合作伙伴**/

.cooperative-partner { background: rgb(255, 255, 255)  none repeat scroll 100% 100%; }
.cooperative-partner-list { margin-top: 26px; }
.cooperative-partner-item {
float: left;
width: 180px; 
height: 100px; 
margin:10px; 
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
background-color: rgb(255, 255, 255); 
transition: all .3s;
-webkit-transition: all  .3s; 
 }
.item-01 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_01.png") no-repeat scroll center center; }
.item-02 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_02.png") no-repeat scroll center center; }
.item-03 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_03.png") no-repeat scroll center center; }
.item-04 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_04.png") no-repeat scroll center center; }
.item-05 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_05.png") no-repeat scroll center center; }
.item-06 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_06.png") no-repeat scroll center center; }
.item-07 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_07.png") no-repeat scroll center center; }
.item-08 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_08.png") no-repeat scroll center center; }
.item-09 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_09.png") no-repeat scroll center center; }
.item-10 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_10.png") no-repeat scroll center center; }
.item-11 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_11.png") no-repeat scroll center center; }
.item-12 { background: rgba(255, 255, 255,1) url("../img/user/parterner_active_12.png") no-repeat scroll center center; }
.cooperative-partner-item li:hover{ position: relative; top: -4px; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); }

/**新闻动态**/

.news-trends { background: #f4f4f7  url("../img/home/anli_bg.png") no-repeat  scroll 100% 100%; }
.news-trends-list { margin-top: 46px; }
.press-release { float: left; margin-left: 40px; width: 370px; }
.activity-title img { height: 140px; }
.press-release:first-child { margin-left: 0px; }
.press-release-title-wrapper { position: relative; display: block; margin-bottom: 20px; }
.press-release-title { position: absolute; top: -10px; width: 120px; height: 120px; }
.blue-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 170, 255); opacity: 0.9; }
.press-release-word { position: absolute; top: 0px; left: 0px; z-index: 9; padding: 30px 34px; width: 120px; height: 120px; font-size: 20px; text-align: center; line-height: 32px; color: rgb(255, 255, 255); }
.release-title-bg { width: 370px; height: 100px; }
.release-title-bg.title-bg-1 { background: rgba(0, 0, 0, 0) url("../img/home/news_bg_01.jpg") no-repeat scroll center center; }
.release-title-bg.title-bg-2 { background: rgba(0, 0, 0, 0) url("../img/home/news_bg_02.jpg") no-repeat scroll center center; }
.release-title-bg.title-bg-3 { background: rgba(0, 0, 0, 0) url("../img/home/news_bg_02.jpg") no-repeat scroll center center; }
.press-news-pic { position: relative; margin: 20px auto 0px; width: 90%; height: 74px; overflow: hidden; }
.press-news-picbg { position: absolute; left: 50%; top: 50%; display: block; margin-left: -173px; margin-top: -40px; height: 80px; width: 346px; background-size: cover; background-position: center center; transition: all 0.5s ease 0s; }
.press-news-pic:hover .press-news-picbg { transform: scale(1.1); }
.press-news-picbg1 { background-image: url("../img/news_bg1.png"); }
.press-news-picbg2 { background-image: url("../img/news_bg2.png"); }
.press-release-list li a:hover span, .press-release-list li a.active span { color: rgb(0, 170, 255); }
.press-release-list { margin: 0px auto; height: 174px; }
.press-release-list li { margin-top: 22px; float: left; width: 100%; height: 14px; line-height: 14px; }
.press-release-list li:first-child { margin-top: 20px; }
.press-release-list li a { display: block; }
.press-release-list li a i { float: left; width: 21%; font-style: normal; font-size: 12px; color: rgb(136, 136, 136); white-space: nowrap; }
.press-release-list li a span { float: left; width: 76%; font-size: 14px; color: rgb(85, 85, 85); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.activity-title a { display: block; margin: 0px auto; width: 370px; height: 260px; overflow: hidden; }
.activity-title a img { width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.activity-title a img:hover { transform: scale(1.1); }