/*头部*/
.com-head{width: 100%;height: 88px;}
.com-banner{width: 100%;height: 420px;}
.com-banner img{height: 420px; width: 100%;}
/*发展历程*/
.deve-con{height: 280px;width: 100%;background-color: #fff;}
.deve-con h2{display: block; width: 210px;  font-family: "黑体"; font-size: 48px;letter-spacing: 2px; line-height: 140px;text-align: center;margin:0 auto;-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;}
.deve-con p{width: 738px;height: 100px; font-family: "黑体"; font-size: 16px;line-height: 24px;text-align: center;margin:0 auto;}

.time{width: 1180px;height: 1480px;background:url(../images/develop/time-line.png) no-repeat;background-size: 100% 100%;margin:0 auto;position: relative;}
.time span{display: block;font-size: 18px;font-weight: bold; line-height: 18px;letter-spacing: 3px;color:#c19d6b;margin:20px 0px 18px 20px;}
.time img{display: inline-block;margin-left: 20px;max-width: 100%;}
.time p{padding:0 0 0 10px; width: 454px;height: 96px; font-family: "Microsoft YaHei";font-size: 14px;line-height: 20px;letter-spacing: 2px;position: relative;left: 95px;top:-80px;overflow: hidden;}

.time .left1{width: 570px;height: 154px;background-color: #fcffee;border:1px solid #cecdcd;position:absolute; top:30px;}
.time .left1 p{padding:15px 0 0 10px;}
.time .left2{width: 570px;height: 154px;background-color: #f9f1ff;border:1px solid #cecdcd;position:absolute; top:340px;}
.time .left2 span{color: #c476ff;}
.time .left3{width: 570px;height: 210px;background-color: #eefffd;border:1px solid #cecdcd;position:absolute; top:650px;}
.time .left3 span{color: #54c8ba;}
.time .left3 p{height:156px;}
.time .left4{width: 570px;height: 154px;background-color: #eefffd;border:1px solid #cecdcd;position:absolute; top:1040px;}
.time .left4 span{color: #54c8ba;}


.time .right1{width: 570px;height: 164px;background-color: #fff1f1;border:1px solid #cecdcd;position:absolute; top:186px;right: 0px;}
.time .right1 span{color: #f77272;}
.time .right2{width: 570px;height: 154px;background-color: #f1ffee;border:1px solid #cecdcd;position:absolute; top:496px;right: 0px;}
.time .right2 span{color: #66be53;}
.time .right3{width: 570px;height: 154px;background-color: #ffdefe;border:1px solid #cecdcd;position:absolute; top:880px;right: 0px;}
.time .right3 span{color: #de6ada;}
.time .right3 p{padding:15px 0 0 10px;}
.time .right4{width: 570px;height: 154px;background-color: #dee6ff;border:1px solid #cecdcd;position:absolute; top:1198px;right: 0px;}
.time .right4 span{color: #4d70e0;}
/*其他*/
.com-other{width: 100%;height: 430px;  background-color:#fff;}
.com-other .mid{width: 74%;height: 360px;margin:60px 13%;padding-top: 30px;}
.mid span{display: block; text-align: center;font-family:"黑体";font-size: 42px;line-height: 60px; color:#292929;}
.mid .fot{width: 100%;height: 260px; margin-top: 30px; display: flex;justify-content:space-between;}
.fot .link{width: 32%;height: 260px;border:1px solid #c0c0c0; }
.fot .link:hover{box-shadow: 5px -5px 2px #e7e7e7;}
.fot .link:hover span{color:red;}
.fot .link p:hover {color:red;}
.link img{display: block;margin:50px auto 30px auto;}
.link span{display: block;margin:0 auto;font-family: "黑体";font-size: 24px;line-height: 24px; color:#000;}
.link p{display: block;margin:20px auto;font-family: "黑体";font-size: 16px;color:#6b6b6b;text-align: center;}


/* 媒体查询1025-1750px css */
@media (min-width: 1025px)and (max-width: 1750px) {


}
/* 媒体查询768-1024px css */
@media (min-width: 768px)and (max-width: 1024px) {

.com-head{height: 44px;}
.com-banner{height: 210px;}
.com-banner img{height: 210px;}

.time{width: 90%;height: 1480px; margin:0 auto;position: relative;}
.time span{display: block;font-size: 18px;line-height: 18px;letter-spacing: 3px;color:#c19d6b;margin:20px 0px 18px 20px;}
.time img{display: inline-block;margin-left: 20px;max-width: 100%;}
.time p{width: 70%;height: 76px; font-size: 14px;line-height: 20px;letter-spacing: 2px;position: relative;left: 95px;top:-80px;overflow: hidden;}

.time .left1{width: 48%;height: 154px;position:absolute; top:30px;}
.time .left1 p{padding:0 0 0 10px;}
.time .left2{width: 48%;height: 154px;position:absolute; top:340px;}
.time .left3{width: 48%;height: 210px;position:absolute; top:650px;}
.time .left3 p{ height: 120px; }
.time .left4{width: 48%;height: 154px;position:absolute; top:1040px;}

.time .right1{width: 48%;height: 154px;position:absolute; top:186px;right: 0px;}
.time .right2{width: 48%;height: 154px;position:absolute; top:496px;right: 0px;}
.time .right3{width: 48%;height: 154px;position:absolute; top:880px;right: 0px;}
.time .right3 p{height: 72px; padding:0 0 0 10px;}
.time .right4{width: 48%;height: 154px;position:absolute; top:1198px;right: 0px;}


}
/* 媒体查询461-767px css */
@media (min-width: 461px)and (max-width: 767px) {

.com-head{height: 50px;}
.com-banner{height: 110px;}
.com-banner img{height: 110px;}


.deve-con h2{ font-size: 40px;line-height: 120px;}
.deve-con p{width: 95%;  font-size: 15px;line-height: 22px;}

.time{width: 90%;height: 1480px;margin:0 auto;position: relative;}
.time span{display: block;font-size: 18px;line-height: 18px;letter-spacing: 3px;color:#c19d6b;margin:20px 0px 18px 20px;}
.time img{display: inline-block;margin-left: 20px;max-width: 100%;}
.time p{width: 65%;height: 76px; font-size: 14px;line-height: 20px;letter-spacing: 2px;position: relative;left: 95px;top:-80px;overflow: hidden;}

.time .left1{width: 48%;height: 154px;position:absolute; top:30px;}
.time .left1 p{padding:0 0 0 10px;}
.time .left2{width: 48%;height: 154px;position:absolute; top:340px;}
.time .left3{width: 48%;height: 210px;position:absolute; top:650px;}
.time .left4{width: 48%;height: 154px;position:absolute; top:1040px;}

.time .right1{width: 48%;height: 154px;position:absolute; top:186px;right: 0px;}
.time .right2{width: 48%;height: 154px;position:absolute; top:496px;right: 0px;}
.time .right3{width: 48%;height: 154px;position:absolute; top:880px;right: 0px;}
.time .right3 p{padding:0 0 0 10px;}
.time .right4{width: 48%;height: 154px;position:absolute; top:1198px;right: 0px;}
}
/* 媒体查询341-460px css */
@media (min-width: 341px)and (max-width: 460px) {


.com-head{height: 50px;}
.com-banner{height: 95px;}
.com-banner img{height: 95px;}

.deve-con h2{display: block;  font-size: 36px; line-height: 120px;}
.deve-con p{width: 95%;font-size: 14px;line-height: 20px;}

.time{width: 90%;height: 1680px;background:url(../images/develop/white-bg.png);  margin:0 auto;position: relative;}
.time span{display: block;font-size: 18px;line-height: 18px;letter-spacing: 3px;color:#c19d6b;margin:20px 0px 18px 20px;}
.time img{display: inline-block;margin-left: 20px;max-width: 100%;}
.time p{width: 70%;height: 96px; font-size: 14px;line-height: 20px;letter-spacing: 2px;position: relative;left: 95px;top:-80px;overflow: hidden;}

.time .left1{width: 100%;height: 154px;position:absolute; top:30px;}
.time .left1 p{padding:0 0 0 10px;}
.time .left2{width: 100%;height: 224px;position:absolute; top:422px;}
.time .left2 p{height: 140px;}
.time .left3{width: 100%;height: 360px;position:absolute; top:814px;}
.time .left3 p{height: 306px;}
.time .left4{width: 100%;height: 184px;position:absolute; top:1342px;}
.time .left4 p{height: 126px;}

.time .right1{width: 100%;height: 224px;position:absolute; top:191px;right: -2px;}
.time .right1 p{height: 160px;}
.time .right2{width: 100%;height: 154px;position:absolute; top:653px;right: -2px;}
.time .right3{width: 100%;height: 154px;position:absolute; top:1181px;right: -2px;}
.time .right3 p{padding:0 0 0 10px;}
.time .right4{width: 100%;height: 174px;position:absolute; top:1534px;right: -2px;}
.time .right4 p{height: 116px;}





.com-other{height: 400px;}
.com-other .mid{width: 90%;height: 360px;margin:20px 5%;}
.mid span{font-size: 36px;line-height: 48px; }
.link img{max-width: 100%;}
.link span{font-size: 22px;line-height: 22px; }
.link span:hover{color:red;}
.link p{font-size: 14px;}



}


/* 媒体查询小于340px css */
@media (max-width: 340px) {

.com-head{height: 50px;}
.com-banner{height: 95px;}
.com-banner img{height: 95px;}

.deve-con h2{display: block;  font-size: 28px; line-height: 100px;}
.deve-con p{width: 95%;font-size: 14px;line-height: 20px;}

.time{width: 90%;height: 1380px;background:url(../images/develop/white-bg.png);  margin:0 auto;position: relative;}
.time span{display: block;font-size: 18px;line-height: 18px;letter-spacing: 3px;color:#c19d6b;margin:20px 0px 18px 20px;}
.time img{display: inline-block;margin-left: 20px;max-width: 100%;}
.time p{width: 65%;height: 76px; font-size: 14px;line-height: 20px;letter-spacing: 2px;position: relative;left: 95px;top:-80px;overflow: hidden;}

.time .left1{width: 100%;height: 154px;position:absolute; top:30px;}
.time .left1 p{padding:0 0 0 10px;}
.time .left2{width: 100%;height: 154px;position:absolute; top:352px;}
.time .left3{width: 100%;height: 210px;position:absolute; top:674px;}
.time .left4{width: 100%;height: 154px;position:absolute; top:1052px;}

.time .right1{width: 100%;height: 154px;position:absolute; top:191px;right: -2px;}
.time .right2{width: 100%;height: 154px;position:absolute; top:513px;right: -2px;}
.time .right3{width: 100%;height: 154px;position:absolute; top:891px;right: -2px;}
.time .right3 p{padding:0 0 0 10px;}
.time .right4{width: 100%;height: 154px;position:absolute; top:1213px;right: -2px;}

.com-other{height: 360px;}
.com-other .mid{width: 90%;height: 320px;margin:20px 5%;}
.mid span{font-size: 28px;line-height: 36px; }
.mid .fot{height: 240px; }
.fot .link{height: 240px;}
.link img{margin:30px auto 30px auto;max-width: 100%}
.link span{font-size: 18px;line-height: 18px; }
.link p{font-size: 13px;}


}





