@charset "UTF-8";

/*雪碧图*/
/*.sp {
    position: relative;
    display: inline-block;
    background-image: url(../images/sprite_1.png);
    background-repeat: no-repeat;
    vertical-align: sub;
}*/

.of{overflow:hidden;}
/*图片放大*/
.img-plus{vertical-align: top; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.img-plus:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/*按钮*/
.com-more{position: relative; z-index: 1; display: inline-block; width: 130px; height: 30px; line-height: 30px;color: #333;font-size: 14px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.com-more .sp-r {margin-left: 5px; width: 16px;height: 10px;display: inline-block;vertical-align: baseline;background:url("../images/app_icon_04.png")no-repeat center center/cover;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.com-more:hover .sp-r{background-image:url("../images/app_icon_03.png");}
.com-more:hover,
.more:hover .com-more {
    color: #074488;
}
.pic {
    position: relative;
}
.pic .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.main_pic img {
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}
img, input {
    border: none;
    vertical-align: middle;
}


/*头部*/
.header {
    position: relative;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.header .hd-logo {
}
/*nav*/
header .nav-box{margin-left: 9%;}
header .nav-box ul{width:100%;}
header .nav-box li{float:left;height:100%;text-align:center;box-sizing:border-box;}
header .nav-box li.hover{ background-color:#f4f9ff; border-top:4px solid #074488;height:100px;}
header .nav-box a.tit{position:relative;padding:0 35px;font-size:16px;color:#333;display:block;width:100%;transition:color .3s}
header .nav-box .tit span{position:absolute;top:50%;width:9px;height:6px;display:inline-block;background:url('../images/head02.png') no-repeat center;background-size:100% 100%;margin-left:6px;transition:all 0.3s;}
header .nav-box li:hover a.tit{color:#084588}
header .nav-box li:hover .tit span{background:url('../images/head02_h.png') no-repeat center;background-size:100% 100%}
header .nav-box .con{position:absolute;top:100px;left:0;width:100%;background:#fff;display:none;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:99;}
header .nav-box .con{position:absolute;top:100px;left:0;width:100%;background:#fff;display:none;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:99;}
header .nav-box .left{float:left;background:#f5f5f5;padding:59px 1.9% 50px 10.9%;width:35%}
header .nav-box .ser-li .link-b{width: 80%;}
header .nav-box .about-li .link-b{width: 50%;}
header .nav-box .link-b{width: 100%;display:block;float:left;text-align:left;font-size:15px;color:#333;line-height:40px;margin-bottom:5px;transition:background .3s,color .3s;}
header .nav-box .link-b2{ float:none;}
header .nav-box .link-b span{width:100%;display:block;background:0; font-size:15px;}
header .nav-box .case-li .link-b span{font-size:13px;}
header .nav-box .ser-li .left{padding:59px 1.9% 50px 8.9%;}
header .nav-box  .left{min-height:320px; height:auto;}
header .nav-box .ser-li dd{width:33.33%;float:left}
header .nav-box .ser-li dd .link-b{background-position:8% center;background-repeat:no-repeat}
header .nav-box .ser-li .right .link-k{display:none}
header .nav-box .ser-li .right{padding:50px 5.5% 0 3%}
header .nav-box .ser-li .right .content{width:100%}
header .nav-box .ser-li dd .link-b.cur{background-color:#0a56ae}
header .nav-box .link-b{ text-align:content;padding-left: 60px;}
header .nav-box .link-b span{ line-height:30px;}
header .nav-box .link-b.ico_1{background:url(../images/head09.png) no-repeat 8% center}
header .nav-box .link-b.ico_2{background:url(../images/head07.png) no-repeat 8% center}
header .nav-box .link-b.ico_3{background:url(../images/head14.png) no-repeat 8% center}
header .nav-box .link-b.ico_4{background:url(../images/head101.png) no-repeat 8% center}
header .nav-box .link-b.ico_5{background:url(../images/head10.png) no-repeat 8% center}
header .nav-box .link-b.ico_6{background:url(../images/head102.png) no-repeat 8% center}
header .nav-box .link-b.ico_7{background:url(../images/head103.png) no-repeat 8% center}
header .nav-box .link-b.ico_8{background:url(../images/head104.png) no-repeat 8% center}
header .nav-box .link-b.ico_9{background:url(../images/head08.png) no-repeat 8% center}
header .nav-box .link-b.ico_10{background:url(../images/head17.png) no-repeat 8% center}

header .nav-box .link-b.ico_105{background:url(../images/head105.png) no-repeat 8% center}
header .nav-box .link-b.ico_12{background:url(../images/head19.png) no-repeat 8% center}
header .nav-box .link-b.ico_13{background:url(../images/head20.png) no-repeat 8% center}
header .nav-box .link-b.ico_14{background:url(../images/head21.png) no-repeat 8% center}
header .nav-box .link-b.ico_15{background:url(../images/head22.png) no-repeat 8% center}
header .nav-box .link-b.ico_16{background:url(../images/head23.png) no-repeat 8% center}
header .nav-box .link-b.ico_17{background:url(../images/head24.png) no-repeat 8% center}
header .nav-box .link-b.ico_18{background:url(../images/head25.png) no-repeat 8% center}
header .nav-box .link-b.ico_19{background:url(../images/head26.png) no-repeat 8% center}
header .nav-box .link-b.ico_20{background:url(../images/head27.png) no-repeat 8% center}
header .nav-box .link-b.ico_21{background:url(../images/head28.png) no-repeat 8% center}
header .nav-box .link-b.ico_22{background:url(../images/head29.png) no-repeat 8% center}
header .nav-box .link-b.ico_23{background:url(../images/ico_23.png) no-repeat 8% center}
header .nav-box .link-b.ico_24{background:url(../images/ico_24.png) no-repeat 8% center}

header .nav-box .link-b.cur{color:#fff}
header .nav-box .link-b.cur span{background:url(../images/head05.png) no-repeat right 8% center}
header .nav-box .link-b.ico_1.cur{background:#0a56ae url(../images/head09_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_2.cur{background:#0a56ae url(../images/head07_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_3.cur{background:#0a56ae url(../images/head14_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_4.cur{background:#0a56ae url(../images/head101_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_5.cur{background:#0a56ae url(../images/head10_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_6.cur{background:#0a56ae url(../images/head102_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_7.cur{background:#0a56ae url(../images/head103_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_8.cur{background:#0a56ae url(../images/head104_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_9.cur{background:#0a56ae url(../images/head08_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_10.cur{background:#0a56ae url(../images/head17_h.png) no-repeat 8% center}

header .nav-box .link-b.ico_105.cur{background:#0a56ae url(../images/head105_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_11.cur{background:#0a56ae url(../images/head18_h_new.png) no-repeat 8% center}
header .nav-box .link-b.ico_12.cur{background:#0a56ae url(../images/head19_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_13.cur{background:#0a56ae url(../images/head20_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_14.cur{background:#0a56ae url(../images/head21_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_15.cur{background:#0a56ae url(../images/head22_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_16.cur{background:#0a56ae url(../images/head23_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_17.cur{background:#0a56ae url(../images/head24_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_18.cur{background:#0a56ae url(../images/head25_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_19.cur{background:#0a56ae url(../images/head26_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_20.cur{background:#0a56ae url(../images/head27_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_21.cur{background:#0a56ae url(../images/head28_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_22.cur{background:#0a56ae url(../images/head29_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_23.cur{background:#0a56ae url(../images/ico_23_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_24.cur{background:#0a56ae url(../images/ico_24_h.png) no-repeat 8% center}

header .nav-box .link-b.ico_1:hover{background:#0a56ae url(../images/head09_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_2:hover{background:#0a56ae url(../images/head07_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_3:hover{background:#0a56ae url(../images/head14_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_4:hover{background:#0a56ae url(../images/head101_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_5:hover{background:#0a56ae url(../images/head10_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_6:hover{background:#0a56ae url(../images/head102_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_7:hover{background:#0a56ae url(../images/head103_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_8:hover{background:#0a56ae url(../images/head104_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_9:hover{background:#0a56ae url(../images/head08_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_10:hover{background:#0a56ae url(../images/head17_h.png) no-repeat 8% center}

header .nav-box .link-b.ico_105:hover{background:#0a56ae url(../images/head105_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_12:hover{background:#0a56ae url(../images/head19_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_13:hover{background:#0a56ae url(../images/head20_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_14:hover{background:#0a56ae url(../images/head21_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_15:hover{background:#0a56ae url(../images/head22_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_16:hover{background:#0a56ae url(../images/head23_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_17:hover{background:#0a56ae url(../images/head24_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_18:hover{background:#0a56ae url(../images/head25_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_19:hover{background:#0a56ae url(../images/head26_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_20:hover{background:#0a56ae url(../images/head27_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_21:hover{background:#0a56ae url(../images/head28_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_22:hover{background:#0a56ae url(../images/head29_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_23:hover{background:#0a56ae url(../images/ico_23_h.png) no-repeat 8% center}
header .nav-box .link-b.ico_24:hover{background:#0a56ae url(../images/ico_24_h.png) no-repeat 8% center}
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:#0a56ae 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:#0a56ae 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:#0a56ae 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:#0a56ae 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:#0a56ae 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:#0a56ae 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:#0a56ae 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:#0a56ae url(../img/head/多媒体（选中）.png) no-repeat 8% center}
header .nav-box .about-li .link-b{ background-position:5% center;}
header .nav-box .ser-li .link-b{ background-position:5% 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:#0a56ae url(../images/head05.png) no-repeat 103px center;display:block;text-align:left;color:#fff;margin-top:15px}
.nav-box .link-k a:hover{color:#0a56ae}
.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:12px}
header .nav-box .right{width:65%;padding:50px 5.5% 0 3%;float:right}
header .nav-box .con .left{width:60%;padding:59px 16.9% 50px 10.9%}
header .nav-box .ser-li .con.none .left{padding:59px 1.9% 50px 5%}
header .nav-box .con .right{width:40%}
header .nav-box .con .content{float:left;width:71.5%}
header .nav-box .about-li .con .left{padding:59px 5.9% 50px 10%}
header .nav-box .case-li .con .left{padding:59px 1.9% 50px 5%}
header .nav-box .case-li .con .link-b{width:25%;float:left; font-size:13px;}
header .nav-box .case-li .con a:hover.link-b{ color:#074488;}
header .nav-box .case-li .con .link-b{}
.nav-box .case-li .con .content p{margin-top:12px}
.nav-box .case-li .con .content .more{margin-top:16px}

header .nav-box .pro-li .con .left{width:70%;padding:40px 5.5% 30px 3%;}
header .nav-box .pro-li .con .right{width:30%; padding:40px 5.5% 30px 3%;}
/*header .nav-box .pro-li.buli .con.none .left{padding:20px 13.5% 0 6%;}*/
header .nav-box .pro-li .link-b{padding-left:45px}
/*header .nav-box .pro-li .con.none .right{width:40%;padding:50px 5.5% 0 3%}*/

header .nav-box .pro-li .con .log-four{width:20%;float:left}
header .nav-box .pro-li .log-four .font{padding-left:22.6%;font-size:15px;color:#666;display:block;width:100%;line-height:27px;text-align:left}
.flex-direction-nav a{z-index:1!important}
header .nav-box .pro-li .log-four .font:hover{color:#d9271b}
.hd-call{position:relative;}
.hd-call em{
    width: 22px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.hd-call span{font-size: 20px;font-weight: 600;color:#0f67b7;}
.searchs{position:absolute;left: -67px;top: 1px;}
@media(max-width:1024px){
    .searchs{display:none;}
}
@media(max-width:767px){
    .hd-call{display:none;}
}

.searchs .search-box {
    padding: 0 10px;
    margin-top: 30px;
    width:57px;
    height: 36px;
    line-height: 36px;
    background: #F2F2F2;
    border: 1px solid #EDEDED;
    border-radius: 18px;
    vertical-align: middle;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.searchs .search-box:hover {
    width: 180px;
    border-color: #666;
}
.searchs .search-box:hover input.inp{
    width:70%;
}
.searchs .search-box input.inp {
    height: 34px;
    width: 0;
    outline: none;
    float: left;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.searchs .search-box button.sub {
    height: 34px;
    width: 34px;
    outline: none;
    cursor: pointer;
    background: url('../images/icon_s.png') no-repeat center;
}
.hd-right .com-link {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
.hd-right .sp-mall {
    margin-right: 5px;
    width: 22px;
    height: 20px;
    background-position: 0 0;
}
.hd-right .sp-en {
    margin-right: 5px;
    width: 18px;
    height: 13px;
    background-position: -30px 0;
    top: -2px;
}

.hd-right .icon-1688 {
    display: inline-block;
    width: 176px;
    height: 40px;
    /*margin-right: 10px;*/
}
.hd-right .icon-1688 {
    background: url(../images/icon/icon_1688.jpg) no-repeat center;
}
.hd-right{ line-height:normal;}
.hd-right .user{ height:32px; line-height:32px; font-size:13px; }
.hd-right .user a{ display:inline-block; padding:0 6px;color:#555;}
.hd-right .user{ color:#999;}
@media screen and (max-width: 1550px) {
    header .nav-box{margin-left: 7%;}
    header .nav-box a.tit {padding: 0 31px;}
}
@media screen and (max-width: 1450px){
    header .nav-box {margin-left: 2%;}
    header .nav-box a.tit {padding: 0 28px;}
}

@media screen and (max-width: 1380px) {
    .header .hd-logo {  padding: 0; }
    header .nav-box a.tit {padding: 0 25px;}
}
@media screen and (max-width: 1310px) {
    header .nav-box a.tit {padding: 0 20px;}
}
@media screen and (max-width: 1200px) {
    .header .container{width:1096px;}
}
/*end nav*/


.hd-right {
    height: 100px;
}


.link-more {
    position: relative;
}
.link-more:hover {
    color: #074488;
}
.link-more .mall-more {
    position: absolute;
     display: none;
    width: 100%;
    z-index: 99;
    background: #fff;
    text-align: center;
    line-height: 30px;
    padding: 5px 0;
    font-size: 12px;
}
.link-more .mall-more a {
    display: block;
}
.link-more.on .mall-more {
    display: block;
}


/*Banner*/

.banum{ display: none; position:absolute; left:0; right:0; bottom:10%; color:#a2192b; font-size:24px; line-height:1.1; font-family: 'moolbor'; text-align:center;  }
.bamouse{ display: none; width:27px; height:39px; position:absolute; left:50%; margin-left:-13px; bottom:3.5%; background:url(../images/mouse.png) no-repeat; cursor:pointer; }
.bamouse .ico{width:27px; height:39px;background-image:url(../images/mouse2.png); background-position:center 0; animation:mouse 3s linear alternate infinite; -webkit-animation:mouse 3s linear alternate infinite; }
@keyframes mouse{
    0%{ background-position:center 0; }
    100%{ background-position:center 15px; }
    }
@-webkit-keyframes mouse{
    0%{ background-position:center 0; }
    100%{ background-position:center 15px; }
    }
.bannerTxts{ width:1200px; position:absolute; top:0; bottom:0; left:50%; margin-left:-600px; text-align:center; color:#333; overflow:hidden; }
.bannerTxts .b{ padding-top:28%; width:342px; position:absolute; top:0; transform:translateX(80px); -webkit-transform:translateX(80px); opacity:0; visibility:hidden; transition:800ms; -webkit-transition:800ms; }
.bannerTxts .en{ font-family: 'moolbor'; text-transform:uppercase; line-height:0.75; }
.bannerTxts .en1{ font-size:24px; margin-bottom:20px; }
.bannerTxts .en2{ font-size:72px; line-height:0.5; color:#a2192b; margin:36px 0 5px 0; }
.bannerTxts .en3{ font-size:24px; margin-top:28px; }
.bannerTxts .dot{ width:7px; height:5px; background:#333; display:block; margin:0 auto; }
.bannerTxts .ch{ font-size:22px; color:#a2192b; line-height:1.1; font-weight:bold; }
.bat1 .b{ right:0; }
.bat2 .b{ right:12%; }
.bat4 .b{ left:17.5%; }
.bannerTxts.show .b{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }

.banner .bx-wrapper .bx-pager {
    position: absolute;
    /* right: 20px; */
    /* top: 50%; */
    bottom: 30px;
    width: 100%;
    text-align: center;
    /* margin-top: -30px; */
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.banner .bx-wrapper .bx-pager .bx-pager-item {
    margin: 7px 0;
}




/*首页标题*/
.index-title { padding: 35px 0;text-align:center;}
.index-title a{ display:inline-block;}
.index-title .tit-cn { font-size:32px; font-weight:bold; color:#074488; font-weight:800;}
.index-title .tit-en {display:inline-block; display:block; text-transform:uppercase; padding:0 0; font-size:14px; color:#848484; font-family:Arial, Helvetica, sans-serif;}
.index-title .line{ border-bottom:3px solid #074488; height:1px; display:inline-block; width:55px;}


/*首页产品*/
.index-pbg{ background-color:#f3f4f7; width:100%; height:auto;}
.index-product {  padding-bottom: 60px; position:relative;}
.index-product-content { width:100%; overflow:hidden;position:relative;}
.index-product-content .hdbox{ float:left; width:200px;position:relative; }
.index-product-content .bdbox{ float:left; width:77%; margin-left:40px;overflow:hidden;position:relative;}


.hdbox .hover-t{padding-bottom:10px;}
.hdbox .hover-t a{ font-size:24px; color:#074488; line-height:none; font-weight:bold;}
.hdbox li{line-height:28px; }
.hdbox li a{ font-size:14px; font-weight:bold;}
.hdbox li.on{}
.hdbox li.on a{ font-size:18px; color:#074488; line-height:none; }
.hdbox ul{ margin-bottom:15px;border-bottom:1px solid #e5e5e5; padding-bottom:15px; height:220px;}

.bdbox .slideBox{padding:10px; overflow:hidden;}
.bdbox ul{overflow:hidden; zoom:1;float:left; _display:inline;}
.bdbox ul li{float:left;width:22.296%;margin-right:3.6%; _display:inline; overflow:hidden; text-align:center;  }
.bdbox ul li:nth-child(4){ margin-right:0;}
.bdbox ul li .pic{ text-align:center; width:100%;background-color:#FFF;border:1px solid #e2e3ea; overflow:hidden;}
.bdbox ul li .pic img{ /*width:210px;  */display:block;}
.bdbox ul li .pic a:hover img{ border-color:#999;  }
.bdbox ul li .title{line-height:30px; font-size:14px;text-align:center; }

.bdbox ul li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.bdbox ul li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}



/*应用*/
.index-fangan .w1200{ width:1320px;}
.index-fangan .index-title { padding-top:0;text-align:center;color:#FFF; padding-bottom:65px;}
.index-fangan .index-title a{ display:inline-block; color:#FFF;}
.index-fangan .index-title .tit-cn { font-size:32px; font-weight:bold; color:#FFF; font-weight:800;}
.index-fangan .index-title .tit-en {display:inline-block; display:block; text-transform:uppercase; padding:0 0; font-size:14px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.index-fangan .index-title .text{ font-size:16px; padding:5px 0;}
.index-fangan li .main_pic{border-radius:5px; overflow:hidden;}
.index-fangan li .main_pic img { width: 100%;}

.index-fangan{background:#f3f4f7 url(../images/k_14.jpg) no-repeat center top;}
.index-fangan{ width: 100%;  padding: 50px 0 90px; }
.index-fangan li h5{ padding-top: 60px; font-size: 20px; color: #333; padding-bottom: 20px; }
.index-fangan li p{ -webkit-line-clamp: 4;font-size: 14px; color: #666; height:120px; line-height: 30px; padding-top: 25px; }
.index-fangan li{ transition: 0.3s; float: left;padding-bottom:50px;-webkit-box-shadow:0 0px 20px rgba(0,0,0,0.2);
box-shadow:0 0px 20px rgba(0,0,0,0.2);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0); background-color:#FFF; position:relative; overflow:hidden; }
.index-fangan li .ybox{ padding:0 20px;}

.index-fangan li.icod1{ background:#fff url(../images/y001.png) no-repeat 20px 20px; }
.index-fangan li.icod2{ background:#fff url(../images/y002.png) no-repeat 20px 20px; }
.index-fangan li.icod3{ background:#fff url(../images/y003.png) no-repeat 20px 20px; }
.index-fangan li.icod4{ background:#fff url(../images/y004.png) no-repeat 20px 20px; }

.index-fangan li.icod1:hover{ background:#fff url(../images/y001.png) no-repeat 30px 20px; }
.index-fangan li.icod2:hover{ background:#fff url(../images/y002.png) no-repeat 30px 20px; }
.index-fangan li.icod3:hover{ background:#fff url(../images/y003.png) no-repeat 30px 20px; }
.index-fangan li.icod4:hover{ background:#fff url(../images/y004.png) no-repeat 30px 20px; }

.index-fangan li:hover img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.blist{ zoom:1; position:relative;padding-top:10px; padding-bottom:10px;}
.blist ul{  zoom:1;   }
.blist .sPrev,.blist .sNext{ position:absolute; left:-61px; top:200px; display:block; width:26px; height:45px; background:url(../images/in_arrow.png) no-repeat 0 0; }
.blist .sNext{ left:auto; right:-61px; background-position:-26px 0; }
.blist .sPrev:hover,.blist .sNext:hover{ border-color:#f60;  }

.div_more{ position: relative; z-index: 1; clear: both; width: 100%; text-align: center; margin-top: 30px; }
.div_more .more{ display: inline-block; width:200px; line-height:26px;border-radius:20px; padding:5px 20px; color: #FFF; background-color:#074488;border: 1px solid #074488;}
.div_more .more:hover:before {top:0;}
.div_more .more:hover{ border: 1px solid #074488; color: #333; background-color:inherit; }


/*公司实力*/
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}
.company-stren{background:url(../images/wimg01.jpg) center 0 no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;padding:40px 0 20px;font-size:14px;overflow:hidden;font-family:"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif}
.company-stren{padding:60px 0 85px}
.stren-title{font-size:26px;font-weight:700;line-height:36px;text-align:center;padding-bottom:30px;position:relative;margin-bottom:28px}
.stren-title:after{content:"";width:50px;height:2px;background:#fff;display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.stren-con{max-width:960px;margin:0 auto;text-indent: 35px;line-height: 32px;}
.stren-list{padding:30px 0 0}
.stren-list li{float:left;width:50%;border-right:1px solid #3673b5;text-align:center;margin-bottom:30px}
.stren-list li .num-box{padding:16px 0;display:inline-block;text-align:center;position:relative;font-size:0;line-height:0}
.stren-list li .num-box span{font-size:36px;line-height:45px;height:45px;overflow:hidden;font-weight:lighter;display:inline-block}
.stren-list li .num-box span i{background:#4193ee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;padding:0 5px;font-style:normal;margin:0 2px;position:relative}
.stren-list li .num-box span i:after{content:"";position:absolute;top:50%;margin-top:-1px;left:0;width:100%;height:2px;background:#3673b5}
.stren-list li .num-box em{display:block;position:absolute;right:-55px;top:20px;width:50px;text-align:left;font-style:normal;font-size:12px}
.stren-list li:last-child,.stren-list li:nth-child(even){border-right:none}
.stren-list li:last-child{width:100%}
.opacity0 i{color:transparent}
.num-position{position:absolute;top:16px;left:7px;letter-spacing:14px}
.news-colunm{padding:45px 0}
.stren-list{padding:60px 0 0;text-align:center}
.stren-list li{width:33%}
.stren-list li .num-box{padding:16px 0 20px}
.stren-list li .num-box span{font-size:46px;line-height:55px;height:55px}
.stren-list li .num-box em{right:-60px;top:30px}
.stren-list li:nth-child(even){border-right:1px solid #3673b5}
.stren-list li:last-child{border-right:none;width:33%}
.stren-list li{width:20%}
.stren-list li:last-child{width:20%}
.stren-list li .num-box span{font-size:46px;line-height:55px;height:55px}
.company-stren{font-size:16px}
.index-web{max-width:1280px;margin:0 auto}
.stren-list li a{ color:#FFF;}

/*新闻中心*/

.box5 .w1200 .content .artGroup .artwork .tips .title {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.table {
    display: table;
    width: 100%;
    height: 100%; }
.table .table-cell {
    display: table-cell;
    vertical-align: middle; }
.index-news {
    padding: 90px 0 114px; background-color:#f5f6fa; position:relative; overflow:hidden; }
.index-news {padding: 1.5rem 0 3.8rem; }
.index-news .container .content {
    width: 100%; }
.index-news .container .content .artGroup {
    position: relative;
    display: block;
    width: 31.506%;
    margin: 0 1.63% 1.63% 0;
}
.index-news .container .content .artGroup a {
    display: block;
    width: 100%;
    height: 100%; }
.index-news .container .content .artGroup:nth-child(odd) .artwork .tips {
    background-color: #0060ad; }
.index-news .container .content .artGroup:nth-child(odd) .artwork .tips .title, .index-news .container .content .artGroup:nth-child(odd) .artwork .tips .date, .index-news .container .content .artGroup:nth-child(odd) .artwork .tips .text, .index-news .container .content .artGroup:nth-child(odd) .artwork .tips .more {
    color: #fff; }
.index-news .container .content .artGroup.slide {
    overflow: hidden; }
.index-news .container .content .artGroup.flip .artwork:hover{transform:rotateY(-180deg)}
@media (min-width: 1025px) {
    .index-news .container .content .artGroup.slide .detail {
        top: -100%; } }
.index-news .container .content .artGroup.flip {
    perspective: 800px; }
@media (min-width: 1025px) {
    .index-news .container .content .artGroup.flip .artwork {
        transform-style: preserve-3d;
        transition: transform 1s ease; } }
@media (min-width: 1025px) {
    .index-news .container .content .artGroup.flip .visbale,
    .index-news .container .content .artGroup.flip .detail {
        backface-visibility: hidden; } }
@media (min-width: 1025px) {
    .index-news .container .content .artGroup.flip .detail,
    .index-news .container .content .artGroup.flip .theFlip {
        transform: rotateY(-180deg); }
    .index-news .container .content .artGroup.flip .detail .visbale,
    .index-news .container .content .artGroup.flip .theFlip .visbale {
        transition: opacity 1s ease;
        opacity: 0; } }
.index-news .container .content .artGroup img {
    display: block;
    width: 100%; }
@media (min-width: 1025px) {
    .index-news .container .content .artGroup .artwork .detail, .index-news .container .content .artGroup .artwork .visbale {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
.index-news .container .content .artGroup .artwork .tips {
    width: 100%;
    height: 100%;
    background-color: #fff; }
.index-news .container .content .artGroup .artwork .tips .cont {
    width: 70%;
    margin: 0 auto; }
.index-news .container .content .artGroup .artwork .tips .title {
    padding-bottom: 5.2%;
    font-size: 18px;
    font-weight: normal;
    color: #333; }
.index-news .container .content .artGroup .artwork .tips .date {
    margin-bottom: 6.3%;
    font-size: 12px;
    color: #b1b1b1; }
.index-news .container .content .artGroup .artwork .tips .date span {
    vertical-align: middle; }
.index-news .container .content .artGroup .artwork .tips .date .icon {
    width: 18px;
    height: 14px;
    margin-right: 4px;display:inline-block;
}
.index-news .container .content .artGroup .artwork .tips .date .icon.time {
    background: url(../images/time-icon.png) no-repeat center center; }
.index-news .container .content .artGroup .artwork .tips .date .icon.eye {
    margin-left: 44px;
    background: url(../images/eye-icon.png) no-repeat center center; }
.index-news .container .content .artGroup .artwork .tips .text {
    width:100%;
    margin-bottom: 8%;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    height: 38px;
    white-space: initial;
    overflow: hidden; }
.index-news .container .content .artGroup .artwork .tips .more {
    font-family: Arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #b1b1b1; }
@media (max-width: 1024px) {
    .index-news .container .content .artGroup .artwork .tips .title {
        font-size: 16px; }
    .index-news .container .content .artGroup .table {
        display: block; }
    .index-news .container .content .artGroup .table-cell {
        display: block; }
    .index-news .container .content .artGroup .artwork .tips .cont {
        padding: 6% 0;
        width: 86%; } }
@media (max-width: 540px) {
    .index-news .container .content .artGroup {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%; } }


@media (max-width: 1024px) {  .is1024 {display: none; } }

.news-class{ padding:5px 0; margin-bottom:45px; height:45px; text-align:center;}
.news-class .lis{ display:inline-block; padding:0 35px; line-height:30px; border:1px solid #aaa; margin:0 8px; border-radius:20px; background-color:#FFF; position:relative; z-index:9;}
.news-class .lis{ font-size:18px; color:#333;}
.news-class .line03{ height:1px;  margin-top:-16px; position:relative; z-index:1; border-top:1px solid #dbdbdb;}
.news-class a:hover.lis,.news-class .cur{ background-color:#074488; color:#FFF;border:1px solid #074488;}

/*尾部*/
.footer {
    background: #001125;
}
.footer .copyright {
    padding:21px 0;
    color: #FFF;
	background-color:#000913;
}
.foot-contact .foot-hotline{
    width:67%;
}
.footer .copyright a,
.foot-contact .foot-hotline .gr-cont .tit，
.foot-contact .foot-hotline .foot-focus .tit {
    color: #FFF;
    display:inline-block;
}

.foot-contact .foot-hotline .foot-logo{width:167px;}
.footer .foot-info {
    position: relative;
    padding: 55px 0 50px;
}
.foot-contact .foot-hotline {
    color: #FFF;
    line-height: 1;
}
.foot-contact .foot-hotline .gr-cont {
    margin-top: 30px;
}
.foot-contact .foot-hotline .gr-cont .des {
    margin-top: 10px;
    /*font-size: 30px;*/
    color: #FFF;
    font-size: 36px;
    font-family: fantasy;
}
.foot-contact .foot-hotline .gr-cont .online-kf {
    display: inline-block;
    margin-top: 16px;
    width: 100%;
    height: 39px;
    line-height: 39px;
    border-radius: 5px;
    text-align: center;
    background: #074488;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.foot-contact .foot-hotline .gr-cont .online-kf:hover {
    background: #d84952;
}
.foot-contact .foot-hotline .foot-focus .tit {
    margin-top: 15px;
    margin-bottom: 12px;
}
.foot-focus{ color:#FFF; line-height:180%;}
.foot-focus a {
    margin-right: 5px;
}
.foot-focus a i {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.foot-focus a:hover i {
    opacity: 0.8;
}

.foot-nav .foot-nav-item {
    float: left;
}
.foot-nav .foot-nav-item ~ .foot-nav-item {
    margin-left: 60px;
}
.foot-nav .foot-nav-item .foot-navtit {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #FFF;
}
.foot-nav .foot-nav-item .foot-navtit:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12px;
    border-bottom: 2px solid #e2e2e2;
}
.foot-nav .foot-nav-item .foot-subnav li a {
    display: inline-block;
    line-height: 30px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
	color:#FFF;
}
.foot-nav .foot-nav-item .foot-subnav li a:hover,
.footer .foot-info .links a:hover,
.footer .copyright a:hover {
    color: #074488;
}
.foot-link {
    padding-bottom: 20px;
    line-height: 1.8;
    color: #5c6477;
}
.foot-link a {
    color: #5c6477;
    margin-right: 5px;
    display:inline-block;
}
.foot-link a:hover {
    color: #074488;
}
.copyright{ font-size:12px;}
.copyright .left-fli{width:50%; display:inline-block; text-align:left;}
.copyright .right-cop{display:block; text-align:center;}
.copyright .left-fli a{ padding-right:6px;}
.foot-contact{ float:left;}
.copyright .bah{margin-top:4px;display:block!important;text-align:center;}
.copyright .bah img{width:20px;margin-right:5px;}


/*内页样式*/
/*Page banner 开始*/
.page-banner {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    background-color: #ededed;
    background-position: center center!important;
    background-size: cover!important;
   /* background-attachment: initial!important;*/
}
@media screen and (max-width: 1400px) {
    .page-banner {
        height: 420px;
    }
}
.page-banner .ban-tit {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1920px;
    margin-left: -560px;
    margin-top: -56px;
}
.page-banner .ban-tit-2 {
    margin-top: -70px;
}
.page-banner .ban-tit-3 {
    margin-top: 145px;
}
.page-banner .ban-tit-4 {
    margin-top: 165px;
}
.page-banner .ban-tit-5 {
    margin-top: 100px;
}
.recom-product .ban-tit-8 {
    margin-top: 115px;
	text-align:center;
}
.recom-product .ban-tit-8 h3{	width:60%; margin:0 auto; line-height:200%;	font-size:20px;color:#FFF;}
.page-banner .ban-tit h3 {
    font-size: 36px;
    /*color: #DCDCDC;*/
    color: #333;
    line-height: 1;
}
.page-banner .ban-tit p {
    margin-top: 30px;
    font-size: 16px;
    /*text-transform: uppercase;*/
    line-height: 1.75;
}
.page-banner .tit-9,
.page-banner .tit-10,
.page-banner .tit-12 {
    color: #fff;
}
.page-banner .tit-10 {
    margin-left: -490px;
    margin-top: -90px;
}
.page-banner .tit-9 h3,
.page-banner .tit-10 h3,
.page-banner .tit-12 h3 {
    color: #fff;
}
.page-banner.on {
    margin-bottom: 60px;
}
.page-banner .center-tit {
    text-align: center;
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-top: -95px;
}
.page-banner .center-tit .more {
    display: inline-block;
    margin-top: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: .8;
}
.page-banner .center-tit .more:hover {

    opacity: 1;
}



/*内页栏目分类*/
.cate-bar{
    height: 60px;
    display: none;
}
.com-catebar {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.com-catebar .com-cate-list {
    background: #fff;
}
.gr-cate.fixed {
    position: fixed;
    left: 0;
    top: 0;
    opacity: .98;
    z-index: 101;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ededed;
}
.gr-cate.fixed .com-cate-list {
    background: #fff;
}
.com-cate {
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.gr-cate{width:100%;background-color: #fff;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);}

.com-cate-list li {
    position: relative;
    float: left;
    margin-right: 30px;
}
.gr-cate-product .com-cate-list li {
    margin-right:30px;
    line-height: 60px;
}
.gr-cate-product .com-cate-list li.active:before{
    left:0;
    width:100%;
}
.gr-cate-product .com-cate-list li.active a{
    color:#074488;
}
.com-cate-list li:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    border-top: 2px solid #074488;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.com-cate-list li.on:before,
.com-cate-list li:hover:before {
    left: 0;
    width: 100%;
}
.com-cate-list li a {
    display: inline-block;
    padding: 0 5px;
    font-size: 16px;
    color:#666;
    text-decoration: none;
}
.com-cate-list li.on a {
    color: #074488;
}


/*内页通用大标题*/
.page-title {
    position: relative;
}
.page-title:before {
    content: url(../images/icon_x.png);
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -5px;
}


.com-des p {
    font-size: 16px;
    line-height: 1.8;
    text-indent: 2em;
}
.com-des p ~ p {
    margin-top: 25px;
}
.com-par {
    font-size: 16px;
    line-height: 1.8;
}



.com-tit {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
    line-height: 24px;
}
.com-tit h3 {
    font-size: 24px;
    color: #333;
}
.com-tit p {
    margin-top: 10px;
    color: #818181;
}
.com-tit .subcate {
    margin-top: 20px;
    font-size: 16px;
}
.com-tit .subcate a {
    display: inline-block;
    padding: 0 15px;
    height: 28px;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 14px;
    line-height: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.com-tit .subcate a.on,
.com-tit .subcate a:hover {
    border-color: #074488;
    color: #074488;
}


/*点击加载*/
.loadmore {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #074488;
    border: 1px solid #074488;
    border-radius: 25px;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.loadmore:hover {
    background: #074488;
    color: #fff;
}
/*内页公共 结束后*/



/*表单*/
.form-box-1 ul li {
    float: left;
    padding: 0 25px;
    width: 391px;
    height: 60px;
    line-height: 60px;
    background: #fff;
}
.form-box-1 ul li ~ li {
    margin-left: 13px;
}
.form-box-1 label {
    margin-right: 5px;
}
.form-box-1 ul li input,
.form-box-2 ul li input {
    width: 250px;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
}
.form-box-2 ul li input {
    width: 370px;
}
.form-box-1 .form-textarea,
.form-box-2 .form-textarea {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px 25px;
    background: #fff;
}
.form-box-2 .form-textarea {
    padding: 20px;
}
.form-box-1 .form-textarea textarea{
    width: 1060px;
    height:180px;
}
.form-box-1 .sub-btn,
.form-box-2 .sub-btn {
    font-family: 'Microsoft Yahei';
    cursor: pointer;
    outline: none;
}

.form-box-2 {
    width: 990px;
}
.form-box-2 ul li {
    float: left;
    width: 486px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #E2E2E2;
    padding-left: 20px;
}
.form-box-2 ul li:first-child {
    margin-right: 18px;
}
.form-box-2 .form-textarea {
    background: transparent;
    border: 1px solid #E2E2E2;
}
.form-box-2 .form-textarea textarea {
    width: 878px;
    height: 240px;
    padding: 5px 10px;
}
.form-box-2 .sub-btn {
    width: 100%;
    height: 60px;
    background: #074488;
    font-size: 16px;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.form-box-2 .sub-btn:hover {
    background: #D84952;
}


/*通用详细页*/
.com-sidebar {
    width: 235px;
    background: #fff;
    padding: 40px;
}
.com-sidebar .tit {
    color: #333;
    font-size: 20px;
    line-height: 46px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
}
.com-sidebar .pic:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 37px;
    border-bottom: 4px solid #074488;
}
.com-sidebar ul li a {
    font-size: 16px;
    display: inline-block;
    line-height: 45px;
    width: 100%;
    color: #484a4c;
}
.com-sidebar ul li.on a {
    color: #00a149;
}
.com-content {
    padding: 35px 40px 40px;
    width: 950px;
    background: #fff;
}
.com-content .tit {
    border-bottom: 1px solid #dbdbdb;
    font-size: 24px;
    line-height: 70px;
    margin-bottom: 30px;
}
.com-content .box {
    line-height: 1.8;
    font-size: 16px;
}
.com-content .box h4 {
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
}
.com-content .box hr {
    border: none;
    border-bottom: 1px solid #ededed;
    margin-top: 20px;
    margin-bottom: 20px;
}

.load-more {
    position: relative;
    display: block;
    margin: 30px auto 0;
    width: 50%;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.load-more:before {
    content: url(../images/icon_more.png);
    position: absolute;
    left: 50%;
    bottom: -20px;
    line-height: 1;
    margin-left: -20px;
}

/*应用方案*/
.gr-yyimg{padding-bottom: 48px;}
.gr-yyimg-list{margin-top:66px;margin-bottom:15px;}
.gr-yyimg-list li{ float:left;width: 23.334%;margin-right: 2.2%; margin-bottom:25px; overflow:hidden; border:1px solid #eee; padding:5px;}
.gr-yyimg-list li:nth-child(4n){ margin-right:0;}
.gr-yyimg-list li .pic{width:100%; display:inline-block; overflow:hidden;}
.gr-yyimg-list li .tit{ font-size:16px; padding:10px 0; color:#333; font-weight:bold;}
.gr-yyimg-list li .tit a{color:#333;}
.gr-yyimg-list li:hover .tit a{color:#074488;}
.gr-yyimg-list li .pic img{ width:100%; height:100%;}
.gr-yyimg-list li .des{height:60px; font-size:12px; font-size:12px; color:#666;line-height: 20px; -webkit-line-clamp: 3;}
.gr-yyimg-list li .date{margin:10px 0;}

.yy-show-content{ margin-top:45px; margin-bottom:30px; overflow:hidden;}
.p-lt{ width:280px;float:left; border:1px solid #ddd; -moz-box-shadow: 10px 10px 5px #ddd; box-shadow: 0px 0px 8px #ddd;border-radius:40px 0 0 0; overflow:hidden;}
.p-rt{ width:73.5%; float:right;border:1px solid #ddd;}
.p-lt h2{ height:60px; line-height:60px; background-color:#164886; color:#FFFFFF; text-align:center; font-size:18px; font-weight:bold;}
.p-lt .com-yy-list{ padding:0 10px;}
.p-lt .com-yy-list li{ padding:10px 0; border-bottom:1px solid #F3F3F3;}
.p-lt .com-yy-list li a{display:inline-block;}
.yy-container .yy-content { padding: 0 75px 50px;}
.yy-container .yy-content p {font-size: 16px; line-height:30px;color:#666;}
.yy-container .yy-content p img{width:auto;max-width: 100%;}
.yy-container .yy-content p a{display: inline-block;}
.yy-container .yy-title {  padding: 40px 0 23px;border-top: 1px #f1f1f1 solid; text-align: center;}
.yy-container .yy-title .tit{padding-bottom: 10px; color: #333;font-weight: normal;font-size: 24px;}
.yy-container .yy-page{ padding:15px;}
.yy-container .yy-page a{ width:48%; display:inline-block;color:#333!important;}
.yy-container .yy-page a:nth-child(2){text-align: right;}
.yy-container .yy-page a:hover span{color:#074488;}
.yy-container .returnbtn{ padding:15px 0 30px; text-align:center;}
.yy-container .returnbtn a{ width:160px; height:36px; line-height:36px;border-radius:18px; background-color:#164886; display:inline-block; color:#FFF!important;}


/*产品列表*/
.recom-product {
    margin: 40px auto;
    box-shadow: 0 0 5px #ddd;
    height: 600px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.recom-product:hover {
    box-shadow: 0 0 15px #ddd;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border: 2px solid #666;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #074488;
    border-color: #074488;
}
.recom-product .bx-wrapper .bx-controls-direction {
    position: absolute;
    left: 57px;
    top: 375px;
    height: 32px;
    line-height: 32px;
}
.recom-product .bx-wrapper .bx-pager {
    top: 375px;
    left: 90px;
    height: 32px;
    line-height: 32px;
    width: 100px;
}
.recom-product .bx-wrapper .bx-controls-direction a {
    display: inline-block;
    position: static;
    margin-top: 0;
    background-image: url(../images/sp_arr.png);
    background-repeat: no-repeat;
}
.recom-product .bx-wrapper .bx-prev {
    left: 57px;
    background-position: 0 0;
}
.recom-product .bx-wrapper .bx-prev:hover {
    background-position: -32px 0;
}
.recom-product .bx-wrapper .bx-next {
    margin-left: 100px;
    background-position: 0 -32px;
}
.recom-product .bx-wrapper .bx-next:hover {
    background-position: -32px -32px;
}


.gr-product {
    padding-top: 35px;
    padding-bottom: 30px;
}
.gr-product .pro-tit {
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EAEAEA;
    line-height: 1;
}
.gr-product .pro-tit .icon-p {
	display:inline-block; width:3px; height:28px; background-color:#084588;
	margin-right:8px;
}

.gr-product-list li {
    float: left;
}
.gr-product .gr-product-list li {
    margin-bottom: 30px;
}

.gr-product-list-3 li {
    width: 31.667%;
    margin-right: 2.5%;
    overflow: hidden;
}
.gr-product-list-3 li:nth-child(3n){margin-right: 0;}
.gr-product-list-4 li {
    width: 23.1%;
    margin-right: 2.45%;
    overflow: hidden;
    margin-bottom: 30px;
}
.gr-product-list-4 li:nth-child(4){margin-right:0;}
.gr-product-list-4.no li {
    margin-bottom: 0;
}
.gr-product-list-4 li.more a {
    display: block;
    height: 100%;
    padding-top: 60px;
    text-align: center;
    height: 365px;
    background: #f2f2f2;
}
.gr-product-list-4 li.more .ico {
    margin-bottom: 30px;
}
.gr-product-list li .pic {
    border: 1px solid #eee;
/*    overflow: hidden;*/
    text-align: center;
    background: #fff;
}
.gr-product-content .gr-product-list li .pic,
.page-function .gr-product-list li .pic {
	position:relative;
    width: 287px;
    height: 287px;
    line-height: 287px;
    font-size: 0;
}
.gr-product-list li .tit {
    position: relative;
    border: 1px solid #eee;
    border-top: none;
    background: #fff;
    padding: 15px 20px;
}
.gr-product-list li:hover .tit {
    /*border-color: #074488;*/
}
.gr-product-list li .pic .layer_c {
    position: absolute;
    left: 0;
    top: 102%;
    width: 100%;
    height: 380px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-product-list li:hover .pic .layer_c {
	position: absolute;
    top: 0;
}
.gr-product-list li:hover .pic .layer_c{ color:#FFF; text-align:left; font-size:14px;background-color: rgba(7,68,136,0.9);}
.gr-product-list li .pic .lc{ padding:15px;}
.gr-product-list li .pic .lc a{ color:#FFF;}
.gr-product-list li .pic .lctxt{}
.gr-product-list li .pic .lc ul.pt{ overflow:hidden; list-style:decimal}
.gr-product-list li .pic .lc ul.pt li{ width:50%; float:left; margin:0; line-height:28px; }
.gr-product-list li .pic .lc .pdt a{ display:inline-block; padding:3px 5px; margin-right:20px;}
.gr-product-list li .tit .icon-plus {
    position: relative;
    line-height: 24px;
    font-size: 40px;
    color: #aaa;
    font-family: serif;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-product-list li:hover .tit .icon-plus {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.gr-product-list li .tit .tit-cont {
    overflow: hidden;
    position: relative;
}
.gr-product-list li .tit .tit-cont h5 {
    font-size: 18px;
    margin-bottom: 2px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-product-list li .tit .tit-cont p {
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-product-list li:hover .tit .tit-cont h5,
.gr-product-list li:hover .tit .tit-cont p,
.gr-product-list li:hover .tit .icon-plus {
    color: #084588;
}
.gr-product-list li .pic {
    overflow: hidden;
}
.gr-product-list li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-product-content .gr-product-list li .pic img,
.page-function .gr-product-list li .pic img {
    /*padding: 30px;*/
}
/*.gr-product-list li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}*/
.gr-product-content .gr-product-list li {
    margin-bottom: 18px;
    margin-right: 17px;
    width: 287px;
}


/*新闻列表*/
.gr-news-list {
    margin-bottom: 50px;
}
.gr-news-list li {
    position: relative;
    padding-top: 30px;
    border-bottom: 1px dashed #ddd;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
/*.gr-news-list li:hover {
    border-color: #074488;
}*/
.gr-news-list li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    opacity: 0;
    border-bottom: 1px dashed #074488;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-news-list li:hover:before {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.gr-news-list li .pic {
    position: relative;
    margin-right: 40px;
    width: 360px;
    height: 240px;
    overflow: hidden;
    background: #f5f5f5;
    font-size: 0;
    text-align: center;
}
.gr-news-list li .pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.2);*/
    z-index: 2;
}
.gr-news-list li .pic img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-news-list li .pic:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.gr-news-list li .tit {
    margin-bottom: 10px;
    padding-top: 5px;
    font-size: 21px;
}
.gr-news-list li .tit a {
    color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.gr-news-list li .tit a:hover {
    color: #074488;
}
.gr-news-list li .cate a {
    padding: 0 10px;
    display: inline-block;
    border: 1px solid #ddd;
    color: #888;
    border-radius: 10px;
    line-height: 24px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.gr-news-list li .cate a:hover {
    color: #074488;
    border-color: #074488;
}
.gr-news-list li .des {
    margin-top: 25px;
    line-height: 2;
    height: 84px;
}
.gr-news-list li .date {
    color: #999;
}
.gr-news-list li .com-more {
    margin-top: 28px;
}

/*新闻详情*/
.news-container .news-content {
    padding: 0 75px 50px;
}
.news-container .news-content p {
    line-height: 1.8;
}
.news-container .news-title {
    padding: 40px 0 30px;
    text-align: center;
}
.news-container .news-title .tit{padding-bottom: 10px; color: #333;font-weight: normal;font-size: 24px;}
.news-container .news-title p{padding-bottom: 20px;border-bottom: 1px solid #F0F2F5; color: #a3afb7;font-size: 14px;}
.news-container .news-title p a{color: #a3afb7;}
.news-page {
    text-align: center;
}
.news-page a {
    position: relative;
    display: inline-block;
    margin: 0 8px;
    width: 130px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #818181;
    border-radius: 14px;
    color: #818181;
    font-size: 0;
}
.news-page a:first-child:before {
    content: "上一篇";
    font-size: 14px;
}
.news-page a:last-child:before {
    content: "下一篇";
    font-size: 14px;
}
.news-page a:hover {
    color: #074488;
    border-color: #074488;
}


/*关于我们*/
.about-story {
    padding-top: 90px;
    height: 700px;
    background: url(../images/about_bg_1.jpg) no-repeat center;
}
.about-story h3 {
    font-size: 32px;
    color: #074488;
    margin-bottom: 20px;
}
.about-story h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.about-story p {
    margin-bottom: 50px;
    width: 720px;
    color: #818181;
    line-height: 2;
}
.about-story .video {
    width: 440px;
    height: 246px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.about-story .video:hover {
    opacity: 0.9;
}

.about-idea ul {
    margin-top: 30px;
    margin-bottom: 40px;
    width: 1230px;
}
.about-idea li {
    float: left;
    margin-right: 30px;
    text-align: center;
}
.about-idea li .pic {
    width: 380px;
    height: 400px;
    overflow: hidden;
}
.about-idea li .pic img {

}
.about-idea li .des {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.8;
}

.about-logo {
    padding: 145px 0;
    background: url(../images/logosy_bg.jpg) no-repeat center;
}
.about-logo .cont {
    width: 424px;
}
.about-logo .cont .tit {
    font-size: 32px;
    color: #00a149;
}
.about-logo .cont p {
    line-height: 30px;
    margin-top: 20px;
}
.about-hexin {
    padding-bottom: 40px;
}
.hexin-list {
    margin-top: 30px;
}
.hexin-list li {
    float: left;
    width: 31.667%;
    min-height: 165px;
    box-shadow: 0 0 10px #ddd;
    margin-bottom: 20px;
    margin-right: 2.5%;
    padding: 25px 34px 0 40px;
    color: #6c6c6c;
    font-size: 15px;
}
.hexin-list li:nth-child(3){margin-right: 0;}
.hexin-list li .des{ padding:5px 0;}
.hexin-list li.color {
    color: #fff;
}
.hexin-list li .tit {
    font-size: 20px;
    margin-bottom: 10px;
    color: #484a4c;
}
.hexin-list li.color .tit {
    color: #fff;
}
.gl-box{ margin-top:30px; background-color:#f6f8fa; border:1px solid #e4e7eb; overflow:hidden; width:100%;}
.gl-box .rtc{ padding:50px 50px;}
.gl-box .rtc h3{ font-size:20px; margin-bottom:30px; font-weight:bold; color:#444;}
.gl-box .rtc h4{ margin-bottom:15px;}
.gl-box .rtc p{ padding:10px 0; color:#666;}

.gl-intro-list{ margin-top:50px;    box-sizing: border-box;}
.gl-intro-list .item{ width:49%;margin-right:2%; float:left;}
.gl-intro-list .it2{ margin-right:0;}
.gl-intro-list .it2 .pic img{ width:100%;}
.gl-intro-list .item .cont{ padding:10px;color:#333!important;min-height:98px;background-color: #f0f0f0;}
.gl-intro-list .item .tit{ font-size:20px; padding-bottom:6px;}
.gl-intro-list .item .des{ font-size:14px; color:#666;}

.gl-pzg-list{margin-top:50px}
.culture-list{border-left:1px solid #ddd;border-top:1px solid #ddd;margin-top:30px;}
.culture-list li{float:left;width:50%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden}
.culture-list li .cont,.culture-list li .pic{width:50%;overflow:hidden}
.culture-list li .cont{padding-top:34px;padding-left:25px; padding-right:15px;}
.culture-list li .cont .tit{font-size:20px;color:#333;padding-bottom:21px;}
.culture-list li .cont .des{font-size:16px;line-height:28px;color:#888}

/*人才理念*/
.rc-box{color:#FFF;}
.rc-box .container{ box-sizing:border-box;padding:37px 49px;background:url('../images/rcbg.jpg') no-repeat center center/cover; }
.rc-box .tit{ text-align:center; margin-bottom:35px;}
.rc-box .tit h2{ font-size:24px; font-weight:bold; margin-bottom:15px; border: 2px solid #2cb3ec; display:inline-block; height:50px; line-height:50px; width:160px;}
.rc-box .tit p{ font-size:14px;}
.rc-box ul li{ padding:15px 0; line-height:180%; font-size:16px;}
.rc-box ul li span{ display:inline-block; height:38px; width:38px; line-height:38px; text-align:center;border-radius: 38px; background-color:#2cb3ec; margin-right:10px; font-weight:bold;}

.respons_part2{ background:#fbfbfb; padding:66px 0;margin-bottom: 100px; overflow:hidden; }
.respons_part2 li { float:left; width:33%; border-right:1px solid #d6d6d6; padding-left:4%; padding-right:4%; }
.respons_part2 li .num { color:#1b59ab; font-size:24px; }
.respons_part2 li .num em { font-size:72px; }
.respons_part2 li p {  line-height:16px; font-size:14px; color:#666; padding:20px 0;}
.respons_part2 li.last { border-right:0; }
.respons_part2 > p {  line-height:26px; font-size:12px; color:#999; text-align:right; width:93%;}
.respons_part1 {text-align:center;}
.respons_part1 h4 {  padding:10px 0;font-size:30px;font-weight: bold;  text-align:center;color:#333;}
.respons_part1 h5 {  font-size:16px; text-align:center;color:#666;padding:6px 0px;}
.respons_part1 p {  font-size:14px;line-height:30px; text-align:center; color:#666; padding:5px 150px;}
.respons_part1 p img{margin-top:22px;}
.respons_part1 {  padding-bottom:10px;}
/*发展历程*/
.about-develop {
    padding-bottom: 110px;
    background: url(../images/about_bg_2.jpg) no-repeat center bottom;
}
.about-develop-content {
    padding-top: 70px;
}
.about-develop-content .hd {
    position: relative;
    margin-right: 95px;
    height: 408px;
    width: 104px;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    color: #818181;
}
.about-develop-content .hd .year {
    font-size: 16px;
}
.about-develop-content .hd ul {
    height: 362px;
}
.about-develop-content .hd .com-arr {
    position: absolute;
    height: 134px;
    background: #ddd;
    width: 26px;
    left: 50%;
    margin-left: -13px;
    cursor: pointer;
}
.about-develop-content .hd .prev {
    top: 30px;
    background: url(../images/icon_develop_top.png) no-repeat center;
}
.about-develop-content .hd .prev:hover {
    background: url(../images/icon_develop_top_on.png) no-repeat center;
}
.about-develop-content .hd .next {
    bottom: 30px;
    background: url(../images/icon_develop_down.png) no-repeat center;
}
.about-develop-content .hd .next:hover {
    background: url(../images/icon_develop_down_on.png) no-repeat center;
}
.about-develop-content .bd ul li {
    position: relative;
    padding-top: 30px;
}
.about-develop-content .bd ul li .year {
    position: absolute;
    left: -180px;
    top: 180px;
    font-size: 30px;
    color: #074488;
}
.about-develop-content .bd ul li .des {
    font-size: 16px;
    margin-bottom: 10px;
}
.about-develop-content .bd ul li .pic {
    padding-top: 10px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.about-develop-content .bd ul li .pic:hover {
    opacity: .85;
}
.about-develop-content .bd ul li ~ li {
    display: none;
}




.go-design-list {
    width: 1230px;
}
.go-design-list li {
    float: left;
    margin-right: 30px;
    padding-bottom: 20px;
}
.go-design-list li .pic {
    overflow: hidden;
}
.go-design-list li .tit {
    padding-left: 15px;
    padding-top: 15px;
    font-size: 18px;
}

.design-cont {
    margin-top: 40px;
}
.design-cont .tit {
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
}
.design-cont .des {
    line-height: 1.8;
    width: 310px;
}
.go-team-list {
    width: 1185px;
    margin: 0 auto;
}
.go-team-list li {
    overflow: hidden;
}
.go-team-list li ~ li {
    float: left;
    margin-right: 12px;
    margin-bottom: 15px;
}
.go-team-list li:first-child {
    float: right;
}
.go-jx-list li {
    float: left;
    text-align: center;
    overflow: hidden;
}

/*荣誉*/
.go-list {
    width: 1230px;
}
.go-list li {
    float: left;
    margin-right: 28px;
    margin-bottom: 28px;
    text-align: center;
    border: 1px solid #eee;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.go-list li:hover {
    box-shadow: 0 0 15px #ddd;
}
.go-list li.more {
    box-shadow: none;
}
.go-list-3 li .pic {
    width: 100%;
    height: 358px;
    line-height: 358px;
    font-size: 0;
    overflow: hidden;
}
.go-list-3 li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
/*.go-list-3 li:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}*/
.go-list li .tit {
    height: 59px;
    line-height: 58px;
    border-top: 1px solid #eee;
    font-size: 16px;
    padding: 0 20px;
}
.go-list-3 li {
    width: 382px;
}
.go-list-3 li.more {
    padding-top: 90px;
    height: 419px;
    background: #f2f2f2;
}
.go-list-3 li.more a {
    display: block;
    height: 100%;
}
.go-list-3 li.more .ico {
    margin-bottom: 30px;
}

.go-list-5 li {
    width: 218px;
}
.go-list-5 li .pic {
/*  height: 300px;
    line-height: 300px;
    font-size: 0;*/
}
.go-list-5 li.more {
    padding-top: 42px;
    height: 275px;
    background: #f2f2f2;
}
.go-list-5 li.more a {
    display: block;
    height: 100%;
}
.go-list-5 li.more .ico {
    margin-bottom: 30px;
}
.go-list-5 li.more .ico img {
    width: 90px;
}


/*案例*/
.go-case .gr-product-list li {
    margin-bottom: 35px;
}
.go-case .gr-product-list li .tit .tit-cont {
    width: 250px;
    height: 50px;
    display: table;
}
.go-case .gr-product-list li .tit .tit-cont h5 {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}


/*视频*/
.go-video .go-list-3 li .pic {
    position: relative;
    height: auto;
    line-height: normal;
}
.go-video .go-list-3 li .pic .cover {
    background: #074488;
    background: rgba(0, 161, 75, 0.5);
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.go-video .go-list-3 li:hover .pic .cover {
    opacity: 1;
}
.go-video .go-list-3 li .pic .cover:before {
    content: url(../images/icon_video.png);
    display: inline-block;
    width: 74px;
    height: 74px;
    position: relative;
    top: 50%;
    margin-top: -37px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    /*opacity: 0;*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.go-video .go-list-3 li:hover .pic .cover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*套间*/
.gr-product-list-2 {
    width: 1230px;
}
.gr-product-list-2 li {
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.gr-product-list-2 li .pic {
    width: 585px;
    /*border: none;*/
}


/*联系*/
.page-contact {
    padding-top: 62px;
}
.contact-tit {
    position: relative;
    font-size: 24px;
    color: #333;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.contact-tit:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    border-bottom: 3px solid #333;
}
.contact-content {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.contact-content .qr-list li {
    float: left;
    text-align: center;
    margin-left: 35px;
    margin-top: -30px;
    line-height: 40px;
}
.contact-content .left p {
    font-size: 14px;
    color: #818181;
}
.contact-content .left .hotline {
    color: #1b59ab;
    font-size: 36px;
    font-family: fantasy;
}
.com-hotline {
    color: #00a149;
    font-size: 46px;
    font-family: fantasy;
    line-height: 1;
}
.contact-content .left p em {
    color: #333;
}
.contact-content .left .tit {
    /*margin-bottom: 10px;*/
}
.contact-content .left .des {
    margin-top: 10px;
    line-height: 2.6;
}

/*服务网点*/
.gobo-map {
    position: relative;
}
.lse-map{
    width: 100%;
    height: 700px;
    overflow: hidden;
    background: #f2f2f2;
}
.lse-m-img{
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.lse-sec{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 77px;
    background-color: rgba(51, 51, 51, 0.7);
    z-index: 9;
}
.lse-sc-p{
    color: #fff;
    line-height: 77px;
    font-size: 20px;
    float: left;
}
.lse-sc-p span{
    margin-left: 9px;
}
.lse-sc-r{
    float: right;
    margin-top: 21px;
}
.lse-sc-r select, .lse-sc-r input{
    display: block;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border:none;
    outline: none;
    background-color: #89898F;
    color: #fff;
}
.lse-sc-r select{
    width: 140px;
    padding-left: 10px;
    font-family: "微软雅黑";
}
.lse-sc-r .lse-s-k{
    padding: 0 10px;
    width: 239px;
}
.lse-sc-r .lse-s-s{
    width: 100px;
    background-color: #074488;
    text-align: center;
    cursor: pointer;
    font-family: "微软雅黑";
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.lse-sc-r .lse-s-s:hover {
    background: #019044;
}


/*服务支持*/
.service-auto {
    padding-top: 60px;
    padding-bottom: 69px;
    text-align: center;
}
.service-auto .item {
    display: inline-block;
    width: 145px;
    font-size: 18px;
    margin: 0 35px;
}
.service-auto .item a {
    display: block;
    width: 100%;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.service-auto .item a:hover {
    color: #084588;
}
.service-auto .item .pic {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.service-auto .item:hover .pic {
    -webkit-transform: translateY(-10px) scale(1.02);
    -ms-transform: translateY(-10px) scale(1.02);
    -o-transform: translateY(-10px) scale(1.02);
    transform: translateY(-10px) scale(1.02);
}
.service-promise ul {
    margin-top: 40px;
}
.service-promise ul li {
    float: left;
    width: 23.75%;
    margin-right:1.6%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.service-promise ul li:nth-child(4){margin-right:0;}
.service-promise ul li:hover {
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.service-promise .cont p {
    margin-top: 38px;
    font-size: 16px;
    line-height: 1.8;
}
.service-list {
    margin-top: 60px;
    padding-bottom: 110px;
    font-size: 0;
    text-align: center;
}
.service-list li {
    position: relative;
    display: inline-block;
    width: 14.2857%;
    font-size: 16px;
}
.service-list li ~ li:before {
    content: url(../images/icon_lc.png);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 20px;
}
.service-list li .pic {
    height: 70px;
    margin-bottom: 10px;
}
.service-list li .tit {
    position: absolute;
    top: 80px;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.service-list li:hover .tit {
    color: #164886;
}
.service-list li .pic .ico {
    display: inline-block;
    background-image: url(../images/service_ico.png?v=1);
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.service-list li .pic .ico-1 {
    width: 59px;
    height: 58px;
    background-position: 0 -14px;
}
.service-list li .pic .ico-2 {
    width: 51px;
    height: 59px;
    background-position: -72px -13px;
}
.service-list li .pic .ico-3 {
    width: 59px;
    height: 59px;
    background-position: -129px -13px;
}
.service-list li .pic .ico-4 {
    width: 58px;
    height: 59px;
    background-position: -200px -13px;
}
.service-list li .pic .ico-5 {
    width: 41px;
    height: 61px;
    background-position: -269px -11px;
}
.service-list li .pic .ico-6 {
    width: 47px;
    height: 59px;
    background-position: -326px -13px;
}
.service-list li .pic .ico-7 {
    width: 61px;
    height: 58px;
    background-position: -384px -14px;
}
.service-list li:hover .pic .ico {
    background-position-y: -72px;
}
.service-after {
    margin-top: 40px;
    width: 100%;
}
.service-after tr td {
    width: 16.6666%;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    border-color: #BFBFBF;
}
.service-fw {
    margin-top: 50px;
}
.service-fw li {
    width: 48.334%;
    min-height: 160px;
    background: #fff;
    padding-top:36px;
    border: 1px solid #C0C0C3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.service-fw li:hover {
    box-shadow: 0 0 15px #ddd;
}



/*表单新*/
.message-content {
	margin-top:30px;
}
.message-content .tit {
    font-size: 16px;
    color: #484a4c;
    margin-bottom: 10px;
}
.message-content form .tit ~ .tit {
    margin-top: 25px;
}
.message-content .inp {
    border: 1px solid #aaa;
    padding: 0 10px;
    height: 55px;
    line-height: 55px;
}
.message-content .first .inp {
    float: left;
    width: 386px;
    border: 1px solid #aaa;
    padding: 0 10px;
}
.message-content .first .inp ~ .inp {
    margin-left: 20px;
}
.message-content select {
    width: 200px;
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
}
.message-content .second li {
    float: left;
}
.message-content .second li ~ li {
    margin-left: 15px;
}
.message-content .second li input {
    height: 55px;
    line-height: 55px;
}
.message-content .second li .xx1 {
    width: 544px;
}
.message-content .three {
    height: 30px;
    line-height: 30px;
}
.message-content .three .xx3 {
    border: 1px solid #aaa;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}
.message-content .three span {
    display: inline-block;
    margin-left: 20px;
}
.message-content .three .rad {
    vertical-align: sub;
}
.message-content .three .rad ~ .rad {
    margin-left: 20px;
}
.message-content .area {
    width: 100%;
    height: 180px;
    border: 1px solid #aaa;
    margin-bottom: 16px;
    padding: 10px;
}
.message-content .sub {
    width: 160px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background: #333;
    font-size: 20px;
    font-family: "微软雅黑";
    cursor: pointer;
    outline: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.message-content .sub:hover {
    background: #555;
}





.index-case-slider{ width:100%;  min-width:1023px;  height:580px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
.index-case-slider .bd{ width:1023px; position:absolute; left:50%; margin-left:-490px  }
.index-case-slider .bd li{ width:1023px;  overflow:hidden; }
.index-case-slider .bd li img{ display:block; width:1023px; height:580px;    }
.index-case-slider .tempWrap{ overflow:visible !important }
.index-case-slider .tempWrap ul{  margin-left:-1023px !important; /*强制位置*/  }

.index-case-slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
.index-case-slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(images/slider-btn.png) 0 -10px no-repeat;
    margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
.index-case-slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
.index-case-slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:580px; cursor:pointer; -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;  }
.index-case-slider .pnBtn:hover {
    background: rgba(255,255,255,0.3);
}
.index-case-slider .prev{ left:-50%; margin-left:-490px;  }
.index-case-slider .next{ left:50%;  margin-left:466px;  }
.index-case-slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:580px; background:#fff; filter:alpha(opacity=50);opacity:0.5;   }
.index-case-slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:580px;  }
.index-case-slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.index-case-slider .prev .arrow{ right:0; background:url(images/slider-arrow.png) -120px 0 no-repeat;   }
.index-case-slider .next .arrow{ left:0; background:url(images/slider-arrow.png) 0 0 no-repeat;  }



.UsAboutList{ background-color:#f5f6fa;}
.UsAboutList ul li{border:1px solid #ebecf0; margin-top: -1px; margin-left: -1px; width: 50%;float: left; }
.UsAboutList ul li .libox{padding: 15px 15px 0 20px; width:360px; height: 180px;float:left; }
.UsAbout .UsAboutList ul li .dl dd{position: relative; padding-left: 50px; }
.UsAboutList ul li .dl dd{position: relative; padding:2px 0;padding-left: 0px;  }
.UsAboutList ul li .dl dd .ddspan{ display:inline-block; width:70px; text-align:right;}
.UsAbout .UsAboutList li{}
.UsAbout .UsAboutList li .libox{ background: #fff; text-align: left; padding:25px; height: auto;  }
.UsAboutList .MainTitle b{font-size: 20px; color: #4e5059;}
.UsAboutList .MainTitle{ margin-bottom:12px; border-left:3px solid #45b0ec; padding-left:10px;}

.UsAboutList ul li.lic2{ width:100%; position:relative;}
.UsAboutList ul li.lic2 .rwxc{ position:absolute; right:100px; top:20px; width:450px;}
.UsAboutList ul li.lic2 .rwxc span{ float:left; margin-left:60px; font-size:12px; text-align:center; line-height:25px;}
.web_map{ margin-top:30px;}

.UsAboutList ul li .qyimg{ float:left; width:225px; height:140px; margin-top:20px;border-radius:10px 10px 10px 10px; overflow:hidden; border:1px solid #eee;}
.UsAboutList ul li .qyimg img{ width:100%;}

/*公司简介*/
.companyintro{width:100%;background-color:#fff;padding-top:30px;}
.insideenglishtitle{font-size:30px;color:#666;text-align:center;line-height:42px;}
.companyintrotitle{width:260px;margin:0 auto;height:36px;line-height:36px;background:url(../images/lineBg-03.jpg) repeat-x center;text-align:center;}
.companyintrotitle span{padding:0 30px;background-color:#fff;font-size:24px;color:#074488;font-weight:bold;}
.companyintroM{padding:40px 0 62px 0;}
.companyintroM .leftimg{float:left;width:26.834%;padding:30px 44px; border:6px solid #074488;margin-right:100px;}
.companyintroM .leftimg img{width: 184.69%;}
.companyintroM .abouttxt{ padding-top:20px; color:#444;}
.companyintroM .abouttxt p{font-size: 14px;line-height: 30px;color: #444444;}
.atitle2 h3{padding-bottom:10px;border-bottom:3px solid #074488;margin-bottom:-2px;float:left;}
.atitle2 { font-size: 16px; line-height: 16px; padding: 16px 0 0 0; border-bottom: 1px solid #d9d9d9; margin-bottom: 18px;}
.companyintroright{float:right;width: 57.334%;margin-top:22px;font-size:14px;color:#1a1a1a;line-height:30px;}

.about_video{ width:100%; background-color:#f2f2f2; padding:55px 0;}
.about_video h3{ font-size:30px; color:#074488; text-align:center; font-weight:bold; padding:20px 0 40px 0;}
.about_video .vid{ margin:0 auto; position:relative; width:955px;background:url('../images/vbg.png') no-repeat bottom center;}
.about_video .vid .vico{ display:inline-block; position:absolute; width: 60px; height:60px; left:50%; top:50%; margin-left:-38px; margin-top:-38px;}
.boxBlank {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/back_bg.png") repeat;
}

.box_wrap .about-video-close {
    position: absolute;
    top: 10px;
    right: 1%;
    width: 30px;
    height: 30px;
    background: transparent url("../images/hw1_sprite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
}

.box_wrap {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 160ms ease-in-out;
    transition: all 160ms ease-in-out;
    position: fixed;
    top: 100px;
    left: 50%;
    width:955px;
    padding-top:40px;
    margin-left: -478px;
    z-index: 999;
    display: none;
    background-color: #000;
}
@media screen and (max-width: 1600px){
.box_wrap {
    top: 86px;
}
}
@media screen and (max-width: 1430px){
.box_wrap {
    top: 20px;
}
}
.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.video-js video {
    width: 100%;
    /*height: 540px;*/
}

.insidecentertitle{width:100%;text-align:center;background:url(../images/lineBg-01.jpg) repeat-x 0 84px;padding-top:20px;}
.insidecentertitle .chinatext{display:block;font-size:28px;line-height:64px;height:66px;color:#084588;background:url(../images/lineBg-02.jpg) no-repeat center bottom;font-weight:bold;}
.insidecentertitle .englishtext{display:block;font-size:14px;color:#666;line-height:40px;height:37px;}

.productsolution{width:100%;background-color:#f2f2f2;}
.solutionlisttopbtn a{float:right;}
.solutionlisttopbtn a.morebtn{height:29px;width:80px;background:url(../images/insidebtn-01.png) no-repeat;margin-left:12px;}
.solutionlisttopbtn a.leftbtn,.solutionlisttopbtn a.rightbtn{width:35px;height:29px;background:url(../images/insideBtnBg-01.png) no-repeat;margin-right:4px;}
.solutionlisttopbtn a.rightbtn{background-position:right top;}

.solutionlisttopbtn a.leftbtn:hover,.solutionlisttopbtn a.rightbtn:hover{background-image:url(../images/insideBtnBg-02.png);}
.solutionlistM{height:390px;overflow:hidden;padding-top:1px;}
.solutionlistM ul{width:1240px;margin-top:19px;}
.solutionlistM ul li{float:left;width:273px;margin:0 33px 28px 0;border:1px solid #d9d9d9;background-color:#f7f7f7;padding-bottom:16px;}
.solutionlistM ul li img{display:block;width:273px;height:204px;margin:0 auto;}
.solutionlistM ul li h5{padding:0 16px;line-height:48px;height:48px;overflow:hidden;margin-top:8px;font-size:16px;color:#1a1a1a;}
.solutionlistM ul li h5 a{color:#1a1a1a;}
.solutionlistM ul li h5 a:hover{color:#DE0019;}
.solutionlistM ul li p{padding:0 16px;font-size:14px;line-height:20px;color:#666;height:60px;overflow:hidden;}
.solutionlistM ul li.hover{border-color:#DE0019;}

/*搜索*/
.page-search-box { position: relative; width: 100%;height:450px; overflow: hidden; background-color: #074488;}
.page-search-box .search{margin-top:135px; z-index:10; position:relative;}
.page-search-box .search .sc_box{width:90%;height:45px; position:relative; margin:30px auto 0px;}
.page-search-box .search h3{ font-size:26px; color:#FFF; text-align:center;}
.page-search-box .search p { font-size:14px; color:#FFF;text-align:center; padding:15px 0;}
.page-search-box .search .form-v{ width:100%; background-color:#FFF; height:45px; line-height:45px;border-radius:5px; padding:0 10px;font-size:14px; color:#333; m}
.page-search-box .search .sc_box .sc_bt{ display:inline-block; height:31px; width:31px; position:absolute; top:8px; right:8px;cursor:pointer; background:url('../images/sc05.png') no-repeat center;}

#particles-js { width: 100%; height: 90%; z-index: 1; position:absolute; top:0; left:0;}

.main-search { position: relative; background-color: #084588; border: 1px solid #ebf0f5; color: #fff; margin: 60px 0 57px; padding: 18px 110px 30px 50px; }
.main-search-el { position: relative; background-color: #eb780a; border: 1px solid #ebf0f5; color: #fff; margin: 25px 0; padding: 18px 110px 30px 50px; }
.search-list { padding: 0; margin: 0; overflow: hidden; }
.search-list .search-item { list-style: none; float: left;width:17.342%;margin-right: 1.928%; }
.search-list .search-item:nth-child(1){width: 38.537%;}
.search-list .search-item:nth-child(4){margin-right: 0;}
.search-list .search-item label { display: block; margin: 0 0 10px 8px; line-height: 1; }
.search-item .form-control { border: 1px solid #e0e7ec; padding: 8px 10px; color:#666; }
.search-item .form-lg { width: 100%; margin-right: 15px; background-color:#FFF;line-height:16px;  color:#666;}
.search-item select.form-control { width:100%;line-height: 16px; }
.search-btn { position: absolute; top: 37px; right: 50px; width: 45px; height: 45px; }
.search-btn button {width: 45px; height: 45px; cursor:pointer;border-radius: 50%; border: 1px solid rgba(255, 255, 255, .7); color: #fff; text-align: center; line-height: 45px; }
.search-btn button:hover { background-color: rgba(0, 0, 0, .2); border-color: #337ab7; }
.search-btn .iconfont { width:45px; height:45px; position:absolute; top:0; left:0; background:url(../images/scico.png) no-repeat center; }

.DownInfoList .Tables{margin-top: 30px;margin-bottom:40px;}
.DownInfoList ul{width: 100%; font-size: 14px;}
.DownInfoList ul li{float: left;line-height: 48px; text-align: center;}
.DownInfoList .Tables ul li{width:20%}
.DownInfoList ul.TabTop li{background: #009fe7;}
.DownInfoList ul.TabTop li{color: #fff; }
.DownInfoList ul li img{vertical-align: middle;width:26px;}
.DownInfoList ul li.li4 span{display: block; background: url('../images/downbg02.png') no-repeat center; height: 48px;}
.DownInfoList a{color: #4e5059;}
.DownInfoList a:hover ul li.li1{color: #ff8a00;}
.DownInfoList dd{border-bottom: 1px solid #e7f0f4;}

.DownInfoList a:hover  ul li.li4 span{background-image: url('../images/downbg03.png');}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li.active a{border-color:#1184DA;background:#1184DA;color:#fff;}

.dataTables_paginate { text-align:center;}
.dataTables_paginate ul{text-align:center;margin:20px auto; display:inline-block; width:auto; overflow:hidden;}
.dataTables_paginate ul li{display:inline-block;margin:0 2px; line-height:normal;font-size:14px;}
.dataTables_paginate li a{color:#666;display:inline-block;border:1px solid #ddd;padding:0px 15px;line-height: 44px; font-size:14px;}
.dataTables_paginate li a:hover{border-color:#074488;background:#074488;color:#fff;}
.dataTables_paginate li.active a{border-color:#074488;background:#074488;color:#fff;}

.pro_down{}
.pro_down .Tables ul li{ list-style:none;}


/*图片列表-弹出无详细页*/
#gallery,#gallery2 {padding-bottom:30px; overflow:hidden;}
#gallery ul ,#gallery2 ul { list-style: none; margin-top:30px;}
#gallery ul li ,#gallery2 ul li {float: left; width:370px;  margin-right: 42px; margin-bottom: 20px; text-align: center; border: 1px solid #eee;-webkit-transition: .3s; -o-transition: .3s;  transition: .3s; }
 #gallery2 ul li{width: 30.834%;margin-right: 3.7%;}
#gallery ul li .pic ,#gallery2 ul li .pic { overflow:hidden; padding:2px; font-size: 0;display:block;}
#gallery li:hover, #gallery2 li:hover {  box-shadow: 0 0 15px #ddd;}
#gallery ul a:hover ,#gallery2 ul a:hover { color: #fff; }
#gallery ul li:nth-child(4n),
#gallery2 ul li:nth-child(3n){ margin-right:0px;}
#gallery ul li h3 ,#gallery2 ul li h3 { height: 60px;  line-height: 60px;  border-top: 1px solid #eee; color:#333; font-size: 16px;  padding: 0 20px;}

/*各栏目图片大小*/
#gallery ul.zl_list li{width: 21.667%;margin-right: 4.4%; margin-bottom: 45px;}
#gallery ul.zl_list li:nth-child(4n){ margin-right:0px;}



/*地图*/
.box-map-qy{ margin:20px 0; padding-top:15px; border-top: 1px solid #f5f5f5;}
.map-con { width:859px; height:699px; position:relative; overflow:hidden; margin:0 auto; z-index:1;}
.map-con .map-p-c1{ width:24px; height:32px; position:absolute; z-index:10;}
.map-con .map-p-c1 a.map-r-pop-name{width:24px; height:32px; display:inline-block;background:url(../images/mico.png) no-repeat center; cursor:pointer; position:relative; z-index:1;}
.map-con .map-p-c1.on a.map-r-pop-name,.map-con .map-p-c1 a:hover.map-r-pop-name{background:url(../images/mico2.png) no-repeat center; cursor:pointer;}
.map-con .map-p-hidde{ display:none;}
.map-con .on{ z-index:20;}
.map-con .on .map-p-hidde{ display:inline-block;}
.map-p-dl h5{ font-size:20px; font-weight:bold; color:#333; border-left:3px solid #45b0ec; line-height:27px; height:27px; padding-left:6px;}
.map-p-dl .a-css{ padding-top:10px; line-height:170%;}
.map-p-dl .a-css p{ padding:2px 0;}

.map-con .map-p-dl{ width:190px; height:180px; position:absolute; bottom:25px; right:15px; border:1px solid red; background-color:#FFF; border:1px solid #ddd; padding:8px;box-shadow: 0 0 5px #87b3e4; border-radius:5px; font-size:13px; z-index:20;}
.map-con .map-p-dl:hover{border:1px solid #b2d6ff;box-shadow: 0 0 5px #3c86d9;}

/*匹配产品*/
.product-xg{width:100%; border:1px solid #eee; margin-bottom:20px;}
.product-xg h3{ width:40px; background-color:#164886; height:180px; color:#FFF; text-align:center; line-height:28px; font-size:16px; font-weight:bold; float:left;}
.product-xg h3 span{ padding-top:40px; display:inline-block;}
.product-xg ul{ float:left; overflow:hidden;}
.product-xg ul li{ float:left; width: 140px; text-align:center; display:inline-block;margin-left:15px; overflow:hidden; padding:5px;}

.product-xg ul li img{ width:100%;vertical-align:middle;}
.product-xg ul .tit{ line-height:30px;}

.pro-tb .left-tit{background-color:#f5f8fb;width:30%;}
.pro-tb .left-tit span{ background:none !important;}
.product-intro .p-cont{ margin-top:35px;}