@charset "utf-8";
/* CSS Document */
body {
  background:url(../images/p_01.jpg) no-repeat top center;
  background-color:#f2f2e9;
  background-size:100% auto;
  color: #7e0f0f;
}
p {
  font: 400 14px/1.0em "Microsoft Yahei";
}
.right {
  float: right;
}
.left {
  float: left;
}
.theme {
	position: relative;
}

.people {
  padding: 25px 24px 0px;
}
.people img {
  width: 100%;
}
.person {
  background-color: #7e0f0f;
  color: #f2f2e9;
  padding: 20px 20px 10px;
}
.person a{
  float: right;
  position: absolute;
  bottom: 21px;
  right: 35px;
}

.collect .story {
  color: #d87f5f;
  line-height: 1.6em;
  border-left: 10px solid #d87f5f;
  margin: 20px 0 20px;
  text-align: justify;
}
.collect .contact {
  color: #e9eada;
  line-height: 1.6em;
  border-left: 10px solid #e9eada;
  padding: 0px 20px;
}

@media (min-width: 768px)  { 
     .container { width: 1030px; }
     .theme { height: 700px; }
     .t1{ position: relative;top: 100px;left: 460px;}
     .t2{ position: relative;top: 80px;left: 630px;}
     .t3{ position: relative;top: -130px;left: 910px;}
     .t4{ position: relative;top: -465px;left: 300px;}
     .t5{ position: relative;top: -540px;left: 0px;}
     .t6{ position: relative;top: -560px;left: 90px;}
     .theme p { position: relative; top: -550px; left: 92px;}
     .intro { padding: 0 15px;margin-top: -50px; height: 470px; background: url(../images/cover.png) top center no-repeat;}
     .intro img { padding-top: 66px;}
     .introduce { padding: 50px 68px;}
     .introduce h3{ float: left; color: #7e0f0f; font-size: 20px; font-weight: 700; line-height: 2.0em;}
     .introduce h4{ float: right; color: #f2f2e9; font-size: 60px; font-weight: 700; padding-right: 12px;}
     .introduce p { float: left; line-height: 1.6em; padding-top: 30px;text-align: justify;}
     .introduce a { float: right; color: #7e0f0f;}
     .reviewed img{ width: 100%; }
     .collect { background-color: #7e0f0f;padding: 20px 50px;margin-top: 30px;}
     .collect img { padding: 30px 10px;}
     .collect .story { padding: 0px 20px;}
     .footer {padding: 50px 0;}
 }
@media (max-width: 768px) {
    /*超小屏幕设备 手机*/
     .theme{ height: 285px; }
     .t1{ position: relative;width: 8%;top: 2px;left: 170px;}
     .t2{ position: relative;width: 14%;top: -14px;left: 220px;}
     .t3{ position: relative;width: 4%;top: -88px;left: 288px;}
     .t4{ display: none;}
     .t5{ position: relative;width: 80%;top: -70px;left: 10px;}
     .t6{ position: relative;width: 80%;top: -80px;left: 55px;}
     .theme p { display: none;}
     .intro { height: 700px;padding: 0 15px; background: url(../images/cover2.png) top center no-repeat;background-size: 90%;}
     .intro img { padding-top: 58px;padding-left: 15px;}
     .introduce { padding: 40px 25px;}
     .introduce h3{ float: left; color: #7e0f0f; font-size: 20px; font-weight: 700; line-height: 1.5em;}
     .introduce h4{ display: none;}
     .introduce p { float: left; line-height: 1.6em; padding-top: 0px;text-align: justify;}
     .introduce a { float: right; color: #7e0f0f;}
     .reviewed img{ width: 100%; }
     .collect { background-color: #7e0f0f;padding: 20px 15px;margin-top: 30px;}
     .collect img { padding: 0 100px;}
     .collect .story { padding: 0px 0px 0px 20px;}
     .footer {padding: 30px 0;}
     
}


.footer{ 
  background: url(../images/footbg.jpg) no-repeat center center #14569e;
  
  color: #fff;
}
.ixian-footer-links{
  padding-left: 0;
}
.ixian-footer-links li{
  display: inline-block;
  margin-left: 15px;
}
.ixian-footer-left span{
  margin-left: 15px;
}
.ixian-footer-left ul{
  margin-top: 8px;
}
.ixian-footer-left a{
  font-size: 12px;
  color: #498dce;
}
.ixian-footer-right {
  border-left: 1px solid #116ca5
}
.ixian-footer-right li{
  display: inline-block;

}
.ixian-footer-right li+li{
  margin-left: 15px;
}
.ixian-footer-right a{
  color: #fff;
}
.ixian-footer-right p{
  color: #498dce;
  font-size: 12px; 
  margin: 0 0 5px 15px;
}