/*公司简介*/
.main{padding-bottom:50px;}
.main > div:first-of-type{width:100%;box-shadow:0 0 5px #ccc;margin-top: 30px;}
.main > div:first-of-type > a{float:left;width:calc(100% / 5);font-size:24px;color:#000;padding:25px 0;text-align:center;cursor:pointer;}
.main > div:first-of-type > a.current{color:#fff;background:#1a44a3;}
.main > div:nth-of-type(2){margin-top:55px;}
.main > div:nth-of-type(2) > div{display:none;}
.main > div:nth-of-type(2) > div.current{display:block;word-break: break-all;}
.main > div:nth-of-type(2) > div.introduction p{font-size:24px;color:#333;text-indent:2em;margin-bottom:50px;line-height:45px;}
.main > div:nth-of-type(2) > div.introduction .video{width:800px;height:450px;margin:auto;}


/*发展历程*/
.main > div:nth-of-type(2) > div.growing ul li{margin-bottom:65px;overflow:hidden;}
.main > div:nth-of-type(2) > div.growing .time{float:left;width:100px;height:100px;font-size:26px;color:#333;text-align:center;border:2px solid #dcdcdc;padding:18px 12px 0;margin-right:16px;}
.main > div:nth-of-type(2) > div.growing .time span{display:block;font-size:20px;color:#666;border-top:2px solid #dcdcdc;margin-top:8px;padding-top:10px;}
.main > div:nth-of-type(2) > div.growing .text{padding-top:5px;float:left;}
.main > div:nth-of-type(2) > div.growing .text h6{font-size:24px;color:#333;font-weight:600;}
.main > div:nth-of-type(2) > div.growing .text h6:after{content:'';display:block;width:70px;height:2px;background:#dcdcdc;margin:15px 0 20px;}
.main > div:nth-of-type(2) > div.growing .text p{font-size:20px;color:#666;overflow:hidden;text-overflow:ellipsis;  white-space:nowrap;}

/*企业文化*/
.main > div:nth-of-type(2) > div.enterprise{text-align:center;}
.main > div:nth-of-type(2) > div.enterprise p{text-align:left;font-size:24px;color:#333;line-height:40px;margin-bottom:50px;text-indent:2em;}
.main > div:nth-of-type(2) > div.enterprise h6{font-size:24px;color:#000;margin:50px 0;text-align:left;}
.main > div:nth-of-type(2) > div.enterprise p span{display:block;font-size:24px;color:#000;font-weight:600;text-indent:0;}

/*荣誉资质*/
.main > div:nth-of-type(2) > div.honor > div{text-align:center;margin-bottom:50px;}
.main > div:nth-of-type(2) > div.honor > div span{display:block;text-align:center;font-size:20px;color:#333;margin-top:20px;}
.main > div:nth-of-type(2) > div.honor > div > div{display:inline-block;}
.main > div:nth-of-type(2) > div.honor > div > div{display:inline-block;margin-right:30px;}
.main > div:nth-of-type(2) > div.honor > div > div:last-child{margin-right:0;}

/*联系我们*/
.main > div:nth-of-type(2) > div.contact ul li{float:left;width:calc(100% / 3);padding-right:20px;margin-bottom:70px;}
.main > div:nth-of-type(2) > div.contact ul li .icon{float:left;width:100px;height:100px;border:1px solid #1a44a3;border-radius:50%;position:relative;}
.main > div:nth-of-type(2) > div.contact ul li .icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.main > div:nth-of-type(2) > div.contact ul li .text{float:left;padding:15px 0 0 15px;width:calc(100% - 100px)}
.main > div:nth-of-type(2) > div.contact ul li .text h6{font-size:20px;color:#010101;}
.main > div:nth-of-type(2) > div.contact ul li .text p{font-size:20px;color:#000;margin-top:15px;line-height:30px;}


/* 移动端样式 */
@media only screen and (max-width: 1024px) {

  .main{padding-bottom: 2rem;}

  .main > div:first-of-type > a{font-size: 1.5rem;line-height: 2.5;padding: 0;}

  .main > div:nth-of-type(2){margin-top: 2rem;}

  .main > div:nth-of-type(2) > div.introduction p,
  .main > div:nth-of-type(2) > div.enterprise p{font-size: 1.2rem;line-height: 1.6;margin-bottom: 1.5rem;}
  .main > div:nth-of-type(2) > div.enterprise p span{font-size: 1.2rem;line-height: 1.6;}
  .main > div:nth-of-type(2) > div.enterprise h6{font-size: 1.2rem;line-height: 1.6;margin: 2rem 0 !important;}
  .main > div:nth-of-type(2) > div.enterprise img{display: inline-block;width: 100%;}

  .main > div:nth-of-type(2) > div.growing ul li{margin-bottom: 1.5rem;}
  .main > div:nth-of-type(2) > div.growing .time{width: 7rem;height: 7rem;margin-right: 1rem;font-size: 1.5rem;}
  .main > div:nth-of-type(2) > div.growing .time span{font-size: 1.2rem;}
  .main > div:nth-of-type(2) > div.growing .text{width: calc(100% - 8rem);}

  .main > div:nth-of-type(2) > div.growing .text h6{font-size: 1.4rem;line-height: 2.2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  .main > div:nth-of-type(2) > div.growing .text h6:after{margin: 0 0 1rem;}
  .main > div:nth-of-type(2) > div.growing .text p{font-size: 1rem;line-height: 1.6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

  .main > div:nth-of-type(2) > div.honor > div{margin-bottom: 1.5rem;}
  .main > div:nth-of-type(2) > div.honor > div > div{max-width: 30%;margin-right: 2%;}
  .main > div:nth-of-type(2) > div.honor > div > div img{max-width: 100%;}
  .main > div:nth-of-type(2) > div.honor > div span{margin-top: 0;font-size: 1.5rem;line-height: 1.6;}

  .main > div:nth-of-type(2) > div.contact ul li{width: 50%;margin-bottom: 2rem;}
  .main > div:nth-of-type(2) > div.contact ul li .text p{font-size: 1.2rem;line-height: 1.5;margin-top: .5rem;}

  .main > div:nth-of-type(2) > div.introduction .video,
  .main > div:nth-of-type(2) > div.introduction .video video{width: 100%;height: auto;}

  .main .address img{width: 100%;}


}

/* 移动端样式 */
@media only screen and (max-width: 750px) {

  .main{padding-bottom: 1.5rem;}

  .main > div:first-of-type > a{font-size: 1rem;}

  .main > div:nth-of-type(2){margin-top: 1.5rem;}

  .main > div:nth-of-type(2) > div.introduction p,
  .main > div:nth-of-type(2) > div.enterprise p{font-size: 1rem;margin-bottom: 1.2rem;}
  .main > div:nth-of-type(2) > div.enterprise p span{font-size: 1rem;}
  .main > div:nth-of-type(2) > div.enterprise h6{font-size: 1rem;margin: 1.5rem 0 !important;}

  .main > div:nth-of-type(2) > div.growing ul li{margin-bottom: 1rem;}
  .main > div:nth-of-type(2) > div.growing .time{width: 4rem;height: 4rem;margin-right: .8rem;font-size: 1rem;padding: .6rem 0 0;}
  .main > div:nth-of-type(2) > div.growing .time span{font-size: .8rem;padding-top: .4rem;margin-top: .4rem;}
  .main > div:nth-of-type(2) > div.growing .text{width: calc(100% - 4.8rem);padding-top: 0;}
  .main > div:nth-of-type(2) > div.growing .text h6{font-size: 1rem;}
  .main > div:nth-of-type(2) > div.growing .text h6:after{margin: 0 0 .3rem;}
  .main > div:nth-of-type(2) > div.growing .text p{font-size: .8rem;}

  .main > div:nth-of-type(2) > div.honor > div span{font-size: 1rem;}

  .main > div:nth-of-type(2) > div.contact ul li{width: 100%;}
  .main > div:nth-of-type(2) > div.contact ul li .icon{width: 3.5rem;height: 3.5rem;}
  .main > div:nth-of-type(2) > div.contact ul li .icon img{transform: translate(-50%,-50%) scale(.5);}
  .main > div:nth-of-type(2) > div.contact ul li .text{padding: .3rem 0 0 1rem;}
  .main > div:nth-of-type(2) > div.contact ul li .text h6{font-size: 1.2rem;}
  .main > div:nth-of-type(2) > div.contact ul li .text p{font-size: 1rem;}




}