@charset "utf-8";
.fwzcbg{float: left;width: 100%;padding-top: 5px;  background: url(../image/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(../image/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(../image/xt1.png) no-repeat center; content:""; position: absolute; left:0; top:25px;}
.mainall h3:after{width:100px; height:7px;background:url(../image/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(../image/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(../image/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(../image/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;}

/*优势*/
.index_title{text-align: center;}

.index_title p span{color:#C4091F;}
.index_title p{ font-size:30px;color: #333;line-height:45px;font-weight: bold;}

.ys_bg{background:url(../image/ys_bg.jpg) no-repeat center top;padding-top:60px;height:597px;}
.ys_all{margin-top: 60px;}
.ys_div{width: 385px;height:365px; margin-left:20px;margin-right:22.5px;padding:50px 0 20px 0;float: left;background:url(../image/ys_bgs.jpg) no-repeat left bottom #fff;text-align:center;}

.ys_div span{color: #fff;position: relative;
background: #dc1719;border-radius: 50%;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;}
		
.ys_div:hover span{color: #dc1719;background-color: transparent;transform: rotate(360deg);cursor: pointer;box-shadow: none;}
.ys_div span:after{border-color:#dc1719 ;content: "";
		width: 100%;
		height: 100%;
		border: solid 2px;
		transform: scale(0.8);
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 50%;
		transition: all 0.3s ease;}

.ys_biao{font-size: 22px;line-height: 50px;}
.ys_biao:after{content:'';width:40px;height: 2px;background: #10469c;display: block;position: relative;bottom: 0;margin: 0 auto;}
.ys_con{margin: 20px 35px;line-height: 34px;height:136px;overflow: hidden;zoom: 1;}
.ys_xu{font-size: 20px;font-weight: bold;color: #fff;width: 30px;position: relative;bottom: 25px;left: 10px;}