body {
width: 100%;
position: relative;
background: #f5f5f5;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
body.on {
opacity: 100;
filter: alpha(opacity=100)
}
.w1400 {
position: relative;
max-width: 1400px;
margin: 0 auto;
width: 92%
}
.wel-case .w1400{
max-width: 1200px;
/* width: 98%; */
/* max-width: 98%; */
margin: 0 0 0 8%;
}
.wel-banner {
width: 100%;
overflow: hidden;
position: relative
}
.wel-banner .slides img {
width: 100%;
/* position: absolute;
left: 50%;
margin-left: -960px */
}
.wel-banner .slides li {
width: 100%;
float: left;
overflow: hidden;
/* height: 558px; */
position: relative
}
@media screen and (max-width: 1430px) {
/* .wel-banner .slides li {
height: 416px;
} */
}
/* .wel-banner.case-banner .slides li {
height: 419px
} */
.wel-banner .flex-control-nav {
bottom: 13px;
z-index: 2
}
.wel-case .flex-control-nav {
bottom: 20px;
left: 17%;
}
.wel-banner .flex-control-nav li,
.wel-case .flex-control-nav li {
margin: 0 2px
}
.wel-banner .flex-control-nav li a,
.wel-case .flex-control-nav li a {
width: 12px;
height: 12px;
background: url(../img/btn01.png) no-repeat center;
background-size: 100% 100%;
transition: background .3s;
box-shadow: none
}
.manage-bot .flex-control-nav {
display: none
}
.wel-banner .flex-control-paging li a.flex-active,
.wel-banner .flex-control-paging li a:hover,
.wel-case .flex-control-nav li a:hover,
.wel-case .flex-control-nav li a.flex-active {
background: url(../img/btn01_h.png) no-repeat center;
background-size: 100% 100%;
box-shadow: none
}
.wel-case {
padding: 0 0 0 0;
width: 100%;
position: relative;
overflow: hidden
}
.ser-contact-list li a {
display: block;
width: 100%
}
.wel-case-title {
font-size: 24px;
color: #24272b;
font-weight: bold;
line-height: 42px;
margin-bottom: 22px
}
.wel-case-list {
padding-bottom: 86px;
padding-top: 30px;
}
.wel-case .flex-viewport {
overflow: visible !important
}
.wel-case .slides{
width: 1800%;
transition-duration: 0.2s;
/* transform: translate3d(-174px, 0px, 0px) ; */
}
.wel-case .slides li {
overflow: hidden;
position: relative;
float: left;
width: 420px ;
margin-right: 25px;
transition:all 0.4s;
}
.wel-case .slides li:hover{
width:700px !important;
}
.wel-case .slides .con {
position: absolute;
bottom: -68%;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: block;
padding: 9% 50px 0;
transition: bottom .3s
}
.wel-case .slides .bg {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #fff;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0)
}
.wel-case .slides .font-bg {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #000;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
transition-property: opacity;
transition-duration: .3s;
transition-delay: .2s
}
.wel-case .slides .tit {
font-size: 18px;
color: #fff;
line-height: 25px;
color: #fff;
font-weight: bold
}
.wel-case .slides .en {
font-size: 16px;
color: #fff;
opacity: .6;
filter: alpha(opacity=60);
line-height: 24px;
min-height: 24px
}
.wel-case .slides .font {
font-size: 18px;
color: #fff;
line-height: 34px;
margin-top: 18px
}
.wel-case .slides .more {
margin-top: 40px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .3);
background: url(../img/wel02.png) no-repeat center
}
.wel-product {
padding-bottom: 80px
}
.wel-product-title {
font-size: 24px;
color: #24272b;
line-height: 42px;
margin-bottom: 22px;
font-weight: bold;
position: relative
}
.wel-product-title a {
display: inline-block;
font-size: 14px;
color: #24272b;
position: absolute;
top: 0;
right: 0;
width: 95px;
transition: color .3s
}
.wel-product-title span {
width: 20px;
height: 20px;
border-radius: 50%;
background: #b0b0b0 url(../img/wel04.png) no-repeat center;
display: inline-block;
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
transition: background .3s
}
.wel-product .left {
padding: 0 10px 0 0;
width: 50%;
float: left
}
.wel-product .right {
padding: 0 0 0 10px;
width: 50%;
float: right
}
.wel-product .product-1 {
padding: 0 10px 0 0;
margin-bottom: 20px;
height: 190px;
text-align: center
}
.wel-product .container a {
width: 100%;
text-align: center;
height: 100%;
display: block;
background: #fff;
overflow: hidden;
position: relative;
cursor: pointer;
transition: box-shadow .3s
}
.wel-product .product-2 {
padding: 0 0 0 10px;
margin-bottom: 20px;
height: 190px;
text-align: center
}
.wel-product .product-3 {
width: 100%;
height: 393px;
padding: 0
}
.wel-product .product-3 .pic {
height: 100%;
position: relative;
width: 100%
}
.wel-product .product-3 img {
height: 100%;
position: absolute;
left: 50%;
margin-left: -345px
}
.wel-product .contrast {
width: 14px;
height: 16px;
background: url(../img/wel09.png) no-repeat center;
position: absolute;
bottom: 15px;
right: 20px;
cursor: pointer;
transition: background .3s
}
.wel-product .ico-1 img {
max-height: 100%;
max-width: 100%
}
.wel-product .ico-1.ico_11 img {
max-height: 100%;
max-width: 350px
}
.wel-product .container {
width: 100%;
padding: 0
}
.wel-product .container .row {
margin: 0
}
.wel-product .ico-1 h2 {
font-size: 16px;
color: #fff;
position: absolute;
bottom: 10px;
line-height: 26px;
height: 26px;
width: 100%;
text-align: left;
padding: 0 15px 0 15px;
overflow: hidden
}
.wel-product .ico-1 .bg {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #dd231f;
display: block;
height: 0;
transition: height .3s
}
.wel-product .product-4 {
margin-bottom: 20px;
width: 100%;
padding: 0;
height: 393px
}
.wel-product .product-4 img {
max-height: 100%;
position: relative;
left: 50%;
margin-left: -101%
}
.wel-product .product-4 .con {
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
padding: 16px 45px 20px
}
.wel-product .product-4 h2 {
font-size: 16px;
color: #fff;
line-height: 26px;
height: 26px;
width: 100%;
overflow: hidden
}
.wel-product .container h2,
.wel-product .container p.font {
opacity: 0;
filter: alpha(opacity=0)
}
.wel-product .product-4 .bg {
width: 100%;
background: #dd231f;
position: absolute;
bottom: 0;
left: 0;
height: 0;
transition: height .3s
}
.wel-product .product-4 .font {
font-size: 14px;
color: #fff;
opacity: .7;
filter: alpha(opacity=70);
line-height: 24px;
height: 24px;
overflow: hidden
}
.wel-product .product-3 .contrast,
.wel-product .product-4 .contrast {
position: absolute;
bottom: 40px;
right: 45px
}
.wel-video {
width: 100%;
height: 418px;
position: relative;
background-size: 100% !important;
overflow: hidden
}
.wel-video video {
width: 100%;
background: #000;
position: absolute;
top: 50%;
margin-top: -300px;
z-index: 1
}
.wel-video img {
position: absolute;
top: 0;
left: 50%;
height: 418px;
margin-left: -960px;
z-index: 2
}
.wel-news {
padding: 49px 0 79px
}
.wel-news .container {
width: 100%;
padding: 0
}
.wel-news .row {
margin: 0
}
.wel-news .wnews {
padding: 0;
width: 25%
}
.wel-news .wnews.news02 {
padding: 0 40px;
width: 50%
}
.network-content {
width: 1000%;
/* display: inline-block; */
}
.network-news-list .network-wnews {
width: 3.333%;
float: left;
/* display: inline-block; */
/* transition: all .5s; */
}
.wel-news .container {
width: 100%;
padding: 0
}
.network-news-list {
margin-bottom: 40px;
overflow: hidden;
}
.network-news-list .news01 {
padding: 0 20px 0 0;
}
.network-news-list.news02 {
padding: 0 10px;
}
.network-news-list .news03 {
padding: 0 0 0 20px;
}
.network-news .network-wnews .network-a {
padding: 36px 10% 80px;
height: 450px;
position: relative;
overflow: hidden;
background-size: cover !important;
}
.network-news .wel-product-title p {
font-weight: normal;
font-size: 22px;
color: #222;
}
.p_hidden {
overflow: hidden;
height: 80px;
}
/* .net_dian {
right: 0px;
bottom: 10px;
color: red;
display: none;
position: absolute;
} */
.network-news-list p {
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.network-news h3 {
font-size: 16px;
color: #fff;
line-height: 36px;
z-index: 2;
position: relative;
/* margin-bottom: 10px; */
transition: margin .3s
}
.network-news-list p {
position: relative;
}
.network-news p.content a {
font-size: 18px;
}
.network-news p.content-first a {
font-size: 22px;
}
.network-news p a {
color: #fff;
z-index: 2;
position: relative;
line-height: 40px;
transition: margin .3s
}
.wel-news .news01 a {
width: 100%;
padding: 36px 10% 0;
height: 674px;
display: block;
position: relative;
overflow: hidden;
background-size: cover !important;
transition: background .3s
}
.wel-news .news02 a {
width: 100%;
padding: 36px 7% 0;
height: 674px;
display: block;
position: relative;
overflow: hidden;
background-size: cover !important;
transition: background .3s
}
.wel-news .news02 .more {
width: 182px;
height: 50px;
background: #dd231f;
text-align: center;
position: absolute;
left: 12%;
bottom: 57px;
font-size: 16px;
z-index: 2;
color: #fff;
line-height: 50px;
transition: left .3s, background .3s
}
.network-wnews a {
cursor: pointer;
}
.network-wnews .network-more {
width: 182px;
height: 50px;
background: #dd231f;
text-align: center;
position: absolute;
right: 12%;
bottom: 20px;
font-size: 16px;
z-index: 2;
color: #fff;
line-height: 50px;
transition: left .3s, background .3s
}
.wel-news .news03 a {
width: 100%;
padding: 36px 10% 0;
height: 316px;
display: block;
position: relative;
overflow: hidden;
background-size: cover !important;
transition: background .3s
}
.wel-news .news03 a:first-child {
margin-bottom: 40px
}
.wel-news h3 {
font-size: 16px;
color: #fff;
line-height: 36px;
z-index: 2;
position: relative;
margin-bottom: 30px;
transition: margin .3s
}
.wel-news h2 {
font-size: 22px;
color: #fff;
z-index: 2;
position: relative;
line-height: 40px;
transition: margin .3s
}
.network-news a h3 {
margin-bottom: 5px;
}
.wel-news p.content-first {
font-size: 18px;
color: #333;
z-index: 2;
position: relative;
line-height: 40px;
transition: margin .3s
}
.wel-news p.content {
font-size: 18px;
color: #fff;
z-index: 2;
position: relative;
line-height: 40px;
transition: margin .3s
}
.wel-news .bg {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
z-index: 1;
background: rgba(0, 0, 0, .4);
width: 100%;
height: 100%;
transition: opacity .3s
}
.wel-news .news01 h3,
.wel-news .news01 h2 {
color: #222
}
.network-wnews.news01 h3 {
color: #fff;
}
footer {
width: 100%;
background: #1f2024;
padding: 52px 0 7px
}
.footer-top {
padding-bottom: 29px;
border-bottom: 1px solid #3c3c42
}
.footer-bot {
padding: 30px 0
}
.footer-bot-left {
float: left
}
.footer-bot-left p {
font-size: 12px;
color: #fff;
line-height: 22px;
opacity: .5;
filter: alpha(opacity=50)
}
.footer-bot-left p span {
margin-left: 20px
}
.footer-bot-left a {
font-size: 13px;
color: #fff;
line-height: 23px;
margin-right: 10px;
transition: color .3s;
}
.footer-bot .bdsharebuttonbox {
float: right;
height: 32px;
margin-top: 6px
}
.footer-bot .bdsharebuttonbox a {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
padding: 0;
margin: 0;
display: inline-block;
text-indent: 0;
opacity: 1;
filter: alpha(opacity=100);
transition: opacity .3s
}
.footer-bot .bdsharebuttonbox a.bds_tsina {
background: url(../img/fot04.png) no-repeat center
}
.footer-bot .bdsharebuttonbox a.bds_tqq {
background: url(../img/fot05.png) no-repeat center
}
.footer-bot .bdsharebuttonbox a.bds_isohu {
background: url(../img/fot06.png) no-repeat center
}
.footer-bot .bdsharebuttonbox a.bds_renren {
background: url(../img/fot07.png) no-repeat center
}
.footer-bot .bdsharebuttonbox a.bds_qzone {
background: url(../img/fot08.png) no-repeat center
}
.footer-top-left {
float: left;
width: 24.7%
}
.footer-top-center {
float: left;
/* width: 62.6% */
width: 52%
}
.footer-top .weixin {
width: 7.8%;
float: left;
text-align: center
}
.footer-top .weixin img {
width: 100%
}
.footer-top h2 {
font-size: 14px;
color: #fff;
line-height: 33px;
margin-bottom: 7px;
opacity: .8;
filter: alpha(opacity=80)
}
.footer-top-left form {
width: 76%;
border: 2px solid #3c3c42;
display: block;
padding: 6px
}
.footer-top-left .text {
float: none;
width: 56%;
background: 0;
border: 0;
color: #fff
}
.footer-top-left .text::-webkit-input-placeholder {
color: #fff
}
.footer-top-left .text:-moz-placeholder {
color: #fff
}
.footer-top-left .text::-moz-placeholder {
color: #fff
}
.footer-top-left .text:-ms-input-placeholder {
color: #fff
}
.footer-top-left .submit {
width: 32%;
background: #e60012;
height: 28px;
line-height: 28px;
text-align: center;
color: #fff;
font-size: 14px;
border: 0;
border-radius: 2px
}
.footer-top-left h4 {
font-size: 12px;
color: #fff;
opacity: .5;
filter: alpha(opacity=50);
line-height: 20px;
padding-top: 10px;
width: 76%
}
.footer-top-left .lan {
display: block;
width: 58%;
height: 38px;
line-height: 38px;
padding-left: 42px;
margin-top: 74px;
font-size: 12px;
color: #fff;
background: #3c3c42 url(../img/fot02.jpg) no-repeat 12px center
}
.footer-top-center li {
width: 16%;
float: left
}
.footer-top-center li:last-child {
width: 36%
}
.footer-top-center li p {
font-size: 13px;
color: #fff;
line-height: 24px
}
.footer-top-center li a {
color: #fff;
transition: color .3s
}
.footer-top-center li a:hover {
color: #dd231f
}
/* 透明头部 start */
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
/* height: 80px;
line-height: 80px; */
height: 60px;
line-height: 60px;
z-index: 10;
background: rgba(0,0,0,0.1);
}
.header-lucency {
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
.header-lucency .link,
.header-lucency .enght a,
.header-lucency .nav-box a.tit {
color: #333;
}
.header-lucency .nav-box .tit span {
background: url(../img/head02.png) no-repeat center;
}
.header-lucency .enght {
background: url(../img/en01.png) no-repeat left center;
}
.header-lucency .enght a.tit {
background: url(../img/aaa01.png) no-repeat right center;
}
header .logo_h {
display: none;
}
.header-lucency .logo_b {
display: none;
}
.header-lucency .logo_h {
display: inline-block;
}
/* 透明头部 end */
header .logo {
width: 103px;
height: 100%;
text-align: center;
float: left;
margin-left: 2%;
position: relative;
}
header .logo img {
/* 调整logo大小 50844 2022-05-06 */
/* max-width: 100% */
/* max-width: 280px; */
max-width: 245px;
position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
header .search-box {
width: 3%;
height: 100%;
display: block;
float: right;
background: #b4b4b4 url(../img/head01.png) no-repeat center;
position: relative;
z-index: 3;
transition: background .3s
}
header .link {
font-size: 14px;
color: #fff;
padding: 0 10px;
float: right;
transition: color .3s;
background: url(../img/en02.png) no-repeat right center;
margin-right: 1%
}
header .enght {
float: right;
margin-right: 1%;
padding-left: 26px;
font-size: 14px;
color: #666;
position: relative;
z-index: 1;
height: 100%;
background: url(../img/en01_bai.png) no-repeat left center;
transition: color .3s, background .3s
}
header .enght a {
color: #fff;
display: block;
transition: color .3s
}
header .enght a.tit {
padding-right: 17px;
background: url(../img/aaa01_bai.png) no-repeat right center;
height: 100%;
width: 100%;
transition: color .3s, background .3s
}
header .enght .con {
position: absolute;
top: 100%;
left: -10%;
display: none;
background: #fff;
width: 130%;
padding-top: 20px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
height: 335px;
overflow: auto
}
header .enght .con a {
width: 100%;
font-size: 12px;
height: 35px;
text-align: center;
line-height: 35px;
color:#666;
}
header .enght .con::-webkit-scrollbar {
width: 1px;
background-color: #ececec
}
header .enght .con::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ececec
}
header .enght .con::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d9271b
}
header .enght:hover {
background: url(../img/en01_h.png) no-repeat left center
}
header .enght:hover a.tit {
color: #d42719;
background: url(../img/aaa01_h.png) no-repeat right center
}
header .enght a:hover {
color: #d42719
}
header .nav-box {
/* width: 42%; */
width: 52%;
margin: 0 auto;
}
@media screen and (max-width: 1500px) {
header .nav-box {
margin-left: 20%;
}
.wel-case .w1400{
margin: 0 0 0 20px;
}
}
@media screen and (max-width: 1430px) {
header .nav-box {
width: 58%;
margin-left: 17%;
}
}
header .nav-box ul {
width: 100%
}
header .nav-box li {
/* width: 23%; */
width: 17%;
float: left;
text-align: center;
}
@media screen and (max-width: 1098px) {
header .nav-box li {
/* width: 22%; */
width: 16%;
}
}
header .nav-box a.tit {
font-size: 16px;
color: #fff;
height: 100%;
display: block;
width: 100%;
transition: color .3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
header .nav-box .tit span {
width: 9px;
height: 6px;
display: inline-block;
background: url(../img/head02_bai.png) no-repeat center;
background-size: 100% 100%;
margin-left: 6px
}
header .nav-box li:hover a.tit {
color: #d42719
}
header .nav-box li:hover .tit span {
background: url(../img/head02_h.png) no-repeat center;
background-size: 100% 100%
}
header .nav-box .con {
position: absolute;
/* top: 80px; */
left: 50%;
background: #fff;
display: none;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
z-index: 5
}
header .nav-box .left {
float: left;
background: #f5f5f5;
padding: 59px 1.9% 150px 10.9%;
width: 35%
}
header .nav-box .link-b {
width: 100%;
display: block;
padding-left: 17%;
text-align: left;
font-size: 15px;
color: #333;
line-height: 40px;
margin-bottom: 5px;
transition: background .3s, color .3s
}
header .nav-box .link-b span {
width: 100%;
display: block;
background: 0
}
header .nav-box .pro-li .left {
padding: 59px 1.9% 150px 8.9%;
height: 450px
}
header .nav-box .pro-li dd {
width: 33.33%;
float: left
}
header .nav-box .pro-li dd .link-b {
background-position: 8% center;
background-repeat: no-repeat
}
header .nav-box .pro-li .right .link-k {
display: none
}
header .nav-box .pro-li .right {
padding: 50px 5.5% 0 3%
}
header .nav-box .pro-li .right .content {
width: 100%
}
header .nav-box .pro-li dd .link-b.cur {
background-color: #da2418
}
header .nav-box .link-b.ico_1 {
background: url(../img/head09.png) no-repeat 8% center
}
header .nav-box .link-b.ico_2 {
background: url(../img/head13.png) no-repeat 8% center
}
header .nav-box .link-b.ico_3 {
background: url(../img/head07.png) no-repeat 8% center
}
header .nav-box .link-b.ico_4 {
background: url(../img/head10.png) no-repeat 8% center
}
header .nav-box .link-b.ico_5 {
background: url(../img/head14.png) no-repeat 8% center
}
header .nav-box .link-b.ico_6 {
background: url(../img/head06.png) no-repeat 8% center
}
header .nav-box .link-b.ico_7 {
background: url(../img/head16.png) no-repeat 8% center
}
header .nav-box .link-b.ico_8 {
background: url(../img/head15.png) no-repeat 8% center
}
header .nav-box .link-b.ico_9 {
background: url(../img/head08.png) no-repeat 8% center
}
header .nav-box .link-b.ico_10 {
background: url(../img/head17.png) no-repeat 8% center
}
header .nav-box .link-b.ico_11 {
background: url(../img/head18_new.png) no-repeat 8% center
}
header .nav-box .link-b.ico_12 {
background: url(../img/head19.png) no-repeat 8% center
}
header .nav-box .link-b.ico_13 {
background: url(../img/head20.png) no-repeat 8% center
}
header .nav-box .link-b.ico_14 {
background: url(../img/head21.png) no-repeat 8% center
}
header .nav-box .link-b.ico_15 {
background: url(../img/head22.png) no-repeat 8% center
}
header .nav-box .link-b.ico_16 {
background: url(../img/head23.png) no-repeat 8% center
}
header .nav-box .link-b.ico_17 {
background: url(../img/head24.png) no-repeat 8% center
}
header .nav-box .link-b.ico_18 {
background: url(../img/head25.png) no-repeat 8% center
}
header .nav-box .link-b.ico_19 {
background: url(../img/head26.png) no-repeat 8% center
}
header .nav-box .link-b.ico_20 {
background: url(../img/head27.png) no-repeat 8% center
}
header .nav-box .link-b.ico_21 {
background: url(../img/head28.png) no-repeat 8% center
}
header .nav-box .link-b.ico_22 {
background: url(../img/head29.png) no-repeat 8% center
}
header .nav-box .link-b.ico_23 {
background: url(../img/ico_23.png) no-repeat 8% center
}
header .nav-box .link-b.ico_24 {
background: url(../img/ico_24.png) no-repeat 8% center
}
header .nav-box .link-b.cur {
color: #fff
}
header .nav-box .link-b.cur span {
background: url(../img/head05.png) no-repeat right 8% center
}
header .nav-box .link-b.ico_1.cur {
background: #da2418 url(../img/head09_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_2.cur {
background: #da2418 url(../img/head13_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_3.cur {
background: #da2418 url(../img/head07_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_4.cur {
background: #da2418 url(../img/head10_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_5.cur {
background: #da2418 url(../img/head14_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_6.cur {
background: #da2418 url(../img/head06_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_7.cur {
background: #da2418 url(../img/head16_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_8.cur {
background: #da2418 url(../img/head15_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_9.cur {
background: #da2418 url(../img/head08_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_10.cur {
background: #da2418 url(../img/head17_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_11.cur {
background: #da2418 url(../img/head18_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_11.cur {
background: #da2418 url(../img/head18_h_new.png) no-repeat 8% center
}
header .nav-box .link-b.ico_12.cur {
background: #da2418 url(../img/head19_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_13.cur {
background: #da2418 url(../img/head20_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_14.cur {
background: #da2418 url(../img/head21_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_15.cur {
background: #da2418 url(../img/head22_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_16.cur {
background: #da2418 url(../img/head23_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_17.cur {
background: #da2418 url(../img/head24_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_18.cur {
background: #da2418 url(../img/head25_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_19.cur {
background: #da2418 url(../img/head26_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_20.cur {
background: #da2418 url(../img/head27_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_21.cur {
background: #da2418 url(../img/head28_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_22.cur {
background: #da2418 url(../img/head29_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_23.cur {
background: #da2418 url(../img/ico_23_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_24.cur {
background: #da2418 url(../img/ico_24_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_1:hover {
background: #da2418 url(../img/head09_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_2:hover {
background: #da2418 url(../img/head13_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_3:hover {
background: #da2418 url(../img/head07_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_4:hover {
background: #da2418 url(../img/head10_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_5:hover {
background: #da2418 url(../img/head14_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_6:hover {
background: #da2418 url(../img/head06_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_7:hover {
background: #da2418 url(../img/head16_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_8:hover {
background: #da2418 url(../img/head15_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_9:hover {
background: #da2418 url(../img/head08_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_10:hover {
background: #da2418 url(../img/head17_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_11:hover {
background: #da2418 url(../img/head18_h_new.png) no-repeat 8% center
}
header .nav-box .link-b.ico_12:hover {
background: #da2418 url(../img/head19_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_13:hover {
background: #da2418 url(../img/head20_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_14:hover {
background: #da2418 url(../img/head21_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_15:hover {
background: #da2418 url(../img/head22_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_16:hover {
background: #da2418 url(../img/head23_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_17:hover {
background: #da2418 url(../img/head24_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_18:hover {
background: #da2418 url(../img/head25_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_19:hover {
background: #da2418 url(../img/head26_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_20:hover {
background: #da2418 url(../img/head27_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_21:hover {
background: #da2418 url(../img/head28_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_22:hover {
background: #da2418 url(../img/head29_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_23:hover {
background: #da2418 url(../img/ico_23_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_24:hover {
background: #da2418 url(../img/ico_24_h.png) no-repeat 8% center
}
.nav-box .link-k {
width: 23%
}
.nav-box .link-k.none {
display: none
}
.nav-box .link-k h2 {
font-size: 24px;
color: #333;
line-height: 24px;
padding-bottom: 30px;
text-align: left
}
.nav-box .link-k h2 a {
color: #333
}
.nav-box .link-k a.on {
display: block;
width: 100%;
font-size: 14px;
text-align: left;
color: #666;
line-height: 30px;
transition: color .3s
}
.nav-box .content .more {
width: 155px;
height: 40px;
line-height: 40px;
padding-left: 36px;
font-size: 14px;
background: #da2418 url(../img/head05.png) no-repeat 103px center;
display: block;
text-align: left;
color: #fff;
margin-top: 35px
}
.nav-box .link-k a:hover {
color: #da2418
}
.nav-box .content {
width: 48%
}
.navigation {
width: 100%;
display: none
}
.nav-box .content img {
max-width: 100%
}
.supplier-notice-box .left img {
max-width: 100%
}
.search-hbox .right li a {
color: #333
}
.search-hbox .right li a:hover {
color: #d82117
}
.search-hbox .right li a.cur {
color: #d82117
}
.nav-box .content p {
text-align: left;
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 22px
}
header .nav-box .right {
width: 65%;
padding: 20px 13.5% 0 6%;
float: right
}
header .nav-box .con.none .left {
width: 50%;
padding: 59px 16.9% 150px 10.9%
}
header .nav-box .pro-li .con.none .left {
padding: 59px 1.9% 150px 8.9%
}
header .nav-box .con.none .right {
width: 50%
}
header .nav-box .con.none .content {
float: left;
width: 71.5%
}
header .nav-box .about-li .con.none .left {
padding: 59px 5.9% 150px 21.9%
}
header .nav-box .case-li .con.none .left {
padding: 59px 1.9% 120px 6.9%
}
header .nav-box .case-li .con.none .link-b {
width: 50%;
float: left
}
header .nav-box .case-li .con.none .link-b {
padding-left: 10%
}
.nav-box .case-li .con.none .content p {
margin-top: 12px
}
.nav-box .case-li .con.none .content .more {
margin-top: 16px
}
header .nav-box .ser-li .con.none .left {
width: 68%;
padding: 59px 4.9% 50px 7.9%
}
header .nav-box .ser-li.buli .con.none .left {
padding: 59px 4.9% 250px 7.9%
}
header .nav-box .ser-li .link-b {
padding-left: 22.6%
}
header .nav-box .ser-li .con.none .right {
width: 32%;
padding: 50px 5.5% 0 3%
}
header .nav-box .ser-li .con.none .content,
header .nav-box .pro-li .con.none .right .content {
width: 92.6%
}
header .nav-box .ser-li .con.none .log-four {
width: 25%;
float: left
}
header .nav-box .ser-li .log-four .font {
padding-left: 22.6%;
font-size: 13px;
color: #666;
display: block;
width: 100%;
line-height: 27px;
text-align: left
}
.flex-direction-nav a {
z-index: 1 !important
}
header .nav-box .ser-li .log-four .font:hover {
color: #d9271b
}
.search-send {
position: absolute;
z-index: 2;
background-color: #222;
right: -34%;
top: 0;
width: 25%;
transition: right .3s
}
.search-send.on {
right: 3%
}
.search-send .close {
display: block;
width: 18px;
height: 18px;
background: url(../img/head03.png) no-repeat center;
position: absolute;
top: 50%;
left: 6px;
margin-top: -9px;
cursor: pointer;
opacity: 1;
filter: alpha(opacity=100);
transition: transform .3s ease 0s
}
.search-send .close:hover {
transform: rotateZ(90deg);
transition: transform .3s ease 0s
}
.search-send form {
width: 100%;
height: 100%
}
.search-send .text {
border: 0;
font-size: 18px;
height: 100%;
text-align: left;
width: 100%;
box-sizing: border-box;
color: #555;
background: 0;
padding: 0 5% 0 13%;
outline: 0
}
.search-send .submit {
cursor: pointer;
border: 0;
background: url(../img/head01.png) no-repeat center;
background-color: #bb0327;
position: absolute;
right: 0;
bottom: 0;
width: 20%;
outline: 0
}
.search-send .text::-webkit-input-placeholder {
color: #555
}
.search-send .text:-moz-placeholder {
color: #555
}
.search-send .text::-moz-placeholder {
color: #555
}
.search-send .text:-ms-input-placeholder {
color: #555
}
.inliner-banner {
width: 100%;
position: relative;
overflow: hidden
}
.inliner-banner .flex-control-nav {
position: absolute;
bottom: 0;
left: 0;
z-index: 4
}
.inliner-banner .flex-control-paging li a {
background: 0;
border: 1px solid #fff;
opacity: .3;
filter: alpha(opacity=70);
box-shadow: none
}
.inliner-banner .flex-control-paging li a.flex-active {
background: #fff;
opacity: 1;
filter: alpha(opacity=100)
}
.inliner-banner img {
width: 100%;
/* position: relative;
left: 50%;
margin-left: -960px */
}
.inliner-banner .con {
display: block;
width: 37%;
position: absolute;
top: 50%;
left: 50%;
margin: -80px 0 0 -39%
}
.inliner-banner h2 {
font-size: 32px;
color: #fff;
line-height: 52px
}
.inliner-banner .font {
font-size: 20px;
color: #fff;
line-height: 36px
}
.inliner-banner .more {
width: 127px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 4px;
background: #d9271b;
color: #fff;
font-size: 14px;
margin-top: 40px
}
.inliner-banner .slides li {
width: 100%;
overflow: hidden;
position: relative
}
.product-channel {
background: #fff;
width: 100%;
padding: 48px 0 62px
}
.product-channel .search-font {
font-size: 18px;
color: #333;
line-height: 38px;
margin-bottom: 24px
}
.product-channel-box {
width: 100%;
margin-bottom: 50px
}
.product-channel-box form,
.product-channel-box .contrast {
width: 48%;
border: 1px solid #ddd;
padding: 0 1.7%;
float: left
}
.product-channel-box .contrast {
float: right;
height: 90px;
line-height: 90px;
padding: 0 2.5%;
font-size: 18px;
color: #333;
background: url(../img/pro02.png) no-repeat right 2.5% center
}
.product-channel-box .text {
width: 70%;
border: 0;
height: 88px;
line-height: 88px;
font-size: 18px;
color: #333
}
.product-channel-box .submit {
float: right;
width: 26px;
height: 88px;
background: url(../img/pro01.png) no-repeat center;
border: 0
}
.product-channel h1 {
font-size: 32px;
color: #333;
line-height: 52px;
margin-bottom: 30px
}
.product-channel-list {
width: 100%
}
.product-channel-list ul {
width: 49%;
float: left
}
.product-channel-list li {
width: 100%;
float: left;
margin-bottom: 25px;
border: 1px solid #eeecec;
transition: box-shadow .3s
}
.product-channel-list ul.odd {
float: right
}
.product-channel-list .tit {
width: 100%;
padding: 0 5% 0 4%;
height: 88px;
display: block;
line-height: 88px;
background: url(../img/pro15.png) no-repeat right 5% center;
transition: background .3s
}
.product-channel-list .pic {
padding-left: 55px;
font-size: 20px;
color: #333;
transition: color .3s
}
.product-channel-list li .con {
width: 100%;
display: none;
padding: 24px 13px 32px 6%
}
.product-channel-list li .scrollbar {
width: 100%;
max-height: 572px;
padding-right: 28px;
overflow: auto
}
.product-channel-list li .scrollbar::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #ececec
}
.product-channel-list li .scrollbar::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ececec
}
.product-channel-list li .scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d9271b
}
.product-channel-list li dl {
width: 100%
}
.product-channel-list li dd {
display: block;
width: 100%
}
.product-channel-list li .dd-tit {
width: 100%;
padding-left: 35px;
font-size: 18px;
color: #333;
line-height: 65px;
border-bottom: 1px solid #eaeaea;
display: block;
transition: background .3s, color .3s
}
.product-channel-list li .dd-tit.on {
background: url(../img/pro15.png) no-repeat left center
}
.product-channel-list li .con-t {
width: 100%
}
.product-channel-list li .con-tb {
display: block;
width: 100%;
padding-left: 45px;
font-size: 16px;
color: #333;
line-height: 45px;
border-bottom: 1px solid #eaeaea;
transition: background .3s, color .3s
}
.product-channel-list li .tb-box {
display: none
}
.product-channel-list li .con-tb.on {
background: url(../img/pro15.png) no-repeat 10px center
}
.product-channel-list li .tb-box-t {
width: 100%;
padding-left: 50px;
font-size: 16px;
color: #333;
line-height: 40px;
border-bottom: 1px solid #eaeaea;
display: block
}
.product-channel-list li .con-t {
display: none
}
.product-channel-list .ico01 {
background: url(../img/pro03.png) no-repeat left center
}
.product-channel-list .ico02 {
background: url(../img/pro04.png) no-repeat left center
}
.product-channel-list .ico03 {
background: url(../img/pro05.png) no-repeat left center
}
.product-channel-list .ico04 {
background: url(../img/pro10.png) no-repeat left center
}
.product-channel-list .ico05 {
background: url(../img/pro09.png) no-repeat left center
}
.product-channel-list .ico06 {
background: url(../img/pro08.png) no-repeat left center
}
.product-channel-list .ico07 {
background: url(../img/pro07.png) no-repeat left center
}
.product-channel-list .ico08 {
background: url(../img/pro06.png) no-repeat left center
}
.product-channel-list .ico09 {
background: url(../img/pro11.png) no-repeat left center
}
.product-channel-list .ico010 {
background: url(../img/a15.png) no-repeat left center
}
.product-channel-list .ico011 {
background: url(../img/a16.png) no-repeat left center
}
.product-channel-list .ico012 {
background: url(../img/a17.png) no-repeat left center
}
.product-channel-list .ico013 {
background: url(../img/machine.png) no-repeat left center
}
.product-channel-list .ico014 {
background: url(../img/a19.png) no-repeat left center
}
.product-channel-list .ico015 {
background: url(../img/rfid.png) no-repeat left center
}
.product-channel-list .ico016 {
background: url(../img/jia.png) no-repeat left center
}
.product-channel-list .ico017 {
background: url(../img/chongdianzhuang.png) no-repeat left center
}
.product-channel-list .ico018 {
background: url(../img/xiaofang.png) no-repeat left center
}
.product-channel-list .ico019 {
background: url(../img/a18.png) no-repeat left center
}
.product-channel-list .ico020 {
background: url(../img/service_unselect.png) no-repeat left center
}
.product-channel-list .ico021 {
background: url(../img/car_unselect.png) no-repeat left center;
background-size:40px 40px;
}
.product-channel-list .ico10 {
background: url(../img/pro12.png) no-repeat left center
}
.product-channel-list .ico11 {
background: url(../img/pro13.png) no-repeat left center
}
.product-channel-list .ico12 {
background: url(../img/pro14.png) no-repeat left center
}
.product-channel-list li.out {
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.product-channel-list li.out .tit {
background: #d9271b url(../img/pro15_h.png) no-repeat 95% center
}
.product-channel-list li.out .pic {
color: #fff
}
.product-channel-list li.out .ico01 {
background: url(../img/pro03_h.png) no-repeat left center
}
.product-channel-list li.out .ico02 {
background: url(../img/pro04_h.png) no-repeat left center
}
.product-channel-list li.out .ico03 {
background: url(../img/pro05_h.png) no-repeat left center
}
.product-channel-list li.out .ico04 {
background: url(../img/pro06_h.png) no-repeat left center
}
.product-channel-list li.out .ico05 {
background: url(../img/pro07_h.png) no-repeat left center
}
.product-channel-list li.out .ico06 {
background: url(../img/pro08_h.png) no-repeat left center
}
.product-channel-list li.out .ico07 {
background: url(../img/pro09_h.png) no-repeat left center
}
.product-channel-list li.out .ico08 {
background: url(../img/pro10_h.png) no-repeat left center
}
.product-channel-list li.out .ico09 {
background: url(../img/pro11_h.png) no-repeat left center
}
.product-channel-list li.out .ico010 {
background: url(../img/a15_h.png) no-repeat left center
}
.product-channel-list li.out .ico011 {
background: url(../img/a16_h.png) no-repeat left center
}
.product-channel-list li.out .ico012 {
background: url(../img/a17_h.png) no-repeat left center
}
.product-channel-list li.out .ico013 {
background: url(../img/machine_h.png) no-repeat left center
}
.product-channel-list li.out .ico014 {
background: url(../img/a19_h.png) no-repeat left center
}
.product-channel-list li.out .ico015 {
background: url(../img/rfid_h.png) no-repeat left center
}
.product-channel-list li.out .ico016 {
background: url(../img/jia_h.png) no-repeat left center
}
.product-channel-list li.out .ico019 {
background: url(../img/a18_h.png) no-repeat left center
}
.product-channel-list li.out .ico020 {
background: url(../img/service_unselect.png) no-repeat left center
}
.product-channel-list li.out .ico020 {
background: url(../img/service_selected.png) no-repeat left center
}
.product-channel-list li.out .ico021 {
background: url(../img/car_unselect.png) no-repeat left center;
background-size:40px 40px;
}
.product-channel-list li.out .ico021 {
background: url(../img/car_selected.png) no-repeat left center;
background-size:40px 40px;
}
.product-channel-list li.out .ico10 {
background: url(../img/pro12_h.png) no-repeat left center
}
.product-channel-list li.out .ico11 {
background: url(../img/pro13_h.png) no-repeat left center
}
.product-channel-list li.out .ico12 {
background: url(../img/pro14_h.png) no-repeat left center
}
.product-channel-list li .dd-tit.cur {
background: #d9271b;
color: #fff
}
.product-channel-list li .dd-tit.on.cur {
background: #d9271b url(../img/pro15_h.png) no-repeat 2px center
}
.product-channel-list li .con-tb.cur {
background: #d9271b;
color: #fff
}
.product-channel-list li .con-tb.on.cur {
background: #d9271b url(../img/pro15_h.png) no-repeat 10px center
}
.web-link {
width: 100%;
padding-top: 42px
}
.web-link a {
display: inline-block;
width: 25%
}
.web-link a.see-case {
width: 100%;
font-size: 28px;
color: #fff;
line-height: 54px;
padding: 62px 2% 62px 3%;
background: url(../img/pro16.jpg) no-repeat center;
position: relative;
background-size: cover;
transition: padding .3s
}
.web-link .see-case .more {
width: 118px;
text-align: center;
height: 38px;
line-height: 38px;
border: 1px solid #fff;
display: block;
color: #fff;
font-size: 13px;
position: absolute;
right: 2%;
top: 50%;
margin-top: -19px;
transition: background .3s, color .3s
}
.web-link .box a {
float: left;
width: 25%;
height: 162px;
text-align: center;
transition: background .3s
}
.web-link .box a.see-ab {
padding: 54px 0 0 3%;
background: #7f7f7f url(../img/pro17.png) no-repeat 90% center;
text-align: left;
font-size: 24px;
color: #fff;
line-height: 48px;
transition: background .3s, padding .3s
}
.web-link .box a.see-ser {
background: #595959
}
.web-link .box a.see-down {
background: #434343
}
.web-link .box a.see-pro {
background: #333
}
.web-link .box a img {
padding-top: 41px
}
.web-link .box a p {
font-size: 16px;
color: #fff;
line-height: 48px
}
.now {
position: absolute;
right: 0;
top: -40px;
z-index: 9;
line-height: 32px
}
.now a {
color: #fff;
font-size: 16px;
font-family: 'Microsoft YaHei',微软雅黑;
opacity: .9;
filter: alpha(opacity=90);
transition: opacity .3s
}
.now a:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.now i {
width: 3px;
height: 7px;
background: url(../img/pro21.png) no-repeat center;
margin: 0 5px 0 7px;
display: inline-block
}
.product-list {
padding: 19px 0 124px
}
.product-list .form {
width: 185px;
float: right;
height: 34px;
line-height: 34px;
border-radius: 15px;
border: 1px solid #e9eaeb;
padding: 0 16px 0 18px;
transition: border .3s
}
.product-list .text {
background: 0;
border: 0;
font-size: 12px;
color: #999;
height: 34px;
line-height: 34px;
float: left;
width: 80%
}
.product-list .submit {
float: right;
width: 13px;
height: 34px;
line-height: 34px;
background: url(../img/pro22.png) no-repeat center;
border: 0
}
.product-list-box {
width: calc(100% - 330px);
float: left;
padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
.product-list-box {
width: 100%;
}
}
.product-list-b {
width: 100%;
padding-top: 40px;
}
.product-list-b ul {
width: 100%
}
.product-list-b li {
width: 31.7%;
margin-right: 2.45%;
background: #fff;
border: 1px solid #eee;
float: left;
margin-bottom: 35px
}
.product-list-b li.on {
margin-right: 0
}
.product-list-b li .pic {
width: 100%;
position: relative;
overflow: hidden;
height: 250px;
border-bottom: 1px solid #eee
}
.product-list-b li img {
max-width: 100%;
transition: all .3s
}
.product-list-b li.newss .newss {
width: 61px;
height: 64px;
background: url(../img/pro25.png) no-repeat center;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 1
}
.product-list-b li .add {
padding-left: 28px;
height: 16px;
background: url(../img/pro23.png) no-repeat left center;
background-size: 14px !important;
display: block;
position: absolute;
top: 34px;
right: 13px;
font-size: 14px;
line-height: 16px;
cursor: pointer;
color: #b2b2b2;
transition: background .3s, color .3s
}
.product-list-b li.but .add {
color: #dc3c31;
background: url(../img/pro23_h.png) no-repeat left center
}
.product-list-b li .con {
width: 100%;
padding: 21px 6% 23px;
display: block
}
.product-list-b li h3 {
font-size: 16px;
color: #999;
line-height: 36px;
height: 36px;
overflow: hidden
}
.product-list-b li .font {
font-size: 16px;
color: #333;
line-height: 27px;
height: 54px;
overflow: hidden
}
.product-list-b li .more {
width: 127px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #e4e4e4;
background: #f9f9f9;
font-size: 15px;
color: #333;
border-radius: 2px;
transition: background .3s, color .3s, border .3s;
margin-top: 20px
}
.product-list-b li.into .add {
background: url(../img/pro23_h.png) no-repeat center
}
.product-nav {
width: 48%;
height: 50px;
position: absolute;
left: 0;
top: 19px;
z-index: 2;
background: #0f0f0f
}
.product-nav .tit {
width: 33.8%;
font-size: 16px;
color: #fff;
line-height: 50px;
text-align: center;
background: #0f0f0f url(../img/pro26.png) no-repeat 94% center
}
.product-nav .nav-con {
width: 66.2%;
position: relative
}
.product-nav .nav-link {
width: 100%;
line-height: 50px;
padding-left: 7%;
display: block;
font-size: 16px;
color: #fff;
background: #d9271b url(../img/pro26.png) no-repeat 94% center
}
.product-nav .link-box {
width: 100%;
background: #fff;
position: absolute;
left: 0;
top: 50px;
max-height: 500px;
overflow: auto;
display: none
}
.product-nav .tit-box {
width: 33.8%;
background: #fff;
position: absolute;
left: 0;
top: 50px;
max-height: 500px;
overflow: auto;
display: none
}
.product-nav .link-box .link-tit {
display: block;
width: 89%;
border-bottom: 1px solid #d9d9d9;
padding-left: 8%;
line-height: 59px;
font-size: 16px;
color: #333;
transition: color .3s
}
.product-nav .tit-box a {
display: block;
width: 89%;
border-bottom: 1px solid #d9d9d9;
padding: 15px 0 15px 4%;
font-size: 16px;
color: #333;
line-height: 26px;
transition: color .3s
}
.product-nav .link-box-b {
width: 100%;
background: #f3f3f3
}
.product-nav .link-box-tit,
.product-nav .link-box-t {
line-height: 48px;
width: 89%;
border-bottom: 1px solid #d9d9d9;
padding-left: 15%;
background: url(../img/pro27.png) no-repeat 10% center;
display: block;
font-size: 14px;
color: #666;
transition: color .3s
}
.product-nav .link-box-t {
padding-left: 17%;
background: url(../img/pro27.png) no-repeat 13% center
}
.product-nav .link-box-tit.into {
color: #d9271b
}
.product-nav .link-box-t:hover {
color: #d9271b
}
.product-nav .link-box-con {
display: none
}
.product-nav .link-box-b {
display: none
}
.product-nav .link-box .link-tit.cur {
color: #d9271b
}
.product-nav .link-box::-webkit-scrollbar,
.product-nav .tit-box::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #ececec
}
.product-nav .link-box::-webkit-scrollbar-track,
.product-nav .tit-box::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ececec
}
.product-nav .link-box::-webkit-scrollbar-thumb,
.product-nav .tit-box::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d9271b
}
.page {
margin-top: 25px;
width: 100%;
text-align: center;
padding: 12px 3%;
background: #fff;
position: relative
}
.page a.num {
zoom: 1;
margin: 0 5px;
padding: 12px 15px;
font-size: 14px;
color: #333;
line-height: 13px;
display: inline-block;
*display: inline;
transition: color .3s
}
.page a.num:hover,
.page a.num.active {
background: #cd2720;
color: #fff
}
.page a.btn {
font-size: 14px;
color: #333;
opacity: .5;
filter: alpha(opacity=50);
position: absolute;
display: inline-block;
top: 13px
}
.page a.btn span {
font-family: 'Microsoft YaHei',微软雅黑;
font-size: 18px;
position: relative;
top: 2px
}
.page a.prev {
left: 3%
}
.page a.prev span {
margin-right: 10px
}
.page a.next {
right: 3%
}
.page a.next span {
margin-left: 10px
}
.product-info {
padding: 95px 0 105px;
background: #fafafa;
width: 100%;
position: relative
}
.product-info .page-b {
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -21px;
border: 1px solid #e1e1e1;
border-radius: 50%;
color: #333;
font-size: 15px;
font-family: 'Microsoft YaHei',微软雅黑;
text-align: center;
line-height: 42px;
transition: background .3s, border .3s, color .3s
}
.product-info .page-b:hover {
background: #c11a21;
color: #fff;
border-color: #c11a21
}
.product-info .page-b.page-prev {
left: -6%
}
.product-info .page-b.page-next {
right: -6%
}
.product-info .info-pic {
width: 39%;
float: left;
overflow: hidden;
position: relative
}
.product-info #carousel {
position: relative
}
.product-info #carousel .flex-viewport {
border: 1px solid #cecece;
padding: 10px 4%;
width: 83%;
margin: 0 auto
}
.product-info .now {
color: #000
}
.product-info .now a {
color: #000
}
.product-info .now i {
background: url(../img/pro_img.png) no-repeat center center
}
#carousel .slides li {
background: #f5f5f5;
text-align: center;
line-height: 56px;
height: 56px;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50);
border: 1px solid #f5f5f5;
transition: opacity .3s, border .3s
}
#carousel .slides img {
max-width: 65%;
max-height: 50px
}
#slider {
width: 100%;
height: 300px;
text-align: center
}
#slider .slides li {
float: left
}
#slider .slides img {
max-width: 100%;
max-height: 240px
}
#slider .flex-direction-nav {
display: none
}
#carousel .flex-direction-nav a {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
z-index: 1;
font-size: 13px;
font-family: 'Microsoft YaHei',微软雅黑;
font-weight: bold;
color: #cbcfd2;
text-align: center;
line-height: 40px
}
#carousel .flex-direction-nav .flex-prev {
left: 0
}
#carousel .flex-direction-nav .flex-next {
right: 0
}
#carousel .flex-direction-nav a:before {
font-size: 0;
content: ""
}
#carousel .slides li.flex-active-slide {
opacity: 1;
filter: alpha(opacity=100);
border: 1px solid #d9271b
}
.info-font {
width: 42%;
padding-right: 5%
}
.info-font h2 {
font-size: 36px;
color: #000;
line-height: 55px;
font-weight: bold
}
.info-font h3 {
font-size: 24px;
color: #333;
line-height: 32px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0
}
.info-font p {
font-size: 14px;
color: #666;
line-height: 24px;
margin-bottom: 9px
}
.info-font .font {
padding: 40px 0 45px;
border-bottom: 1px solid #e0e0e0
}
.info-font .link {
width: 210px;
padding-left: 77px;
height: 50px;
line-height: 50px;
background: #c11a21 url(../img/pro29.png) no-repeat 50px center;
display: block;
font-size: 14px;
color: #fff;
margin-top: 46px;
transition: background .3s, padding .3s
}
.product-info-b {
background: #fff;
width: 100%;
padding-bottom: 90px;
position: relative
}
.product-info-b .return-b {
width: 62px;
position: absolute;
top: 0;
left: 0;
height: 89px;
border-right: 1px solid #f2f2f2;
background: url(../img/pro30.png) no-repeat center;
transition: background .3s
}
.product-info-b .return-b:hover {
background: #d9271b url(../img/pro30_h.png) no-repeat center
}
.product-info-list {
width: 100%;
height: 89px;
border-bottom: 1px solid #f2f2f2
}
.product-info-list .slides li {
text-align: center;
line-height: 89px;
position: relative;
font-size: 20px;
color: #333;
cursor: pointer
}
.product-info-list .slides span {
width: 0;
height: 2px;
background: #d9271b;
display: block;
position: absolute;
left: 50%;
bottom: 0;
transition: width .3s, left .3s
}
.product-info-list .slides li.on span {
width: 100%;
left: 0
}
.product-info-list .flex-direction-nav {
display: none
}
.product-info-list .flex-control-nav {
display: none
}
.product-ajaxi {
padding: 45px
}
.product-ajaxi>p.on {
font-size: 14px;
color: #333;
line-height: 30px;
padding-left: 33px;
background: url(../img/btn02.png) no-repeat left center
}
.product-ajaxi>p {
font-size: 14px;
color: #333;
line-height: 24px
}
.product-ajaxi i {
display: block;
width: 100%;
padding-bottom: 35px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 30px
}
.product-ajaxi h2 {
font-size: 16px;
color: #333;
font-weight: bold;
line-height: 35px
}
.case-channel {
padding: 62px 0 50px;
background: #fff
}
.case-channel .title {
text-align: center;
margin-bottom: 55px
}
.case-channel .title h2 {
font-size: 32px;
color: #333;
line-height: 52px
}
.case-channel .title p {
font-size: 16px;
color: #666;
line-height: 26px
}
.case-channel .list {
width: 100%
}
.case-channel .list li {
width: 32.1%;
float: left;
margin: 0 1.7% 25px 0;
overflow: hidden;
position: relative
}
.case-channel .list li.cut {
margin-right: 0
}
.case-channel .list img {
width: 100%;
transition: transform .3s
}
.case-channel .list .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.case-channel .list .con {
width: 100%;
position: absolute;
bottom: -88px;
left: 0;
padding: 0 6% 45px 4%;
z-index: 2;
background: url(../img/case14_h.png) no-repeat center -7px;
transition: bottom .3s
}
.case-channel .list .red {
width: 9px;
height: 16px;
position: absolute;
bottom: 6%;
right: 4%;
background: url(../img/case13.png) no-repeat center;
z-index: 3;
opacity: 1;
filter: alpha(opacity=100);
transition: opacity .3s
}
.case-channel .list h2 {
font-size: 22px;
color: #fff;
line-height: 39px
}
.case-channel .list p.font {
font-size: 14px;
color: #fff;
line-height: 23px;
height: 46px;
overflow: hidden;
margin-bottom: 32px
}
.case-channel .list .more {
width: 120px;
height: 34px;
text-align: center;
line-height: 34px;
background: #d9271b;
color: #fff;
font-size: 14px;
border-radius: 20px
}
.case-top {
width: 100%;
padding: 65px 0 60px;
background: #fff
}
.case-top h2 {
font-size: 32px;
color: #333;
line-height: 52px;
margin-bottom: 14px
}
.case-top p {
font-size: 14px;
color: #666;
line-height: 24px
}
.case-list {
background: #f5f5f5;
padding: 30px 0 36px
}
.case-list .case-listp li {
width: 25%;
background: url(../img/case15.png) no-repeat 1% center;
font-size: 16px;
color: #666;
float: left;
line-height: 33px;
padding: 8px 0 8px 4%;
cursor: pointer;
transition: background .3s, color .3s
}
.case-list .case-listp a {
color: #666;
transition: color .3s
}
.case-list .case-listm {
height: 0;
overflow: hidden
}
.case-bot {
background: #fff;
width: 100%;
padding: 47px 0 59px
}
.case-list .case-listp li.on {
background: url(../img/case15_h.png) no-repeat 1% center
}
.case-list .case-listp li.on a {
color: #d9271b
}
.case-link-list {
padding-bottom: 110px;
width: 100%
}
.case-link-list ul {
width: 100%
}
.case-link-list li {
width: 100%;
padding: 23px 0;
float: left
}
.case-link-list a {
display: block;
width: 100%
}
.case-link-list .pic {
width: 20.5%;
float: left;
overflow: hidden
}
.case-link-list img {
width: 100%;
transition: transform .3s
}
.case-link-list .con {
float: right;
width: 75%;
float: right
}
.case-link-list h2 {
font-size: 20px;
color: #333;
line-height: 40px;
margin: 10px 0 5px;
font-weight: bold;
height: 40px;
overflow: hidden;
transition: color .3s
}
.case-link-list .font {
font-size: 14px;
color: #777;
line-height: 24px;
height: 48px;
overflow: hidden
}
.case-link-list .more {
width: 125px;
height: 36px;
text-align: center;
line-height: 36px;
border: 1px solid #e4e4e4;
font-size: 14px;
color: #666;
border-radius: 2px;
margin-top: 25px;
transition: color .3s, border .3s, background .3s
}
.case-success {
padding-bottom: 100px
}
.su-title {
font-size: 34px;
color: #333;
line-height: 54px;
margin-bottom: 30px
}
.case-success-list {
width: 100%;
padding-bottom: 60px;
position: relative
}
.case-success-list .slides li {
width: 322px;
float: left;
margin-right: 35px
}
.case-success-list .slides .pic {
width: 100%;
overflow: hidden;
height: 21vh
}
.case-success-list .slides img {
width: 100%;
transition: transform .3s
}
.case-success-list .slides h2 {
font-size: 20px;
color: #333;
line-height: 40px;
margin: 35px 0 5px;
height: 40px;
overflow: hidden;
font-weight: bold
}
.case-success-list .slides .font {
font-size: 14px;
color: #777;
line-height: 24px;
width: 80%
}
.case-success-list .slides .more {
width: 125px;
text-align: center;
line-height: 36px;
border: 1px solid #e4e4e4;
font-size: 14px;
color: #666;
margin-top: 35px;
transition: background .3s, color .3s
}
.case-video-list {
padding-bottom: 50px;
position: relative
}
.case-video-list .slides li {
float: left;
width: 322px;
margin-right: 35px
}
.case-video-list .slides .pic {
width: 100%;
overflow: hidden;
position: relative
}
.case-video-list .slides img {
width: 100%;
transition: transform .3s
}
.case-video-list .slides .open {
width: 39px;
height: 39px;
position: absolute;
top: 50%;
left: 50%;
margin: -19px 0 0 -19px;
z-index: 2;
display: block;
background: url(../img/case20.png) no-repeat center
}
.case-video-list .slides .font {
font-size: 16px;
color: #333;
line-height: 26px;
text-align: center;
padding-top: 20px;
transition: color .3s
}
.case-success-list .flex-control-nav,
.case-video-list .flex-control-nav {
bottom: -25px
}
.case-success-list .flex-control-paging li a,
.case-video-list .flex-control-paging li a {
width: 10px;
height: 10px;
box-shadow: none;
background: url(../img/btn02.png) no-repeat center;
background-size: 100% 100%
}
.case-success-list .flex-control-paging li a.flex-active,
.case-success-list .flex-control-paging li a:hover,
.case-video-list .flex-control-paging li a.flex-active,
.case-video-list .flex-control-paging li a:hover {
background: url(../img/btn01_h.png) no-repeat center;
background-size: 100% 100%
}
.video-ajax {
position: fixed;
top: 0;
left: 0;
z-index: 11;
display: none;
text-align: center
}
.video-ajax .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 1;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
.video-ajax .close {
width: 25px;
height: 25px;
position: absolute;
top: 0;
right: -28px;
opacity: 1;
filter: alpha(opacity=100);
display: block;
z-index: 2;
background: url(../img/odd01.png) no-repeat center;
background-size: 100% 100%
}
.video-ajax .con {
width: 780px;
height: 438px;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
margin-left: -390px;
margin-top: -219px
}
.video-ajax .con video {
width: 100%
}
.case-info-box {
padding: 45px 0 108px;
background: #f5f5f5
}
.case-info-box .left {
width: 75%;
float: left
}
.case-info-box .left-box {
width: 100%;
padding: 36px 5.7% 75px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .07)
}
.case-info-box .left h1 {
font-size: 34px;
color: #000;
line-height: 54px;
padding: 19px 0;
border-bottom: 1px solid #f2f2f2;
text-align: center
}
.case-info-box .left h2 {
font-size: 28px;
color: #333;
line-height: 48px;
padding: 40px 0 15px
}
.case-info-box .left p {
font-size: 16px;
color: #666;
line-height: 36px;
word-wrap: break-word
}
.case-info-box .left img {
max-width: 100%;
height: auto !important
}
.case-info-box .left h3 {
font-size: 18px;
color: #000;
line-height: 38px;
padding-top: 30px
}
.case-info-box .right {
width: 22.8%;
float: right
}
.case-info-box .download {
width: 100%;
padding-left: 35%;
font-size: 22px;
color: #fff;
line-height: 90px;
margin-bottom: 24px;
background: #db261d url(../img/case22.png) no-repeat 20% center;
display: block
}
.case-info-box .relevant {
width: 100%;
padding: 13px 9% 55px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .07)
}
.case-info-box .relevant h2 {
font-size: 16px;
color: #333;
line-height: 48px
}
.case-info-box .relevant a {
display: block;
width: 100%;
font-size: 16px;
color: #666;
line-height: 26px;
padding: 7px 0 7px 12%;
background: url(../img/case23.png) no-repeat left 17px;
transition: background .3s, color .3s
}
.news-nav {
width: 100%;
height: 74px;
line-height: 74px;
background: #f5f5f5;
}
.news-nav .left-nav {
float: left;
width: 16.4%
}
.news-nav .left-nav a {
float: left;
width: 50%;
display: block;
font-size: 14px;
color: #333;
transition: color .3s
}
.news-nav .left-nav a:hover,
.news-nav .left-nav a.on {
color: #de241b
}
.news-nav .news-now {
float: right
}
.news-nav .news-now a {
float: right;
font-size: 14px;
color: #999;
transition: color .3s
}
.news-nav .news-now a:hover {
color: #de241b
}
.news-nav .news-now a.b {
color: #666
}
.news-nav .news-now i {
width: 4px;
height: 74px;
display: block;
float: right;
background: url(../img/case26.png) no-repeat center;
margin: 0 12px
}
.news-box {
padding: 58px 0 90px;
background: #fff;
width: 100%
}
.news-list-top {
/*padding-bottom: 125px;*/
position: relative
}
.news-list-top a {
width: 100%;
display: block
}
.news-list-top .slides li {
width: 100%;
float: left
}
.news-list-top .slides .pic {
width: 42.8%;
float: left;
overflow: hidden
}
.news-list-top .slides .pic img {
width: 100%;
transition: transform .3s
}
.news-list-top .slides .con {
float: right;
width: 52.8%;
padding-right: 6%;
display: block
}
.news-list-top .slides h3 {
font-size: 14px;
color: #666;
line-height: 34px;
padding-top: 40px
}
.news-list-top .slides h2 {
font-size: 24px;
color: #333;
line-height: 34px;
height: 34px;
overflow: hidden;
transition: color .3s
}
.news-list-top .slides .font {
font-size: 14px;
color: #666;
line-height: 25px;
height: 50px;
overflow: hidden;
margin: 30px 0 45px
}
.news-list-top .slides .more {
padding-left: 40px;
font-size: 16px;
color: #666;
line-height: 28px;
background: url(../img/case28.png) no-repeat left center
}
.news-list-top .slides li:hover img {
transform: scale(1.1)
}
.news-list-top .slides li:hover h2 {
color: #d9271b
}
.news-list-top .flex-control-nav {
bottom: 50px
}
.news-list-top .flex-control-nav a {
width: 10px;
height: 10px;
background: url(../img/case29.png) no-repeat center;
background-size: 100% 100%;
box-shadow: none
}
.news-list-top .flex-control-nav li a.flex-active,
.news-list-top .flex-control-nav li a:hover {
background: url(../img/case29_h.png) no-repeat center;
background-size: 100% 100%
}
.news-list-bot ul {
width: 100%
}
.news-list-bot li {
width: 30.5%;
margin: 0 4% 55px 0;
float: left;
transition: box-shadow .3s
}
.news-list-bot li.cur {
margin-right: 0
}
.news-list-bot li .pic {
width: 100%;
overflow: hidden;
height: 11.875vw;
border: 1px solid #e6e6e6
}
.news-list-bot li img {
width: 100%;
transition: transform .3s
}
.news-list-bot li .con {
display: block;
width: 100%;
border: 1px solid #e6e6e6;
border-top: 0;
padding: 26px 7% 50px
}
.news-list-bot li h2 {
/* font-size: 24px; */
font-size: 18px;
font-weight: 700;
color: #333;
line-height: 44px;
overflow: hidden;
height: 44px;
transition: color .3s
}
.news-list-bot li .time {
color: #999;
line-height: 26px;
font-size: 14px;
padding-left: 30px;
background: url(../img/case31.png) no-repeat left center
}
.news-list-bot li .font {
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 14px;
height: 48px;
overflow: hidden
}
.news-page {
width: 100%;
height: 40px;
text-align: center
}
.news-page a {
font-size: 14px;
line-height: 40px;
width: 40px;
height: 40px;
display: inline-block;
background: #f7f7f7;
color: #686868;
transition: background .3s, color .3s
}
.news-page.new a {
background: #fff
}
.news-page a.active,
.product-list .news-page a.active,
.news-page.on a.active,
.news-page.new a.active {
color: #fff;
background: #de241b
}
.news-page a.btns {
font-family: 'Microsoft YaHei',微软雅黑;
}
.product-list .news-page a {
background: #fff
}
.news-info-box {
width: 100%;
background: #fff;
padding: 102px 0 125px
}
.news-info-box .left {
width: 75%;
padding: 0 5.7%;
background: #fff;
float: left
}
.news-info-box .left h2 {
font-size: 30px;
color: #000;
line-height: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #f2f2f2;
padding-right: 85px;
position: relative;
margin-bottom: 30px
}
.news-info-box .left .time {
font-size: 14px;
color: rgba(51, 51, 51, .5);
line-height: 30px;
position: absolute;
top: 0;
right: 0
}
.news-info-box .left p {
font-size: 18px;
color: #666;
line-height: 36px;
/* margin-bottom: 30px; */
margin-bottom: 10px;
}
.news-info-box .left img {
max-width: 100%;
/* margin-bottom: 35px; */
height: auto !important
}
.news-info-box .right {
width: 22.8%;
float: right;
padding: 0 2%
}
.news-info-box .right h2 {
font-size: 22px;
color: #333;
line-height: 22px;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 15px
}
.news-info-box .right a {
display: block;
width: 100%;
font-size: 16px;
color: #666;
line-height: 26px;
padding: 7px 0 7px 12%;
background: url(../img/case23.png) no-repeat left 17px;
transition: background .3s, color .3s
}
.news-info-box .right a.link {
width: 100%;
height: 55px;
line-height: 55px;
background: #de241b url(../img/news04.png) no-repeat 80% center;
color: #fff;
font-size: 18px;
padding: 0 0 0 21%;
transition: background .3s, color .3s, padding .3s;
margin-top: 30px
}
.news-info-box .right a.link:hover {
background: #de241b url(../img/news04.png) no-repeat 85% center;
color: #fff;
padding: 0 0 0 15%
}
.news-video {
padding: 60px 0 80px;
background: #fff
}
.news-video-list {
width: 100%;
padding-bottom: 20px
}
.news-video-list li {
float: left;
width: 23.5%;
margin-right: 1.8%;
border: 1px solid #b9b9b9;
margin-bottom: 30px;
transition: box-shadow .3s
}
.news-video-list li.cur {
margin-right: 0
}
.news-video-list li .pic {
width: 100%;
overflow: hidden;
position: relative;
height: 217px
}
.news-video-list li img {
width: 100%;
transition: transform .3s
}
.news-video-list li .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.news-video-list li .open {
width: 45px;
height: 45px;
position: absolute;
top: 50%;
left: 50%;
margin: -22px 0 0 -22px;
display: block;
background: url(../img/news06.png) no-repeat center;
background-size: 100% 100%;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.news-video-list li .con {
display: block;
width: 100%;
border-top: 0;
padding: 20px 9% 30px
}
.news-video-list li h3 {
font-size: 16px;
color: #888;
line-height: 36px
}
.news-video-list li i {
display: block;
background: #7f7f7f;
width: 16px;
height: 1px;
margin: 9px 0 6px
}
.news-video-list li p.font {
font-size: 18px;
color: #333;
line-height: 28px;
height: 60px;
overflow: hidden
}
.mobile-nav-box {
display: none
}
.service-banner {
width: 100%;
height: 400px;
position: relative;
text-align: center
}
.service-banner h2 {
font-size: 34px;
color: #fff;
line-height: 56px;
padding-top: 140px
}
.service-banner.cur h2 {
padding-top: 113px
}
.service-banner p {
font-size: 22px;
color: #fff;
line-height: 45px
}
.service-banner form {
background: #fff;
border: 1px solid #dedede;
border-top: 0;
border-bottom: 0;
width: 654px;
margin: 45px auto 0;
height: 48px;
line-height: 48px
}
.service-banner .submit {
width: 7%;
height: 48px;
background: url(../img/ser14.png) no-repeat center;
border: 0;
float: left
}
.service-banner .text {
width: 55%;
float: left;
height: 48px;
line-height: 48px;
font-size: 18px;
color: #666;
border: 0
}
.service-channel-top {
padding: 89px 0 86px;
width: 100%;
background: #f5f5f5
}
.service-channel-top ul {
width: 100%
}
.service-channel-top li {
width: 32.1%;
margin-left: 1.7%;
background: #fff;
float: left
}
.service-channel-top li:first-child {
margin-left: 0
}
.service-channel-top .pic {
width: 100%
}
.service-channel-top img {
width: 100%
}
.service-channel-top .con {
width: 100%;
display: block;
padding: 25px 6%;
min-height: 235px
}
.service-channel-top h2 {
font-size: 26px;
color: #333;
line-height: 46px;
margin-bottom: 10px
}
.service-channel-top a {
display: block;
width: 50%;
float: left;
padding-left: 20px;
background: url(../img/ser05.png) no-repeat 3px 10px;
font-size: 14px;
color: #000;
line-height: 28px;
transition: color .3s
}
.service-channel-top li:nth-child(2) a {
width: 100%
}
.service-channel-top a:hover {
color: #d82518
}
.service-channel-cen {
width: 100%
}
.service-channel-cen ul {
width: 100%
}
.service-channel-cen li {
width: 50%;
text-align: center;
float: left;
position: relative
}
.service-channel-cen span {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
display: block
}
.service-channel-cen h2 {
font-size: 28px;
color: #2a2a2a;
line-height: 38px;
margin-top: 51px;
margin-bottom: 32px
}
.service-channel-cen li:first-child h2 {
color: #fff
}
.service-channel-cen .serch {
width: 180px;
margin: 45px auto 0;
display: block;
height: 43px;
text-align: center;
line-height: 43px;
background: #2a2a2a;
font-size: 18px;
color: #fff;
border-radius: 20px;
transition: background .3s, color .3s
}
.service-channel-cen li:first-child .serch {
background: #fff;
color: #2a2a2a
}
.service-channel-cen .con img {
max-width: 65%
}
.service-channel-bot {
padding: 76px 0 108px;
width: 100%;
background: #fff
}
.service-channel-bot li {
width: 23.7%;
float: left;
margin-left: 1.7%;
position: relative;
overflow: hidden
}
.service-channel-bot li:first-child {
margin-left: 0
}
.service-channel-bot li .con {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 8% 40px
}
.service-channel-bot li h2 {
font-size: 28px;
color: #fff;
line-height: 48px;
margin-bottom: 13px;
transition: color .3s
}
.service-channel-bot li p {
font-size: 14px;
color: #fff;
line-height: 28px
}
.service-channel-bot li img {
width: 100%;
transition: transform .3s
}
.download-channel {
padding: 70px 0 140px;
background: #fff;
width: 100%
}
.download-channel .title {
font-size: 34px;
color: #333;
line-height: 54px;
margin-bottom: 20px
}
.download-channel .top {
margin-bottom: 20px;
width: 100%
}
.download-channel ul {
width: 100%
}
.download-channel li {
width: 49.2%;
float: left;
border: 1px solid #dedede;
padding-bottom: 42px
}
.download-channel li.odd {
float: right
}
.download-channel .tit {
width: 100%;
border-bottom: 1px solid #dedede;
padding: 20px 4%;
display: block;
color: #333;
font-size: 22px;
line-height: 45px;
background: url(../img/ser19.png) no-repeat 97% center;
margin-bottom: 19px
}
.download-channel .tit p {
padding-left: 51px
}
.download-channel .ico_1 p {
background: url(../img/ser15.png) no-repeat left center
}
.download-channel .ico_2 p {
background: url(../img/ser16.png) no-repeat left center
}
.download-channel .ico_3 p {
background: url(../img/ser17.png) no-repeat left center
}
.download-channel .ico_4 p {
background: url(../img/ser18.png) no-repeat left center
}
.download-channel .con {
width: 87%;
margin: 0 auto;
border-bottom: 1px solid #eaeaea
}
.download-channel .con-tit {
display: block;
line-height: 72px;
padding-left: 34px;
background: url(../img/pro15.png) no-repeat left center;
font-size: 18px;
color: #333;
transition: background .3s
}
.download-channel .con-tit.on {
background: url(../img/ser21.jpg) no-repeat left center
}
.download-channel .link-box {
width: 100%;
padding-bottom: 5px;
display: none
}
.download-channel .link {
width: 33.33%;
float: left;
padding-left: 15px;
background: url(../img/ser20.png) no-repeat left 12px;
line-height: 34px;
font-size: 16px;
color: #808080;
transition: background .3s, color .3s
}
.download-list {
padding: 83px 0 136px
}
.download-list-tit {
font-size: 30px;
color: #333;
line-height: 89px
}
.download-list-box {
width: 100%
}
.download-list-box ul {
width: 100%
}
.download-list-box li {
width: 100%
}
.download-list-box .title {
width: 100%;
cursor: pointer;
padding-left: 64px;
background: url(../img/ser22.png) no-repeat left center;
line-height: 75px;
font-size: 18px;
color: #666;
border-bottom: 1px solid #e0e0e0
}
.download-list-box .title.on {
border-bottom: 0;
background: url(../img/ser22_h.png) no-repeat left center;
color: #d9271b
}
.download-list-box .time {
font-size: 14px;
color: #666;
opacity: .5;
filter: alpha(opacity=50)
}
.download-list-box .con {
width: 100%;
padding: 1.7%;
background: #f7f7f7;
display: none
}
.download-list-box dd {
width: 100%;
margin-bottom: 17px;
background: #fff;
padding: 39px 3.7% 49px
}
.download-list-box dd h2 {
line-height: 44px;
font-size: 24px;
color: #333;
margin-bottom: 14px
}
.download-list-box dd .line {
margin-bottom: 20px;
border-bottom: 1px solid #e6e5e5;
padding-bottom: 40px
}
.download-list-box dd p {
font-size: 15px;
color: #666;
line-height: 25px
}
.download-list-box .download {
margin-top: 23px;
width: 130px;
height: 42px;
padding-left: 37px;
line-height: 42px;
background: #d9271b url(../img/ser23.png) no-repeat 77px center;
color: #fff;
font-size: 16px;
color: #fff;
display: block;
border-radius: 30px
}
.download-list-box .weima {
display: block;
width: 300px
}
.download-list-box .weima img {
width: 60%;
float: left
}
.download-list-box .weima p {
width: 40%;
text-align: center;
font-size: 12px;
color: #666;
line-height: 18px;
float: right;
margin-top: 18px
}
.video-title {
width: 100%;
text-align: center;
font-size: 34px;
color: #333;
line-height: 54px;
padding: 12px 0 56px
}
.news-video .product-nav {
top: -40px
}
.news-page.on a {
background: #fff
}
.authen_nav {
width: 100%;
background: #f5f5f5;
height: 70px;
line-height: 70px;
font-size: 20px;
color: #333;
/*margin-top: 58px;*/
}
.authen_nav a {
font-size: 16px;
color: #1f1f1f;
opacity: .5;
filter: alpha(opacity=50);
margin-left: 45px;
transition: color .3s, opacity .3s
}
.authen_nav a.on {
color: #de241b;
opacity: 1;
filter: alpha(opacity=100)
}
.authentication-top {
padding: 69px 0 45px;
border-bottom: 1px solid #e6e6e6
}
.authentication-top h2 {
font-size: 36px;
color: #333;
line-height: 56px;
padding-bottom: 19px
}
.authentication-top p {
font-size: 15px;
color: #666;
line-height: 30px;
width: 72.4%
}
.authentication-center {
padding: 42px 0 51px;
border-bottom: 1px solid #e6e6e6
}
.authentication-center h2 {
font-size: 24px;
color: #333;
line-height: 44px;
margin-bottom: 10px
}
.authentication-center p {
padding-left: 18px;
font-size: 15px;
color: #666;
line-height: 30px;
background: url(../img/case23.png) no-repeat left 12px
}
.authentication-bot {
padding: 51px 0 85px
}
.authentication-bot h2 {
font-size: 24px;
color: #333;
line-height: 44px;
margin-bottom: 10px
}
.authentication-bot p {
font-size: 15px;
color: #666;
line-height: 30px;
width: 72.4%
}
.authentication-bot img {
max-width: 72.4%;
height: auto !important
}
.sign-top {
width: 100%;
background: #fff;
padding: 79px 0 114px
}
.sign-box1 {
width: 93%
}
.sign-top .title {
font-size: 34px;
color: #333;
line-height: 54px;
padding-bottom: 20px;
border-bottom: 1px solid #eeecec;
margin-bottom: 21px
}
.sign-top .information-tit {
padding: 20px 0 30px
}
.sign-top .information-tit h2 {
font-size: 24px;
color: #333;
line-height: 44px;
margin-bottom: 6px
}
.sign-top .information-tit span {
font-size: 14px;
color: #333;
margin-left: 11px
}
.sign-top .information-tit i {
display: block;
width: 24px;
height: 2px;
background: #333
}
.information-box {
border-bottom: 1px solid #eeecec;
padding-bottom: 38px
}
.information-box p {
font-size: 14px;
color: #666;
line-height: 30px;
float: left;
width: 100%
}
.information-box input {
margin-bottom: 20px;
padding: 0 15px;
font-size: 14px;
color: #666;
border: 1px solid #e5e5e5;
height: 48px;
line-height: 48px;
float: left
}
.information-box input.name {
width: 48.8%
}
.information-box select {
padding: 0 15px;
font-size: 14px;
color: #666;
border: 1px solid #e5e5e5;
height: 48px;
line-height: 48px;
margin-bottom: 20px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
position: relative;
background: url(../img/ser25.png) no-repeat 96% center
}
.information-box select.gender,
.information-box select.grade {
width: 48.8%;
float: right
}
.information-box .file {
width: 48.8%;
float: right;
margin-bottom: 20px;
position: relative;
height: 48px;
overflow: hidden
}
.information-box .file input {
border: 0;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0)
}
.information-box .file h2 {
font-size: 14px;
color: #666
}
.information-box .file span {
width: 30%;
display: inline-block;
margin: 0 5px;
height: 48px;
text-align: center;
line-height: 48px;
border: 1px solid #e5e5e5
}
.information-box select.post,
.information-box input.mobile {
width: 31.7%;
float: left;
margin-right: 2.3%
}
.information-box select.post.on {
margin-right: 0
}
.information-box input.email {
width: 31.7%
}
.information-box select.mold {
float: left;
width: 48.8%
}
.information-box input::-webkit-input-placeholder {
color: #666
}
.information-box input:-moz-placeholder {
color: #666
}
.information-box input::-moz-placeholder {
color: #666
}
.information-box input:-ms-input-placeholder {
color: #666
}
.video-ajax iframe {
margin: auto;
width: 57.3vw;
height: 47.9vw;
z-index: 2
}
.information-box input.submit {
width: 182px;
height: 50px;
text-align: center;
line-height: 50px;
background: #d20317;
border: 0;
font-size: 16px;
color: #fff;
margin-top: 30px;
margin-bottom: 0
}
.information-box.on {
border-bottom: 0;
padding-bottom: 0
}
.sign-bot {
background: #fff;
padding: 60px 0 114px;
width: 100%
}
.sign-bot h2 {
font-size: 30px;
color: #333;
line-height: 50px;
padding: 0 0 15px
}
.sign-bot .box {
width: 674px;
height: 78px;
padding: 9px 0;
border: 1px solid #d9d9d9;
margin-bottom: 12px
}
.sign-bot .box span {
width: 11.8%;
height: 60px;
display: block;
float: left;
border-right: 1px solid #d9d9d9
}
.sign-bot .box span.name {
background: url(../img/ser28.png) no-repeat center
}
.sign-bot .box span.name.on {
background: url(../img/en03.png) no-repeat center
}
.sign-bot .box span.ma {
background: url(../img/ser30.png) no-repeat center
}
.sign-bot .box span.tel {
background: url(../img/ser29.png) no-repeat center
}
.sign-bot .box input {
width: 88%;
height: 60px;
border: 0;
font-size: 16px;
color: #b2b2b2;
padding-left: 4%;
background: 0
}
.sign-bot .submit {
width: 190px;
height: 60px;
text-align: center;
line-height: 60px;
background: #d20317;
color: #fff;
font-size: 16px;
border: 0;
margin: 30px 0 80px
}
.sign-bot .tel-box {
width: 674px;
margin-bottom: 12px
}
.sign-bot .left {
width: 77.8%;
height: 78px;
padding: 9px 0;
border: 1px solid #d9d9d9
}
.sign-bot .left span {
width: 15.2%;
border-right: 1px solid #d9d9d9;
background: url(../img/ser29.png) no-repeat center;
height: 60px;
float: left;
display: block
}
.sign-bot .left input {
width: 84.8%;
height: 60px;
border: 0;
font-size: 16px;
color: #b2b2b2;
padding-left: 4%;
background: 0
}
.sign-bot .tel-box .button {
width: 20.3%;
float: right;
height: 78px;
border: 1px solid #d9d9d9;
text-align: center;
line-height: 78px;
font-size: 16px;
color: #b2b2b2;
background: 0
}
.monthly {
padding: 100px 0 66px
}
.left-list {
width: 28.2%;
float: left;
position: relative
}
.left-list .slides li {
width: 100%;
float: left;
position: relative
}
.left-list .news {
width: 75px;
height: 31px;
position: absolute;
top: 8px;
right: 0;
background: url(../img/ser32.png) no-repeat center
}
.left-list a {
display: block;
width: 100%
}
.left-list img {
width: 98.8%
}
.left-list .flex-control-nav {
bottom: -45px
}
.left-list .flex-control-paging li a {
width: 10px;
height: 10px;
box-shadow: none;
background: url(../img/ser33.png) no-repeat center;
background-size: 100% 100%;
transition: background .3s
}
.left-list .flex-control-paging li a.flex-active,
.left-list .flex-control-paging li a:hover {
background: url(../img/ser33_h.png) no-repeat center
}
.monthly .right {
width: 68.9%;
float: right
}
.monthly .right ul {
width: 100%;
margin-bottom: 30px
}
.monthly .right li {
width: 100%;
float: left;
margin-bottom: 20px;
background: #fff;
padding: 21px 2.2%;
transition: background .3s
}
.monthly .right li a {
display: block;
width: 100%
}
.monthly .right li span {
font-size: 16px;
color: #333;
line-height: 38px;
transition: color .3s
}
.monthly .right li .tit {
width: 80%
}
.monthly .right li .time {
font-size: 14px;
color: #888;
transition: color .3s
}
.monthly .news-page a {
background: #fff
}
.monthly .news-page a.active {
color: #fff;
background: #de241b
}
.search-ajax {
width: 100%;
overflow: auto
}
.search-ajax table {
max-width: 100%;
width: 100%
}
.search-ajax table td {
border: 1px solid #d8d8d8;
padding: 13px 0;
text-align: center;
font-size: 16px;
color: #333
}
.ser-contact {
padding: 70px 0 98px
}
.ser-contact .now {
top: -106px
}
.ser-contact h2 {
text-align: center;
font-size: 32px;
color: #333;
line-height: 52px;
margin-bottom: 45px
}
.ser-contact-list {
width: 100%
}
.ser-contact-list li {
width: 23.5%;
margin-left: 1.5%;
float: left;
text-align: center;
height: 228px;
cursor: pointer;
border: 1px solid #d8d8d8;
transition: background .3s, box-shadow .3s
}
.ser-contact-list li:first-child {
margin-left: 0
}
.ser-contact-list li img {
margin-top: 32px
}
.ser-contact-list li p {
font-size: 16px;
color: #333;
line-height: 26px;
margin-top: 45px
}
.repair-search {
padding: 43px 0 87px
}
.repair-search h2 {
color: #333;
font-size: 24px;
line-height: 44px;
margin-bottom: 24px
}
.repair-search .box {
width: 48%;
border: 1px solid #ddd;
padding: 8px 0;
height: 88px;
margin-bottom: 35px
}
.repair-search .box span {
width: 17%;
border-right: 1px solid #ddd;
padding-left: 8%;
height: 72px;
float: left;
display: block;
line-height: 72px;
font-size: 16px;
color: #333
}
.repair-search .box span.name {
background: url(../img/ser39.png) no-repeat 22% center
}
.repair-search .box span.pw {
background: url(../img/ser40.png) no-repeat 22% center
}
.repair-search .box input {
border: 0;
width: 83%;
line-height: 72px;
padding-left: 10px;
font-size: 16px;
color: #333
}
.repair-search .radio-box {
width: 100%;
height: 37px;
line-height: 37px
}
.repair-search .radio-box label {
font-size: 16px;
color: #333;
line-height: 37px;
float: left;
width: 12.5%;
font-weight: normal;
cursor: pointer
}
.repair-search .radio-box input {
margin-right: 13px;
cursor: pointer
}
.repair-search .submit {
width: 275px;
height: 58px;
text-align: center;
line-height: 58px;
border: 0;
background: #d9271b;
font-size: 18px;
color: #fff;
float: left;
margin-top: 64px
}
.snet {
width: 100%;
padding: 80px 0 72px;
background: #f5f5f5;
text-align: center
}
.snet h2 {
font-size: 24px;
color: #333;
line-height: 44px;
margin-bottom: 48px;
text-align: left
}
.snet img {
max-width: 100%
}
.state {
padding: 90px 0 97px
}
.state label {
width: 8.5%;
float: left;
font-size: 18px;
color: #333;
line-height: 90px
}
.state label input {
margin-right: 12px
}
.state .text {
width: 49.2%;
float: left;
border: 1px solid #ddd;
height: 90px;
line-height: 90px;
border-right: 1px solid #ddd;
padding-left: 10px
}
.state .submit {
width: 7.8%;
height: 90px;
line-height: 90px;
background: #d9271b;
color: #fff;
border: 0;
font-size: 18px;
float: left
}
.internet {
padding: 110px 0 130px
}
.internet li {
width: 48.5%;
float: left;
padding: 22px 6% 22px 2%;
background: #f5f5f5 url(../img/ser44.png) no-repeat 95%;
margin-bottom: 30px;
transition: background .3s, box-shadow .3s
}
.internet li a {
display: block;
width: 100%;
border-right: 1px solid #dcdcdc
}
.internet li h2 {
font-size: 20px;
color: #333;
line-height: 30px;
width: 100%;
margin-top: 7px;
transition: color .3s;
height: 30px;
overflow: hidden
}
.network .network-internet {
padding: 0;
}
.network .network-internet li {
width: 48.5%;
float: left;
padding: 22px 6% 22px 2%;
margin-bottom: 30px;
transition: background .3s, box-shadow .3s;
border: 1px solid #dedede;
background: #fff url(../img/cur03.png) no-repeat 95%;
}
.network-internet li a {
border-right: 0;
}
.network-internet li img {
width: 82px
}
.network .network-internet li span {
font-size: 18px;
color: #333;
margin-left: 8px;
font-weight: bold;
}
.internet li p.time {
font-size: 14px;
color: #888;
line-height: 24px;
margin-bottom: 10px
}
/* .internet li.even {
float: right
} */
.internet li:hover {
background: #fff url(../img/cur03_h.png) no-repeat 95%;
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.internet li:hover h2 {
color: #d9271b
}
.case-info-box.internet-info .left h1 {
text-align: left;
margin-bottom: 32px;
}
.case-info-box.internet-info .download {
padding-left: 44%;
background: #db261d url(../img/case22.png) no-repeat 30% center
}
.case-info-box.internet-info .intro {
width: 100%;
padding-left: 21%;
font-size: 16px;
color: #333;
display: block;
padding: 10px 0 10px 21%;
line-height: 28px;
word-wrap: break-word;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.case-info-box.internet-info .ico01 {
background: #fff url(../img/ser45.png) no-repeat 6% 17px;
margin-bottom: 8px
}
.case-info-box.internet-info .ico02 {
background: #fff url(../img/ser46.png) no-repeat 6% center
}
.case-info-box.internet-info .now {
top: -80px
}
.service_case {
padding: 38px 0 49px
}
.service_case .now {
top: -73px
}
.service_case .list {
width: 100%
}
.service_case li {
margin-bottom: 20px;
width: 100%
}
.service_case li a {
display: block;
width: 100%
}
.service_case li .tit {
width: 100%;
padding: 14px 11% 14px 1.7%;
background: #f5f5f5 url(../img/ser48.png) no-repeat 97% center;
transition: background .3s
}
.service_case li .tit p {
padding-left: 33px;
width: 100%;
font-size: 20px;
color: #333;
line-height: 40px;
background: url(../img/ser47.png) no-repeat left 11px;
transition: color .3s, background .3s
}
.service_case li .con {
width: 100%;
padding: 30px 4% 60px;
background: #f5f5f5;
display: none
}
.service_case li .con p {
font-size: 14px;
color: #666;
line-height: 24px
}
.service_case li.cur .tit {
background: #c11a20 url(../img/ser48_h.png) no-repeat 97% center
}
.service_case li.cur .tit p {
background: url(../img/ser47_h.png) no-repeat left 11px;
color: #fff
}
.network h2 {
font-size: 36px;
color: #333;
line-height: 46px;
padding: 75px 0 80px;
text-align: center
}
.network ul.slides {
width: 100%;
padding-bottom: 80px
}
.network .slides li {
float: left;
width: 20%;
margin-bottom: 20px;
text-align: center;
}
.network .slides li:hover span {
color: #d9271b;
}
.network .slides li a {
display: block;
width: 100%
}
.network .slides li img {
width: 82px
}
.network .slides li span {
font-size: 18px;
color: #666
}
.network .flex-control-nav {
display: none
}
.network .flex-direction-nav a {
width: 16px;
height: 40px;
opacity: 1;
font-family: 'Microsoft YaHei',微软雅黑;
font-size: 16px;
color: #d9271b;
position: absolute;
top: 50%;
margin: -20px 0 0;
font-weight: bold;
background: #fff
}
.network .list {
position: relative
}
.network .flex-direction-nav .flex-prev {
left: 0
}
.network .flex-direction-nav .flex-next {
right: 0
}
.network-c {
width: 100%;
height: 235px;
background: url(../img/ser54.png) no-repeat center;
background-size: cover
}
.network .network-c h2 {
font-size: 36px;
color: #333;
line-height: 46px;
padding: 93px 0 0
}
.network-c .net-link {
float: right;
text-align: center;
margin-left: 9%;
padding-top: 60px
}
.network-c .net-link p {
font-size: 18px;
color: #333;
line-height: 38px;
padding-top: 15px
}
.gua-nav {
width: 100%;
background: #f5f5f5
}
.gua-nav h2 {
font-size: 20px;
color: #333;
line-height: 70px;
float: left
}
.gua-nav .list {
float: right;
width: 60%;
line-height: 70px;
position: relative;
text-align: center
}
.gua-nav .list .slides a {
display: block;
width: 100%;
font-size: 15px;
color: #333;
opacity: .5;
filter: alpha(opacity=50);
transition: color .3s, opacity .3s
}
.gua-nav .list li.cur a {
color: #d9271b;
opacity: 1;
filter: alpha(opacity=100)
}
.gua-nav .flex-direction-nav {
display: none
}
.gua-nav .flex-control-nav {
display: none
}
.guatant-box {
width: 100%;
padding: 72px 0 86px;
background: #fff
}
.guatant-box h2 {
font-size: 36px;
color: #333;
line-height: 46px;
margin-bottom: 55px;
text-align: center
}
.guatant-box img {
margin-bottom: 38px;
max-width: 100%
}
.guatant-box h3 {
font-size: 18px;
color: #333;
line-height: 36px
}
.guatant-box .box {
position: relative;
top: -36px;
padding-left: 60px
}
.guatant-box p {
font-size: 14px;
color: #666;
line-height: 32px;
padding-left: 19px;
background: url(../img/case29.png) no-repeat left 11px
}
.promise-box {
padding: 62px 0 45px;
background: #fff;
width: 100%
}
.promise-box h1 {
font-size: 36px;
color: #000;
line-height: 56px
}
.promise-box h2 {
font-size: 24px;
color: #000;
line-height: 34px;
padding: 25px 0 18px
}
.promise-box p {
font-size: 15px;
color: #666;
line-height: 30px
}
.promise-box h3 {
font-size: 18px;
color: #000;
line-height: 38px;
margin-bottom: 4px
}
.promise-box ul {
margin-top: 20px
}
.promise-box li {
background: url(../img/ser58.png) no-repeat 13px top;
padding-bottom: 35px
}
.promise-box li h4 {
font-size: 18px;
padding-left: 43px;
color: #333;
line-height: 18px;
margin-bottom: 20px;
background: url(../img/ser59.png) no-repeat 8px top
}
.promise-box li p {
font-size: 15px;
color: #666;
padding-left: 43px;
line-height: 30px
}
.promise-box .w1400 {
padding-right: 20%
}
.three {
width: 100%;
padding: 55px 0 78px;
background: #fff
}
.three p {
font-size: 15px;
color: #666;
line-height: 30px
}
.three h2 {
font-size: 36px;
color: #000;
line-height: 56px;
padding: 55px 0 30px
}
.promise-box li:last-child {
background: 0
}
.three ul {
width: 100%
}
.three li {
width: 100%;
background: url(../img/ser58.png) no-repeat 13px top
}
.three li h3 {
font-size: 24px;
padding-left: 43px;
color: #333;
line-height: 24px;
margin-bottom: 10px;
background: url(../img/ser59.png) no-repeat 8px top
}
.three li p {
font-size: 15px;
color: #666;
padding-left: 43px;
line-height: 30px
}
.three li h4 {
font-size: 18px;
color: #000;
line-height: 28px;
padding-left: 43px
}
.three li:last-child {
background: 0
}
.three .w1400 {
padding-right: 20%
}
.supervise {
padding: 72px 0 88px;
background: #fff;
width: 100%;
text-align: center
}
.supervise h2 {
font-size: 36px;
color: #333;
line-height: 56px;
margin-bottom: 20px
}
.supervise p {
font-size: 16px;
color: #666;
line-height: 26px
}
.supervise .box {
margin-top: 50px;
width: 100%
}
.supervise a {
display: inline-block;
width: 19.4%;
margin-right: .7%;
padding: 42px 2% 15px;
border: 1px solid #e0e0e0;
float: left;
transition: background .3s.border .3s
}
.supervise a:last-child {
margin-right: 0
}
.supervise i {
width: 48px;
height: 48px;
margin: 0 auto 25px;
display: block
}
.supervise a p {
font-size: 14px;
color: #666;
line-height: 24px;
min-height: 48px;
transition: color .3s
}
.supervise i.ico01 {
background: url(../img/ser60.png) no-repeat center
}
.supervise i.ico02 {
background: url(../img/ser61.png) no-repeat center
}
.supervise i.ico03 {
background: url(../img/ser62.png) no-repeat center
}
.supervise i.ico04 {
background: url(../img/ser63.png) no-repeat center
}
.supervise i.ico05 {
background: url(../img/ser64.png) no-repeat center
}
.supervise a:hover {
background: #d9271b;
border-color: #d9271b
}
.supervise a:hover p {
color: #fff
}
.supervise a:hover i.ico01 {
background: url(../img/ser60_h.png) no-repeat center
}
.supervise a:hover i.ico02 {
background: url(../img/ser61_h.png) no-repeat center
}
.supervise a:hover i.ico03 {
background: url(../img/ser62_h.png) no-repeat center
}
.supervise a:hover i.ico04 {
background: url(../img/ser63_h.png) no-repeat center
}
.supervise a:hover i.ico05 {
background: url(../img/ser64_h.png) no-repeat center
}
.careful {
padding: 72px 0 60px;
width: 100%;
background: #fff
}
.careful h1 {
font-size: 36px;
color: #000;
line-height: 56px;
margin-bottom: 35px;
text-align: center
}
.careful ul {
width: 100%
}
.careful li {
width: 32%;
margin-right: 1.5%;
float: left;
padding: 0 2.5% 35px;
cursor: pointer;
margin-bottom: 30px;
border: 1px solid #d9d9d9;
transition: background .3s, border .3s
}
.careful li.cur {
margin-right: 0
}
.careful li h2 {
font-size: 24px;
color: #000;
line-height: 34px;
margin-top: 35px;
height: 68px;
transition: color .3s
}
.careful li p {
font-size: 14px;
color: #666;
line-height: 30px;
margin-bottom: 9px
}
.careful li .font {
width: 100%;
padding-right: 5px;
overflow: auto;
height: 189px
}
.careful li .font::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #ececec
}
.careful li .font::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ececec
}
.careful li .font::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d9271b
}
.careful li.last {
width: 65.5%;
margin-right: 0;
background: url(../img/ser65.png) no-repeat 97% 93%;
padding-bottom: 58px
}
.careful li h3 {
font-size: 18px;
color: #333;
line-height: 28px;
padding: 35px 0 15px
}
.careful li.last p {
margin-bottom: 0
}
.supplier-intro {
width: 100%;
padding: 72px 0 76px;
background: #fff
}
.supplier-intro img {
max-width: 100%
}
.supplier-intro h2 {
font-size: 36px;
color: #333;
line-height: 56px;
margin-bottom: 68px
}
.supplier-notice {
padding: 72px 0 87px;
background: #fcfcfc;
width: 100%
}
.supplier-notice h1 {
font-size: 36px;
color: #333;
line-height: 56px
}
.supplier-notice-list {
width: 100%;
border-bottom: 1px solid #e2e2e2
}
.supplier-notice-list p {
font-size: 16px;
color: #666;
line-height: 72px
}
.supplier-notice-list ul {
width: 40.2%;
float: right
}
.supplier-notice-list li {
width: 32%;
margin-left: 1.4%;
height: 50px;
line-height: 50px;
text-align: center;
background: #fff;
float: left;
cursor: pointer;
transition: background .3s
}
.supplier-notice-list li:first-child {
margin-left: 0
}
.supplier-notice-list span {
font-size: 16px;
color: #666;
display: inline-block;
padding-left: 19px;
transition: background .3s, color .3s
}
.supplier-notice-list li:first-child span {
background: url(../img/su03.png) no-repeat left center
}
.supplier-notice-list li:nth-child(2) span {
background: url(../img/su04.png) no-repeat left center
}
.supplier-notice-list li:last-child span {
background: url(../img/su05.png) no-repeat left center
}
.supplier-notice-list li.cur {
background: #d20317
}
.supplier-notice-list li.cur span {
color: #fff
}
.supplier-notice-list li:first-child.cur span {
background: url(../img/su03_h.png) no-repeat left center
}
.supplier-notice-list li:nth-child(2).cur span {
background: url(../img/su04_h.png) no-repeat left center
}
.supplier-notice-list li:last-child.cur span {
background: url(../img/su05_h.png) no-repeat left center
}
.supplier-notice-box {
padding-top: 30px
}
.supplier-notice-box .right {
width: 42.8%;
float: right
}
.supplier-notice-box .right img {
width: 100%
}
.supplier-notice-box .left {
width: 53.5%;
float: left
}
.supplier-notice-box .left p {
padding-left: 26px;
background: url(../img/ser59.png) no-repeat left 8px;
font-size: 16px;
color: #666;
line-height: 29px;
float: none;
margin-bottom: 14px
}
.supplier-notice-box .left .font {
position: relative;
height: 294px;
overflow: hidden
}
.supplier-notice-box .font-box {
background: url(../img/ser58.png) repeat-y 5px 8px
}
.supplier-notice-box .left .ont {
width: 8px;
height: 8px;
background: #fff;
display: block;
position: absolute;
top: 0;
left: 3px
}
.supplier-notice-box .more-ajax {
display: block;
width: 182px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
background: #d20317;
margin-top: 36px;
transition: background .3s
}
.cover-basic {
width: 100%;
padding: 70px 0 15px;
background: #fff
}
.cover-basic h1 {
font-size: 48px;
color: #333;
line-height: 60px;
padding-bottom: 58px;
border-bottom: 1px solid #eeecec;
text-align: center;
margin-bottom: 6px
}
.cover-tit h2 {
padding: 32px 0 8px;
font-size: 24px;
color: #333;
line-height: 39px
}
.cover-tit i {
width: 24px;
height: 2px;
background: #333;
display: block
}
.font-box {
width: 100%;
padding-top: 30px
}
.font-box input {
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding: 0 14px;
height: 50px;
line-height: 50px;
font-size: 14px;
float: left;
background: 0
}
.font-box select {
width: 31.9%;
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding: 0 14px;
height: 50px;
line-height: 50px;
font-size: 14px;
float: left;
background: 0
}
.font-box .text {
width: 31.9%;
margin-right: 2.1%
}
.font-box .text.out {
width: 29.3%
}
.font-box .txt {
margin-right: 2.1%;
width: 48.95%
}
.font-box .on {
margin-right: 0
}
.w1300 {
width: 1300px;
position: relative;
margin: 0 auto
}
.font-box input::-webkit-input-placeholder {
color: #666
}
.font-box input:-moz-placeholder {
color: #666
}
.font-box input::-moz-placeholder {
color: #666
}
.font-box input:-ms-input-placeholder {
color: #666
}
.cover-compete {
width: 100%;
background: #fcfcfc;
padding: 0 0 36px
}
.font-box p {
font-size: 14px;
color: #666;
line-height: 47px;
margin-bottom: 20px;
float: left;
width: 100%
}
.font-box input.rad {
border: 0;
padding: 0;
height: 47px;
line-height: 47px;
margin: 0 5px 0 0
}
.font-box label {
font-size: 14px;
color: #666;
position: relative;
float: left;
padding-right: 10px
}
.font-box a {
position: relative;
float: left;
width: 48.95%;
margin-right: 2.1%
}
.font-box a.on {
width: 31.9%
}
.font-box a img {
position: absolute;
right: 10px;
top: 9px
}
.font-box a span {
position: absolute;
right: 2px;
top: 10px;
font-size: 14px;
color: #666
}
.font-box a input.txt {
width: 100%;
margin-right: 0
}
.cover-cont {
padding: 12px 0 80px;
background: #fff;
width: 100%
}
.font-box .file {
width: 100%;
float: right;
margin-bottom: 20px;
position: relative;
overflow: hidden
}
.font-box .file input {
border: 0;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
margin-bottom: 0
}
.font-box .file h2 {
font-size: 13px;
color: #666
}
.font-box .file span {
width: 11%;
display: inline-block;
margin: 0 5px;
text-align: center;
line-height: 48px;
border: 1px solid #e5e5e5
}
.font-box .file span.text_span {
width: 50%
}
.font-box .box {
width: 100%;
float: left
}
.font-box .box input {
width: 14%;
border: 0;
height: 50px;
text-align: center;
line-height: 50px;
margin-right: 2.1%;
background: #c8c8c8;
color: #fff;
font-size: 16px;
transition: background .3s
}
.font-box .box input:hover {
background: #d20317
}
.notice-t {
padding: 52px 0 72px
}
.inv-title {
font-size: 36px;
color: #333;
line-height: 54px;
margin-bottom: 30px;
text-align: center
}
.notice-t ul {
width: 100%
}
.notice-t li {
width: 31.8%;
float: left;
margin: 0 2.1% 20px 0;
background: #fff;
padding: 8px 2.5% 34px;
cursor: pointer;
transition: box-shadow .3s
}
.notice-t li.cur {
margin-right: 0
}
.notice-t li a {
display: block;
width: 100%
}
.notice-t li .time {
font-size: 14px;
color: #888;
line-height: 56px;
border-bottom: 1px solid #e5e5e5;
padding-right: 37px;
background: url(../img/su08.png) no-repeat right center
}
.notice-t li .font {
font-size: 20px;
color: #333;
line-height: 32px;
height: 64px;
margin-top: 18px;
overflow: hidden;
transition: color .3s
}
.notice-t .more {
width: 182px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 40px auto 0;
background: #d20317;
color: #fff;
font-size: 16px;
display: block;
border-radius: 2px;
transition: background .3s
}
.govem-t {
width: 100%;
background: #fff;
padding: 59px 0 77px
}
.govem-t-box {
width: 100%
}
.govem-t-box .right {
width: 48.5%;
float: left;
overflow: hidden;
position: relative
}
.govem-t-box .slides li {
float: left;
position: relative
}
.govem-t-box .slides a {
display: block;
width: 100%
}
.govem-t-box .slides img {
width: 100%;
transition: transform .3s
}
.govem-t-box .slides p {
position: absolute;
bottom: 0;
left: 0;
font-size: 20px;
color: #fff;
line-height: 20px;
padding: 100px 90px 25px 3%;
background: url(../img/su11.png) no-repeat left top;
width: 100%
}
.govem-t-box .flex-control-nav {
bottom: 10px;
right: 25px;
text-align: right
}
.govem-t-box .flex-control-nav li {
margin: 0 5px
}
.govem-t-box .flex-control-nav a {
width: 10px;
height: 10px;
background: url(../img/su09.png) no-repeat center;
box-shadow: none
}
.govem-t-box .flex-control-nav a.flex-active,
.govem-t-box .flex-control-nav a:hover {
background: url(../img/su09_h.png) no-repeat center
}
.govem-t-box .left {
width: 47%;
float: right
}
.govem-t-box .left li {
width: 100%;
font-size: 16px;
color: #333;
line-height: 27px;
padding: 15px 2%;
border-top: 1px solid #e5e5e5;
transition: background .3s, color .3s
}
.govem-t-box .left li:first-child {
border-top: 0
}
.govem-t-box .left li a {
display: block;
color: #333;
transition: color .3s
}
.govem-t-box .left .tit {
float: left;
width: 70%;
overflow: hidden;
height: 27px
}
.govem-t-box .left .time {
font-size: 14px;
color: #888;
float: right;
transition: color .3s
}
.govem-t .more {
width: 182px;
text-align: center;
line-height: 50px;
height: 50px;
border: 1px solid #e5e5e5;
border-radius: 2px;
font-size: 16px;
color: #010101;
display: block;
margin: 55px auto 0;
transition: color .3s, background .3s, border .3s
}
.finance-t {
padding: 72px 0 83px;
width: 100%
}
.finance-t .more {
width: 182px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 40px auto 0;
background: #d20317;
color: #fff;
font-size: 16px;
display: block;
border-radius: 2px;
transition: background .3s
}
.finance-t .more:hover {
background: #c51f30
}
.finance-t ul {
width: 100%
}
.finance-t li {
width: 48.5%;
float: left;
background: #fff;
padding: 22px 0;
float: left;
margin-bottom: 28px;
transition: box-shadow .3s
}
.finance-t li.even {
float: right
}
.finance-t li a {
display: block;
width: 100%;
float: left;
padding: 0 12.5% 0 4%;
background: url(../img/su13.png) no-repeat 95% center;
transition: background .3s
}
.finance-t li .pic {
width: 60px;
height: 60px;
text-align: center;
float: left;
border: 1px solid #e5e5e5;
border-radius: 50%;
line-height: 60px
}
.finance-t li img {
max-height:
}
.finance-t li .con {
margin-left: 3.5%;
width: 85%;
display: block;
float: left;
border-right: 1px solid #e5e5e5
}
.finance-t li h2 {
font-size: 20px;
color: #333;
line-height: 30px;
height: 30px;
overflow: hidden;
transition: color .3s
}
.finance-t li .font {
font-size: 14px;
color: #888;
line-height: 21px;
height: 21px;
overflow: hidden
}
.platform {
padding: 64px 0 86px;
width: 100%;
background: #fff
}
.platform-link {
position: relative;
display: block;
text-align: center
}
.platform-link .pic {
width: 100%
}
.platform-link .bg {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .4)
}
.platform-link .con {
display: block;
width: 192px;
height: 238px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto
}
.platform-link .con img {
width: 100%
}
.platform-link .con .img02 {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.platform-link .con .font {
font-size: 18px;
color: #fff;
line-height: 28px;
margin-top: 22px;
padding-right: 18px;
display: inline-block;
background: url(../img/su16.png) no-repeat right center;
transition: color .3s, background .3s
}
.news {
width: 100%;
padding: 68px 0 85px
}
.news-intro {
padding-bottom: 120px;
position: relative
}
.news-intro .slides li {
width: 445px;
background: #fff;
margin-right: 30px;
float: left;
transition: box-shadow .3s
}
.news-intro .slides .pic {
width: 100%;
overflow: hidden
}
.news-intro .slides img {
width: 100%;
transition: all .5s
}
.news-intro .slides .con {
display: block;
width: 100%;
padding: 20px 6% 30px;
box-sizing: content-box;
border: 1px solid #eee;
border-top: 0;
width: 88%
}
.news-intro .slides h2 {
font-size: 16px;
color: #333;
line-height: 36px;
transition: color .3s
}
.news-intro .flex-control-nav {
bottom: 50px
}
.news-intro .flex-control-nav li {
margin: 0 6px
}
.news-intro .flex-control-paging li a {
width: 14px;
height: 14px;
box-shadow: none;
background: url(../img/ser43.png) no-repeat center;
background-size: 100% 100%
}
.news-intro .flex-control-paging li a.flex-active,
.news-intro .flex-control-paging li a:hover {
background: url(../img/ser43_h.png) no-repeat center;
background-size: 100% 100%
}
.news-intro .flex-direction-nav {
display: none
}
.news-list {
padding-bottom: 30px;
width: 100%
}
.news-list ul {
width: 100%
}
.news-list li {
width: 23.7%;
margin-right: 1.7%;
background: #fff;
float: left;
margin-bottom: 40px;
transition: background .3s
}
.news-list li.li4 {
margin-right: 0
}
.news-list li a {
display: block;
width: 82%;
padding: 27px 9% 21px
}
.news-list li h2 {
font-size: 16px;
color: #333;
line-height: 26px;
transition: color .3s
}
.news-list .time {
padding-left: 22px;
font-size: 13px;
color: #999;
font-family: 'Microsoft YaHei',微软雅黑;
line-height: 23px;
margin-top: 10px;
background: url(../img/news022.png) no-repeat left center;
transition: color .3s, background .3s
}
.news-list .font {
font-size: 13px;
color: #999;
line-height: 24px;
padding: 10px 0 25px;
transition: color .3s
}
.ac-banner {
width: 100%;
height: 700px;
text-align: center;
position: relative
}
.ac-banner .con {
display: block;
width: 685px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 330px;
margin: auto
}
.ac-banner .con .box {
position: absolute;
bottom: -20px;
left: 0;
width: 100%
}
.ac-banner h2 {
font-size: 60px;
color: #fff;
line-height: 88px
}
.ac-banner h3 {
font-size: 45px;
color: #fff;
line-height: 80px
}
.ac-banner p {
font-size: 16px;
color: #fff;
line-height: 34px;
margin-top: 10px
}
.ac-banner a {
display: inline-block;
width: 30%;
margin: 35px 3.6% 0;
height: 50px;
line-height: 50px;
background: #dc231f;
color: #fff;
border-radius: 25px;
font-size: 16px
}
.ac-number {
width: 100%;
padding: 30px 0 35px;
background: #fff
}
.ac-number li {
float: left;
width: 20%;
text-align: center
}
.ac-number li h2 {
font-size: 52px;
color: #dc231f;
font-weight: bold;
line-height: 59px
}
.ac-number li p {
font-size: 16px;
color: #666;
line-height: 24px
}
.ac-about {
padding: 78px 0 93px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.ac-about h2 {
font-size: 48px;
color: #333;
line-height: 63px;
text-align: center;
margin-bottom: 50px
}
.ac-about li {
width: 25%;
margin-left: 7.5%;
float: left;
text-align: left
}
.ac-about li:first-child {
/* margin-left: 0 */
}
.ac-about li a {
display: block;
width: 100%
}
.ac-about li .pic {
width: 100%;
overflow: hidden
}
.ac-about li img {
width: 100%;
transition: transform .3s
}
.ac-about li h3 {
font-size: 20px;
color: #333;
line-height: 39px;
margin-top: 14px;
transition: color .3s
}
.ac-about li .font {
font-size: 14px;
color: #555;
line-height: 29px;
margin-top: 8px;
height: 58px;
overflow: hidden
}
.ac-about li .more {
margin-top: 30px;
padding-left: 40px;
font-size: 16px;
color: #d9271b;
line-height: 25px;
background: url(../img/ab08.png) no-repeat left center
}
.ac-about li:hover img {
transform: scale(1.1)
}
.ac-about li:hover h3 {
color: #d9271b
}
.ac-media {
width: 100%;
position: relative;
overflow: hidden
}
.ac-media a {
display: block;
width: 100%
}
.ac-media .pic {
width: 100%;
min-height: 110px
}
.ac-media .con {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 700px;
height: 230px;
margin: auto;
text-align: center
}
.ac-media .con h3 {
font-size: 40px;
color: #fff;
font-weight: bold;
line-height: 60px
}
.ac-media .con h2 {
font-size: 55px;
color: #fff;
line-height: 109px
}
.ac-media .con .more {
display: inline-block;
width: 30%;
margin: 35px 3.6% 0;
height: 50px;
line-height: 50px;
background: #dc231f;
color: #fff;
border-radius: 25px;
font-size: 18px
}
.ac-media .con img {
margin-right: 10px
}
.ac-join {
padding: 80px 0;
background: #fff;
width: 100%
}
.ac-join li {
width: 32.1%;
margin-left: 1.7%;
float: left;
transition: box-shadow .3s
}
.ac-join li:first-child {
margin-left: 0
}
.ac-join li a {
display: block;
width: 100%
}
.ac-join li .pic {
width: 100%;
overflow: hidden
}
.ac-join li img {
width: 100%;
transition: transform .3s
}
.ac-join li .con {
width: 100%;
border: 1px solid #eee;
display: block;
padding: 30px 8% 40px
}
.ac-join li h2 {
font-size: 24px;
color: #000;
line-height: 43px;
margin-bottom: 21px
}
.ac-join li .more {
padding-left: 40px;
font-size: 16px;
color: #d9271b;
line-height: 25px;
background: url(../img/ab08.png) no-repeat left center
}
.company .flex-control-nav {
/* border-top: 1px solid rgba(255, 255, 255, .1); */
padding-top: 26px
}
.company-top {
padding: 50px 0 103px;
background: #fff;
width: 100%
}
.company-top .right {
width: 50%;
float: right;
cursor: pointer;
position: relative
}
.company-top .right img {
width: 100%
}
.company-top .right .open {
width: 60px;
height: 60px;
background: url(../img/ab15.png) no-repeat center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30px;
margin-top: -30px
}
.company-top .left {
width: 44%;
float: left;
position: relative
}
.company-top .left h2 {
font-size: 48px;
color: #010101;
line-height: 69px
}
.company-top .left .font-hei {
margin-top: 12px;
height: 180px;
overflow: hidden
}
.company-top .left p {
font-size: 16px;
color: #333;
line-height: 36px;
float: none
}
.company-top .left .font-box {
padding-top: 0
}
.company-top .font-more {
width: 180px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
border-radius: 2px;
background: #d9271b;
display: block;
margin-top: 80px
}
.company-center {
width: 100%;
height: 540px;
background-size: cover !important;
position: relative;
padding-top: 100px
}
.company-center .list {
text-align: center
}
.company-center h2 {
font-size: 48px;
color: #fff;
line-height: 64px;
margin-bottom: 55px
}
.company-center p {
font-size: 18px;
color: #fff;
line-height: 37px;
margin-top: 20px
}
.company-center img {
max-width: 80%
}
.company-center .flex-control-nav {
bottom: -130px;
border-top: 0
}
.company-center .flex-control-paging li a {
width: 13px;
height: 13px;
background: url(../img/ab21.png) no-repeat center
}
.company-center .flex-control-paging li a:hover,
.company-center .flex-control-paging li a.flex-active {
background: url(../img/ab21_h.png) no-repeat center
}
.company-center .flex-direction-nav a {
width: 41px;
height: 77px;
position: absolute;
margin: -38px 0 0;
opacity: 1;
filter: alpha(opacity=100)
}
.company-center .flex-direction-nav a.flex-prev {
left: 0;
background: url(../img/ab18.png) no-repeat center;
background-size: 100%
}
.company-center .flex-direction-nav a.flex-next {
right: 0;
background: url(../img/ab19.png) no-repeat center;
background-size: 100%
}
.company-center .flex-direction-nav a:before {
content: "" !important
}
.company-g {
padding: 90px 0;
background: #f9f9f9;
width: 100%
}
.company-g ul {
width: 100%
}
.company-g li {
width: 32.1%;
float: left;
margin-left: 1.7%;
background: #fff;
transition: box-shadow .3s
}
.company-g li:first-child {
margin-left: 0
}
.company-g li .pic {
width: 100%;
overflow: hidden
}
.company-g li img {
width: 100%;
transition: transform .3s
}
.company-g li .con {
display: block;
min-height: 346px;
padding: 30px 8% 39px
}
.company-g li h2 {
font-size: 24px;
color: #000;
line-height: 43px;
margin-bottom: 12px
}
.company-g li .con p {
font-size: 16px;
color: #666;
line-height: 32px
}
.company-g li .font {
height: 160px;
overflow: hidden
}
.company-g li p.more {
font-size: 16px;
color: #d9271b;
line-height: 25px;
padding-left: 40px;
background: url(../img/ab08.png) no-repeat left center;
margin-top: 30px;
cursor: pointer
}
.company-g li:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.company-g li:hover img {
transform: scale(1.1)
}
.company-column {
padding: 80px 0 78px;
width: 100%;
background: #fff
}
.company-column h2 {
font-size: 36px;
color: #333;
line-height: 54px;
margin-bottom: 30px;
text-align: center
}
.company-column ul {
width: 100%
}
.company-column li {
width: 32.1%;
height: 260px;
text-align: center;
margin-left: 1.7%;
float: left;
border: 1px solid #ededed;
transition: box-shadow .3s
}
.company-column li:first-child {
margin-left: 0
}
.company-column a {
display: block;
width: 100%;
height: 100%
}
.company-column img {
padding-top: 52px
}
.company-column h3 {
font-size: 24px;
color: #333;
line-height: 42px;
margin-top: 25px;
transition: color .3s
}
.company-column p {
font-size: 16px;
color: #666;
line-height: 35px
}
.media-top {
padding: 56px 0 92px
}
.media-top .left {
width: 49.1%;
float: left
}
.media-top h2 {
line-height: 54px;
font-size: 36px;
color: #000;
margin-bottom: 30px
}
.media-top .left-box {
position: relative;
width: 100%;
cursor: pointer;
overflow: hidden
}
.media-top img {
width: 100%;
transition: transform .3s
}
.media-top .left p {
position: absolute;
bottom: 0;
left: 0;
padding: 0 8% 30px;
background: url(../img/ab29.png) no-repeat top -5px center;
font-size: 36px;
color: #fff;
width: 100%
}
.media-top .right {
width: 49.1%;
float: right
}
.media-top .right-box {
width: 100%
}
.media-top .right-box li {
width: 48.3%;
float: left;
position: relative;
overflow: hidden;
margin-bottom: 24px
}
.media-top .right-box li:nth-child(3),
.media-top .right-box li:nth-child(4) {
margin-bottom: 0
}
.media-top .right-box li img {
width: 100%;
transition: transform .3s
}
.media-top .right-box li.odd {
float: right
}
.media-top .right-box p {
position: absolute;
bottom: 0;
left: 0;
padding: 0 7% 20px;
background: url(../img/ab29.png) no-repeat top -5px center;
font-size: 20px;
line-height: 30px;
color: #fff;
width: 100%
}
.media-bot {
width: 100%;
padding: 59px 0 105px;
background: #fff
}
.media-bot h2 {
font-size: 36px;
color: #000;
line-height: 55px;
padding-bottom: 9px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 50px
}
.media-bot .media-link {
position: absolute;
right: 0;
top: 0;
width: 225px
}
.media-bot .media-link a {
float: left;
display: block;
font-size: 18px;
color: #000;
line-height: 55px;
padding-bottom: 8px;
width: 100px;
text-align: center;
margin-left: 25px
}
.media-bot .media-link a.cur {
color: #d9271b;
border-bottom: 2px solid #d9271b
}
.media-bot .media-link a:first-child {
margin-left: 0
}
.media-list ul {
width: 100%
}
.media-list li {
width: 23.7%;
float: left;
margin-right: 1.7%;
position: relative;
margin-bottom: 24px;
cursor: pointer;
overflow: hidden
}
.media-list li img {
width: 100%;
transition: transform .3s
}
.media-list li p {
position: absolute;
bottom: 0;
left: 0;
padding: 0 7% 20px;
background: url(../img/ab29.png) no-repeat top -5px center;
font-size: 18px;
line-height: 28px;
color: #fff;
width: 100%
}
.media-list li .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.media-list li .open {
width: 45px;
height: 45px;
position: absolute;
top: 50%;
left: 50%;
margin: -22px 0 0 -22px;
display: block;
background: url(../img/news06.png) no-repeat center;
background-size: 100% 100%;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.media-list li.cur {
margin-right: 0
}
.develop {
padding: 30px 0;
background: #f9f9f9;
width: 100%
}
.vision-title {
font-size: 42px;
color: #333;
line-height: 60px;
text-align: center;
margin-bottom: 29px
}
.develop ul {
width: 100%
}
.develop li {
width: 32.1%;
float: left;
background: #fff;
margin-left: 1.7%;
transition: box-shadow .3s
}
.develop li:first-child {
margin-left: 0
}
.develop li .pic {
width: 100%
}
.develop li img {
width: 100%;
transition: transform .3s
}
.develop li .con {
width: 100%;
padding: 30px 8% 0;
min-height: 230px;
display: block
}
.develop li h3 {
font-size: 24px;
color: #000;
line-height: 43px
}
.develop li p.font {
font-size: 14px;
color: #666;
line-height: 30px
}
.culture {
width: 100%;
background: #fff;
padding: 102px 0 100px;
width: 100%
}
.culture ul {
width: 100%;
padding-top: 37px
}
.culture li {
float: left;
width: 33.33%;
text-align: center
}
.culture li img {
margin-bottom: 24px;
max-width: 60%
}
.culture li h2 {
font-size: 24px;
color: #666;
line-height: 43px
}
.culture li p {
font-size: 16px;
color: #666;
line-height: 34px
}
.action {
padding: 90px 0 84px;
background: #f9f9f9;
width: 100%
}
.action ul {
padding-top: 10px
}
.action li {
width: 25%;
float: left;
height: 50px;
font-size: 16px;
color: #666;
line-height: 30px;
padding: 10px 0 10px 1.5%;
cursor: pointer;
transition: background .3s
}
.action li span {
color: #3778a8;
margin-right: 4%
}
.authen_nav.join-nav {
background: #f9f9f9
}
.join-box {
padding: 55px 0 74px;
background: #f9f9f9;
width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.join-box h2 {
font-size: 36px;
color: #000;
line-height: 54px;
text-align: center;
margin-bottom: 45px
}
.join-box form {
width: 100%;
padding-bottom: 30px
}
.join-box .text {
width: 30%;
float: left;
height: 57px;
background: #fff;
padding: 0 1.4%;
line-height: 57px;
margin-right: .4%;
font-size: 14px;
color: #666;
border: 0
}
.join-box .text::-webkit-input-placeholder {
color: #666
}
.join-box .text:-moz-placeholder {
color: #666
}
.join-box .text::-moz-placeholder {
color: #666
}
.join-box .text:-ms-input-placeholder {
color: #666
}
.join-box select {
width: 30%;
height: 57px;
padding: 0 1.4%;
line-height: 57px;
margin-right: .4%;
font-size: 14px;
color: #666;
border: 0;
float: left;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #fff url(../img/ab38.png) no-repeat 95% center
}
.join-box .submit {
width: 8%;
float: right;
height: 57px;
line-height: 57px;
background: #de241b url(../img/ab37.png) no-repeat center;
border: 0;
transition: background .3s
}
.join-box .title {
overflow: hidden;
color: #fff;
background: #b4b4b4;
font-size: 16px;
padding: 0 20px;
line-height: 50px;
height: 50px
}
.join-box .title p {
text-align: center;
float: left;
width: 20%
}
.join-box ul {
border: 1px solid #efefef;
border-top: 0;
padding-bottom: 52px;
background: #fff
}
.join-box li {
background: #fff;
padding: 0 3.5%
}
.join-box li .tit {
font-size: 14px;
line-height: 60px;
height: 60px;
cursor: pointer;
overflow: hidden;
border-bottom: 1px solid #efefef
}
.join-box li .tit.on p:last-child {
color: #d40b17
}
.join-box li .tit p {
float: left;
width: 20%;
text-align: center
}
.join-box li .in {
padding: 20px 50px;
background: #f5f5f5;
display: none
}
.join-box li .in.on {
display: block
}
.join-box li .in .top dd {
float: left;
width: 25%;
font-size: 14px;
line-height: 22px;
margin-bottom: 3px
}
.join-box li .in .top dd span {
color: #666
}
.join-box li .in .bot h1 {
font-size: 16px;
color: #333
}
.join-box li .in .bot dl dd {
color: #777;
font-size: 12px;
line-height: 26px
}
.join-box li .in .bot>div {
float: left;
width: 46%;
margin-right: 4%
}
.join-box li .in .bot {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px
}
.join-box li .in .link {
padding-top: 17px
}
.join-box li .in .more {
display: none;
text-align: center;
line-height: 40px;
color: #fff;
background: #c30d18;
margin-top: 10px;
font-size: 16px;
width: 200px
}
.join-box li .in .link img {
margin-right: 3%
}
.join-box li .in .link .box-img {
width: 160px
}
.join-box li .in .more.on {
display: block;
width: 150px
}
.join-box li .in .more:hover {
background: #e50f1c
}
.inliner-banner .now {
top: auto;
bottom: 0;
width: 100%;
line-height: 59px;
text-align: right;
/*border-top: 1px solid rgba(255, 255, 255, .1)*/
}
.contact {
padding: 30px 0 110px;
width: 100%;
background: #fff
}
.contact .cont-tit {
width: 100%;
line-height: 38px;
padding-bottom: 22px;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
color: #666
}
.contact ul {
width: 100%
}
.contact li {
float: left;
width: 33.33%;
padding: 60px 2.8% 0;
border-left: 1px solid #e5e5e5;
min-height: 610px
}
.contact li:first-child {
border-left: none
}
.contact li img {
margin-bottom: 15px
}
.contact li h2 {
font-size: 30px;
color: #000;
line-height: 48px;
margin-bottom: 12px
}
.contact li p {
font-size: 16px;
color: #333;
line-height: 36px
}
.contact li dl {
width: 100%;
padding-top: 40px
}
.contact li dd {
float: left;
width: 50%
}
.contact li img {
max-width: 100%;
margin-bottom: 5px
}
.contact li dd p {
font-size: 14px;
color: #000;
line-height: 35px;
padding-left: 5%
}
.contact li .link {
padding-left: 40px;
font-size: 14px;
color: #d9271b;
line-height: 25px;
background: url(../img/ab08.png) no-repeat left center;
display: block;
margin: 30px 0 60px;
transition: padding .3s
}
.contact li h3 {
font-size: 24px;
color: #000;
line-height: 61px
}
.contact li .cha {
width: 80%;
border: 1px solid #ddd;
padding: 0 3%;
height: 48px;
line-height: 48px;
font-size: 14px;
color: #666;
display: block;
margin-bottom: 20px;
background: url(../img/ab38.png) no-repeat 94% center
}
.contact li .ban {
position: relative
}
.contact li .box {
background: #f5f5f5;
padding: 30px 0 35px;
position: absolute;
top: 90px;
left: -10%;
opacity: 0;
filter: alpha(opacity=0)
}
.contact li .box h4 {
font-size: 24px;
color: #000;
line-height: 43px;
padding-left: 10%;
margin-bottom: 6px
}
.contact li .box p {
font-size: 14px;
color: #666;
line-height: 30px;
padding: 0 10%
}
.contact li .box:after {
border-bottom: 13px solid #f5f5f5;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -13px;
left: 13%;
content: "";
width: 0;
height: 0
}
.manage-box {
width: 100%;
background: #fff;
padding: 70px 0 90px
}
.manage-box .right {
width: 34.2%;
float: right
}
.manage-box .right img {
width: 100%
}
.manage-box .left {
width: 54%;
float: left
}
.manage-box .left h2 {
font-size: 30px;
color: #333;
line-height: 48px;
margin-top: 30px;
margin-bottom: 10px
}
.manage-box .left p {
font-size: 16px;
color: #666;
line-height: 36px
}
.manage-bot {
width: 100%;
height: 800px;
overflow: hidden;
position: relative
}
.manage-bot .w1400 {
height: 100%
}
.manage-bot .slides {
float: left;
height: 100%;
border-right: 1px solid rgba(255, 255, 255, .25)
}
.manage-bot .slides li {
width: 25%;
float: left;
height: 100%;
border-left: 1px solid rgba(255, 255, 255, .25);
padding: 136px 3% 0;
position: relative;
cursor: pointer;
transition: width .3s
}
.manage-bot.edge .slides li {
width: 16.66%
}
.manage-bot.edge .slides li.on {
width: 25%
}
.manage-bot.edge .slides li.cur {
width: 15%
}
.manage-bot .slides li h2 {
font-size: 72px;
color: #fff;
font-weight: bold;
line-height: 87px;
margin-bottom: 28px;
transition: font-size .3s
}
.manage-bot .slides li h3 {
font-size: 24px;
color: #fff;
line-height: 43px
}
.manage-bot .slides li p {
font-size: 16px;
color: #fff;
line-height: 29px;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .3s
}
.manage-bot .slides li p.en {
font-size: 16px;
color: #fff;
opacity: .5;
filter: alpha(opacity=50);
line-height: 26px;
transition: opacity .3s
}
.manage-bot .slides li i {
display: block;
width: 3px;
height: 0;
background: #fff;
position: absolute;
top: 158px;
left: -2px;
transition: height .3s, top .3s
}
.manage-bot .slides li.on {
width: 40%
}
.manage-bot .slides li.cur {
width: 20%
}
.manage-bot .slides li.on i {
top: 142px;
height: 70px
}
.manage-bot .slides li.on p {
opacity: 1;
filter: alpha(opacity=100)
}
.manage-bot .slides li.on p.en {
opacity: 0;
filter: alpha(opacity=0)
}
.manage-bot .slides li.on h3 {
font-size: 42px
}
.manage-bot-list {
height: 0;
overflow: hidden
}
.contact {
padding: 30px 0 300px;
width: 100%;
background: #fff
}
.contact li .cha {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none
}
.contact li .box {
background: #f5f5f5;
padding: 30px 0 35px;
position: absolute;
top: 70px;
left: -10.5%;
opacity: 1;
filter: alpha(opacity=100)
}
.font-ajax {
position: fixed;
top: 0;
left: 0;
z-index: 11;
display: none
}
.font-ajax .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
z-index: 1;
cursor: pointer
}
.font-ajax .font {
width: 80%;
height: 65%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 2;
font-size: 16px;
color: #333;
line-height: 36px;
padding: 3%;
background: #fff
}
.wel-case .slides li img {
width: auto
}
.font-ajax .box {
width: 100%;
height: 100%;
padding-right: 3%;
overflow: auto
}
.font-ajax .box::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #ececec
}
.font-ajax .box::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ececec
}
.font-ajax .box::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d9271b
}
.insdie-wrap #spred {
font-size: 18px;
font-family: 'Microsoft YaHei',微软雅黑;
color: #F00;
margin-left: 12px
}
.insdie-wrap table {
width: 100%;
max-width: 100%;
border: 0
}
.insdie-wrap {
border: 0;
border-width: 0 0 1px 1px
}
.insdie-wrap td {
padding: 8px 6px;
border: 0;
border-width: 1px 1px 0 0;
font-size: 14px
}
.insdie-wrap td {
line-height: 1.8
}
.insdie-wrap td label {
width: 100%
}
.insdie-wrap .applay-input {
width: 250px;
height: 36px;
padding: 8px 10px;
line-height: 18px;
color: #666;
border: 1px solid #ddd;
box-shadow: 2px 2px 2px #f4f4f4 inset;
background: #fff;
font-size: 14px
}
.insdie-wrap select.applay-input {
height: 36px;
float: none;
width: 250px
}
.insdie-wrap textarea.applay-input {
width: 93%;
height: 140px
}
.insdie-wrap .applay-input.code {
width: 90px;
margin-right: 8px
}
.insdie-wrap .submit1 {
width: 150px;
height: 36px;
background: #de241b;
font-size: 16px;
color: #fff;
border: 0;
cursor: pointer
}
.search-hbox {
padding: 47px 0 18px;
background: #f5f5f5;
width: 100%
}
.search-hbox .left {
width: 75%;
float: left;
background: #fff;
padding: 30px 4% 60px;
box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}
.search-hbox .left ul {
width: 100%;
padding-bottom: 40px
}
.search-hbox .left li {
width: 100%;
float: left;
border-bottom: 1px solid #e5e5e5
}
.search-hbox .left li a {
width: 100%;
float: left;
padding: 17px 0
}
.search-hbox .left h2 {
font-size: 16px;
color: #333;
line-height: 36px;
float: left;
width: 80%;
height: 36px;
overflow: hidden;
transition: color .3s
}
.search-hbox .left span {
float: right;
line-height: 36px;
font-size: 12px;
color: #808080;
transition: color .3s
}
.search-hbox .left li:hover h2,
.search-hbox .left li:hover span {
color: #de241b
}
.search-hbox .right,
.map-hbox .right {
width: 22.8%;
float: right
}
.search-hbox .left,
.map-hbox .left {
width: 74%;
background: #fff;
float: left;
padding: 40px 4%;
border-radius: 0 0 10px rgba(0, 0, 0, .1)
}
.search-hbox .right .tit {
width: 100%;
padding: 10px 0 10px 57px;
background: #d82117 url(../img/a20.png) no-repeat 22px center;
font-size: 18px;
color: #fff;
margin-bottom: 4px
}
.search-hbox .right ul {
width: 100%
}
.search-hbox .right li {
width: 100%;
display: block;
margin-bottom: 4px;
font-size: 16px;
color: #333;
background: #fff;
padding: 15px 0 15px 22px;
line-height: 26px
}
.map-hbox .right ul {
width: 100%
}
.map-hbox .right li {
width: 100%;
margin-bottom: 10px;
text-align: center;
background: #fff;
transition: background .3s
}
.map-hbox .right a {
width: 100%;
display: block;
padding: 20px 0
}
.map-hbox .right span {
font-size: 24px;
color: #666;
line-height: 40px;
padding-left: 45px;
display: inline-block;
transition: background .3s, color .3s
}
.map-hbox .right span.ico01 {
background: url(../img/a21.png) no-repeat left center
}
.map-hbox .right span.ico02 {
background: url(../img/a22.png) no-repeat left center
}
.map-hbox .right li.cur {
background: #db261d
}
.map-hbox .right li.cur span {
color: #fff
}
.map-hbox .right li.cur span.ico01 {
background: url(../img/a21_h.png) no-repeat left center
}
.map-hbox .right li.cur span.ico02 {
background: url(../img/a22_h.png) no-repeat left center
}
.map-hbox {
padding: 60px 0 80px
}
.map-hbox .left h1 {
font-size: 36px;
color: #000;
line-height: 54px;
text-align: center;
padding: 26px 0 19px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 20px
}
.map-hbox .left p {
font-size: 18px;
color: #666;
line-height: 37px;
margin-bottom: 10px
}
.map-hbox .left .line {
padding: 56px 0 24px;
border-bottom: 1px solid #e5e5e5;
width: 100%
}
.map-hbox .left .line.but {
border-bottom: 0
}
.map-hbox .left h2 {
font-size: 24px;
color: #db261d;
line-height: 36px;
margin-bottom: 22px
}
.map-hbox .left .mun {
width: 37px;
height: 37px;
text-align: center;
line-height: 37px;
border-radius: 50%;
margin-right: 18px;
display: inline-block;
font-size: 24px;
color: #fff;
float: left;
background: #db261d
}
.map-hbox .left .tit {
float: left;
width: 90%
}
.map-hbox .left .box {
width: 100%;
border: 1px solid #c7c7c7;
padding: 54px 4% 37px;
margin: 42px 0 22px
}
.map-hbox .left h3 {
font-size: 24px;
color: #db261d;
line-height: 42px;
margin-bottom: 10px
}
.map-hbox .left .box p {
margin-bottom: 20px
}
.map-hbox .left p.time {
margin-top: 53px
}
.map-hbox .left h4 {
font-size: 24px;
line-height: 42px;
margin-bottom: 12px
}
.map-hbox .left h4 a {
color: #000
}
.map-hbox.on .left p {
padding-left: 15px;
background: url(../img/a23.png) no-repeat left 15px
}
.map-hbox.on .left p a {
color: #666;
padding: 0 3px
}
.right-flex {
width: 45px;
position: fixed;
top: 50%;
right: 0;
z-index: 10;
height: 403px;
margin-top: -201px
}
.right-flex ul {
width: 100%
}
.right-flex li {
margin-bottom: 5px;
position: relative;
width: 45px;
height: 45px;
float: right;
line-height: 45px;
background: #c8c8c8;
transition: width .3s, background .3s, margin .3s
}
.right-flex li .ico {
width: 45px;
height: 45px;
position: absolute;
top: 0;
right: 0;
transition: right .3s
}
.right-flex li a {
display: block;
width: 100%;
height: 100%
}
.right-flex li p {
font-size: 15px;
color: #fff;
line-height: 45px;
padding: 0 20px;
transition: transform .3s
}
.right-flex li.one {
width: 140px;
margin-right: -95px
}
.right-flex li.one .ico,
.right-flex li.two .ico {
left: 0
}
.right-flex li.one p,
.right-flex li.two p {
padding: 0 20px 0 45px
}
.right-flex li.two {
width: 200px;
margin-right: -155px
}
.right-flex li .ico.ico01 {
background: url(../img/a24.png) no-repeat center
}
.right-flex li .ico.ico02 {
background: url(../img/a25.png) no-repeat center
}
.right-flex li .ico.ico03 {
background: url(../img/a26.png) no-repeat center
}
.right-flex li .ico.ico04 {
background: url(../img/a27.png) no-repeat center
}
.right-flex li .ico.ico05 {
background: url(../img/a28.png) no-repeat center
}
.right-flex li .ico.ico06 {
background: url(../img/a29.png) no-repeat center
}
.right-flex li .ico.ico07 {
background: url(../img/a30.png) no-repeat center
}
.right-flex li .ico.ico08 {
background: url(../img/a31.png) no-repeat center
}
.right-flex li .ico.ico09 {
background: url(../img/memory_icon.png) no-repeat center
}
.right-flex li .ico.icoHX {
background: url(../img/huaxiao_logo.png) no-repeat center
}
.right-flex li .ico.icoHS {
background: url(../img/waythcan.png) no-repeat center
}
.right-flex li .ico.icoHC {
background: url(../img/hitry.png) no-repeat center
}
.right-flex li .ico.icoFS {
background: url(../img/feuvision.png) no-repeat center
}
.right-flex li .ico.icoCar {
background: url(../img/hirige.png) no-repeat center
}
.right-flex li .ico.icoHG {
background: url(../img/pixfra.png) no-repeat center
}
@media screen and (max-width: 1366px) {
.right-flex li {
margin-bottom: 2px;
width: 34px;
height: 34px;
line-height: 34px;
}
.right-flex li .ico {
width: 24px;
height: 24px;
top: 5px;
right: 5px;
background-size: 24px 24px !important;
}
.right-flex li p {
font-size: 13px;
line-height: 32px;
padding: 0 15px;
}
.right-flex li.one {
width: 120px !important;
margin-right: -86px;
}
.right-flex li.one .ico,
.right-flex li.two .ico {
left: 5px;
}
.right-flex li.one p,
.right-flex li.two p {
padding: 0 20px 0 34px;
}
.right-flex li.two {
width: 140px !important;
margin-right: -106px;
}
.right-flex li:hover .ico,
.right-flex li.one:hover .ico,
.right-flex li.two:hover .ico {
right: 5px !important;
left: auto;
}
}
.wel-case-list .flex-direction-nav a {
opacity: 1;
filter: alpha(opacity=100);
width: 56px;
height: 56px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-shadow: none;
background-size: 100% !important;
transition: background .3s;
z-index: 1
}
.wel-case-list .flex-direction-nav a:before {
font-size: 0
}
.wel-case .flex-viewport {
overflow: visible !important
}
.wel-case-list .flex-direction-nav .flex-prev {
background: url(../img/a32.png) no-repeat center;
left: 46px
}
.wel-case-list .flex-direction-nav .flex-next {
background: url(../img/a33.png) no-repeat center;
right: -400px
}
@media screen and (max-width:1680px){
.wel-case-list .flex-direction-nav .flex-prev {
left: 16px
}
.wel-case-list .flex-direction-nav .flex-next {
right: 16px
}
.wel-case .flex-control-nav {
left:0;
}
.wel-case .w1400{
max-width:1100px;
margin: 0 0 0 4%;
}
}
.wel-case-list .flex-direction-nav .flex-prev:hover {
background: url(../img/a32_h.png) no-repeat center
}
.wel-case-list .flex-direction-nav .flex-next:hover {
background: url(../img/a33_h.png) no-repeat center
}
.wel-case .slides li:hover .con {
bottom: 0
}
.wel-case .slides li:hover .font-bg {
opacity: .3;
filter: alpha(opacity=30)
}
.wel-product-title a:hover {
color: #dd231f
}
.wel-product-title a:hover span {
background: #dd231f url(../img/wel04.png) no-repeat center
}
.wel-product .container a:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}
.wel-product a:hover .bg {
height: 46px
}
.wel-product a:hover .contrast {
background: url(../img/wel09_h.png) no-repeat center
}
.wel-product .container a:hover h2,
.wel-product .container a:hover p.font {
opacity: 1;
filter: alpha(opacity=100)
}
.wel-product .product-4 a:hover .bg {
height: 86px
}
.download-list-box-b {
width: 100%
}
.download-list-box-b li {
width: 25%;
font-size: 16px;
float: left;
line-height: 36px
}
.download-list-box-b li a {
color: #666;
transition: color .3s
}
.download-list-box-b li:hover a,
.download-list-box-b li.cur a {
color: #d9271b;
font-weight: bold
}
.wel-banner.case-banner.on .slides img {
width: 1450px;
margin-left: -725px
}
.wel-banner.case-banner.on .slides li {
height: 316px
}
.clearfix h1 {
font-weight: normal;
font-size: 32px;
color: #404040;
border-bottom: 2px solid #e6e6e6;
padding-bottom: 15px;
padding-top: 8px
}
.page_error {
margin-top: 30px;
margin-bottom: 30px;
min-height: 200px
}
.page_error p {
margin-bottom: 20px;
font-size: 14px
}
.clearfix {
z-index: 1;
position: relative;
padding-bottom: 60px
}
.product-contrast {
position: fixed;
bottom: 0;
left: 50%;
height: 0;
overflow: hidden;
margin-left: -700px;
z-index: 999;
background: #fff;
border: 1px solid #d6d6d6;
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.product-contrast .title {
font-size: 14px;
color: #d9271b;
line-height: 15px;
padding: 10px 1.4%;
position: relative;
border-bottom: 1px solid #dbdbdb
}
.product-contrast .product-hide {
font-size: 14px;
color: #666;
position: absolute;
top: 10px;
right: 6.5%;
cursor: pointer;
transition: color .3s
}
.product-contrast .contrast-con {
padding: 18px 0 18px 5px;
width: 100%
}
.product-contrast .contrast-right {
width: 11%;
float: right;
text-align: center
}
.product-contrast .contrast-btn {
width: 72px;
display: block;
height: 32px;
line-height: 32px;
margin: 7px auto;
color: #fff;
background: #999;
font-size: 14px;
border-radius: 20px
}
.product-contrast .contrast-btn.on {
background: #d9271b
}
.product-contrast .contrast-empty {
font-size: 12px;
color: #c3c4c5;
line-height: 16px;
margin-top: 5px;
transition: color .3s
}
.product-contrast .contrast-list {
width: 89%;
float: left
}
.product-contrast .contrast-list .slides li {
border-right: 1px solid #dbdbdb;
float: left;
width: 310px;
height: 66px;
position: relative
}
.product-contrast .contrast-list .slides a {
display: block;
float: left;
width: 100%;
padding: 0 8% 0 6%
}
.product-contrast .contrast-list .pic {
border: 1px solid #e6e6e6;
width: 31.1%;
height: 64px;
line-height: 64px;
margin-right: 8%
}
.product-contrast .contrast-list img {
width: 100%
}
.product-contrast .contrast-list h2,
.product-contrast .contrast-list .font {
font-size: 12px;
color: #666;
line-height: 20px;
height: 20px;
overflow: hidden;
position: relative
}
.product-contrast .contrast-list h2 {
margin-top: 8px
}
.product-contrast .contrast-list .font-none {
width: 100%;
float: left;
font-size: 12px;
color: #c3c3c3;
text-align: center;
line-height: 66px
}
.product-contrast .contrast-list .flex-control-nav {
display: none
}
.product-contrast .flex-direction-nav a {
position: absolute;
top: 10px;
margin-top: 0;
opacity: 1 !important;
left: auto;
right: 1.7%;
width: 8px;
height: 15px
}
.product-contrast .contrast-list .slides li .closes {
position: absolute;
width: 9px;
height: 9px;
top: 0;
right: 5%;
display: block;
background: url(../img/cur01.png) no-repeat center;
opacity: 1;
cursor: pointer
}
.product-contrast .flex-direction-nav .flex-prev {
background: url(../img/cur02.png) no-repeat center;
right: 3.5%
}
.product-contrast .flex-direction-nav .flex-next {
background: url(../img/cur03.png) no-repeat center
}
.product-contrast .flex-direction-nav a:before {
font-size: 0
}
.contrast-box {
width: 100%;
padding: 120px 0 59px
}
.contrast-box .title {
width: 100%;
padding: 15px 4%;
font-size: 24px;
color: #333;
line-height: 43px;
border: 1px solid #e4e4e4;
background: #fff
}
.contrast-box .inequality,
.contrast-box .identical {
float: right;
margin-left: 3.3%;
padding-left: 30px;
font-size: 16px;
color: #333;
background: url(../img/tra01.jpg) no-repeat left center;
transition: background .3s
}
.contrast-box .inequality.on,
.contrast-box .identical.on {
background: url(../img/tra01_h.jpg) no-repeat left center
}
.contrast-table {
width: 100%;
background: #fff;
overflow: hidden;
border: 1px solid #e4e4e4;
border-top: 0
}
.contrast-table-right {
width: 88.5%;
float: right;
overflow: auto;
height: 500px;
border-left: 1px solid #e4e4e4
}
.contrast-table-top {
width: 88.5%;
float: right;
margin-left: 11.5%;
overflow-y: hidden;
overflow-x: auto;
position: relative;
border-left: 1px solid #e4e4e4
}
.contrast-table-top td {
background: #fff;
border-left: 1px solid #e4e4e4
}
.contrast-table-top td:first-child {
border-left: none
}
.contrast-table-right tr td:first-child {
border-left: none
}
.contrast-table-right tr:first-child td {
border-top: 0
}
.contrast-table-left td:first-child {
border-top: 0
}
.contrast-table-top .goods-item {
padding-bottom: 15px;
text-align: center
}
.contrast-table-top .pic {
width: 100%;
height: 148px;
line-height: 148px
}
.contrast-table-top .pic a {
display: block;
width: 100%
}
.contrast-table-top .pic img {
max-width: 80%;
height: auto
}
.contrast-table-top .con {
display: block;
width: 77%;
margin: 0 auto;
text-align: left
}
.contrast-table-top h2 {
font-size: 16px;
color: #999;
line-height: 21px;
height: 21px;
overflow: hidden;
margin-bottom: 12px
}
.contrast-table-top .more {
display: inline-block;
width: 52%;
height: 38px;
text-align: center;
line-height: 38px;
background: #f9f9f9;
border-radius: 2px;
border: 1px solid #e4e4e4;
color: #333;
font-size: 15px;
transition: background .3s, color .3s, border .3s
}
.contrast-table-top .delete {
height: 38px;
line-height: 38px;
color: #333;
font-size: 14px;
transition: color .3s;
margin-left: 11.5%
}
.contrast-table-left table {
width: 100%
}
.contrast-table-right tr.bar,
.contrast-table-left tr.bar {
background: #fff
}
.contrast-table-right tr.yew,
.contrast-table-left tr.yew {
background: #ffffce
}
.contrast-table-right td {
border: 1px solid #e4e4e4;
height: 40px
}
.contrast-table-left td {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
height: 40px;
font-size: 14px;
color: #333;
text-align: center
}
.contrast-table-right .goods-w {
font-size: 14px;
color: #333;
line-height: 20px
}
.contrast-table-right .goods-w p {
padding: 0 8%;
font-size: 14px;
color: #333;
word-wrap: break-word;
line-height: 20px
}
.contrast-table-top .add-product {
text-align: center;
font-size: 14px;
cursor: pointer
}
.contrast-table-top .add-product .en {
font-size: 17px
}
.contrast-table-top .font {
font-size: 14px;
color: #333;
height: 44px;
overflow: hidden;
line-height: 22px;
margin-bottom: 15px
}
.contrast-table .off {
overflow: hidden
}
.contrast-table-bot {
width: 100%;
border-top: 1px solid #e4e4e4
}
.contrast-table-left {
float: left;
overflow: hidden
}
.contrast-table-left-off {
float: left;
width: 11.5%;
overflow: hidden
}
.contrast-table-right::-webkit-scrollbar,
.contrast-table-left::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #fff
}
.contrast-table-right::-webkit-scrollbar-track,
.contrast-table-left::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff
}
.contrast-table-right::-webkit-scrollbar-thumb,
.contrast-table-left::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #d9271b
}
.recommend {
position: fixed;
bottom: 0;
left: 50%;
height: 0;
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
margin-left: -700px;
z-index: 99
}
.recommend .title {
height: 35px;
line-height: 35px;
border-bottom: 2px solid #d9271b;
padding: 0 5%;
position: relative;
color: #d9271b;
font-size: 14px;
font-weight: bold
}
.recommend .close {
width: 16px;
height: 15px;
background: url(../img/tra03.jpg) no-repeat center;
position: absolute;
top: 10px;
right: 20px;
opacity: 1;
cursor: pointer
}
.recommend .cont {
padding: 10px 0 20px
}
.recommend .slides li {
width: 275px;
position: relative;
float: left
}
.recommend .slides li a {
display: block;
width: 100%;
padding: 0 2%
}
.recommend .slides li .pic {
height: 150px;
text-align: center;
line-height: 150px
}
.recommend .slides li img {
max-width: 80%;
max-height: 120px
}
.recommend .slides li .font {
padding: 7px 0 15px;
background: #fff;
width: 92%;
margin: 0 auto;
display: block
}
.recommend .slides li h2 {
font-size: 15px;
color: #999;
font-weight: bold;
line-height: 36px;
height: 36px;
overflow: hidden
}
.recommend .slides li p.z {
font-size: 13px;
color: #333;
line-height: 25px;
height: 50px;
overflow: hidden
}
.recommend .add {
width: 120px;
height: 36px;
background: #d9271b;
text-align: center;
line-height: 36px;
border-radius: 3px;
color: #fff;
margin: 10px 0 0;
display: block
}
.recommend .add.on {
background: #eaeaea;
color: #666
}
.recommend .flex-control-nav {
display: none
}
.recommend .flex-direction-nav a {
position: absolute;
top: 50%;
margin-top: 0;
opacity: 1 !important;
left: auto;
width: 8px;
height: 15px;
margin-top: -7px
}
.recommend .flex-direction-nav .flex-prev {
background: url(../img/cur02_h.png) no-repeat center;
left: 5px
}
.recommend .flex-direction-nav .flex-next {
background: url(../img/cur03_h.png) no-repeat center;
right: 5px
}
.recommend .flex-direction-nav a:before {
font-size: 0
}
.repair-map {
padding: 72px 0;
width: 100%;
display: none;
background: #f5f5f5
}
.repair-map h2 {
font-size: 24px;
color: #333;
line-height: 44px;
margin-top: 8px
}
.repair-map-list {
width: 800px;
position: relative;
margin: -52px auto 0
}
.repair-map-list .map-bg {
width: 100%
}
.repair-map-list li.li0 {
position: absolute;
top: 8%;
right: 0
}
.repair-map-list li.li1 {
position: absolute;
top: 27%;
right: 75%
}
.repair-map-list li.li2 {
position: absolute;
top: 25%;
right: 28%
}
.repair-map-list li {
cursor: pointer;
z-index: 1
}
.repair-map-list li.on {
z-index: 2
}
.repair-map-list li.bg1 {
width: 140px;
height: 140px
}
.repair-map-list li .bg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-radius: 50%;
background: rgba(255, 255, 255, .6);
transition: background .3s, box-shadow .3s
}
.repair-map-list li.bg1 .bg {
width: 140px;
height: 140px
}
.repair-map-list .bg b {
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
margin: -4px 0 0 -4px;
background: url(../img/rm02.png) no-repeat center;
background-size: 100%
}
.repair-map-list h3 {
font-size: 13px;
color: #333;
line-height: 26px;
padding-top: 80px;
position: relative;
z-index: 2;
text-align: center
}
.repair-map-list li .map-list {
width: 353px;
position: absolute;
left: 50%;
margin-left: -176px;
background: #fff;
top: 145px;
display: none
}
.repair-map-list li .tit {
width: 100%;
padding: 0 7%;
background: #d90708;
color: #fff;
line-height: 45px;
font-size: 16px
}
.repair-map-list li .con {
width: 100%;
padding: 27px 7% 30px
}
.repair-map-list li p {
font-size: 14px;
color: #666;
line-height: 24px;
margin-bottom: 15px;
padding-left: 28px
}
.repair-map-list li p.tel {
background: url(../img/rm03.png) no-repeat left 3px
}
.repair-map-list li p.add {
background: url(../img/rm04.png) no-repeat left 3px
}
.repair-map-list li.bg2 {
width: 80px;
height: 80px
}
.repair-map-list li.bg2 .bg {
width: 80px;
height: 80px
}
.repair-map-list li.bg2 .map-list {
top: 90px
}
.repair-map-list li.li3 {
position: absolute;
top: 23%;
right: 5%
}
.repair-map-list li.li4 {
position: absolute;
top: 30%;
right: 11%
}
.repair-map-list li.li5 {
position: absolute;
top: 47%;
right: 59%
}
.repair-map-list li.li6 {
position: absolute;
top: 63%;
right: 46%
}
.repair-map-list li.li7 {
position: absolute;
top: 80%;
right: 50%
}
.repair-map-list li.li8 {
position: absolute;
top: 74%;
right: 38%
}
.repair-map-list li.li9 {
position: absolute;
top: 82%;
right: 34%
}
.repair-map-list li.bg2 h3 {
padding-top: 47px
}
.repair-map-list li.bg3 {
width: 45px;
height: 45px
}
.repair-map-list li.bg3 .bg {
width: 30px;
height: 30px
}
.repair-map-list li.bg3 .map-list {
top: 55px
}
.repair-map-list li.li10 {
position: absolute;
top: 38%;
right: 14%
}
.repair-map-list li.bg3 h3 {
padding-top: 13px
}
.repair-map-list li.li17 {
position: absolute;
top: 52%;
right: 21%
}
.repair-map-list li.li17 h3 {
font-size: 14px
}
.repair-map-list li.li11 {
position: absolute;
top: 35%;
right: 23%
}
.repair-map-list li.li12 {
position: absolute;
top: 38%;
right: 21%
}
.repair-map-list li.li13 {
position: absolute;
top: 41%;
right: 25%
}
.repair-map-list li.li14 {
position: absolute;
top: 45%;
right: 20%
}
.repair-map-list li.li15 {
position: absolute;
top: 45%;
right: 14%
}
.repair-map-list li.li16 {
position: absolute;
top: 53%;
right: 14%
}
.repair-map-list li.li18 {
position: absolute;
top: 58%;
right: 11%
}
.repair-map-list li.li19 {
position: absolute;
top: 54%;
right: 26%
}
.repair-map-list li.li20 {
position: absolute;
top: 46%;
right: 30%
}
.repair-map-list li.li21 {
position: absolute;
top: 55%;
right: 37%
}
.repair-map-list li.li22 {
position: absolute;
top: 44%;
right: 41%
}
.repair-map-list li.li23 {
position: absolute;
top: 54%;
right: 44%
}
.repair-map-list li.li24 {
position: absolute;
top: 65%;
right: 37%
}
.repair-map-list li.li25 {
position: absolute;
top: 63%;
right: 30%
}
.repair-map-list li.li26 {
position: absolute;
top: 61%;
right: 16%
}
.repair-map-list li.li27 {
position: absolute;
top: 59%;
right: 13%
}
.repair-map-list li.li28 {
position: absolute;
top: 65%;
right: 11%
}
.repair-map-list li.li29 {
position: absolute;
top: 68%;
right: 13%
}
.repair-map-list li.li30 {
position: absolute;
top: 72%;
right: 30%
}
.repair-map-list li.li31 {
position: absolute;
top: 72%;
right: 22%
}
.repair-map-list li.li32 {
position: absolute;
top: 74%;
right: 17%
}
.repair-map-list li.li33 {
position: absolute;
top: 79%;
right: 19%
}
.repair-map-list li.li34 {
position: absolute;
top: 83%;
right: 22%
}
.repair-map-list li.li35 {
position: absolute;
top: 83%;
right: 28%
}
.repair-map-list li.li36 {
position: absolute;
top: 96%;
right: 33%
}
.repair-map-list li.li37 {
position: absolute;
top: 88%;
right: 29%
}
.repair-map-list li.li38 {
position: absolute;
top: 61%;
right: 5%
}
.repair-map-list li.bg3.bg4 h3 {
padding-top: 14px;
text-align: left;
padding-left: 16px
}
.repair-map-list li.bg3.bg4,
.repair-map-list li.bg3.bg5 {
width: 80px
}
.repair-map-list li.bg5 .bg {
left: auto;
right: 0
}
.repair-map-list li.bg3.bg5 h3 {
padding-top: 14px;
text-align: left
}
.repair-map-list li.li39 {
position: absolute;
top: 66%;
right: 4%
}
.repair-map-list li.li40 {
position: absolute;
top: 71%;
right: 6%
}
.repair-map-list li.li41 {
position: absolute;
top: 91%;
right: 33%
}
.contrast-table-top td:last-child .goods-w {
margin-right: 11px !important
}
.repair-che {
width: 100%;
background: #f5f5f5;
padding: 82px 0 0
}
.repair-che-top {
padding-bottom: 36px
}
.repair-che-top h2 {
font-size: 24px;
color: #333;
line-height: 44px;
margin-bottom: 22px
}
.repair-che-top .box {
border: 1px solid #eee;
height: 48px;
line-height: 48px;
width: 23.7%;
margin-right: 1%;
font-size: 14px;
float: left;
color: #a3a3a3;
padding: 0 1% 0 3.5%
}
.repair-che-top .box.province {
background: #fff url(../img/map01.png) no-repeat 4% center
}
.repair-che-top .box.city {
background: #fff url(../img/map02.png) no-repeat 4% center
}
.repair-che-top .submit-b {
width: 68px;
height: 48px;
text-align: center;
line-height: 48px;
background: #d90708;
color: #fff;
font-size: 14px;
float: left;
border: 0
}
.repair-che-pc {
display: block
}
.repair-che-pcb {
width: 100%;
/* height: 450px; */
height: 800px
}
.repair-che-m {
display: none;
background: #fff;
margin-top: 20px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 10px 0 0
}
.map-b h2 {
margin-bottom: 10px
}
.map-b img {
margin-right: 10px
}
.repair-che-m ul {
width: 92%;
margin: 0 auto;
position: relative
}
.repair-che-m li {
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #c2c2c2
}
.repair-che-m li .con {
display: none
}
.repair-che-m li.cur h2 {
background: url(../img/bg_sign24.png) no-repeat left top
}
.repair-che-m li.cur h2 em {
background: url(../img/bg_sign23.png) no-repeat left top
}
.repair-che-m li h2 {
width: 100%;
padding-left: 25px;
font-size: 14px;
line-height: 20px;
position: relative;
background: url(../img/bg_sign25.png) no-repeat left top;
background-size: 18px !important;
color: #000;
margin-bottom: 10px
}
.repair-che-m li h2 em {
display: block;
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid #9b9b9b;
border-radius: 50%;
background: url(../img/bg_sign22.png) no-repeat center;
background-size: 100% 100% !important
}
.repair-che-m li p {
font-size: 12px;
color: #666;
width: 100%;
margin: 0;
width: 95%;
padding-left: 25px;
line-height: 24px
}
.repair-che-m a {
display: inline-block;
width: 47%;
height: 40px;
margin: 12px 0;
border-radius: 6px;
padding-left: 16%;
background-size: auto 100% !important;
font-size: 14px;
line-height: 3.5rem;
color: #fff
}
.repair-che-m .box {
width: 100%;
padding-left: 25px
}
.repair-che-m a.tel {
background: #d90708 url(../img/bg_sign13.png) no-repeat 10% center
}
.repair-che-m a.add {
background: #d90708 url(../img/bg_sign14.png) no-repeat 10% center
}
.info-page {
width: 100%;
float: left;
padding: 17px 3.6%;
background: #fff;
margin-top: 29px;
text-align: center
}
.info-page.on {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.info-page a {
display: inline-block;
font-size: 16px;
line-height: 36px;
color: #666;
transition: color .3s
}
.info-page a.prev {
float: left
}
.info-page a.next {
float: right
}
.info-page a.return {
padding: 0 15px 0 45px;
background: url(../pic/news11.png) no-repeat 15px center;
transition: background .3s, color .3s
}
.link-error {
padding-top: 32px
}
.link-error a {
float: left;
border: 1px solid #c9c9c9;
padding: 55px 100px 44px;
margin-right: 8px;
text-align: center;
transition: background .3s, border .3s
}
.link-error i {
width: 53px;
height: 53px;
display: block;
margin: 0 auto 8px;
background-size: 100% !important;
transition: background .3s
}
.link-error i.ico1 {
background: url(../pic/news01.png) no-repeat center
}
.link-error i.ico2 {
background: url(../pic/news02.png) no-repeat center
}
.link-error p {
font-size: 24px;
line-height: 44px;
color: #242424;
transition: color .3s
}
.product-list .form.on {
border-color: #d9271b
}
.pn-title {
position: fixed;
top: 50%;
left: 0;
z-index: 9;
background: #d9271b;
color: #fff;
font-size: 16px;
text-align: center;
box-shadow: inset 0 0 30px rgba(0, 0, 0, .2);
line-height: 26px;
width: 45px;
padding: 10px 0;
cursor: pointer;
border-radius: 0 10px 10px 0;
margin-top: -62px;
}
.pn-title span {
display: block
}
.pn-list {
position: fixed;
top: 50%;
left: -305px;
z-index: 10;
background: #fff;
width: 305px;
height: 700px;
margin-top: -350px;
overflow: auto;
transition: left .5s;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
border-radius: 0 10px 10px 0;
}
.pn-list.on {
left: 0
}
.pn-list ul {
width: 100%
}
.pn-list li {
width: 100
}
.pn-list li .pn-tit-one {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
color: #010101;
font-size: 16px;
padding: 0 2% 0 15%;
background: #fff url(../pic/pro01.png) no-repeat 6% center;
transition: background .3s
}
.pn-list li .pn-con-one {
display: none
}
.pn-list li .pn-tit-one.cut {
background: #d9271b url(../pic/pro01_h.png) no-repeat 6% center;
color: #fff
}
.pn-list li .pn-tit-two.cur,
.pn-list li .pn-tit-three.cut,
.pn-list li .pn-tit-four.cur,
.pn-list li .pn-tit-five.cur {
color: #d9271b
}
.pn-list li .pn-con-two {
display: none;
background: #fafafa;
}
.pn-list li .pn-tit-two {
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
font-size: 14px;
color: #666;
padding: 0 2% 0 15%;
border: 1px solid #e6e6e6;
transition: color .3s
}
.pn-list li .pn-con-two {
width: 100%;
padding: 16px 2% 20px 15%;
display: none
}
.pn-list li .pn-tit-three {
display: block;
width: 100%;
font-size: 13px;
color: #666;
line-height: 30px;
height: 30px;
overflow: hidden
}
.pn-list::-webkit-scrollbar {
width: 4px;
background-color: #d9271b;
border-radius:50px;
}
.pn-list::-webkit-scrollbar-track {
border-radius: 50px;
background-color: #d9271b
}
.pn-list::-webkit-scrollbar-thumb {
border-radius: 50px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #fff
}
.pn-list li .font-blod {
font-weight: bold;
}
.pn-list li .pn-con-three {
width: 100%;
padding: 8px 0;
display: none;
}
.pn-list li .pn-tit-four {
display: block;
width: 100%;
font-size: 12px;
color: #666;
/*padding: 0 0 0 8px;*/
/*background: url(../img/111_h.png) no-repeat left center;*/
background-size: 4px !important;
line-height: 30px;
height: 30px;
overflow: hidden;
}
.pn-list li .pn-con-four {
width: 100%;
display: none;
padding: 0
}
.pn-list li .pn-tit-five {
display: block;
width: 100%;
font-size: 11px;
color: #666;
/* padding: 0 0 0 8px;
background: url(../img/111_h.png) no-repeat left center;*/
background-size: 4px !important;
line-height: 25px;
height: 30px;
overflow: hidden;
}
.product-contrast .contrast-empty:hover {
color: #d9271b;
}
#pageNum {
border: 1px solid #eee;
background: none;
padding: 0 5px;
line-height: 40px;
width: 40px;
height: 40px;
font-size: 14px;
color: #686868;
background: #fff;
}
.news-page .go {
font-size: 14px;
line-height: 40px;
width: 40px;
height: 40px;
border: none;
display: inline-block;
background: #f7f7f7;
color: #686868;
transition: background .3s, color .3s;
}
.email_subscr h2 {
font-size: 30px;
}
.email_subscr p {
font-size: 16px;
}
.email_subscr form {
width: 30%;
padding-bottom: 100px;
position: relative;
}
.email_subscr label {
display: block;
}
.email_subscr label p {
font-size: 18px;
font-weight: normal;
}
.email_subscr label p.prompt {
font-size: 14px;
font-weight: normal;
}
.email_subscr label input {
width: 100%;
font-weight: normal;
height: 48px;
padding: 8px 10px;
line-height: 32px;
color: #666;
border: 1px solid #ddd;
box-shadow: 2px 2px 2px #f4f4f4 inset;
background: #fff;
font-size: 14px;
}
.email_subscr label input::-webkit-input-placeholder {
color: #666;
font-weight: normal;
}
.email_subscr label input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #666;
font-weight: normal;
}
.email_subscr label input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #666;
font-weight: normal;
}
.email_subscr label input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #666;
font-weight: normal;
}
.email_subscr label select {
border: 1px solid #ddd;
height: 48px;
line-height: 48px;
width: 100%;
font-weight: normal;
margin-right: 1%;
font-size: 14px;
color: #666;
padding: 0 1% 0 3.5%;
}
.email_subscr .submit {
color: #fff;
border: 0;
cursor: pointer;
position: absolute;
right: 0;
bottom: 50px;
width: 155px;
height: 40px;
line-height: 40px;
padding-left: 36px;
font-size: 14px;
background: #da2418 url(../img/head05.png) no-repeat 103px center;
display: block;
text-align: left;
color: #fff;
margin-top: 35px;
}
.email_subscr .red_icon:after {
content: "*";
color: #ff4949;
}
.RSS .RSS_content ul {
min-height: 400px;
}
.RSS .RSS_content h2 {
font-size: 40px;
font-weight: 900;
color: #000;
}
.RSS .RSS_content h2 a {
height: 30px;
padding-left: 35px;
color: #333;
display: inline-block;
font-size: 14px;
background: url(../img/rss02.png) 5px top no-repeat;
}
.RSS .RSS_content h2 a:hover {
text-decoration: underline;
}
.RSS .RSS_content li strong {
font-size: 18px;
font-weight: bold;
color: #222;
}
.RSS .RSS_content li {
padding: 8px;
border-top: 1px solid #e7e7e7;
}
.RSS .RSS_content li span {
font-size: 14px;
color: #666;
display: block;
}
.safe-content {
padding-bottom: 90px;
}
.safe-container a{
text-decoration: underline !important;
}
.safe-container table a{
text-decoration: none !important;
}
.safe-box {
overflow: hidden;
padding: 62px 0 90px;
background: #fff;
width: 100%
}
.safe-box .safe-suBox {
float: left;
min-height: 400px;
}
.safe-box .left,
.safe-box .right {
width: 22.8%;
}
.safe-box .center {
width: 54.4%;
padding: 0 30px 0 50px;
}
.safe-box .center li {
padding: 15px 0;
}
.safe-box .center .notice-aList {
font-size: 20px;
font-weight: bold;
color: #333;
display: block;
}
.safe-internet-nav .safe-headline {
font-size: 20px;
color: #333;
}
.safe-internet-nav .safe-headline:hover {
color: #d9271b;
}
.safe-internet-nav .list .slides a {
font-weight: bold;
}
.safe-box .center p {
color: #666;
font-size: 14px;
}
.safe-box .center a:hover {
color: #d9271b;
}
.safe-box .center span {
font-size: 14px;
color: #777;
display: block;
}
.safe-box .link-box {
width: 100%;
background: #fff;
}
.safe-box .link-box .safe-cur {
background: #d9271b;
color: #fff;
}
.safe-box .link-box a {
display: block;
width: 100%;
padding-left: 8%;
line-height: 50px;
font-size: 16px;
color: #333;
border-bottom: 1px solid #f2f2f2;
transition: color .3s, background .3s;
}
.safe-box .right a,
.safe-box .right .tel {
display: block;
width: 100%;
padding: 8px 0 8px 21%;
font-size: 16px;
color: #333;
margin-bottom: 10px;
transition: color .3s, background .3;
}
/* .safe-box .right .emailto01 {
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px;
} */
.safe-box .right a.search {
background: #f5f5f5 url(../img/ser14.png) no-repeat 5% center;
}
.safe-box .right a.email {
background: #f5f5f5 url(../img/ser45.png) no-repeat 5% center;
}
.safe-box .right a.rss {
background: #f5f5f5 url(../img/rss02.png) no-repeat 5% center;
}
.safe-box .right a.emailto {
background: #f5f5f5 url(../img/emailto.png) no-repeat 5% center;
word-wrap: break-word;
}
.safe-box .right span.tel {
background: #f5f5f5 url(../img/ser29.png) no-repeat 5% center;
}
.safe-box .right a.search:hover {
background: #e7e7e7 url(../img/ser14.png) no-repeat 5% center;
}
.safe-box .right a.email:hover {
background: #e7e7e7 url(../img/ser45.png) no-repeat 5% center;
}
.safe-box .right a.rss:hover {
background: #e7e7e7 url(../img/rss02.png) no-repeat 5% center;
}
.safe-box .right a.emailto:hover {
background: #e7e7e7 url(../img/emailto.png) no-repeat 5% center;
}
.safe-box .right span.tel:hover {
background: #e7e7e7 url(../img/ser29.png) no-repeat 5% center;
}
.safe-box .right a:hover,
.safe-box .right span:hover {
color: #d9271b;
}
.safe-box .link-box a:hover {
background: #d9271b;
color: #fff;
}
.DHCC {
margin-bottom: 40px;
}
.DHCC H3 {
font-size: 24px;
color: #24272b;
line-height: 42px;
font-weight: bold;
margin-bottom: 22px;
}
.DHCC p {
font-size: 18px;
color: #24272b;
}
.link-box-FAQ a {
display: block;
width: 100%;
padding-left: 8%;
line-height: 40px;
font-size: 16px;
border-bottom: 1px solid #f2f2f2;
color: #666666;
transition: color .3s, background .3s;
}
.link-box-FAQ a:hover {
color: #d9271b;
background: #e7e7e7;
}
.link-box-FAQ a.first {
border-top: 1px solid #f2f2f2;
}
.safe-box .left h2 {
font-weight: 600px;
font-size: 24px;
margin-bottom: 35px;
}
.FAQ-list {
width: 100%;
}
.FAQ-list dl {
width: 100%;
}
.FAQ-list dl dd {
width: 100%;
display: block;
cursor: pointer;
}
.center-FAQ {
width: 77.2%;
padding: 0 0 0 50px;
}
.center-FAQ h1 {
font-weight: 900;
font-size: 30px;
margin-bottom: 30px;
}
.FAQ-list dl dd span.FAQ-tit {
width: 100%;
display: block;
padding-left: 35px;
font-size: 18px;
color: #222;
line-height: 50px;
background: url(../img/FAQ_add.png) no-repeat 2px center;
transition: background .3s, color .3s;
}
.FAQ-content {
border-top: 1px solid #eaeaea;
padding: 15px 0;
}
.FAQ-list dl dd span.FAQ-tit:hover {
background: url(../img/FAQ_mius.png) no-repeat 2px center;
}
.FAQ-list dl dd span.FAQ-cur {
background: url(../img/FAQ_mius.png) no-repeat 2px center;
}
.FAQ-list dl dd p {
width: 100%;
font-size: 16px;
color: #333;
line-height: 32px;
}
.emergencyResponse-list li .pic {
height: 13vw;
}
.emergencyResponse-list ul {
padding: 0 8%;
}
.emergencyResponse-list li {
width: 45%;
transition: box-shadow .3s;
}
.emergencyResponse-list li.first {
margin: 0 5% 55px 0;
float: left;
}
.emergencyResponse-list li.tw {
margin: 0 0 55px 5%;
float: right;
}
.emergencyResponse-list .more {
padding-left: 40px;
font-size: 16px;
color: #da2418;
margin-top: 10px;
line-height: 28px;
background: url(../img/case28.png) no-repeat left center;
}
.emergencyResponse-list .font-rep {
color: #000;
}
#banner-silder .flex-direction-nav .flex-next,
#banner-silder .flex-direction-nav .flex-prev {
display: none;
}
.safe-info {
padding: 45px 0 108px;
background: #f5f5f5;
}
.safe-info .now {
top: -80px;
}
.safe-info h1 {
text-align: left;
margin-bottom: 32px;
font-size: 34px;
color: #000;
line-height: 54px;
padding: 19px 0;
border-bottom: 1px solid #f2f2f2;
}
.case-link-list .safe-tech-list {
overflow: hidden;
height: auto;
}
.safe-info p {
font-size: 16px;
color: #666;
line-height: 36px;
word-wrap: break-word;
}
.safe-info .download-box {
font-size: 16px;
color: #333;
}
.safe-info .safe-info-tit,
.safe-info hr {
border-bottom: 1px solid #e7e7e7;
}
.safe-info .download-box a {
display: inline-block;
padding-left: 40px;
background: url(../img/download_icon.png) no-repeat 10px center;
}
.safe-info .dl-box {
overflow: hidden;
padding: 10px;
}
.safe-info dl {
float: left;
width: 20%;
height: 210px;
position: relative;
}
.safe-info dl dt {
color: #fff;
padding-right: 20px;
font-size: 26px;
font-weight: bold;
line-height: 60px;
text-align: center;
}
.safe-info img {
max-width: 100%;
}
.safe-info dl dt.icon {
background: url(../img/shangbao_jiantou.png) no-repeat right center;
}
.safe-info dl dd {
color: #4e8cee;
font-size: 12px;
max-width: 130px;
margin: 0 auto;
padding: 14px 0;
}
.safe-info dl span {
width: 20px;
height: 20px;
position: absolute;
right: -20px;
top: 50%;
transform: translate(0, -50%);
}
.safe-banner.flexslider {
margin: 0;
border: 0;
}
.safe-banner .flex-control-nav {
bottom: 13px;
z-index: 2
}
.safe-banner .flex-control-nav li {
margin: 0 2px
}
.safe-banner .flex-control-nav li a {
width: 12px;
height: 12px;
background: url(../img/btn01.png) no-repeat center;
background-size: 100% 100%;
transition: background .3s;
box-shadow: none
}
.safe-banner .flex-control-paging li a.flex-active,
.safe-banner .flex-control-paging li a:hover {
background: url(../img/btn01_h.png) no-repeat center;
background-size: 100% 100%;
box-shadow: none
}
.safe-internet-nav {
margin-bottom: 30px;
}
.safe-internet-nav .flexslider {
margin: 0;
border: 0;
background: #f5f5f5;
}
.safe-info table td {
border: 1px solid #000;
}
.ca_center{
width: 100%;
/*cursor: pointer;*/
padding-left: 64px;
background: url(../img/ser22.png) no-repeat left center;
line-height: 75px;
color: #666;
border-bottom: 1px solid #e0e0e0;
}
#ca_title:hover{
color: #d9271b;
opacity: 1;
}
#ca_down{
color: #666;
}
#ca_down:hover{
color: #d9271b;
}
header .nav-box .link-b.ico_40 {
background: url(../img/head/网络安全(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_40.cur {
background: #da2418 url(../img/head/网络安全(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_41 {
background: url(../img/head/联系支持(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_41.cur {
background: #da2418 url(../img/head/联系支持(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_42 {
background: url(../img/head/工具专区(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_42.cur {
background: #da2418 url(../img/head/工具专区(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_43 {
background: url(../img/head/培训认证(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_43.cur {
background: #da2418 url(../img/head/培训认证(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_44 {
background: url(../img/head/维修服务(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_44.cur {
background: #da2418 url(../img/head/维修服务(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_45 {
background: url(../img/head/产品支持中心(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_45.cur {
background: #da2418 url(../img/head/产品支持中心(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_46 {
background: url(../img/head/解决方案支持中心(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_46.cur {
background: #da2418 url(../img/head/解决方案支持中心(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_47 {
background: url(../img/head/多媒体(未选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_47.cur {
background: #da2418 url(../img/head/多媒体(选中).png) no-repeat 8% center
}
header .nav-box .link-b.ico_48 {
background: url(../img/head15.png) no-repeat 8% center
}
header .nav-box .link-b.ico_48.cur {
background: #da2418 url(../img/head15_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_49 {
background: url(../img/head08.png) no-repeat 8% center
}
header .nav-box .link-b.ico_49.cur {
background: #da2418 url(../img/head08_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_50 {
background: url(../img/head/library.png) no-repeat 8% center
}
header .nav-box .link-b.ico_50.cur {
background: #da2418 url(../img/head/library_h.png) no-repeat 8% center
}
.pn-retract {
display: none;
}
@media(max-width:1024px) {
.pn-retract {
width: 30px;
height: 80px;
position: fixed;
top: 50%;
margin-top: -175px;
left: -92%;
z-index: 9;
background: #d9271b;
cursor: pointer;
color: #fff;
font-size: 20px;
font-family: 'Microsoft YaHei',微软雅黑;
font-weight: bold;
line-height: 80px;
text-align: center;
border-radius: 0 10px 10px 0;
transition: left .5s;
display: block;
}
}
.announcement{
padding-left: 64px;
display: flex;
justify-content: space-between;
background: url(../img/announcement.png) no-repeat left center;
}
.announcement:hover{
background: url(../img/announcement_h.png) no-repeat left center;
}
header .nav-box .link-b.ico_tools {
background: url(../support_new_icon/menu_icon_tools_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_tools.cur {
background: #da2418 url(../support_new_icon/menu_icon_tools_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_video {
background: url(../support_new_icon/menu_icon_vidios_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_video.cur {
background: #da2418 url(../support_new_icon/menu_icon_vidios_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_safe {
background: url(../support_new_icon/menu_icon_cyber_security_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_safe.cur {
background: #da2418 url(../support_new_icon/menu_icon_cyber_security_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_partner {
background: url(../support_new_icon/menu_icon_partner_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_partner.cur {
background: #da2418 url(../support_new_icon/menu_icon_partner_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_train {
background: url(../support_new_icon/menu_icon_training_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_train.cur {
background: #da2418 url(../support_new_icon/menu_icon_training_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_after {
background: url(../support_new_icon/menu_icon_service_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_after.cur {
background: #da2418 url(../support_new_icon/menu_icon_service_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_sdk {
background: url(../support_new_icon/menu_icon_SDK_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_sdk.cur {
background: #da2418 url(../support_new_icon/menu_icon_SDK_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_service {
background: url(../support_new_icon/menu_icon_requirement_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_service.cur {
background: #da2418 url(../support_new_icon/menu_icon_requirement_h.png) no-repeat 8% center
}
header .nav-box .link-b.ico_bulletin {
background: url(../support_new_icon/menu_icon_announcement_n.png) no-repeat 8% center
}
header .nav-box .link-b.ico_bulletin.cur {
background: #da2418 url(../support_new_icon/menu_icon_announcement_h.png) no-repeat 8% center
}