@charset"utf-8";

img { margin:0; }

.about-sub-bg { width: 100%;padding:14px 0;background-color: #eee; }
.about-sub-bg .about-sub { width: 1200px;margin: auto;text-align: center; }
.about-sub-bg .about-sub .line-t { width: 100%;height: 1px;background-color: #333;margin-left: -460px }
.about-sub-bg .about-sub > img { margin:14px 0; }
.about-sub-bg .about-sub .line-b { margin-left: 460px }

.about-text { width: 1200px;height: auto;margin: 0 auto; }
.about-text .triangle { width: 0;height: 0;border-left: 22px solid transparent;border-right: 22px solid transparent;border-top: 30px solid #333;margin:0 auto; }
.about-text .line-s { width: 1px;background-color: #333; position: absolute;left: 50%;padding-bottom: 2988px; }
.hue-dec { display: block;width: 38px;height: 10px;float: left;background-color: #ffc320;margin:20px 10px 0 0; }
.hue-one { background-color: #6cf; }
.hue-two { background-color: #333; }



/*第一块*/
.first-block { margin-top: 130px;position: relative; }
.first-block > img { float: left; }
.first-block .trans-circle { width:28px;height: 28px;background-color: #6cf;border-radius: 50%;border: 6px solid #c5ecff;position: absolute;top:60px; left: 48.3%; }
.first-block .first-bl-text { float: left;width: 536px;height: auto;margin:60px 0 0 90px; }
.first-block .first-bl-text > p { font-size: 18px;line-height: 34px; color: #484c4e;letter-spacing: .05em;text-align: justify;margin-top: 30px; }
.first-block .first-bl-text > p > strong { color: #ffc320; }



/*第二块*/
.second-block { margin-top: 140px; clear: both; position: relative; }
.second-block .first-bl-text { float: left;width: 536px;height: auto;margin:60px 0 0 0;text-align: right; }
.second-block .first-bl-text > p { font-size: 18px;line-height: 34px; color: #484c4e;letter-spacing: .05em;text-align: justify;margin-top: 30px; }
.second-block .first-bl-text > p > strong { color: #ffc320; }
.second-block .trans-circle { width:28px;height: 28px;background-color: #ffc320;border-radius: 50%;border: 6px solid #ffe7a7;position: absolute;top:60px; left: 48.3%; }
.second-block > img { float: left;position: absolute;top:80px; left: 650px }

/*第三块*/
.third-block { margin-top: 180px;position: relative; }
.third-block .dec-figure { width: 574px;float: left; }
.third-block .trans-circle { width:28px;height: 28px;background-color: #333;border-radius: 50%;border: 6px solid #d1d1d1;position: absolute;top:60px; left: 48.3%; }
.third-block .first-bl-text { float: left;width: 536px;height: auto;margin:60px 0 0 90px; }
.third-block .first-bl-text > p { font-size: 18px;line-height: 34px; color: #484c4e;letter-spacing: .05em;text-align: justify;margin-top: 30px; }
.third-block .first-bl-text > p > strong { color: #ffc320; }

/*第四块*/
.fourth-block { margin-top: 140px; clear: both; position: relative; }
.fourth-block .first-bl-text { float: left;width: 536px;height: auto;margin:60px 0 0 0;text-align: right; }
.fourth-block .first-bl-text > p { font-size: 18px;line-height: 34px; color: #484c4e;letter-spacing: .05em;text-align: justify;margin-top: 30px; }
.fourth-block .first-bl-text > p > strong { color: #ffc320; }
.fourth-block .trans-circle { width:28px;height: 28px;background-color: #ffc320;border-radius: 50%;border: 6px solid #ffe7a7;position: absolute;top:60px; left: 48.3%; }
.fourth-block > img { float: left;position: absolute;top:80px; left: 650px }

/*第五块*/
.fifth-block { margin-top: 240px;position: relative; }
.fifth-block .dec-figure { width: 574px;float: left; }
.fifth-block .dec-figure > img { margin-top: 60px; }
.trans-circle { width:28px;height: 28px;background-color: #333;border-radius: 50%;border: 6px solid #d1d1d1;position: absolute;top:60px; left: 48.3%; }
.fifth-block .first-bl-text { float: left;width: 536px;height: auto;margin:60px 0 0 90px; }
.fifth-block .first-bl-text > p { font-size: 18px;line-height: 34px; color: #484c4e;letter-spacing: .05em;text-align: justify;margin-top: 30px; }
.fifth-block .first-bl-text > p > strong { color: #ffc320; }

/*第六块*/
.contact-us { width: 100%;height: 645px;margin-top: 78px;border: 4px solid #333;border-right: 0;border-left: 0;position: relative;z-index: 999;background-color: #f3f3f3; }
.contact-us .middle { width: 1200px;margin:0 auto; }
.contact-us .middle .dec-triangle { margin:-53px 0 0 541px; }
.contact-us .middle .contact { margin:38px 0 50px 30px; }
.contact-us .middle .details-text .dec-icon { width: 14px;height: 16px;overflow: hidden;float: left;margin: 3px 16px 0 0; }
.contact-us .middle .details-text > li { margin-top: 10px; }
.contact-us .middle .details-text > li > p { font-size: 14px;color: #484c4e;letter-spacing: -0.02em; }
.contact-us .middle .details-text .pos-one > img { margin-top: -26px; }
.contact-us .middle .details-text .pos-two > img { margin-top: -56px; }
.contact-us .middle .details-text .pos-three > img { margin-top: -86px; }
.contact-us .middle .map { width: 1184px;height: 290px;margin:36px auto;border: 6px solid #e9e9e9;overflow: hidden; }



@media screen and (min-width:1200px) and (max-width:1500px) and (orientation:portrait){

.about-text .line-s { padding-bottom: 360%; }

}