﻿@charset "utf-8";
.fwzcbg{float: left;width: 100%;padding-top: 5px;  background: url(../images/mark_bg_01.jpg); height:auto; overflow:hidden;}
.width{ width:1200px; margin:0 auto; }
.power-panel {
    width: 1280px;
    padding-top:30px; margin:0 auto;
}

.power-panel>h2 {
    height:100px;
    padding-top: 40px;
    line-height: 60px;
    font-size: 48px;
    background: url(../images/about_font_02.png) no-repeat center center;

    color: #333333;
    width: 100%;
    text-align: center;
}

.power-panel p{margin-top:10px; font-size:18px; line-height:30px; color: #535353; width:100%;}
.power-panel ul {margin:0 auto;}
.power-panel ul li {margin:50px 1%; width:31.333333%; float: left;}

.power-panel ul li .item-img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.power-panel ul li .item-img:hover p span {
    background: #081217;
    color: #d49c51
}

.power-panel ul li .item-img img {
    display: block;
    width: 100%;
}

.power-panel ul li .item-img p {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 0 0 5px;
    overflow: hidden
}

.power-panel ul li .item-img p span {
    padding: 0 40px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    display: inline-block;
    color: #ffffff;
    background: #1d252d;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.power-panel ul li .item-img p span:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #f07837;
    vertical-align: middle;
    margin-right: 10px
}

/*----流程---*/
.mainall{width:1280px; margin:0 auto; overflow:hidden;}
.mainall h3{text-align: center; width:523px; margin:30px auto 33px; font-size: 40px;font-weight:bold;height:50px;line-height:50px;color:#000; position: relative;padding:0 100px;}
.mainall h3:before{width:100px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; top:25px;}
.mainall h3:after{width:100px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; top:25px;}
.lc_n{background:#f9f9f9;height: 257px;border:1px solid #dfdfdf; margin-bottom:20px;}
.lc_n li{text-align: center;float: left;width:212px;border-left:1px solid #dfdfdf;height: 257px;}
.lc_n i{background: url(../images/lc_t.png) no-repeat 0 0;width:104px;height: 116px;display: block;margin:30px auto 0;}
.lc_n h4{font-size: 18px;color: #363636;line-height: 40px;margin-top: 10px;}
.lc_n p{font-size: 15px;color: #727272;line-height: 24px;}
.lc_n li.lc2 i{background-position: -104px 0px;}
.lc_n li.lc3 i{background-position: -208px 0px;}
.lc_n li.lc4 i{background-position: -312px 0px;}
.lc_n li.lc5 i{background-position: -416px 0px;}
.lc_n li.lc6 i{background-position: -520px 0px;}
.lc_n li:hover{cursor: pointer;}
.lc_n li:hover i{transition: all 0.3s ease-out 0s;}
.lc_n li:hover.lc1 i{background-position: 0 -116px;}
.lc_n li:hover.lc2 i{background-position: -104px -116px;}
.lc_n li:hover.lc3 i{background-position: -208px -116px;}
.lc_n li:hover.lc4 i{background-position: -312px -116px;}
.lc_n li:hover.lc5 i{background-position: -416px -116px;}
.lc_n li:hover.lc6 i{background-position: -520px -116px;}





.servicejgx{ border-top:10px solid #00adfe; width:100%; clear:both;}

.service-other {overflow: hidden; width:1280px; margin:50px auto; }
.service-other h2 { width: 100%; height:60px; line-height:60px; font-size:32px; padding-left: 34px;
    color: #000000; font-weight: bold; background-image: url(../images/contact_font_04.png); background-position: left top;
    background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%;  position: relative;}
.service-other h2:before { bottom:20px; width: 25px; height: 25px; content: ''; display: block; position: absolute; left: 0;
    background-image: url(../images/icon_circle.png); background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.service-other p { margin-top: 15px; margin-bottom: 40px;font-size: 16px; line-height: 26px; padding-right: 53.33333%; color: #535353;}
.other-list { margin: 0 -10px}
.other-list .item-other { width: 25%; float: left}
.other-list .item-other .sub-item { padding: 10px; overflow: hidden}
.other-list .item-other .sub-item img { display: block; width: 100%}
.other-list .other-01 {margin-top: 120px;}
.other-list .other-02 { margin-top: 10px;}
.other-list .other-03 { margin-top: -110px;}