@charset "utf-8";/*!

/*-------------base--------------*/

.pageabout_banner { background: url(../images/base-6.jpg) center top; height: 660px; position: relative; width: 100%; text-align:center}
	.pagebase_img{ width:111px; margin: 0 auto; padding-top:230px;}
.pinpai_banner h2{  color:#ffffff;font-size:40px; line-height:70px;}
.pinpai_banner h3{ font-size:18px; color:#fafafa;line-height:24px;}

.section-title {
font-size: 2rem;
    font-weight: bold;
    color: #03538F;
	line-height: 68px;
	text-align:center; margin-top:25px;
}
.section-desc{color: #666666;
    font-size: 16px;
    line-height: 36px;text-align:center}
.fz40{ font-size: 40px;}
.contact-infor{width: 1396px; margin: 0px auto 40px;}
.contact-infor .col-lg-6 {
    width: 50%;padding: 0 30px; margin-bottom:35px;
}
 .contact-infor .col-lg-6 .distable {
	width:100%;
	height:118px;
	position:relative;
	border:2px solid #c2c2c2;
	font-size:20px;
	color:#333333;
	text-decoration:none;
	overflow:hidden;z-index: 1;
transition:all .8s; line-height:118px; text-align:center
}

.contact-main .contact-infor .col-lg-6 .distable .distable-cell {
    position: relative;
    z-index: 100;
}

.contact-main .contact-infor .col-lg-6 .distable {
height:56px;
font-size:14px;
color:#fff;
border-color:#03538F;
background-color:#03538F
}

 .contact-infor .col-lg-6 .distable:before {
	content:'';
	position:absolute;
	background-color:#03538F;
	left:-130%;
	top:0;
	width:120%;
	height:100%;
	-webkit-transform:skew(-20deg);
	transform:skew(-20deg);
	transition:all .5s;
}
 .contact-infor .col-lg-6 .distable:hover {
	border-color:#03538F;
	color:#fff
}
 .contact-infor .col-lg-6 .distable:hover:before {
	left:-10%
}
 .contact-infor .col-lg-6 .distable .distable-cell {
	position:relative;
	z-index:100
}
 .contact-infor .col-lg-6 .distable .iconfont {
	font-size:36px;
	vertical-align:middle;
	margin-right:20px
}


.index-adv {
    padding: 15px 0 100px;
    background:#f7f7f7 url(../images/index-tx-bg.png) no-repeat center;
}


.index-adv .index-adv-main {
	padding:0px 100px 
}
.index-adv .index-adv-main .row {
    margin: 1.8% -1.2%;
}
.index-adv .index-adv-main .adv-item {
    width: 20%;
    float: left;
    padding: 0 1.2%;
}
.index-adv .index-adv-main .adv-item .item-box {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.index-adv .index-adv-main .adv-item .adv-img {
    position: relative;
    z-index: 100;
    overflow: hidden;
}
.index-adv .index-adv-main .adv-item .adv-text .adv-icon {
	width:80px;
	height:80px;
	background-color:#03538F;
	position:absolute;
	top:-40px;
	left:50%;
	margin-left:-40px;
	text-align:center;
	line-height:80px;
transition:all .6s;
border-radius:15px;
}
.index-adv .index-adv-main .adv-item .adv-text .adv-icon i {
    font-size: 54px;
    color: #fff;
    transition: all .6s;
}
.index-adv .index-adv-main .adv-item .adv-text h4 {
    font-size: 24px;
    padding-bottom: 16px;
    text-align: center;
}
.index-adv .index-adv-main .adv-item .adv-text p {
    line-height: 24px;
    font-size: 14px;
}
.index-adv .index-adv-main .adv-item .adv-text {
    padding: 74px 30px 42px;
    position: relative;
    z-index: 100;
    min-height: 260px;
    color: #1b181f;
    transition: all .6s;
}

.index-adv .index-adv-main .adv-item .item-box:before {
	content:'';
	display:block;
	-webkit-transform:scale(0.98);
	transform:scale(0.98);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#03538F;
	opacity:0;
transition:all .7s
}

.index-adv .index-adv-main .adv-item .item-box {
	position:relative;
	background-color:#fff;
	overflow:hidden;z-index: 1;
}
.index-adv .index-adv-main .adv-item .item-box:before {
	content:'';
	display:block;
	-webkit-transform:scale(0.98);
	transform:scale(0.98);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#03538F;
	opacity:0;
transition:all .7s
}
.index-adv .index-adv-main .adv-item .adv-img {
	position:relative;
	z-index:100;
	overflow:hidden
}
.index-adv .index-adv-main .adv-item .adv-img img {
	width:100%;
	transition:all 1.5s
}
.index-adv .index-adv-main .adv-item .adv-text {
	padding:74px 30px 42px;
	position:relative;
	z-index:100;
	min-height:260px;
	color:#1b181f;
transition:all .6s
}




.index-business {
	background-color:#fff;
	padding:0px 0 50px;
	overflow:hidden
}

@media (max-width:1200px) {
.index-business {
padding:40px 0 0
}
}
.index-business .index-buss-main {
	padding-top:10px
}
@media (max-width:1200px) {
.index-business .index-buss-main {
padding-top:20px
}
}
.index-business .index-buss-main .row {
	margin:0 -10px
}
.index-business .index-buss-main .col-lg-3 {
	padding:0 10px;
	text-align:center
}
.index-business .index-buss-main .col-lg-3 .buss-item {
	position:relative;
	overflow:hidden;
transition:all .3s
}
@media (min-width:1200px) {
.index-business .index-buss-main .col-lg-3 .buss-item:hover {
transform:scale(1.15);
box-shadow:0 0 10px rgba(0, 0, 0, .4);
z-index:10
}
.index-business .index-buss-main .col-lg-3 .buss-item:hover .share {
z-index:1;
background-color:#000;
opacity:.6;
filter:alpha(opacity=60)
}
.index-business .index-buss-main .col-lg-3 .buss-item:hover .buss-text {
color:#fabe00
}
.index-business .index-buss-main .col-lg-3 .buss-item:hover .buss-text .hover-vs {
max-height:300px;
padding-bottom:150px;
transition:all .3s 0
}
.index-business .index-buss-main .col-lg-3 .buss-item:hover .buss-more {
bottom:0
}
}
.index-business .index-buss-main .col-lg-3 .buss-item>img {
	width:100%
}
.index-business .index-buss-main .col-lg-3 .share {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
transition:all .3s
}
@media (max-width:1200px) {
.index-business .index-buss-main .col-lg-3 .share {
opacity:.7
}
}
.index-business .index-buss-main .col-lg-3 .buss-text {
	position:absolute;
	bottom:0;
	z-index:50;
	width:100%;
	padding:0 12.5%;
	color:#fff;
transition:all .3s
}
@media (max-width:1200px) {
.index-business .index-buss-main .col-lg-3 .buss-text {
color:#fabe00;
top:50%;
bottom:auto;
margin-top:-178px
}
}
@media (max-width:340px) {
.index-business .index-buss-main .col-lg-3 .buss-text {
margin-top:-200px
}
}
.index-business .index-buss-main .col-lg-3 .buss-text .buss-icon {
	padding-bottom:18px
}
.index-business .index-buss-main .col-lg-3 .buss-text .buss-icon i {
	font-size:88px
}
@media (max-width:1350px) {
.index-business .index-buss-main .col-lg-3 .buss-text .buss-icon i {
font-size:68px
}
}
@media (max-width:1200px) {
.index-business .index-buss-main .col-lg-3 .buss-text .buss-icon i {
font-size:58px
}
}
.index-business .index-buss-main .col-lg-3 .buss-text h4 {
	font-size:24px;
	padding-bottom:40px; color:#fff
}
@media (max-width:1400px) {
.index-business .index-buss-main .col-lg-3 .buss-text h4 {
padding-bottom:30px
}
}
@media (max-width:1200px) {
.index-business .index-buss-main .col-lg-3 .buss-text h4 {
font-size:18px
}
}
.index-business .index-buss-main .col-lg-3 .buss-text .hover-vs {
	max-height:0;
	overflow:hidden;
transition:all .5s
}
@media (max-width:1200px) {
.index-business .index-buss-main .col-lg-3 .buss-text .hover-vs {
max-height:280px;
padding-bottom:80px
}
}
.index-business .index-buss-main .col-lg-3 .buss-text .hover-vs p {
	font-size:14px;
	font-weight:400;
	line-height:27px;
	padding-bottom:12px;
	color:#fff;
	opacity:.9
}
@media (max-width:1400px) {
.index-business .index-buss-main .col-lg-3 .buss-text .hover-vs p {
font-size:14px
}
}
.index-business .index-buss-main .col-lg-3 .buss-more {
	font-size:16px;
	width:66%;
	display:block;
	color:#fff;
	text-align:center;
	background-color:#03538F;
	position:absolute;
	left:50%;
	bottom:-46px;
	padding:19px 0 19px 18px;
	margin-left:-33%;
	text-decoration:none;
transition:all .3s
}
@media (max-width:1400px) {
.index-business .index-buss-main .col-lg-3 .buss-more {
font-size:14px;
bottom:0
}
}
.index-business .index-buss-main .col-lg-3 .buss-more:hover {
background-color:#03538F;
}
.index-business .index-buss-main .col-lg-3 .buss-more i {
	top:17px;
	left:38px
}
@media (max-width:1400px) {
.index-business .index-buss-main .col-lg-3 .buss-more i {
top:20px
}
}
.col-lg-3 {
    width: 25%;
}

.slogan {
    width: 1300px;
    position: relative;  margin: 0 auto; padding:50px 0;
}

.fuwucontent { background: url(../images/fuwu.jpg) center top; height: 660px; position: relative; width: 100%; text-align:center}
.fuwucontent_page { background: url(../images/service.jpg) center top; height: 660px; position: relative; width: 100%; text-align:center}
.chTitle {
    font-size: 40px;
    line-height: 58px;
    font-weight: bold;
    color: #03538F; text-align:left
}
.desc{    color: #ffffff; width:55%; display:block; text-align:left;
    font-size: 24px;
    line-height: 36px;
    margin-top: 2rem;}
.slogan p {
    width: 800px; text-align:left; font-size:22px; color:#fff; line-height:32px; margin-top:80px;
}	

.g_nyban {

    position: relative;height: 597px; text-align:center

}

.g_nybantu {

    position: relative;

    width: 100%;

    height: 597px;

}

.g_nybantu img {

    width: auto;

    height: 100%;

    position: relative;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}
.g_line {

    width: 1px;

    display: block;

    height: 0;

    background: #fff;

    left: 50%;

    transform: translateX(-50%);

    position: absolute;

    transition: all .36s ease; height:45px; 

}

.g_line1 {

    top: -50px;

}
.g_line2 {

    bottom: -60px;

}
.g_sybantop p {

    color: #fff;

    font-size: 20px;

    line-height: 34px;

    margin-bottom: 30px;

}

.g_sybantop h2 {

    color: #fff;

font-size: 44px;
    line-height: 70px;

}



.g_nybantu::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    z-index: 1;

}

.g_bread {

    position: absolute;

    bottom: 16px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

}

.g_nyban .g_sybanwz {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

}
.htitle h3,.htitle .fnt_35,.htitle .fnt_16,.quality-content h3,.quality-content .fnt_35,.quality-content .fnt_16,.fuwucontent_page h3,.fuwucontent_page .fnt_35,.fuwucontent_page .fnt_16{ text-align:left}
.quality-content .fnt_16{ line-height:24px;}
.standard h3{color:#fcc9a4;font-size:18px; line-height:48px}

.fnt_16 { font-size: 16px;text-align:center; line-height:24px;}

.fnt_18 { font-size: 18px;text-align:center}


.fnt_38 { font-size: 40px; text-align:center; line-height:58px;}


.fnt_35 { line-height: 48px;text-align:center;
    font-size: 40px;
    font-weight: 300;    font-family: sans-serif;}
	dt{ font-weight:normal}
	.fff{ color:#ffffff }
.333{ color:#333 }
.red{color:#03538F}
.iconfont img {
    vertical-align: top; margin-top:12px;
}