body, table, div, from, table, tr, th, td, span, strong, dl, dt, dd, p, time ,a{
	font-family: 'Montserrat',sans-serif;
}

/*手机*/
@media (max-width: 320px) {
	.clp{
	padding: 0;
	}
	.cll{
		padding-left: 5px;
		padding-right: 0;
	}
    .quote-t{
        padding-bottom:1rem;
    }
    .modal-font {
        font-size: 20px;
    }

    .index-logo {
    }

    .contact-l4 {
        margin-top: 0;
    }

    .index-container {
        padding-bottom: 1rem;
        /*padding-top: 1rem;*/
        color: white;
        margin-bottom: 0;
    }

    a {
        font-size: 10px;
       
    }

    .index-dao > a {
        font-size: 11px;
    }

    .index-title {
        font-size: 25px;
        color: #fff;
        
        line-height: 40px;
        /*padding-top: 20px;*/
    }

    .index-title-text {
        font-size: 14px;
        color: #fff;
       
        line-height: 30px;
    }

    .index-title-p {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        padding: 1px 40px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: #4b99ff;
    }

    .index-about {
        font-size: 15px !important;
        color: #0d47a1;
        line-height: 27px;
    }

    .index-about-p {
        font-size: 14px;
        color: #666;
        line-height: 25px;
    }

    .index-part1 {
        font-size: 20px;
        color: #444;
    }

    .index-part1-p {
        font-size: 14px;
        color: #444;
        line-height: 25px;
    }

    .index-part1-hear {
        font-size: 11px;
        color: #333;
        
    }

    .index-part1-cont {
        font-size: 9px;
        color: #666;
        
    }

    .foot-1 {
        font-size: 20px;
        color: #fff;
        
        line-height: 30px;
    }

    .foot-2 {
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        letter-spacing: 0.02rem;
    }

    .about-title {
        font-size: 32px;
        color: #fff;
        padding-top: 5rem;
    }

    .about-title-p {
        font-size: 15px;
        color: #fff;
         
        line-height: 25px;
    }

    .about-text {
        font-size: 18px;
        color: #191919;
         
    }

    .about-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont-title {
        font-size: 18px;
        color: #333;
         
        line-height: 30px;
    }

    .about-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .about-coop {
        font-size: 14px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title {
        font-size: 16px;
        color: #333;
         
    }

    .service-title-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .serviceDe-text {
        color: #1e88e5;
        font-size: 18px;
         
        line-height: 32px;
    }

    .serviceDe-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .service-cont {
        font-size: 18px;
        color: #333;
         
        line-height: 32px;
    }

    .service-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .contact-about {
        font-size: 14px;
        color: #333;
         
    }

    .contact-about-p {
        font-size: 14px;
        color: #555;
         
        line-height: 25px;
    }

    .contact-text-p {
        font-size: 14px;
        color: #7d7d7d;
         
        line-height: 25px;
    }

    .contact-text {
        font-size: 14px;
        color: #7d7d7d;
         
        /*line-height:25px;*/
    }

    .contact-btn {
        background-color: #4b99ff;
        color: #fff;
        font-size: 14px;
         
        display: inline-block;
        padding: 5px 52px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .contact-l {
        padding-top: 2rem;
    }

    .quote-text {
        font-size: 14px;
        color: #666;
        font-weight: 400;
         
        padding-left: 0;
        padding-right: 0;
        line-height: 25px;
    }

    .quote-input {
        padding-left: 0;
        padding-right: 0;
    }

    .form-group {
        margin-bottom: 0;
    }

    .quote-margin {
        margin-bottom: 0;
    }

    .quote-radio {
        font-size: 14px;
        font-weight: 400;
        color: #333;
         
        line-height: 28px;
    }

    .about-a {
        font-size: 6px;
         
    }

    .index-pc img {
        width: 100%;
        height: 10rem;
        padding-right: 0;
        padding-left: 0;
    }



    .index-u2 {
        background-image: url(../image/u1.png);
        background-size: 100% 100%;
        padding-bottom: 3rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u3 {
        background-image: url(../image/icon10.png);
        background-size: 100% 100%;
        padding-bottom: 3rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u {
        background-color: white;
        border: 0.01rem solid #ffffff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 2rem;
        /*padding-top: 1rem;
    padding-bottom: 1rem;*/
    }

    .index-u1 {
        background-image: url(../image/u3.png);
        background-size: 100% 100%;
        padding-bottom: 3rem;
        margin-top: -0.5rem;
    }

    .lunbo {
        margin-bottom: 2rem;
        margin-top: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-u4 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
        .coop-img{
        width:100%;
        height:99.86px;
    }

    .weibu-img {
        width: 2.5rem;
        height: 2.5rem;
    }

    .quote-right {
        padding-right: 0;
    }

    .quote-left {
        padding-left: 0;
    }

    .index-margin-top {
        background-color: #272727;
        color: white;
        padding-top: 8px;
        padding-bottom: 2px;
    }


    hr {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .index-bg {
        background-color: #272727;
        padding: 1.1rem 0;
    }

    .fontcent {
        text-align: center;
    }

    .index-margin-about {
        margin-top: 21px;
        margin-bottom: 15px;
    }

    .contact-about-img {
        width: 3.5rem;
        height: 3.5rem;
    }


    .index-img {
        width: 100%;
        height: 183.53px;
    }
      .index-banner-img{
        width:100%;
        height:133.16px;
    }
    .about-kuan {
        border: 0.4rem solid #e5e5e5;
        border-radius: 0.9rem;
    }

    .about-img {
        width: 100%;
        height: 100%;
    }


    .about-bianju2 {
        padding-top: 16px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .about-info {
        margin-top: -35px;
        background-color: white;
        margin-left: 16px;
        margin-right: 16px;
    }

    .phg-img {
        height:194.17px;
        width: 100%;
        margin-bottom: 1rem;
    }

    .serviceDe-icon {
        background-image: url(../image/tb2.png);
        background-size: 100% 100%;
        padding: 0.85rem 1.3rem 0.8rem 1.2rem;
        color: white;
        font-size: 17px;
    }

    .index-icon {
        background-image: url(../image/tb4.png);
        background-size: 100% 100%;
        padding: 1.2rem 1.5rem 1.15rem 1.55rem;
        color: white;
        font-size: 11px;
    }
            /*圆形图标*/
.serive-radio{
    width:34px; height:34px; background-color:#4b99ff; border-radius:25px;
}
.serive-radio >span{
    height:34px; line-height:34px; display:block; color:#FFF; text-align:center;font-size:14px;
}

    .index-banner {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .quote-about {
        padding-bottom: 39px;
        padding-top: 10px;
        color: white;
        background-color: #191919;
    }

    .quote-about2 {
        padding-bottom: 3px;
    }

    .quote-about3 {
        padding-top: 39px;
        padding-bottom: 29px;
    }

    .quote-about4 {
        padding-top: 8px;
    }

    .about-l1 {
        padding-top: 31px;
    }

    .about-l3 {
        padding-top: 29px;
        padding-bottom: 20px;
    }

    .about-l2 {
        padding-bottom: 10px;
    }

    .about-l4 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .about-l5 {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    /*.about-l6 {
        padding-top: 12px;
        padding-bottom: 23px;
    }*/

    .about-l7 {
        padding-top: 7px;
    }

    .about-l8 {
        padding-left: 0;
        padding-right: 0;
    }

    .about-9 {
        padding-bottom: 50px;
    }

    .service-l1 {
        padding-top: 13px;
        padding-bottom: 4px;
    }

    .service-l2 {
        padding-bottom: 13px;
    }

    .service-l3 {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
    }

    .service-l5 {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .service-l8 {
        padding-top: 11px;
    }

    .service-l6 {
        padding-top: 16px;
    }

    .service-l7 {
        padding-bottom: 6px;
        padding-top: 5px;
    }

    /*.index-l1 {
        margin-top: 65px;
    }*/

    .quote-l1 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .quote-l {
        padding-bottom: 1rem;
        padding-top: 2rem;
    }

    .quote-l2 {
        padding-top: 12px;
        /*padding-bottom:28px;*/
    }

    .quote-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 16px;
        border-radius: 20px;
        color: #fff;
        background-color: #4b99ff;
    }

    .index-l3 {
        padding-top: 11px;
        /*padding-bottom:12px;*/
    }
         .proPicGroup { position: relative; margin: 0 auto; padding-top: 30px; cursor: pointer; }
 .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 180px; }
 .proPicGroup .bd .php { width: 180px; }
 .proPicGroup .bd .php li { width: 180px; height: 150px; overflow: hidden; text-align: center;  }
 .proPicGroup .bd .phps { width: 180px; }
 .proPicGroup .bd .phps li { width: 180px; height: 200px; overflow: hidden; text-align: center;  }

 .proPicGroup .bd .php li a { display: block; height: 530px; }
 .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
 .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
 .proPicGroup span.prev { left: 5px; position: absolute; top: 80px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
 .proPicGroup span.next { right: 5px; position: absolute; top: 80px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
 /*提交成功*/
  .offerPopup { background: #fff; width: 310px;  position: fixed; left: 51.5%; margin-left: -160px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 0; }
.offerPopup .inbtn a { color: #fff;	text-decoration:none;}
.offerPopup .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }
/*拨打电话*/
 .phone { background: #fff; width: 310px;  position: fixed; left: 51.5%; margin-left: -160px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.phone .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.phone h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.phone p { line-height: 24px; color: #666; padding: 10px 0; }
.phone .inbtn { background: #4b91cb; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 0; }
.phone .inbtn a { color: #fff;	text-decoration:none;}
.phone .inbtn a:hover { background: #255680; display: block;text-decoration:none;}


.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }
}

@media (min-width: 320px) and (max-width: 414px) {
	.clp{
	padding: 0;
	}
	.cll{
		padding-left: 5px;
		padding-right: 0;
	}
     .quote-t{
        padding-bottom:1rem;
    }
    .modal-font {
        font-size: 20px;
    }

    .index-logo {
    }

    .contact-l4 {
        margin-top: 0;
    }

    .index-container {
        padding-bottom: 1rem;
        padding-top: 1rem;
        color: white;
        margin-bottom: 1rem;
    }

    .index-dao > a {
        font-size: 12px;
        /*padding-top: 10rem;*/
         
    }

    .index-title {
        font-size: 28px;
        color: #fff;
         
        line-height: 40px;
        padding-top: 5rem;
    }

    .index-title-text {
        font-size: 16px;
        color: #fff;
         
        line-height: 30px;
    }

    .index-title-p {
        font-size: 16px;
        color: #fff;
         
        display: inline-block;
        padding: 1px 40px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 5px;
        background-color: #4b99ff;
    }

    .index-about {
        font-size: 17px !important;
        color: #0d47a1;
         
        line-height: 27px;
    }

    .index-about-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .index-part1 {
        font-size: 22px;
        color: #444;
         
    }

    .index-part1-p {
        font-size: 14px;
        color: #444;
        margin: 0;
        line-height: 25px;
    }

    .index-part1-hear {
        font-size: 16px;
        color: #333;
         
        line-height: 25px;
    }

    .index-part1-cont {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .foot-1 {
        font-size: 22px;
        color: #fff;
         
    }

    .foot-2 {
        font-size: 14px;
        color: #fff;
         
        line-height: 20px;
        letter-spacing: 0.02rem;
    }

    .about-title {
        font-size: 37px;
        color: #fff;
         padding-top: 6rem;
    }

    .about-title-p {
        font-size: 16px;
        color: #fff;
         
        line-height: 28px;
    }

    .about-text {
        font-size: 20px;
        color: #191919;
         
    }

    .about-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont-title {
        font-size: 20px;
        color: #333;
         
        line-height: 34px;
    }

    .about-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .about-coop {
        font-size: 14px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title {
        font-size: 16px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .serviceDe-text {
        color: #1e88e5;
        font-size: 20px;
         
        line-height: 34px;
    }

    .serviceDe-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .service-cont {
        font-size: 20px;
        color: #333;
         
        line-height: 34px;
    }

    .service-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .contact-about {
        font-size: 16px;
        color: #333;
         
    }

    .contact-about-p {
        font-size: 14px;
        color: #555;
         
        line-height: 25px;
    }

    .contact-text-p {
        font-size: 15px;
        color: #7d7d7d;
         
        line-height: 26px;
    }

    .contact-text {
        font-size: 14px;
        color: #7d7d7d;
         
        /*line-height:25px;*/
    }

    .contact-btn {
    	background-color: #4b99ff;
        color: #fff;
        font-size: 16px;
        
        display: inline-block;
        padding: 5px 52px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .contact-l {
        padding-top: 4rem;
    }

    .quote-text {
        font-size: 16px;
        color: #666;
        font-weight: 400;
         
        padding-left: 0;
        padding-right: 0;
        line-height: 28px;
    }

    .quote-input {
        padding-left: 0;
        padding-right: 0;
    }

    .quote-margin {
        margin-bottom: 0;
    }

    .form-group {
        margin-bottom: 0;
    }

    .quote-radio {
        font-size: 14px;
        font-weight: 400;
        color: #333;
         
        line-height: 25px;
    }


    .index-pc img {
        width: 100%;
        height: 11rem;
    }

    .index-margin {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .index-margin-top {
        background-color: #272727;
        color: white;
        padding-top: 12px;
        padding-bottom: 4px;
    }

    .quote-right {
        padding-right: 0;
    }

    .quote-left {
        padding-left: 0;
    }

    hr {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .index-bg {
        background-color: #191919;
        padding: 1.1rem 0;
    }

    .index-margin-about {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .contact-about-img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .index-img {
        width: 100%;
        height: 218.34px;
    }
      .index-banner-img{
        width:100%;
        height:195.75px;
    }
    .about-kuan {
        border: 0.5rem solid #e5e5e5;
        border-radius: 0.9rem;
    }

    .about-img {
        width: 100%;
        height: 100%;
    }

    .about-bianju2 {
        padding-top: 16px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .about-info {
        margin-top: -35px;
        background-color: white;
        margin-left: 16px;
        margin-right: 16px;
    }

    .phg-img {
        height: 231px;
        width: 100%;
        margin-bottom: 1rem;
    }

    .serviceDe-icon {
        background-image: url(../image/tb2.png);
        background-size: 100% 100%;
        padding: 1rem 1.65rem 1rem 1.45rem;
        color: white;
        font-size: 19px;
    }

    .index-icon {
        background-image: url(../image/tb4.png);
        background-size: 100% 100%;
        padding: 1.2rem 1.5rem 1.15rem 1.55rem;
        color: white;
        font-size: 12px;
    }
        /*圆形图标*/
.serive-radio{
    width:34px; height:34px; background-color:#4b99ff; border-radius:25px;
}
.serive-radio >span{
    height:34px; line-height:34px; display:block; color:#FFF; text-align:center;font-size:14px;
}

    .quote-about {
        padding-bottom: 25px;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        color: white;
        background-color: #191919;
    }

    .quote-about2 {
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
    }

    .quote-about3 {
        padding-top: 43px;
        padding-bottom: 32px;
    }

    .quote-about4 {
        padding-top: 8px;
    }

    .about-l1 {
        padding-top: 38px;
    }

    .about-l3 {
        padding-top: 29px;
        padding-bottom: 20px;
    }

    .about-l2 {
        padding-bottom: 10px;
    }

    .about-l4 {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .about-l5 {
        padding-top: 6px;
        padding-bottom: 10px;
    }

    .about-l6 {
       
        padding-bottom: 7px;
    }

    .about-l7 {
        padding-top: 11px;
    }

    .about-l8 {
        padding-left: 0;
        padding-right: 0;
    }

    .about-9 {
        padding-bottom: 55px;
    }

    .service-l1 {
        padding-top: 16px;
        padding-bottom: 4px;
    }

    .service-l2 {
        padding-bottom: 13px;
    }

    .service-l3 {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 37px;
    }

    .service-l5 {
        padding-top: 51px;
        padding-bottom: 51px;
    }

    .service-l8 {
        padding-top: 0px;
    }

    .service-l6 {
        padding-top: 5px;
        padding-left: 10px;
    }



    .index-l1 {
        /*margin-top: 72px;*/
    }

    .quote-l1 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .quote-l {
        padding-bottom: 1rem;
        padding-top: 2rem;
    }

    .quote-l2 {
        padding-top: 13px;
        /*padding-bottom:31px;*/
    }

    .quote-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 20px;
        border-radius: 26px;
        color: #fff;
        background-color: #4b99ff;
    }

    .index-l3 {
        padding-top: 10px;
        /*padding-bottom: 23px;*/
    }

    .index-u2 {
        background-image: url(../image/u1.png);
        background-size: 100% 100%;
        padding-bottom: 3rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u3 {
        background-image: url(../image/icon10.png);
        background-size: 100% 100%;
        padding-bottom: 3rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u {
        background-color: white;
        border: 0.01rem solid #ffffff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 2rem;
        padding-top: 1rem;
        /*padding-bottom: 1rem;*/
    }

    .index-u1 {
        background-image: url(../image/u3.png);
        background-size: 100% 100%;
        padding-bottom: 3rem;
        margin-top: -0.5rem;
    }

    .lunbo {
        margin-bottom: 1rem;
        margin-top: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-u4 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
        .coop-img{
        width:100%;
        height:120.88px;
    }
    .fontcent {
        text-align: center;
    }

    .weibu-img {
        width: 2.9rem;
        height: 2.9rem;
    }
.proPicGroup { position: relative; margin: 0 auto; /*padding-top: 30px;*/ padding-bottom:20px;cursor: pointer; }
 .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 280px; }
 .proPicGroup .bd .php { width: 280px; }
 .proPicGroup .bd .php li { width: 280px; height: 200px; overflow: hidden; text-align: center;  }
 .proPicGroup .bd .phps { width: 280px; }
 .proPicGroup .bd .phps li { width: 280px; overflow: hidden; text-align: center;  }

 .proPicGroup .bd .php li a { display: block; height: 530px; }
 .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
 .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
 .proPicGroup span.prev { left: 5px; position: absolute; top: 100px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
 .proPicGroup span.next { right:5px; position: absolute; top: 100px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
 /*提交成功*/
  .offerPopup { background: #fff; width: 350px;  position: fixed; left: 46%; margin-left: -160px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 0; }
.offerPopup .inbtn a { color: #fff;	text-decoration:none;}
.offerPopup .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }
/*拨打电话*/
 .phone { background: #fff; width: 350px;  position: fixed; left: 46%; margin-left: -160px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.phone .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.phone h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.phone p { line-height: 24px; color: #666; padding: 10px 0; }
.phone .inbtn { background: #4b91cb; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 0; }
.phone .inbtn a { color: #fff;	text-decoration:none;}
.phone .inbtn a:hover { background: #255680; display: block;text-decoration:none;}


.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }

}


@media (min-width: 415px) and (max-width: 767px) {
	.container>.navbar-header{
		margin-left: 0;
	}
    .coop-img{
        width:100%;
        height:92.26px;
    }
    .modal-font {
        font-size: 26px;
    }

    .contact-l4 {
        margin-top:5px;
    }

    /*.index-logo {
        display: none;
    }*/

    .index-container {
        padding-top: 1rem;
        color: white;
    }

    .index-dao > a {
        font-size: 13px;
        /*padding-top: 10rem;*/
         
    }

    .navbar-nav > li > a {
        padding-top: 30px;
         
    }

    .index-title {
        font-size: 22px;
        color: #fff;
         
    }

    .index-title-text {
        font-size: 16px;
        color: #fff;
         
        line-height: 25px;
    }

    .index-title-p {
        font-size: 16px;
        color: #fff;
         
        display: inline-block;
        padding: 2px 35px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 6px;
        background-color: #4b99ff;
        line-height: 32px;
    }

    .index-about {
        font-size: 20px !important;
        color: #0d47a1;
         
        line-height: 32px;
    }

    .index-about-p {
        font-size: 15px;
        color: #666;
         
        line-height: 25px;
    }

    .index-part1 {
        font-size: 22px;
         
        color: #444;
    }

    .index-part1-p {
        font-size: 15px;
        color: #444;
         
        line-height: 25px;
    }

    .index-part1-hear {
        font-size: 14px;
        color: #333;
         
        line-height: 25px;
    }

    .index-part1-cont {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .foot-1 {
        font-size: 26px;
        color: #fff;
         
    }

    .foot-2 {
        font-size: 14px;
        color: #fff;
         
        line-height: 25px;
    }

    .about-title {
        font-size: 52px;
        color: #fff;
         padding-top: 5rem;
        line-height: 70px;
    }

    .about-title-p {
        font-size: 18px;
        color: #fff;
         
        line-height: 30px;
    }

    .about-text {
        font-size: 22px;
        color: #191919;
         
    }

    .about-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont-title {
        font-size: 22px;
        color: #333;
         
        line-height: 34px;
    }

    .about-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .about-coop {
        font-size: 14px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title {
        font-size: 16px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .serviceDe-text {
        color: #1e88e5;
        font-size: 22px;
         
        line-height: 36px;
    }

    .serviceDe-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .service-cont {
        font-size: 22px;
        color: #333;
         
        line-height: 36px;
    }

    .service-cont-p {
        font-size: 13px;
        color: #666;
         
    }

    .contact-about {
        font-size: 18px;
        color: #333;
         
    }

    .contact-about-p {
        font-size: 14px;
        color: #555;
         
        line-height: 25px;
    }

    .contact-text-p {
        font-size: 15px;
        color: #7d7d7d;
         
        line-height: 26px;
    }

    .contact-text {
         
        font-size: 14px;
        color: #7d7d7d;
        line-height: 25px;
    }

    .contact-btn {
       background-color: #4b99ff;
        color: #fff;
        font-size: 18px;
         margin-left: 20px;
        display: inline-block;
        padding: 5px 50px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .contact-l {
        padding-top: 10rem;
    }

    .quote-text {
        font-size: 18px;
        color: #666;
        font-weight: 400;
         
        padding-bottom: 8px;
        line-height: 30px;
    }

    .quote-radio {
        font-size: 16px;
        font-weight: 400;
        color: #333;
         
        line-height: 28px;
    }


    .index-pc img {
        width: 100%;
        height: 11rem;
    }

    .index-margin {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .index-margin-top {
        background-color: #272727;
        color: white;
        padding-top: 19px;
        padding-bottom: 20px;
    }

    hr {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }

    .index-bg {
       /* background-image: url(../../Images/index/images/index_first.png);*/
        background-size: 100% 100%;
        /* background-position:center;*/
        padding-bottom: 1.5rem;
    }

    .index-margin-about {
        margin-top: 26px;
        margin-bottom: 19px;
    }

    .contact-about-img {
        width: 3rem;
        height: 3rem;
    }

    .index-img {
        width: 100%;
        height: 208.84px;
    }
      .index-banner-img{
        width:100%;
        /*height:439.45px;*/
    }
    .about-kuan {
        border: 0.6rem solid #e5e5e5;
        border-radius: 0.9rem;
    }

    .about-img {
        width: 100%;
        height: 100%;
    }

    .about-bianju2 {
        padding-top: 35px;
        padding-left: 23px;
        padding-right: 23px;
    }

    .about-info {
        margin-top: -70px;
        background-color: white;
        margin-left: 36px;
        margin-right: 36px;
    }


    .phg-img {
        height: 200.86px;
        width: 100%;
        margin-bottom: 1rem;
    }

    .serviceDe-icon {
        background-image: url(../image/tb2.png);
        background-size: 100% 100%;
        padding: 1rem 1.65rem 1rem 1.45rem;
        color: white;
        font-size: 21px;
    }

    .index-icon {
        background-image: url(../image/tb4.png);
        background-size: 100% 100%;
        padding: 1.3rem 1.6rem 1.25rem 1.65rem;
        color: white;
        font-size: 13px;
    }
         /*圆形图标*/
.serive-radio{
    width:36px; height:36px; background-color:#4b99ff; border-radius:25px;
}
.serive-radio >span{
    height:36px; line-height:36px; display:block; color:#FFF; text-align:center;font-size:14px;
}

    .quote-about {
        padding-bottom: 48px;
        padding-top: 76px;
        color: white;
        background-color: #191919;
    }

    .quote-about2 {
        padding-bottom: 16px;
    }

    .quote-about3 {
        padding-top: 48px;
        padding-bottom: 36px;
    }

    .quote-about4 {
        padding-top: 22px;
    }

    .about-l1 {
        padding-top: 76px;
    }

    .about-l3 {
        padding-top: 73px;
        padding-bottom: 42px;
    }

    .about-l2 {
        padding-bottom: 21px;
    }

    .about-l4 {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .about-l5 {
        padding-top: 7px;
        padding-bottom: 33px;
    }

    .about-l6 {
        padding-top: 14px;
        padding-bottom: 29px;
    }

    .about-l7 {
        padding-top: 34px;
    }

    .about-l8 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .about-9 {
        padding-bottom: 124px;
    }

    .service-l1 {
        padding-top: 29px;
        padding-bottom: 20px;
    }

    .service-l2 {
        padding-bottom: 23px;
    }

    .service-l3 {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 74px;
    }

    .service-l5 {
        padding-top: 57px;
        padding-bottom: 57px;
    }

    .service-l8 {
        padding-top: 3px;
        padding-left: 0;
    }

    .service-l6 {
        padding-top: 8px;
         padding-left: 0;
    }

    .service-l7 {
        padding-bottom: 14px;
        padding-top: 5px;
    }

    .index-l1 {
        margin-top: 40px;
    }

    .index-l2 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .quote-l1 {
        padding-bottom: 26px;
        padding-top: 29px;
    }

    .quote-l {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .quote-l2 {
        padding-top: 18px;
        padding-bottom: 44px;
    }

    .quote-l3 {
        padding-bottom: 18px;
    }

    .quote-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 22px;
        border-radius: 29px;
        color: #fff;
        background-color: #4b99ff;
    }

    .index-l3 {
        padding-top: 22px;
        padding-bottom: 26px;
    }

    .index-u2 {
        background-image: url(../image/u1.png);
        background-size: 100% 100%;
        padding-bottom: 6rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u3 {
        background-image: url(../image/icon10.png);
        background-size: 100% 100%;
        padding-bottom: 6rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u {
        background-color: white;
        border: 0.01rem solid #ffffff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .index-u1 {
        background-image: url(../image/u3.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-top: -0.5rem;
    }

    .lunbo {
        margin-bottom: 4rem;
        margin-top: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-u4 {
        margin-bottom: 4rem;
        margin-top: 3rem;
    }

    .weibu-img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }
         .proPicGroup { position: relative; margin: 0 auto; padding-top: 30px; cursor: pointer; }
 .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 560px; }
 .proPicGroup .bd .php { width: 560px; }
 .proPicGroup .bd .php li { width: 560px; height: 373px; overflow: hidden; text-align: center;  }
 .proPicGroup .bd .phps { width: 560px; }
 .proPicGroup .bd .phps li { width: 560px; height: 250px; overflow: hidden; text-align: center;  }

 .proPicGroup .bd .php li a { display: block; height: 530px; }
 .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
 .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
 .proPicGroup span.prev { left: 35px; position: absolute; top: 200px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
 .proPicGroup span.next { right: 35px; position: absolute; top: 200px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
  /*提交成功*/
  .offerPopup { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 30%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; width: 200px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 30px; }
.offerPopup .inbtn a { color: #fff;	text-decoration:none;}
.offerPopup .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }
/*拨打电话*/
.phone { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 30%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.phone .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.phone h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.phone p { line-height: 24px; color: #666; padding: 10px 0; }
.phone .inbtn { background: #4b91cb; width: 200px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 30px; }
.phone .inbtn a { color: #fff;	text-decoration:none;}
.phone .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }

.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }

}
/*小型设备*/
@media (min-width:768px)and (max-width: 992px) {
    .navbar-header{
		left: 0;
	}
    .coop-img{
        width:100%;
        height:86.47px;
    }
    .index-logo {
        display: none;
    }

    .contact-l4 {
        margin-top: 5px;
    }

    .index-container {
        padding-bottom: 1rem;
        padding-top: 1rem;
        color: white;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .navbar-nav > li > a {
        padding-top: 33px;
         
    }

    .index-dao > a {
        font-size: 14px;
         
    }

    .index-title {
        font-size: 36px;
        color: #fff;
         padding-top: 15px;
    }

    .index-title-text {
        font-size: 22px;
        color: #fff;
         
    }

    .index-title-p {
        font-size: 22px;
        color: #fff;
         
        display: inline-block;
        padding: 2px 49px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 13px;
        background-color: #4b99ff;
    }

    .index-about {
        font-size: 20px !important;
        color: #444;
         
        line-height: 32px;
    }

    .index-about-p {
        font-size: 16px;
        color: #666;
         
        line-height: 28px;
    }

    .index-part1 {
        font-size: 24px;
        color: #444;
         
    }

    .index-part1-p {
        font-size: 14px;
         
        color: #444;
        line-height: 25px;
    }

    .index-part1-hear {
        font-size: 14px;
        color: #333;
         
        line-height: 25px;
    }

    .index-part1-cont {
        font-size: 14px;
        color: #666;
         
    }

    .foot-1 {
        font-size: 29px;
        color: #fff;
         
    }

    .foot-2 {
        font-size: 14px;
        color: #fff;
         
        line-height: 25px;
        letter-spacing: 0.02rem;
    }

    .about-title {
        font-size: 58px;
        color: #fff;
         padding-top: 5rem;
        line-height: 75px;
    }

    .about-title-p {
        font-size: 20px;
        color: #fff;
         
        line-height: 32px;
    }

    .about-text {
        font-size: 24px;
        color: #191919;
         
    }

    .about-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .about-cont {
        font-size: 14px;
        color: #444;
        line-height: 25px;
    }

    .about-cont-title {
        font-size: 24px;
        color: #333;
         
        line-height: 36px;
    }

    .about-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .about-coop {
        font-size: 14px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title {
        font-size: 16px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .serviceDe-text {
        color: #1e88e5;
        font-size: 24px;
         
        line-height: 36px;
    }

    .serviceDe-text-p {
        font-size: 14px;
        color: #444;
         
        line-height: 25px;
    }

    .service-cont {
        font-size: 24px;
        color: #333;
         
        line-height: 36px;
    }

    .service-cont-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .contact-about {
        font-size: 20px;
        color: #333;
         
    }

    .contact-about-p {
        font-size: 14px;
        color: #555;
         
        line-height: 25px;
        line-height: 25px;
    }

    .contact-text-p {
        font-size: 14px;
        color: #7d7d7d;
         
        line-height: 25px;
    }

    .contact-text {
        font-size: 14px;
        color: #7d7d7d;
         
        line-height: 25px;
        line-height: 25px;
    }

    .contact-btn {
    	background-color: #4b99ff;
        color: #fff;
        font-size: 20px;
         margin-left: 20px;
        display: inline-block;
        padding: 5px 60px;
        
        margin-bottom: 0;
        font-weight: 400;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .contact-l {
        padding-top: 10rem;
    }

    .quote-text {
        font-size: 20px;
        color: #666;
        font-weight: 400;
         
        padding-bottom: 9px;
        line-height: 32px;
    }

    .quote-radio {
        font-size: 18px;
        font-weight: 400;
        color: #333;
         
        line-height: 30px;
    }


    .index-pc img {
        width: 100%;
        height: 11rem;
    }

    .index-margin {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .index-margin-top {
        background-color: #272727;
        color: white;
        padding-top: 21px;
        padding-bottom: 40px;
    }

    hr {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }

    /*.col-xs-12, .col-xs-9 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }*/

    .index-bg {
        /*background-image: url(../../Images/index/images/index_first.png);*/
        background-size: 100% 100%;
        /*background-position:center;*/
        padding-bottom: 1rem;
    }

    .index-margin-about {
        margin-top: 29px;
        margin-bottom: 21px;
    }

    .contact-about-img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .weibu-img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .index-img {
        width: 100%;
        height: 199.36px;
    }
      .index-banner-img{
        width:100%;
        /*height:419.48px;*/
    }
    .about-kuan {
        border: 0.7rem solid #e5e5e5;
        border-radius: 0.9rem;
    }

    .about-img {
        width: 100%;
        height: 100%;
    }

    .about-bianju2 {
        padding-top: 43px;
        padding-left: 26px;
        padding-right: 26px;
    }

    .about-info {
        margin-top: -91px;
        background-color: white;
        margin-left: 44px;
        margin-right: 44px;
    }

    .phg-img {
        height: 190.81px;
        width: 100%;
        margin-bottom: 1rem;
    }


    .serviceDe-icon {
        background-image: url(../image/tb2.png);
        background-size: 100% 100%;
        padding: 1rem 1.75rem 1rem 1.55rem;
        color: white;
        font-size: 24px;
    }

    .index-icon {
        background-image: url(../image/tb4.png);
        background-size: 100% 100%;
        padding: 1.4rem 1.7rem 1.35rem 1.75rem;
        color: white;
        font-size: 14px;
    }
     /*圆形图标*/
.serive-radio{
    width:38px; height:38px; background-color:#4b99ff; border-radius:25px;
}
.serive-radio >span{
    height:38px; line-height:38px; display:block; color:#FFF; text-align:center;font-size:14px;
}

    .quote-about {
        padding-bottom: 53px;
        padding-top: 85px;
        color: white;
        background-color: #191919;
    }

    .quote-about2 {
        padding-bottom: 18px;
    }

    .quote-about3 {
        padding-top: 53px;
        padding-bottom: 40px;
    }

    .quote-about4 {
        padding-top: 24px;
    }

    .about-l1 {
        padding-top: 54px;
    }

    .about-l3 {
        padding-top: 31px;
        padding-bottom: 27px;
    }

    .about-l2 {
        padding-bottom: 13px;
    }

    .about-l4 {
        padding-top: 16px;
        padding-bottom: 15px;
    }

    .about-l5 {
        padding-top: 8px;
        padding-bottom: 37px;
    }

    .about-l6 {
        padding-top: 16px;
        padding-bottom: 29px;
    }

    .about-l7 {
        padding-top: 38px;
    }

    .about-l8 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .about-9 {
        padding-bottom: 138px;
    }

    .service-l1 {
        padding-top: 32px;
        padding-bottom: 22px;
    }

    .service-l2 {
        padding-bottom: 26px;
    }

    .service-l3 {
        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 83px;
    }

    .service-l4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-l5 {
        padding-top: 63px;
        padding-bottom: 63px;
    }

    .service-l8 {
        padding-top: 10px;
        padding-left: 0;
    }

    .service-l6 {
        padding-top: 17px;
         padding-left: 10px;
    }

    .service-l7 {
        padding-bottom: 16px;
    }

    .index-l1 {
        margin-top: 89px;
    }

    .index-l2 {
        padding-top: 18px;
        padding-bottom: 16px;
    }

    .quote-l1 {
        padding-bottom: 29px;
        padding-top: 32px;
    }

    .quote-l {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .quote-l2 {
        padding-top: 20px;
        padding-bottom: 49px;
    }

    .quote-l3 {
        padding-bottom: 20px;
    }

    .quote-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 24px;
        border-radius: 32px;
        color: #fff;
        background-color: #4b99ff;
    }

    .index-l3 {
        padding-top: 14px;
        padding-bottom: 9px;
    }

    .index-u2 {
        background-image: url(../image/u1.png);
        background-size: 100% 100%;
        padding-bottom: 6rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u3 {
        background-image: url(../image/icon10.png);
        background-size: 100% 100%;
        padding-bottom: 6rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u {
        background-color: white;
        border: 0.01rem solid #ffffff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: 44rem;
    }

    .index-u1 {
        background-image: url(../image/u3.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-top: -0.5rem;
    }

    .lunbo {
        margin-bottom: 4rem;
        margin-top: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-u4 {
        margin-bottom: 4rem;
        margin-top: 3rem;
    }
         .proPicGroup { position: relative; margin: 0 auto; padding-top: 10px; cursor: pointer; }
 .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 560px; }
 .proPicGroup .bd .php { width: 560px; }
 .proPicGroup .bd .php li { width: 560px; height: 373px; overflow: hidden; text-align: center;  }
 .proPicGroup .bd .phps { width: 560px; }
 .proPicGroup .bd .phps li { width: 560px; min-height: 200px; overflow: hidden; text-align: center;  }

 .proPicGroup .bd .php li a { display: block; height: 530px; }
 .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
 .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
 .proPicGroup span.prev { left: 35px; position: absolute; top: 180px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
 .proPicGroup span.next { right: 35px; position: absolute; top: 180px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
  /*提交成功*/
  .offerPopup { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 25%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; width: 200px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 30px; }
.offerPopup .inbtn a { color: #fff;	text-decoration:none;}
.offerPopup .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }
/*拨打电话*/
 .phone { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 25%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.phone .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.phone h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.phone p { line-height: 24px; color: #666; padding: 10px 0; }
.phone .inbtn { background: #4b91cb; width: 200px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 30px; }
.phone .inbtn a { color: #fff;	text-decoration:none;}
.phone .inbtn a:hover { background: #255680; display: block;text-decoration:none;}

.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }

}


/*中型设备*/
@media (min-width:993px) and (max-width: 1199px) {
	.navbar-header{
		left: 0;
	}
    .coop-img{
        width:100%;
        height:128.53px;
    }
    .contact-l4 {
        margin-top: 10px;
    }

    .index-logo {
        display: none;
    }

    .index-container {
        padding-bottom: 1rem;
        padding-top: 1rem;
        color: white;
        margin-bottom: 2rem;
        margin-top: 4rem;
    }

    .navbar-nav > li > a {
        padding-top: 33px;
         
    }

    .index-dao > a {
        font-size: 16px;
         
    }

    .index-title {
        font-size: 40px;
        color: #fff;
         
    }

    .index-title-text {
        font-size: 25px;
        color: #fff;
         
        line-height: 42px;
    }

    .index-title-p {
        font-size: 25px;
        color: #fff;
         
        display: inline-block;
        padding: 2px 54px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 14px;
        background-color: #4b99ff;
        line-height: 42px;
    }

    .index-about {
        font-size: 22px !important;
        color: #444;
         
        line-height: 34px;
    }

    .index-about-p {
        font-size: 16px;
        color: #666;
         
        line-height: 28px;
    }

    .index-part1 {
        font-size: 27px;
        color: #444;
         
    }

    .index-part1-p {
        font-size: 16px;
        color: #444;
         
        line-height: 28px;
    }

    .index-part1-hear {
        font-size: 16px;
        color: #333;
         
        line-height: 28px;
    }

    .index-part1-cont {
        font-size: 13px;
        color: #666;
         
    }

    .foot-1 {
        font-size: 32px;
        color: #fff;
         
    }

    .foot-2 {
        font-size: 16px;
        color: #fff;
         
        line-height: 28px;
        letter-spacing: 0.03rem;
    }

    .about-title {
        font-size: 65px;
        color: #fff;
    }

    .about-title-p {
        font-size: 22px;
        color: #fff;
         
    }

    .about-text {
        font-size: 27px;
        color: #191919;
         
    }

    .about-text-p {
        font-size: 16px;
        color: #444;
         
        line-height: 28px;
    }

    .about-cont {
        font-size: 16px;
        color: #444;
         
        line-height: 28px;
    }

    .about-cont-title {
        font-size: 27px;
        color: #333;
         
        line-height: 39px;
    }

    .about-cont-p {
        font-size: 16px;
        color: #666;
         
        line-height: 28px;
    }

    .about-coop {
        font-size: 16px;
        color: #333;
         
        line-height: 28px;
    }

    .service-title {
        font-size: 16px;
        color: #333;
         
        line-height: 25px;
    }

    .service-title-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .serviceDe-text {
        color: #1e88e5;
        font-size: 27px;
         
        line-height: 38px;
    }

    .serviceDe-text-p {
        font-size: 16px;
        color: #444;
         
        line-height: 28px;
    }

    .service-cont {
        font-size: 27px;
        color: #333;
         
        line-height: 38px;
    }

    .service-cont-p {
        font-size: 16px;
        color: #666;
         
        line-height: 28px;
    }

    .contact-about {
        font-size: 22px;
        color: #333;
          
    }

    .contact-about-p {
        font-size: 16px;
        color: #555;
        line-height: 28px;
    }

    .contact-text-p {
        font-size: 16px;
        color: #7d7d7d;
         
        line-height: 26px;
    }

    .contact-text {
        font-size: 16px;
        color: #7d7d7d;
         
        line-height: 28px;
    }

    .contact-btn {
    	
    	background-color: #4b99ff;
        color: #fff;
        font-size: 22px;
         margin-left: 20px;
        display: inline-block;
        padding: 5px 60px;
        
        margin-bottom: 0;
        font-weight: 400;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .contact-l {
        padding-top: 10rem;
    }

    .quote-text {
        font-size: 22px;
        color: #666;
        font-weight: 400;
         
        padding-bottom: 10px;
        line-height: 34px;
    }

    .quote-radio {
        font-size: 20px;
        font-weight: 400;
        color: #333;
         
        line-height: 32px;
    }



    .index-pc img {
        width: 100%;
        height: 11rem;
    }

    .index-margin {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .index-margin-top {
        background-color: #272727;
        color: white;
        padding-top: 23px;
        padding-bottom: 18px;
        text-align: center;
    }

    hr {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }

    /*.col-xs-12, .col-xs-9 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }*/


    .index-bg {
       /* background-image: url(../../Images/index/images/index_first.png);*/
        background-size: 100% 100%;
        padding-bottom: 10rem;
        /*background-position: center;*/
        /*width: 100%;
        height: 100%;*/
        padding-bottom:1rem;
    }

    .index-margin-about {
        margin-top: 32px;
        margin-bottom: 23px;
    }

    .contact-about-img {
        width: 3.6rem;
        height: 3.6rem;
    }

    .index-img {
        width: 100%;
        height: 268.97px;
    }
      .index-banner-img{
        width:100%;
        /*height:546px;*/
    }
    .about-kuan {
        border: 0.8rem solid #e5e5e5;
        border-radius: 0.9rem;
    }

    .about-img {
        width: 100%;
        height: 100%;
    }

    .about-bianju2 {
        padding-top: 48px;
        padding-left: 29px;
        padding-right: 29px;
    }

    .about-info {
        margin-top: -101px;
        background-color: white;
        margin-left: 49px;
        margin-right: 49px;
    }

    .phg-img {
        height:246.47px;
        width: 100%;
        margin-bottom: 1rem;
    }


    .serviceDe-icon {
        background-image: url(../image/tb2.png);
        background-size: 100% 100%;
        padding: 1.2rem 1.9rem 1.15rem 1.8rem;
        color: white;
        font-size: 27px;
    }

    .index-icon {
        background-image: url(../image/tb4.png);
        background-size: 100% 100%;
        color: white;
        padding: 1.5rem 1.95rem 1.45rem 1.9rem;
        font-size: 16px;
    }
    /*圆形图标*/
.serive-radio{
    width:40px; height:40px; background-color:#4b99ff; border-radius:25px;
}
.serive-radio >span{
    height:40px; line-height:40px; display:block; color:#FFF; text-align:center;font-size:16px;
}
    .quote-about {
        padding-bottom: 59px;
        padding-top: 94px;
        color: white;
        background-color: #191919;
    }

    .quote-about2 {
        padding-bottom: 20px;
    }

    .quote-about3 {
        padding-top: 59px;
        padding-bottom: 45px;
    }

    .quote-about4 {
        padding-top: 27px;
    }

    .about-l1 {
        padding-top: 66px;
    }

    .about-l3 {
        padding-top: 60px;
        padding-bottom: 52px;
    }

    .about-l2 {
        padding-bottom: 16px;
    }

    .about-l4 {
        padding-top: 18px;
        padding-bottom: 17px;
    }

    .about-l5 {
        padding-top: 9px;
        padding-bottom: 41px;
    }

    .about-l6 {
        padding-top: 18px;
        padding-bottom: 32px;
    }

    .about-l7 {
        padding-top: 42px;
    }

    .about-l8 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .about-9 {
        padding-bottom: 153px;
    }

    .service-l1 {
        padding-top: 36px;
        padding-bottom: 25px;
    }

    .service-l2 {
        padding-bottom: 29px;
    }

    .service-l3 {
        padding-left: 31px;
        padding-right: 31px;
        padding-bottom: 92px;
    }


    .service-l4 {
        padding-left: 22px;
        padding-right: 22px;
    }

    .service-l5 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .service-l8 {
        padding-top: 1px;
        padding-left: 0;
    }

    .service-l6 {
        padding-top: 10px;
        padding-left: 0;
    }

    .service-l7 {
        padding-bottom: 18px;
    }

    .index-l1 {
        margin-top: 99px;
    }

    .index-l2 {
        padding-top: 20px;
        padding-bottom: 18px;
    }

    .quote-l1 {
        padding-bottom: 32px;
        padding-top: 36px;
    }

    .quote-l {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .quote-l2 {
        padding-top: 22px;
        padding-bottom: 54px;
    }

    .quote-l3 {
        padding-bottom: 22px;
    }

    .quote-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 38px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 27px;
        border-radius: 36px;
        color: #fff;
        background-color: #4b99ff;
    }

    .index-l3 {
        padding-top: 7px;
        padding-bottom: 5px;
    }

    .index-u2 {
        background-image: url(../image/u1.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u3 {
        background-image: url(../image/icon10.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u {
        background-color: white;
        border: 0.01rem solid #ffffff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: 31rem;
    }

    .index-u1 {
        background-image: url(../image/u3.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-top: -0.5rem;
    }

    .lunbo {
        margin-bottom: 4rem;
        margin-top: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-u4 {
        margin-bottom: 4rem;
        margin-top: 3rem;
    }

    .weibu-img {
        width: 3.6rem;
        height: 3.6rem;
    }
         .proPicGroup { position: relative; margin: 0 auto; padding-top: 30px; cursor: pointer; }
 .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 560px; }
 .proPicGroup .bd .php { width: 560px; }
 .proPicGroup .bd .php li { width: 560px; height: 450px; overflow: hidden; text-align: center;  }
 .proPicGroup .bd .phps { width: 560px; }
 .proPicGroup .bd .phps li { width: 560px; height: 250px; overflow: hidden; text-align: center;  }

 .proPicGroup .bd .php li a { display: block; height: 530px; }
 .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
 .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
 .proPicGroup span.prev { left: 35px; position: absolute; top: 250px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
 .proPicGroup span.next { right: 35px; position: absolute; top: 250px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
 /*提价成功*/
 .offerPopup { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 25%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; width: 220px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 20px; }
.offerPopup .inbtn a { color: #fff;	text-decoration:none;}
.offerPopup .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }
/*拨打电话*/
 .phone { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 25%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.phone .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.phone h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.phone p { line-height: 24px; color: #666; padding: 10px 0; }
.phone .inbtn { background: #4b91cb; width: 220px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 20px; }
.phone .inbtn a { color: #fff;	text-decoration:none;}
.phone .inbtn a:hover { background: #255680; display: block;text-decoration:none;}

.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }
}
/*大型设备*/
@media (min-width:1200px) {

	.navbar-header{
		left: 0;
	}
    .contact-l4 {
        margin-top: 10px;
    }

    .index-logo {
        display: none;
    }

    .navbar-nav > li > a {
        padding-top: 33px;
         
    }

    .index-dao > a {
        font-size: 18px;
         
    }

    .index-title {
        font-size: 50px;
        color: #fff;
        font-family: 'Montserrat',sans-serif;
        line-height:56px;
        padding-top: 25px;
    }

    .index-title-text {
        font-size: 28px;
        color: #fff;
         
        line-height: 42px;
    }

    .index-title-p {
        color: #fff;
         
        display: inline-block;
        padding: 2px 60px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 40px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 28px;
        border-radius: 15px;
        background-color: #4b99ff;
        line-height: 52px;
    }

    .index-about {
        font-size: 24px !important;
        color: #444;
         
        line-height: 36px;
    }

    .index-about-p {
        font-size: 18px;
        color: #666;
         
        line-height: 28px;
    }

    .index-part1 {
        font-size: 30px;
        color: #444;
         
    }

    .index-part1-p {
        font-size: 18px;
        color: #444;
         
        line-height: 28px;
    }

    .index-part1-hear {
        font-size: 18px;
        color: #333;
         
        line-height: 28px;
    }

    .index-part1-cont {
        font-size: 14px;
        color: #666;
         
    }

    .foot-1 {
        font-size: 36px;
        color: #fff;
         
    }

    .foot-2 {
        font-size: 16px;
        color: #fff;
         
        line-height: 28px;
        letter-spacing: 0.04rem;
    }

    .index-margin-about {
        margin-top: 36px;
        margin-bottom: 26px;
    }

    .index-pc img {
        width: 100%;
        height: 15rem;
    }

    .index-margin {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .index-margin-top {
        background-color: #272727;
        color: white;
        padding-top: 20px;
        padding-bottom: 15px;
        text-align: center;
    }

    hr {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 1rem;
        margin-top: 0;
        color: #4c8eca;
    }



    .index-bg {
        /*background-image: url(../../Images/index/images/banner.png);
        background-size: 100% 100%;
        padding-bottom: 10rem;*/
        background-position: center;
        width: 100%;
        height: 100%;
        padding-bottom: 1rem;
        background: #191919;
    }

    .contact-about-img {
        width: 5rem;
        height: 5rem;
    }

    .weibu-img {
        width: 5rem;
        height: 5rem;
    }

    .about-title {
        font-size: 72px;
        color: #fff;
         
        line-height: 88px;
    }

    .about-title-p {
        font-size: 24px;
        color: #fff;
         
        line-height: 36px;
    }

    .about-text {
        font-size: 36px;
        color: #333;
         
    }

    .about-text-p {
        font-size: 18px;
        color: #444;
         
        line-height: 30px;
    }

    .about-cont {
        font-size: 18px;
        color: #444;
         
        line-height: 30px;
    }

    .about-cont-title {
        font-size: 30px;
        color: #333;
         
        line-height: 42px;
    }

    .about-cont-p {
        font-size: 18px;
        color: #666;
         
        line-height: 30px;
    }

    .about-coop {
        font-size: 18px;
        color: #333;
         
        line-height: 30px;
    }

    .service-title {
        font-size: 18px;
        color: #333;
         
        line-height: 28px;
    }

    .service-title-p {
        font-size: 14px;
        color: #666;
         
        line-height: 25px;
    }

    .serviceDe-text {
        color: #1e88e5;
        font-size: 30px;
         
        line-height: 42px;
    }

    .serviceDe-text-p {
        font-size: 18px;
        color: #444;
         
        line-height: 30px;
    }

    .service-cont {
        font-size: 30px;
        color: #333;
         
        line-height: 42px;
    }

    .service-cont-p {
        font-size: 18px;
        color: #666;
         
        line-height: 30px;
    }

    .contact-about {
        font-size: 24px;
        color: #333;
         
    }

    .contact-about-p {
        font-size: 18px;
        color: #555;
         
        line-height: 32px;
    }

    .contact-text-p {
        font-size: 18px;
        color: #7d7d7d;
         
        line-height: 32px;
    }

    .contact-text {
        font-size: 18px;
        color: #7d7d7d;
         
        line-height: 32px;
    }

    .contact-btn {
        background-color: #4b99ff;
        color: #fff;
        font-size: 24px;
         margin-left: 20px;
        display: inline-block;
        padding: 5px 60px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .contact-l {
        padding-top: 10rem;
    }

    .quote-text {
        font-size: 24px;
        color: #666;
        font-weight: 400;
         
        padding-bottom: 11px;
        line-height: 36px;
    }

    .quote-radio {
        font-size: 22px;
        font-weight: 400;
        color: #333;
         
        line-height: 34px;
    }

    .index-img {
        width: 100%;
        height: 332.27px;
    }
    .index-banner-img{
        width:100%;
        /*height:546px;*/
    }
    .about-kuan {
        border: 18px solid #e5e5e5;
        border-radius: 1.5rem;
    }

    .about-img {
        width: 100%;
        height: 100%;
    }




    .phg-img {
        height: 331.42px;
        width: 100%;
        /*margin-bottom: 1rem;*/
    }

    /*.serviceDe-icon {
        background-image: url(../image/tb2.png);
        background-size: 100% 100%;
        padding: 1.3rem 2rem 1.3rem 1.9rem;
        color: white;
        font-size: 30px;
    }

    .index-icon {
        background-image: url(../image/tb4.png);
        background-size: 100% 100%;
        padding: 1.76rem 2.15rem 1.65rem 2.1rem;
        color: white;
        font-size: 18px;
    }*/

    .index-banner {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .quote-about {
        padding-bottom: 65px;
        padding-top: 105px;
        color: white;
            background-color: #191919;
        /*background: url(../../Images/index/images/banner.jpg) left top repeat;*/
    }

    .quote-about2 {
        padding-bottom: 22px;
    }

    .quote-about3 {
        padding-top: 65px;
        padding-bottom: 50px;
    }

    .quote-about4 {
        padding-top: 30px;
    }

    .about-l1 {
        padding-top: 105px;
    }

    .about-l3 {
        padding-top: 100px;
        padding-bottom: 58px;
    }

    .about-l2 {
        padding-bottom: 29px;
    }

    .about-l4 {
        padding-top: 20px;
        padding-bottom: 19px;
    }

    .about-l5 {
        padding-top: 10px;
        padding-bottom: 45px;
    }

    .about-l6 {
        padding-top: 20px;
        padding-bottom: 35px;
    }

    .about-l7 {
        padding-top: 47px;
    }

    .about-l8 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .about-bianju2 {
        padding-top: 53px;
        padding-left: 32px;
        padding-right: 32px;
    }

    .about-info {
        margin-top: -112px;
        background-color: white;
        margin-left: 54px;
        margin-right: 54px;
    }

    .about-9 {
        padding-bottom: 170px;
    }

    .service-l1 {
        padding-top: 40px;
        padding-bottom: 28px;
    }

    .service-l2 {
        padding-bottom: 33px;
    }

    .service-l3 {
        padding-left: 34px;
        padding-right: 34px;
        padding-bottom: 102px;
    }

    .service-l4 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .service-l5 {
        padding-top: 78px;
        padding-bottom: 78px;
    }

    .service-l8 {
        padding-top: 5px;
        padding-left: 0;
    }

    .service-l6 {
        padding-top: 13px;
        padding-left: 0;
    }

    .service-l7 {
        padding-bottom: 20px;
    }

    .index-l1 {
        margin-top: 110px;
    }

    .index-l2 {
        padding-top: 22px;
        padding-bottom: 20px;
    }

    .quote-l {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .quote-l1 {
        padding-bottom: 35px;
        padding-top: 40px;
    }

    .quote-l2 {
        padding-top: 25px;
        padding-bottom: 60px;
    }

    .quote-l3 {
        padding-bottom: 25px;
    }

    .quote-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 44px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        font-size: 30px;
        border-radius: 40px;
        color: #fff;
        background-color: #4b99ff;
    }

    .index-l3 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .index-u2 {
        background-image: url(../image/u1.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u3 {
        background-image: url(../image/icon10.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-bottom: -0.5rem;
        border-bottom: 0.1rem solid #0869be;
    }

    .index-u {
        background-color: white;
        border: 0.01rem solid #ffffff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .index-u1 {
        background-image: url(../image/u3.png);
        background-size: 100% 100%;
        padding-bottom: 7rem;
        margin-top: -0.5rem;
    }

    .lunbo {
        margin-bottom: 4rem;
        margin-top: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-u4 {
        margin-bottom: 4rem;
        margin-top: 3rem;
    }
    .coop-img{
        width:100%;
        height:166.77px;
    }
     .proPicGroup { position: relative; margin: 0 auto; padding-top: 30px; cursor: pointer; width: 1140px;}
 .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 970px; }
 .proPicGroup .bd .php { width: 970px; }
 .proPicGroup .bd .php li { width: 970px; height: 570px; overflow: hidden; text-align: center;  }
 .proPicGroup .bd .phps { width: 970px; }
 .proPicGroup .bd .phps li { width: 970px; height: 250px; overflow: hidden; text-align: center;  }

 .proPicGroup .bd .php li a { display: block; height: 630px; }
 .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
 .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
 .proPicGroup span.prev { left: 35px; position: absolute; top: 320px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
 .proPicGroup span.next { right: 35px; position: absolute; top: 320px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
 /*提交成功*/
  .offerPopup { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; width: 200px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 30px; }
.offerPopup .inbtn a { color: #fff;	text-decoration:none;}
.offerPopup .inbtn a:hover { background: #255680; display: block;text-decoration:none;}
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400;text-decoration:none;}
.offerbtns p { line-height: 50px; }
/*拨打电话*/
 .phone { background: #fff; width: 300px;  position: fixed; left: 50%; margin-left: -160px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.phone .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.phone h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.phone p { line-height: 24px; color: #666; padding: 10px 0; }
.phone .inbtn { background: #4b91cb; width: 200px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 40px; }
.phone .inbtn a { color: #fff;	text-decoration:none;}
.phone .inbtn a:hover { background: #255680; display: block;text-decoration:none;}

.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }

/*圆形图标*/
.serive-radio{
    width:42px; height:42px; background-color:#4b99ff; border-radius:25px;
}
.serive-radio >span{
    height:42px; line-height:42px; display:block; color:#FFF; text-align:center;font-size:18px;
}
}


.index-bg2 {
    background-color: #f6f7f9;
}

.index-pd-top {
    padding-top: 2rem;
}

.banner {
    min-width: 1200px;
    position: relative;
    overflow: hidden;
}

    .banner .bd {
        position: relative;
        z-index: 0;
    }

        .banner .bd ol {
            width: 100% !important;
        }

            .banner .bd ol li {
                width: 100% !important;
            }

                .banner .bd ol li a {
                    width: 100%;
                    display: block;
                    z-index: 1;
                }

.aboutwap {
    position: relative;
    overflow: hidden;
}

    .aboutwap .banner {
        background: #fff;
    }

    .aboutWap .abanner {
        position: relative;
        text-align: center;
        z-index: -1;
    }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.00);
}

.row {
    margin-left: 0;
    margin-right: 0;
}



 a {
    color: #fff;
    text-decoration: none;
}

 a:focus, a:hover{
         color: #fff;
    text-decoration: none;
 }

 /*手机的导航的链接*/
  .fade .nav>li>a:focus,.fade .nav>li>a:hover{
         color: #1d89e4;
    text-decoration: none;
    background-color:rgba(0, 0, 0, 0.00);
 }