﻿/*关于圣都*/
.about-desc{width: 100%; height: 640px; padding-top: 170px; background: url(../images/about-desc-bg.jpg) top center no-repeat; background-size: cover; -moz-background-size: cover;}
.about-desc .desc-title{width: 310px; height:120px; border:4px solid #fff; margin-right: auto; margin-left: auto; text-align: center; padding-top: 15px;}
.about-desc .desc-title .en{display: block; font-family: arial; font-weight: 700; font-size: 42px; color: #fff;}
.about-desc .desc-title .zh{display: block; font-family: microsoft yahei; font-size:33px; color: #fff; letter-spacing:18px; position: relative; left: 15px;}
.about-desc .desc-notes{padding-top: 70px;}
.about-desc .desc-notes .zh{display: block; font-size: 26px; font-weight: bold; color: #fff;}
.about-desc .desc-notes .notes{display: block; font-size: 14px; color: #fff; line-height: 28px; padding-top: 15px;}

/**/
.about-info{}
.about-info .info-media{float: left; width: 530px; height: 350px; border:5px solid #d9d9d9;}
.about-info .info-media img{width: 100%; height: 100%;}
.about-info .info-content{float: right; width:630px; height: 350px;}
.about-info .info-content .en{display: block; font-family: arial black; font-size: 38px; color: #272727; padding-top: 10px;}
.about-info .info-content title{display: block; font-size: 21px; color: #323232; padding-bottom: 30px; position: relative;}
.about-info .info-content title:before{content:''; display: block; width: 25px; height: 5px; background: #323232; position: absolute; left: 0; top:40px;}
.about-info .info-content .desc{display: block; font-size: 14px; color: #666666; line-height: 28px;}

.about-head{}
.about-head .zh{font-size: 34px; position: relative;}
.about-head .zh:before{content:''; display: block; width:40px; height: 4px; background: #fff; position: absolute; top:50px; left: 50%; margin-left: -20px;}
.about-head .zh.black:before{content:''; display: block; width:40px; height: 4px; background: #333; position: absolute; top:50px; left: 50%; margin-left: -20px;}


/*历程*/
.about-course{width: 100%; height:500px; position: relative; padding-top:80px; background: url(../images/course-bg_1.jpg) top center no-repeat; background-size: cover; -moz-background-size: cover;}
.list-course{position: relative; margin-top:60px; z-index: 2;}
.about-course:before{content:''; display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.3); position: absolute; top:236px; z-index: 1;}
.about-course .lcPrev,.about-course .lcNext{width: 40px; height: 40px; border-radius: 50%; background: #fff; text-align: center; cursor: pointer; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; position: absolute; top:30px; z-index:9;}
.about-course .lcPrev{left: 0;}
.about-course .lcNext{right: 0;}
.about-course .lcPrev i,.about-course .lcNext i{font-size: 14px; line-height: 40px; color: #333;-webkit-touch-callout: none; -webkit-user-select: none;  
    -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.about-course .bd{}
.about-course .bd ul{ overflow:hidden; zoom:1; }
.about-course .list-item{float:left; width:215px; margin: 0 30px; _display:inline; overflow:hidden;}
.about-course .list-item .item-time{height:50px;}
.about-course .list-item .item-time time{font-family: arial; font-size: 32px; color: #fff;}
.about-course .list-item .item-time span{ font-family: microsoft yahei; font-size: 16px; color: #fff;}
.about-course .list-item .item-content{height:auto; max-height: 180px; overflow: hidden; padding-top: 20px; border-top:3px solid #009b75;}
.about-course .list-item .item-content span{ font-family: microsoft yahei; font-size: 14px; color: #fff; line-height: 26px;}
.about-course .lcPrev:hover,.about-course .lcNext:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*荣誉*/
.about-honor{padding:50px;}
.list-honor{}
.honor img{
width: 220px;
    heigth: 150px;
    margin-right: 20px;
    margin-top: 20px;
}

/*企业理念*/
.about-idea{width: 100%; height: 500px; padding-top: 120px; background: url(../images/about-idea_1.jpg) top center no-repeat; background-size: cover; -moz-background-size: cover;}
.list-idea{ overflow: hidden;}
.list-idea .list-item{float: left; width: 210px; height: 155px; background:url(../images/list-idea_1.jpg) top center no-repeat; -moz-background-size:100%; -webkit-background-size:100%;  -o-background-size:100%; background-size:100%; margin-right: 10px; padding:40px;}
.list-idea .list-item:nth-child(4n){margin-right: 0;}
.list-idea .list-item .zh{font-size: 18px; color: #333;}
.list-idea .list-item .hr{width: 30px; height: 2px; background: #009b75; margin-top: 10px; margin-bottom: 10px;}
.list-idea .list-item .notes{font-size:14px; line-height: 20px; color: #4b4b4b;}