.company-banner {
	height: 370px;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9edfc));
	background: -webkit-linear-gradient(top,#fff,#e9edfc);
	background: -moz-linear-gradient(top,#fff 0,#e9edfc 100%);
	background: -o-linear-gradient(top,#fff 0,#e9edfc 100%);
	background: linear-gradient(180deg,#fff,#e9edfc)
}

.company-banner__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	background-image: url(/web/assets/images/company-banner-circle01.png),url(/web/assets/images/company-banner-circle02.png);
	background-repeat: no-repeat;
	-moz-background-size: 358px,294px;
	-o-background-size: 358px,294px;
	background-size: 358px,294px;
	background-position: 61px -20px,right bottom -20px
}

.company-banner .tanma-content-title {
	padding-top: 0;
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	color: #1a1a1a;
}

.company-banner__desc {
	margin-top: 24px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #505050
}

.content-width {
	width: 1200px;
	margin: 0 auto;
}


.side1{height: 690px;}

.sidebd{width: 1280px;height: 100%;margin: 0 auto;position: relative;}
.info{padding-top: 88px;}
.info .if1{position: relative;height: 112px;}
.info .if1 span{font-size: 46px;color: #140C22;line-height: 56px;position: relative;z-index: 2;}
.info .if1::after{content: "";display: block;width: 121px;height: 9px;background: url(/web/assets/images/about/icon.png) -1316px -135px;position: absolute;top: 47px;left: 0;}
.info .if2{width: 640px;font-size: 16px;color: #676C78;line-height: 26px;margin-top: 24px;text-align: justify;}
.info .if3{margin-top: 28px;}
.info .if3 p{font-size: 16px;color: #676C78;line-height: 26px;}
.info .if3 b{color: #140C22;}
.info .if3 i{color: #E62129;font-size: 14px;padding: 0 11px;}
.info .if4{width: 878px;position: relative;margin-top: 39px;height: 120px;}
.info .if4::after{content: "";display: block;width: 878px;height: 38px;background: url(/web/assets/images/about/icon.png) -874px -0;position: absolute;top: 0;left: 0;}
.info .if4 div{float: left;width: 249px;padding-top: 51px;}
.info .if4 span{display: block;font-size: 16px;color: #000;line-height: 20px;}
.info .if4 p{margin-top: 13px;line-height: 32px;font-size: 40px;color: #000;}
.info .if4 p i{font-size: 16px;display: inline-block;vertical-align: top;line-height: 16px;margin-top: 16px;}
.mp4play{width: 494px;height: 494px;background: url(/web/assets/images/about/icon.png) -0 -0;position: absolute;top: 87px;right: 0;cursor: pointer;border-radius: 100%;-webkit-border-radius: 100%;}
.mp4play::after{content: "";display: block;width: 100px;height: 100px;background: url(/web/assets/images/about/icon.png) -874px -202px;position: absolute;left: 8px;bottom: 72px;}
.mp4play:hover:after{background: url(/web/assets/images/about/icon.png) -974px -202px;}





.side2{height: 800px;background: url(/web/assets/images/about/side2_bg.png) no-repeat center top;}
.teamtit{padding-top: 75px;}
.teamtit span{display: block;font-size: 18px;color: #E9CFA3;line-height: 20px;}
.teamtit p{font-size: 38px;color: #fff;line-height: 38px;margin-top: 18px;}
.teamtit i{display: block;font-size: 15px;color: rgba(237, 237, 247, 0.4);line-height: 20px;margin-top: 20px;}
.teamscroll{height: 609px;position: relative;}
.teamscroll .hdscroll{width: 600px;height: 97px;padding-top: 7px;overflow: hidden;position: relative;}
.teamscroll .hdscroll ul{width: 1600px;position: relative;top: 0;left: 0;}
.teamscroll .hd{padding-left: 68px;height: 97px;position: absolute;bottom: 30px;left: 0;right: 0;margin: auto;}
.teamscroll .hd ul::after{content: "";display: block;clear: both;zoom: 1;}
.teamscroll .hd li{float: left;width: 90px;height: 90px;margin-left: 10px;position: relative;cursor: pointer;}
.teamscroll .hd li .mask{width: 90px;height: 90px;position: relative;overflow: hidden;border-radius: 20px;-webkit-border-radius: 20px;}
.teamscroll .hd li .mask img{height: 90px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.teamscroll .hdscroll > .mask::after{content: "";display: block;width: 17px;height: 7px;background: url(/web/assets/images/about/icon.png) -1397px -173px;position: absolute;top: -7px;left: 50%;margin-left: -8.5px;}
.teamscroll .hdscroll > .mask{display: block;width: 90px;height: 90px;border: 2px solid #E9CFA3;border-radius: 20px;-webkit-border-radius: 20px;position: absolute;top: 7px;left: 10px;z-index: 2;}
.teamscroll .hd .arrow{height: 40px;position: absolute;bottom: 25px;right: 0;}
.teamscroll .hd .arrow a{display: inline-block;vertical-align: top;width: 66px;height: 40px;background-image: url(/web/assets/images/about/icon.png);margin-left: 10px;}
.teamscroll .hd .arrow a:first-child{margin-left: 0;}
.teamscroll .hd .arrow a.prev{background-position: -1074px -262px;}
.teamscroll .hd .arrow a.next{background-position: -1206px -262px;}
.teamscroll .hd .arrow a.prev:hover{background-position: -1140px -262px;}
.teamscroll .hd .arrow a.next:hover{background-position: -1272px -262px;}
.teamscroll .hd .pagest{height: 22px;color: #fff;line-height: 28px;position: absolute;top: 42px;left: 0;}
.teamscroll .hd .pagest span{font-size: 28px;line-height: 22px;display: inline-block;vertical-align: top;margin-right: 4px;}
.teamscroll .hd .pagest i{font-size: 14px;line-height: 14px;display: inline-block;vertical-align: top;margin-top: 9px;margin-left: 4px;}
.teamscroll .bd{height: 459px;position: relative;}
.teamscroll .bd li{display: none;height: 459px;position: relative;}
.teamscroll .bd li:first-child{display: block;}
.teamscroll .bd li .pinfo1{font-size: 26px;color: #fff;line-height: 26px;padding-top: 125px;}
.teamscroll .bd li .pinfo1 span{display: inline-block;vertical-align: top;padding: 0 13px;background: #5A5A7A;line-height: 33px;font-size: 14px;color: #fff;border-radius: 4px 4px 4px 0;-webkit-border-radius: 4px 4px 4px 0;margin-top: -27px;margin-left: 12px;position: relative;}
.teamscroll .bd li .pinfo1 span:after{content: "";display: block;width: 5px;height: 6px;background: url(/web/assets/images/about/icon.png) -1735px -129px;position: absolute;left: -5px;bottom: 0;opacity: 0.14;}
.teamscroll .bd li .pinfo2{font-size: 15px;color: rgba(237, 237, 247, 0.4);line-height: 16px;margin-top: 11px;}
.teamscroll .bd li .pinfo3{width: 169px;display:none;height: 46px;line-height: 46px;border-radius: 23px;-webkit-border-radius: 23px;font-size: 14px;color: #694F24;background: #E9CFA3;display: block;margin-top: 46px;text-align: center;font-weight: bold;transition: all 0.2s;-webkit-transition: all 0.2s;}
.teamscroll .bd li .pinfo3:hover{opacity: 0.9;filter: alpha(opacity=90);}
.teamscroll .bd li .pinfo3::after{content: "";display: inline-block;vertical-align: top;width: 14px;height: 14px;background: url(/web/assets/images/about/icon.png) -1366px -262px;margin: 16px 0 0 15px;}
.teamscroll .bd li .pinfo4{width: 420px;font-size: 15px;color: rgba(237, 237, 247, 0.4);line-height: 26px;text-align: justify;position: absolute;left: 330px;top: 125px;}
.teamscroll .bd li .pinfo5{width: 428px;height: 687px;overflow: hidden;position: absolute;bottom: -150px;right: 136px;}
.teamscroll .bd li .pinfo5 img{height: 687px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}



/* 发展历程 */
.dsj{
    background-image:url(/web/assets/images/about/side3_bg.png);
    background-color: #ffffff;
    background-position: top;
    background-repeat: no-repeat;
    padding-bottom:50px; 
    
}
.dsj .title{
    line-height: 1.41;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 34px;padding: 70px 0;
}
.ylistbox{height: 51px;position: relative;}
.ylistbox:before{
    content: "";
    position: absolute;
    border-top: 1px solid rgba(255, 255, 255, 1);
    top: 58px;
    left: 0;
    right: 0px;
}
.ylistbox .ycontrol{position: absolute;bottom:14px;cursor:pointer;}
.ylistbox .prev{left:0;bottom: -17px;width: 19px;
    height: 19px;
    background-color: rgba(170, 239, 255, 1);
    border: 6px solid #6CAAFD;
    border-radius: 100%;
    transition: 0.2s linear;
    box-sizing: border-box;}
 .ylistbox .next{right:0;width: 19px;    bottom: -17px;
    height: 19px;
    background-color: rgba(170, 239, 255, 1);
    border: 6px solid #6CAAFD;
    border-radius: 100%;
    transition: 0.2s linear;
    box-sizing: border-box;}
 .ylistbox .tablistbox{width:1000px;overflow: hidden;margin:0 auto;}
.ylistbox li{    position: relative;cursor:pointer;text-align:center;font-size: 22px;color: #ffffff;float: left;width: 174px;height: 80px;}
.ylistbox li:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-color: rgba(170, 239, 255, 1);
    border: 6px solid #6CAAFD;
    border-radius: 100%;
    transition: 0.2s linear;
    box-sizing: border-box;    position: absolute;left:71px;bottom:14px;
}
.ylistbox li.on{color:white;font-size:28px;}
.ylistbox li.on:before{
        width: 31px;bottom: 6px;
    left: 65px;
    height: 31px;
    background-color: rgba(255, 255, 255, 1);
    border: 9px solid #6CA3FA;
    transition: 0.2s linear;
}
.dsj .tabcontbox{    width: 1200px;
    background: #fff;
    box-shadow: 0 0 30px #dededf;
    margin: 82px auto 0;
    overflow: hidden;
    border-radius: 13px;
    padding: 90px 200px;}
.dsj .tabcontbox dl{}
.dsj .tabcontbox dd{overflow: hidden;position: relative;
    padding: 20px;}
.dsj .tabcontbox dd:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-top: 4px solid rgba(5, 100, 245, 1);
    border-left: 4px solid rgba(5, 100, 245, 1);
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
}
.dsj .tabcontbox dd+dd{margin-top:35px; }
.dsj .tabcontbox dd .date{float: left;width: 55px;color: #641d32;font-size: 20px;}
.dsj .tabcontbox dd .desc{margin:0;float: left;padding-left: 20px;width: 680px;}

.side3{
    width:1200px;
    margin:50px auto;
}
.side3 .title{
    line-height: 1.41; 
    text-align: center;
    font-size: 34px;
    padding: 70px 0;
}
.side3 .contact{
    display: flex;
    height: 280px;
    background: #fff;
     border-radius: 16px;
    overflow: hidden;
}
.side3 .map{
    width: 520px;
    background-image:url(/web/assets/images/about/gs_bg.png);
    background-color: #ffffff;
    background-position: top right;
    background-repeat: no-repeat;
}
.side3 .address{
    display: flex;    flex-direction: column;    align-items: flex-start;
    padding: 40px 0 0 48px;flex:1;
}
.city-name{
    margin-bottom: 28px;
    font-size: 18px;
    font-weight: 500;
}


 .city-detail {
    padding-top: 12px;
    color: #505050;
    border-top: 1px solid #e6e6e6;
}

.city-detail>div {
    margin-top: 12px;
}