lixin-web/webapp/css/aboutus.css

vue and bootstrap

/*关于我们*/
@font-face {
      font-family: ffff;
        src: url('../fonts/_25E9_2580_25A0_25E5_25AD_2597_25E5_25B7_25A5_25E6_2588_25BF_25E6_259C_2597_25E5_2580_25A9_25E4_25BD_2593.otf'); /* IE9*/

    }
body{background:#fff;}
.about-main{max-width: 980px;margin: 0 auto;text-align: center;background: url(../img/aboutus/dit.jpg);padding:80px 0 }
.about-main .a1{width: 180px;height: 40px;background: #00c4ff;color: #fff;display: block;line-height: 40px;text-align: center;margin: 20px auto;}
.about-main1{margin-right: 0;}
.about-main1 .rig{text-align: center;padding: 3% 50px;color: #fff;background: #00c4ff;}
.about-main1 .rig img{margin: 30px auto;width: 50%}
.about-main1 .lef{padding-right: 0}
.about-banner{position: relative;}
.about-font{position: absolute;top: 100px;color: #fff;width: 100%;text-align: center;font-family: ffff;}
.about-font .p1{font-size: 50px;}
.about-font h2,.about-font h1{margin-bottom: 35px;}
#effect span{color: #fff;margin-top: 150px;}

.about-main1 .lef{opacity: 1;position: relative;}
.about-main1 .rig{opacity: 1;position: relative;}
.about-main1{overflow: hidden;}

.about-main1 .rig .p1{font-size: 18px;}
.about-main1 .rig .p2{font-size: 14px;line-height: 2}
.about-main1 .rig .a1{padding: 8px 15px;background: rgba(0,0,0,0.3);display: table;color: #fff;margin: 30px auto;}

.about-li{width: 100%;text-align: center;background: #fa6400;color: #fff;font-size: 18px;line-height: 45px;}
.about-list{max-width: 980px;margin: 0 auto}
.about-list .p1{margin: 20px 0 10px 0;font-size: 18px;}
.about-list p{line-height: 2}
.about-panel .panel-default>.panel-heading{background:#50565e;color: #fff;text-align: center;padding: 15px 0}
.about-panel .panel-group .panel+.panel{margin-top: 0}
.about-panel .panel-default .curron{background: #fa6400}
.about-panel .panel-heading .glyphicon-chevron-down{margin-left: 10px;}
.about-panel .panel-heading .glyphicon-chevron-up{margin-left: 10px;}
.about-panel .panel-heading  .deg{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
		transform: rotate(180deg);
	-o-transform: rotate(180deg); 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg)}
.about-cont{max-width: 980px;margin: 0 auto;text-align: center;padding: 40px 0;overflow: hidden;}
.about-cont .sp1{padding: 10px 5px;display: table;border-bottom: 2px solid #00c4ff;margin: 0 auto;font-size: 18px;}
.about-cont .sp2{padding: 5px 25px;background: #00c4ff;display: table;margin: 20px auto;border-radius: 5px;color: #fff}
.about-cont .p1{font-size: 30px;margin-bottom: 25px;}
@media screen and (max-width:768px){
	.about-font{top:0px;padding: 10px 0;    height: 132px;}
	#effect span{margin-top:88px;}
	.about-font .p1{font-size: 17px;}
	.about-main{padding:10px 10px;}
	.about-main p{font-size: 14px;}
}