.myinfo *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;font-family: 'Source Sans Pro', sans-serif;}
.clear{ clear:both;}
/*about us part1*/
.about_m{ padding:0 5.6% 30px;}
.about_m .h3{ font-size:36px; color:#86d061; margin-bottom:35px; font-weight:bold;}
.about_m .about_item{ padding-left:322px; position:relative; margin-bottom:30px;}
.about_m .about_item .about_img1{ display:block; width:300px; position:absolute; top:0; left:0;}
.about_m .about_item .about_info{ min-height:343px; font-size:21px; color:#7d7d7d; text-align:justify;}
.about_info span{ float:left; font-size:130px; line-height:90px;}
@media (max-width: 1200px) {
.about_m .about_item{ padding-left:320px;}
.about_m .about_item .about_img1{ width:300px;}
}
@media (max-width: 1024px) {
.about_m .about_item{ padding-left:220px;}
.about_m .about_item .about_img1{ width:200px;}
}
@media (max-width: 860px) {
.about_m{ padding:0 2.5% 30px;}
.about_m .about_item{ padding-left:0;}
.about_m .about_item .about_img1{ position:static; width:400px; max-width:100%; margin:0 auto 20px;}
}
@media (max-width: 640px) {
.about_m .h3{ font-size:26px;}
}
@media (max-width: 480px) {
.about_m .about_item .about_info{ font-size:18px; min-height:0;}
.about_info span{ font-size:70px; line-height:50px;}
}

/*about us part2*/
.about_m2 .p{ font-size:21px; color:#7d7d7d; margin-bottom:20px; text-align:justify;}
.about_m2 .h4{ font-size:36px; color:#00aaef; margin-bottom:25px; margin-top:30px; font-weight:bold;}
.about_m2 .about_img2{ width:100%;}
.about_m2 .about_list{ margin-top:-9.3%;}
.about_m2 .about_list li{ list-style:none; font-size:21px; color:#7d7d7d; position:relative; width:71.5%;}
.about_m2 .about_list li span{ font-weight:bold;}
.about_m2 .about_list li::before{ content:''; display:block; width:23px; height:29px; background:url(/res/images/about_x.jpg) no-repeat; position:absolute; top:7px; left:-30px;}

@media (max-width: 1100px) {
.about_m2 .about_list li{ font-size:24px;}
}
@media (max-width: 640px) {
.about_m2 .about_list li::before{ width:14px; height:17px; background-size:100% 100%;}
.about_m2 .about_list{ margin-top:0;}
.about_m2 .about_list li{ width:100%;}
.about_m2 .h4{ font-size:26px;}
}
@media (max-width: 480px) {
.about_m2 .p{ font-size:20px;}
}


/*service*/
.service_m{  padding:0 5.6% 30px;}
.service_m .h3{ font-size:36px; color:#86d061; margin-bottom:50px; font-weight:bold;}
.service_info .service_img{ width:226px; float:left; margin:0 26px  0;}
.service_info .p{ font-size:30px; color:#7d7d7d; text-align:justify;}

@media (max-width:1024px) {
.service_info .service_img{ width:250px;}
}
@media (max-width:860px) {
.service_info .service_img{ display:block; float:none; width:80%; margin:0 auto 30px;}
.service_info .p{ font-size:26px;}
}
@media (max-width: 640px) {
.service_m .h3{ font-size:26px;}
}
@media (max-width:480px) {
.service_info .p{ font-size:20px;}
}


/*contact*/
.contact_m{ padding:0 0 30px;}
.contact_m .contact_ban{ width:100%}
.contact_m .contact_info{ padding:30px 7.57%;}
.contact_m h3.title{ padding:0 5.6% 5px;font-size:36px; color:black; margin-bottom:20px; font-weight:bold;}
.contact_info .h3{ font-size:20px; color:#56516b; font-weight:bold; margin-bottom:20px;}
.contact_info .contact_email{ font-size:16px; color:#13142d;}
.contact_info .contact_email span{ font-size:22px; font-weight:bold; display:inline-block; margin-left:15px;}
.contact_info .h4{ font-size:22px; line-height:26px; color:#13142d; padding-top:30px;}
.contact_info .p{ font-size:20px; color:#13142d; margin:0;}
.contact_info .contact_input1{ width:100%; height:40px; line-height:40px; border:1px solid #c8c4c4; padding:0 10px; margin:10px 0;}
.contact_info .contact_input2{ width:145px; height:45px; background:#272727; color:#fff; font-size:18px; margin-top:20px; border:none;}
.contact_info textarea{ width:100%; max-width:100%; height:120px; padding:10px; margin-top:10px;}
.contact_info .h4_t{ padding-top:0;}

@media (max-width:1024px) {
.contact_m{ padding:0 8% 30px;}
}

@media (max-width:640px) {
.contact_m .contact_info{ padding:20px 3%;}
.contact_info .h3{ font-size:18px;}
.contact_info .contact_email span{ font-size:20px;}
.contact_info .h4{ font-size:18px;}
.contact_info .p{ font-size:16px;}
.contact_info .contact_input2{ width:100px; height:35px; font-size:16px;}
}
@media (max-width:480px) {
.contact_m{ padding:0 5.6% 20px;}
.contact_m .contact_info{ padding:20px 0;}
}


/*Milestone*/
.milestone_m{ padding:0 5.6% 30px;}
.milestone_m .h3{font-size:36px; color:#86d061; margin-bottom:50px; font-weight:bold;}
.milestone_m .mt_item{ position:relative; margin-bottom:40px;}
.milestone_m .mt_item::before{ content:''; display:block; width:45px; height:45px; position:absolute; top:12px; right:-60px; background:url(/res/images/item_right.jpg) no-repeat; background-size:100% 100%;}
.mt_item .p{ padding:15px 40px; font-size:28px; color:#fff; background:#a0c26c;}
.mt_item .mt_time{ text-align:center; width:90px; height:90px; border:5px solid #a0c26c; border-radius:90px; padding-top:16px; position:absolute; top:-10px; left:0; background:#fff;}
.mt_item .mt_time span{ display:block; font-size:26px; line-height:24px; color:#000; font-weight:bold;}

.milestone_m .mt_item1{ padding-left:80px;}
.mt_item1 .mt_time{ left:16px; padding-top:24px;}
.mt_item1 .p{ background:linear-gradient(to right,#a0c26c,#a0c26c);}

.milestone_m .mt_item2{ padding-left:155px;}
.mt_item2 .mt_time{ left:90px;}
.mt_item2 .p{ background:linear-gradient(to right,#89ba5a,#89ba5a);}

.milestone_m .mt_item3{ padding-left:205px;}
.mt_item3 .mt_time{ left:140px;}
.mt_item3 .p{ background:linear-gradient(to right,#77b85a,#77b85a);}

.milestone_m .mt_item4{ padding-left:245px;}
.mt_item4 .mt_time{ left:180px;}
.mt_item4 .p{ background:linear-gradient(to right,#62b56d,#62b56d);}

.milestone_m .mt_item5{ padding-left:270px;}
.mt_item5 .mt_time{ left:210px;}
.mt_item5 .p{ background:linear-gradient(to right,#5cb37f,#5cb37f);}

.milestone_m .mt_item6{ padding-left:295px;}
.mt_item6 .mt_time{ left:235px;}
.mt_item6 .p{ background:linear-gradient(to right,#5cb37e,#5cb37e);}

.milestone_m .mt_item7{ padding-left:295px;}
.mt_item7 .mt_time{ left:235px;}
.mt_item7 .p{ background:linear-gradient(to right,#67b698,#67b698);}

.mt_line{ width:100%; height:5px; background:url(/res/images/line_bg.jpg) repeat;}

@media (max-width:1600px) {
.mt_item .p{ font-size:24px;}
}

@media (max-width:1375px) {
.mt_item .p{ font-size:20px;}

.milestone_m .mt_item1{ padding-left:70px;}
.mt_item1 .mt_time{ left:0; padding-top:24px;}

.milestone_m .mt_item2{ padding-left:115px;}
.mt_item2 .mt_time{ left:45px;}

.milestone_m .mt_item3{ padding-left:150px;}
.mt_item3 .mt_time{ left:80px;}

.milestone_m .mt_item4{ padding-left:170px;}
.mt_item4 .mt_time{ left:105px;}

.milestone_m .mt_item5{ padding-left:200px;}
.mt_item5 .mt_time{ left:130px;}

.milestone_m .mt_item6{ padding-left:230px;}
.mt_item6 .mt_time{ left:160px;}

.milestone_m .mt_item7{ padding-left:230px;}
.mt_item7 .mt_time{ left:160px;}
}

@media (max-width:1100px) {
.milestone_m{ padding:0 55px 20px 5.56%;}
.milestone_m .mt_item{ padding-left:60px;}
.mt_item .mt_time{ left:0;}
.milestone_m .mt_item::before{ width:30px; height:30px; right:-42px;}
}

@media (max-width:640px) {
.milestone_m .mt_item{ padding-left:28px; margin-bottom:20px;}
.milestone_m .h3{ font-size:26px;}
.mt_item .mt_time{ width:60px; height:60px; padding-top:5px;}
.mt_item .mt_time span{ font-size:16px; line-height:18px;}
.mt_item1 .mt_time{ padding-top:15px;}
.mt_item .p{ padding-right:5px;}

}
@media (max-width:480px) {
.milestone_m{ padding:0 2% 20px;}
.milestone_m .mt_item::before{ display:none;}
}

/*--------------------------------------------------------------
Go to top button
--------------------------------------------------------------*/
.go-top {
    position: fixed !important;
    right: 20px;
    bottom: -45px;
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    width: 40px;
    height: 40px;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #d65050;
}
.go-top:hover {
    background-color: #fff;
}
.go-top.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    bottom : 50px;
}



.nav_btn{ position:absolute; top:20px; right:40px; width:40px; height:40px; background:url(/res/images/nav_btn.png) no-repeat center center; background-size:100% 100%; display:none;z-index: 9999;}
@media (max-width:1100px) {
    .about_m2 .about_list li{ font-size:18px;}
    .about_m2 .about_list li::before{ width:14px; height:16px; background-size:100% 100%; top:5px; left:-22px;}
}
@media (max-width:860px) {
    .service_info .service_img{ width:50%;}
}
@media (max-width:767px) {
    .navbar-nav{ margin:0;}
    .main-header .navbar-right > li{ float:none;}
    .navbar-right.home-navbar-right>li>a{ float:none; padding:0 5px;}
    .main-header .navbar-right{ position:absolute; top:46px; right:0;}
    .nav_btn{ display: block;}
    .collapse{ display: block;}
    .home-navbar-right{ display: none;}
}
@media (max-width:640px) {
    .about_m2 .about_list li{ font-size:14px;}
}