@charset "utf-8";/*!

/*-------------base--------------*/
.img-fill {
    width: 100%;}
.pinpai_banner { background: url(../images/base-5.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;}
@media (min-width: 1230px)

{

    .container

    {

        width: 1230px;

    }

}
.idea {  padding-right:465px;
    position: relative;
    margin: 8rem  auto;
}
.company {
    display: flex;
    justify-content: space-between;
    padding: 7rem 0;
    background: -webkit-linear-gradient(left, transparent 33.33%, #03538F 33.33%);
    color: #fff;
    position:relative;
    z-index:1
}
.company-intro-s {
    font-weight: bold;
    margin: 2rem 0 -1.5rem;
}
.company>div{width:50%}
.company .company-content{padding:6rem 10%}
.company .num{margin-bottom:2rem}
.history {
    padding: 1rem 25% 8rem;
    background: #f2f2f2;

}
.history-item{display:flex;padding-top:5rem}
.history-item-date {
    width: 16.66%;
    color: #03538F;
    font-weight: bold;
    position:relative
}
.history-item-con{width:83.33%;line-height:0;position:relative}
.history-item-con img{width:28rem;margin:1rem 1rem 0 0}
.nowrap{white-space:nowrap}
.history-item-con::before, .history-item-con::after {
    content: "";
    width: 1px;
    position: absolute;
    left: -40px;
    background: #4d4d4d
}
.history-item-con::before{height:5rem;bottom:calc(100% + 2px)}
.history-item-con::after{height: calc(100% - 15px);bottom:0}
.history-item-date::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #4d4d4d;
    right: 36px;
    border-radius: 50%;
    top: 3px;
}

.index-adv {
    padding: 120px 0 154px;
    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: 0 -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:#ad000e;
	position:absolute;
	top:-40px;
	left:50%;
	margin-left:-40px;
	text-align:center;
	line-height:80px;
transition:all .6s
}
.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;
}
.icon-adv-tuandui:before {
	content:"创"
}
.icon-adv-fengkong:before {
	content:"\e625"
}
.icon-adv-chanpin:before {
	content:"\e626"
}
.icon-adv-hezuo:before {
	content:"\e627"
}
.icon-adv-muzi:before {
	content:"\e628"
}

.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:#ad000e;
	opacity:0;
transition:all .7s
}

.index-adv .index-adv-main .adv-item .item-box {
	position:relative;
	background-color:#fff;
	overflow:hidden
}
.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:#ad000e;
	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
}
.section-title {
    font-size: 2rem;
    font-weight: bold; padding-top:5rem; color:#c52327; text-align:center
}
.section-desc{margin-top:1rem; text-align:center; }
.index-page-top{ padding-bottom:30px;}
.pinpaiintro{ width:1396px; margin: 0px auto 40px } 
.daosenintro{ width:1536px; margin: 40px auto } 

.quality-content .num{margin-bottom:3rem}
.quality{display:flex}

.quality-img { width:60%;}
.quality-content {
    background: #03538F;
    color: #fff;
    padding: 5% 5% 0;
	width:40%;overflow:hidden
}

.quality-img{line-height:0;position:relative}
.cultural-content{background:#f2f2f2;padding:12% 8% 0}
.cultural-content .chTitle{margin-top:1rem}
.approval-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(4,25%);
    line-height: 1.75;
    color:#fff
}

.approval-content div{
        display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(199,0,6,0.5);
    opacity:0;
    transition:opacity .3s;
    transition-delay:.1s
}
.approval-content div:hover{opacity:1}
.quality-s{margin-top:2rem}
.standard {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid #333;
    justify-content:space-between;
    align-items:center
}
.standard span{
        padding-top: 1rem;
    margin-right: 3rem;
}
.standard .desc{margin-top:1rem}
.standard h3{color:#fcc9a4;font-size:1.15rem}
.chTitle {
   
  font-size: 40px; line-height: 58px;font-weight: bold;color:#03538F;
}
.green{color:#03538F}
.yellow {
    color: #fcc9a4;
}
.g_content1 {
    width: 1360px;

    position: relative;
}
.desc {
        color: #666666;
    font-size: 16px;
    line-height: 30px;
    margin-top: 2rem;
}
.company .desc,.standard .desc{
        color: #ffffff;

}
.activity_box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10% 8rem;
}
.activity {
    background: #f5f7fa;  padding-top:80px;
}

.activity_s {
    line-height: 0;
    position:relative;
    overflow:hidden;
}
.activity img{width:100%;}
.activity_s p {
    background: #c52327;
    color: #fff;
    padding: 0 2rem;
    font-size: 1.8rem;  display: block; height:36px; line-height:36px;
    width: 100%;
    position: absolute;
    left: 0;
    transform: translateY(101%);
    transition: transform .6s cubic-bezier(0.31, 0.66, 0.46, 0.95) 0s;
}
.activity_s:hover p{transform: translateY(0);    bottom: -10px;}
.activity_l{width:calc(65% - 2rem);margin-right:2rem}
.activity_b{width:100%;margin-top:2rem}
.activity_r {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.activity  .desc {
    margin-bottom: 1rem;
    text-align: justify;
    font-size: var(--small-font-size);
    line-height: 1.75;
    color:#8e8e8e
}
.subhead {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: bold;
}
.activity_c {
    border-bottom: 1px solid #8e8e8e;
    padding-bottom: 1rem;
}
.section-title {
font-size: 30px;
    font-weight: bold;
    color: #03538F;
	line-height: 58px;
}
.section-desc{color: #666666;
    font-size: 16px;
    line-height: 36px;}
.film{text-align:center;}
.film_box {
    margin-top: 30px;
    position: relative;
    line-height: 0;
}
.film_c {
    position: absolute;
    color: #fff;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.film_c p{
      background: #c52327;
    position: absolute;
    width: 50%;
    padding: 6rem 0;
	top:42%; line-height:32px; font-size:16px;
}
.quality-content .chTitle{color:#fcc9a4;margin-top:1rem ; font-size:3rem;}



.index_num{ width:800px; margin:100px auto; color:#03538F; font-weight:500;font-family: Arial, sans-serif;}

.index_num ul{overflow: hidden;}

.index_num li{width: 25%;
    float: left;}

.index_num dt{height: 52px;line-height: 52px;margin-bottom: 10px; }

.index_num span{font-size: 52px; font-weight:bold}

.g_sec1 {padding-top: 100px;}
.g_content1 {
    width: 1360px;
    margin: 0 auto;
    position: relative;
}
.g_sec1bot {
    background: #f2f4f7;
    padding: 60px 0 60px 0;
		position:relative
}
.g_sec1topbj {
    width: 1495px;
    position: absolute;

    left: -130px;
}
.g_sec1sktu {
    width: 784px;
   
}


.g_sec1botfl {
    width: 42%;
    padding-right: 180px;

}

.g_sec1botfr { width: 58%; height:200px; position: absolute;  right:0; top:-110px;}

.g_sec1botfl h4 {color: #03538F; font-size: 32px;

    font-weight: bold;

    line-height: 42px;

    margin-bottom: 20px;

}

.g_sec1nrfl {

    width: 32px;

}

.g_sec1nrfl img {

    width: 100%;

}

.g_sec1nrfr {

    width: calc(100% - 32px);

    padding-left: 26px;

}

.g_sec1nrfr h5 {

    color: #03538F;

    font-size: 24px;

    font-weight: bold;

    line-height: 34px;

}

.g_sec1nrfr p {

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    height: 40px;

    overflow: hidden;

}
.g_sec1{ margin-top:120px;}
.g_sec1topbj {
    width: 1495px;
    position: absolute;
    left: -100px; top:-200px;
}




quality-content .num{margin-bottom:3rem}
.quality{display:flex}
.quality>div{width:50%; overflow:hidden}
.quality-content {
    background: #03538F;
    color: #fff;
    padding: 10% 9% 0;
}
.quality-content .chTitle{color:#fcc9a4;margin-top:1rem}
.quality-img{line-height:0;position:relative}
.cultural-content{background:#f2f2f2;padding:5% 8% 0}
.cultural-content .chTitle{margin-top:1rem}
.approval-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,33.3333333333333%);
    line-height: 1.75;
    color:#fff
}
.flex-box{display:flex;transition:.15s all}
.cultural-content .standard:hover{color:#03538F}
.cultural-content .standard:hover h3{color:#03538F}
.cultural-content .standard:hover path{stroke: rgb(0, 131, 117);}
.cultural-content .standard:hover .flex-box{padding-left:1rem}
cultural-content .standard{border-color:rgba(0,0,0,.7);padding:1.05rem 0;color:#000;}
.cultural-content .standard h3{color:#000;font-weight:bold ; font-size:16px; line-height:24px;}
.cultural-content .standard span{padding-top:0}



.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;

}