*{
  margin:0px;
  padding:0px;
}

.container{
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 ;
  z-index:1;
}

h1,p{
  text-align: center;
  font-weight: bold;
  line-height: 50px;
}

.banner{
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height: 1200px;
}

.banner_cont{
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  position: absolute;
}

.about_yyjs{
    width: 1200px;
    margin: 0px auto;
    margin-top: 186px;
    display: flex;
}

.about_yyjs_right {
    width: 330px;
    height: 350px;
    position: absolute;
    top: 39.5%;
    right: 28%;
    border: 12px solid #eee;
}

.about_yyjs_right p {
  font-weight: normal;
  text-align: start;
  margin-left: 28px;
  line-height: 25px;
}

.about_yyjs_right h1 {
    margin-top: 246px;
    text-align: start;
    margin-left: 28px;
    font-size: 42px;
    padding-top: 22px;
}

/* 阳光历程 */
.about_yglc{
  position: relative;
  width: 100%;
  margin-top:80px;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  /*height:1654px;*/
  height:5461px;
}

.about_yglc_cont{
  width: 1920px;
  left: 50%;
  margin-left: -600px;
  position: absolute;
}

/* 阳光只用正品 */
.about_ygzp{
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height:722px;  
}

.about_ygzp_cont{
  width: 1920px;
  left: 50%;
  background: #eee;
  margin-left: -960px;
  height: 1500px; 
  position: absolute;
}

.about_ygzp_pig{
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  position: absolute;
}

.about_ygzp_pig p {
  font-weight: normal;
  line-height: 28px;
}

.bea { width: 100%; }
#bea-t { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px; margin-top: 20px; }
#bea-t .on3 { border-bottom: 1px solid #654fbd; }
#bea-t h3 { font-weight: normal; height: 40px; line-height: 40px; cursor: pointer; }
#bea-t h3 b { color: #333333; font-size: 20px; font-weight: normal; }
#bea-t h3 span { color: #999999; font-size: 14px; }

#demo { overflow: hidden; }
#indemo { float: left; width: 800%; }
#demo1 { float: left; }
#demo1 div { width: 250px; height: 507px; border: 1px solid #e1e1e1; float: left; margin-right: 5px; }
#demo1 div p { margin-left: 10px; width: 50px; float: left; margin-top: 20px; font-size: 12px; color: #aaaaaa; }
#demo1 div h4 { width: 200px; float: left; margin-left: 40px; font-weight: normal; color: #333333; font-size: 13px; font-family: "SimSun"; padding: 5px 0; }
#demo1 div h4 img { display: inline; vertical-align: middle; }
#demo1 div p i { width: 20px; float: left; display: inline-block; }
#demo2 div { width: 250px; height: 507px; border: 1px solid #e1e1e1; float: left; margin-right: 5px; }
#demo2 div p { margin-left: 10px; width: 50px; float: left; margin-top: 20px; font-size: 12px; color: #aaaaaa; }
#demo2 div h4 { width: 200px; float: left; margin-left: 40px; font-weight: normal; color: #333333; font-size: 13px; font-family: "SimSun"; padding: 5px 0; }
#demo2 div h4 img { display: inline; vertical-align: middle; }
#demo2 div p i { width: 20px; float: left; display: inline-block; }
#demo2 { float: left; margin-left: 7px; }

.dc {
  width: 1200px;
  margin: 30px auto;
  overflow: hidden;
}
.dc .cen-z {
  color: #333333;
  font-size: 18px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 15px;
}
.dc .cen-z h3 {
  width: 200px;
  border-bottom: 1px solid #5C4033;
  height: 50px;
  line-height: 49px;
}
.dc .cen-z a {
  color: #999999;
  padding-right: 10px;
  font-size: 15px;
}
.dc .cen-z a:hover {
  color: #a392d3;
}
.dc h3 span {
  color: #999999;
  font-size: 14px;
  font-weight: normal;
}
#doc {
  height: 580px;
  width: 1200px;
  margin-top: 50px;
  overflow: hidden;
}
#doc dl {
  width: 756px;
  float: left;
  margin-left: 10px;
}
#doc dl dt {
  width: 334px;
  float: left;
  padding-top:50px;
}
#doc dl dt img {
  width: 100%;
}
#doc dl dd {
  float: left;
  margin-top: 60px;
  width: 365px;
  margin-left: 20px;
}
#doc dl dd h4 {
  color: #000000;
  font-size: 36px;
}
#doc dl dd h4 span {
  font-size: 26px;
  padding-left: 20px;
  color: #000000;
}
#doc dl dd span.sc {
  color: #2c2219;
  font-size: 16px;
  display: inline-block;
  background: #fff000;
  padding: 8px 12px;
  margin: 15px 0;
}
#doc dl dd p {
  color: #666666;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
text-align:start;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
}
#doc-r {
  width: 430px;
  float: right;
  margin-top: 68px;
}
#doc-r ul li {
  width: 105px;
  height: 112px;
  float: left;
  position: relative;
  cursor: pointer;
  margin: 0 2px 2px 0;
}
#doc-r ul li:hover .bgt {
  display: block;
}
#doc-r .bgt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  text-align: center;
  color: #FFF;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  display: none;
}
#doc-r .bgt h4 {
  font-size: 24px;
  color: #ffffff;
  font-weight: normal;
  padding-bottom: 5px;
  margin-top: 38px;
}
#doc-r .bgt h2 {
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}

/* 阳光荣誉1 */
.about_ygry{
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height: 900px;
}

.about_ygry_cont{
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  position: absolute;
}

/* 阳光荣誉2 */
.about_ygrys{
  position: relative;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height: 916px;  
}

.about_ygrys_cont{
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  position: absolute;
}

.footer1{
  height: 30px;
  width: 100%;
  line-height: 30px;
  background: #1d1611;
  color: #8c8c8c;
  text-align: center;
  bottom: 0;
  z-index: 150;
  font-size: 12px;
  overflow: hidden;
}