.page-bar{ width: 100%}
.page-bar img{ width: 100%}
.about-bar{ width: 100%}
.about-bar img{ width: 100%}


.Pro_page,.page20px{padding:10px;height:30px;width:100%;margin-right:20px; clear:both;}
.pages { color: #999; font-family:Verdana; height:30px}
.pages a, .pages .current { text-decoration:none; padding: 3px 8px; border: 1px solid #ddd;background: #fff;margin:0 3px; line-height:25px; font-size:12px; color:#000;}
.pages a:hover { background-color:#e43a3d; color:#fff;border:1px solid #e43a3d; text-decoration:none;}
.pages .current { font-weight: bold; color: #fff; background:#e43a3d; border:1px solid #e43a3d;}
.goto_txt{ width:30px;margin:0px 5px;}
.pages .allRecordset{ margin-right:10px}
.pages .allpage{ margin-right:30px}
.pages b{ color:#333; padding:0 2px; font-size:14px}



@media only screen and (min-width: 1360px) and  (max-width: 2560px) {
 
    .container{ width: 1250px;}
    .about-us{ margin-top: 100px;}
    .about-us .container .mthead{display:none}


    .about-us .about-bd{position: relative; min-height: 670px;}
    .about-us .about-bd .culture{position: absolute; top:0; right: 0px; }
    .about-us .abbd{ margin-top:100px; width: 100%;}
    .about-us .introd .in-bd{ padding: 20px 50px 50px 50px}
    .about-us .introd .intro-cont{margin-top: 50px;}
    .about-us .introd .intro-cont p{ font-size: 14px; padding: 5px 0px 10px 0px}
    
    .office-dev .thead{ width:100%;}
    .office-dev .thead-logo{ text-align: right}
    .office-dev .item{ width: 100%;}
    .office-dev .item ul li{ float: left; }
    
    .office-dev .item ul li .office-title{ font-weight: bold; text-align: right; font-size: 16px; line-height: 50px; color: #000;}
    .office-dev .item ul li.lastli{ margin-right:0px!important;}
    
    .p-serivce-mode{margin-top: 100px;}
    .p-serivce-mode .p-serivce-cont{ margin-top: 100px;}
    
    .p-case-mode{margin-top: 100px;}
    .p-case-mode .container .mthead{ display:none;}


    .p-case-mode .p-case-cont{ margin-top: 100px;}
    .p-case-mode .case-main{ width: 99%; margin: 50px auto; }
    .p-case-mode .col-1{float: left;}
    .p-case-mode .col-1 ul.menu-list{ width: 90px; float: right}
    .p-case-mode .col-1 ul.menu-list  li{ width: 100%; height: 35px; line-height: 35px;}
    .p-case-mode .col-1 ul.menu-list  li{ font-size: 14px;}
    .p-case-mode .col-1 ul.menu-list  li.active{ color: red;}
    .p-case-mode .col-1 ul.menu-list  li.active a{ color: red;}
    
    .p-case-mode .col-2{ float: right;}
    .p-case-mode .col-2 .item{padding-top:50px; width: 100%; border-top: 1px solid #eeeeee;}
    .p-case-mode .col-2 .item ul li{ zoom: 1; width: 279px; height: 140px; border: 1px solid #eeeeee; overflow: hidden}
    .p-case-mode .col-2 .item ul li{ float: left; margin-right: 36px;margin-bottom: 20px;}
    .p-case-mode .col-2 .item ul li .cont{ height: 50px; line-height: 20px; text-align: center;}
    .p-case-mode .col-2 .item ul li .cont{  margin: 50px 15px 0px 15px; font-size: 16px;}
    
    
    .p-case-mode .col-2 .item ul li .arrow{ height: 20px; text-align: center; display: none}
    .p-case-mode .col-2 .item ul li:hover{ cursor: pointer; box-shadow: 2px 2px 10px #888888;}
    .p-case-mode .col-2 .item ul li:hover .arrow{ display: block}
    .p-case-mode .col-2 .item ul li.lastil{ margin-right: 0px!important;}
    .p-case-mode .case-view-bd{ width: 1140px; margin: 0 auto;}
    .p-case-mode .case-view-cont{ position: relative; width: 100%; height:auto;min-height: 2063px; background: url("/statics/resource/resource.jpg");}

    .p-case-mode .case-view-cont .c_img1{ margin-top: 10px;}
    .p-case-mode .case-view-cont .c_img1 img{max-width:975px; max-height: 588px;width:975px;height: 588px;}

    .p-case-mode .case-view-cont .c_img2{position:absolute; top:499px;right:0px; z-index:200;}
    .p-case-mode .case-view-cont .c_img2 img{max-width:882px; max-height: 340px;z-index:100;width:882px; height: 340px;}

    .p-case-mode .case-view-cont .vi-cont-text{position:absolute;top:499px;right:0px;  width: 882px;height: 340px; z-index:350; color: #000;}
    .p-case-mode .case-view-cont .vi-cont-text .h-title{ margin-top:79px; margin-left:54px;  font-size: 28px; font-weight:bold; color: #000;}
    .p-case-mode .case-view-cont .vi-cont-text .h-time{ margin-top:80px; margin-left:54px;  font-size: 16px;font-weight:bold;color: #000;}
    .p-case-mode .case-view-cont .vi-cont-text .h-place{ margin-top:58px; margin-left:54px;  font-size: 16px;font-weight:bold;color: #000;}
    .p-case-mode .case-view-cont .vi-cont-text2{display: none}
    .p-case-mode .case-view-cont .vi-cont-text .serivce-cont{ position:absolute; top:55px; right: 82px; width: 10px;font-size: 1.3rem;color: #666;}
    .p-case-mode .case-view-cont .serivce-seciton{ display: none}

    .p-case-mode .case-view-cont .c_img3{position:absolute; top:928px;left:0px; width:742px;height:381px; line-height: 381px; overflow: hidden; vertical-align: middle;display: table-cell;text-align: center;}
    .p-case-mode .case-view-cont .c_img3 img{max-width:742px; width:742px;position:absolute; top:0;bottom:0;left:0; right:0; margin:auto;}

    .p-case-mode .case-view-cont .c_img4{position:absolute; top:1116px;right:0px;width:758px;height:406px; z-index:200;overflow: hidden;vertical-align: middle;display: table-cell;text-align: center;border-top: 20px solid red;border-left: 20px solid red;}
    .p-case-mode .case-view-cont .c_img4 img{max-width:758px;position:absolute; top:0;bottom:0;left:0; right:0; margin:auto; }

    
    .p-case-mode .case-view-cont .c_img5{margin-top:1000px;}
    .p-case-mode .case-view-cont .c_img5 img{max-width:1139px; max-height:auto;width:1139px; height:auto;}
    .p-case-mode  .case-list{ display:none;}



    .p-news-mode .p-news-thead{width:100%;}
    .p-news-mode .container .mthead{ display:none;}
    .p-news-mode .news-item{ margin-top: 5rem;}
    .p-news-mode .news-item ul li{ float: left;  border: 1px solid #dbddde;}
    
    .p-news-mode .news-item ul li .owrap{ padding: 50px 30px 50px 30px}
    .p-news-mode .news-item ul li .owrap h3{ margin: 0; padding-bottom: 15px; color: #585453;}
    .p-news-mode .news-item ul li .owrap .cont{ color: #9fa0a0; height: 60px; }
    .p-news-mode .news-item ul li .owrap .b-bar{ border-top: 1px solid #959494;position: relative; height: 40px; line-height: 40px;}
    .p-news-mode .news-item ul li .owrap .b-bar .time{ font-size: 14px; color: #595757}
    .p-news-mode .news-item ul li .owrap .b-bar .arrow{ float: right;}
    .p-news-mode .news-item ul li:hover{ background: #ff0000;cursor: pointer}
    .p-news-mode .news-item ul li:hover h3{ color: #FFF;  text-decoration: none;}
    .p-news-mode .news-item ul li:hover .cont{ color: #FFF;}
    .p-news-mode .news-item ul li:hover .b-bar{ border-top: 1px solid #FFF;}
    .p-news-mode .news-item ul li:hover .b-bar .time{ color: #FFF}
    .p-news-mode .news-item ul li:hover .b-bar .arrow .fa{ color: #FFF}
    .p-news-mode .news-item ul li.lastil{margin-right: 0px;}
    .p-news-mode .news-item ul li:hover a{text-decoration:none}
    
    
    
    .p-news-mode  .localhost{ height: 50px; line-height: 50px; border-bottom: 1px solid #EEE;}
    .p-news-mode  .localhost .red{ color: red;}
    .p-news-mode  .news_view{ width: 100%; margin-top: 50px;}
    .p-news-mode  .news_view .sharp-btn{ padding-top: 10px; border-top: 1px solid #EEE}
    .p-news-mode  .news_view .thead h2{ margin: 0; padding: 0; font-size: 22px; font-weight: bold; line-height: 34px;}
    .p-news-mode  .news_view .b-cont{ margin-top: 20px; color: #adadad;}
    
    .p-news-mode  .news_detail{ float: right; width: 798px; color: #666;}
    .p-news-mode  .news_detail p{ font-size: 14px; line-height: 24px;}
    .p-news-mode  .news_detail img{ max-width: 798px;}
    .p-news-mode .nextpre-mode{ width: 100%; border-top: 1px solid #eee; height: 20px;}
    .p-news-mode .nextpre-mode-cont{ padding-top: 3px; margin-top: 3px; width: 80%; float: right; height: 50px; line-height: 42px; }
    .p-news-mode .nextpre-mode-cont{ background: #EEE}
    .p-news-mode  .np-list{ width: 100%;}
    .p-news-mode  .np-list li{ border-right: 1px solid #FFF;}
    .p-news-mode  .np-list li a{ font-size: 13px; padding-left: 30px;}
    .p-news-mode  .np-list li a.rght{padding-right: 30px;}
    .p-news-mode  .np-list li a.line{ background: url('../image/pn_line1.jpg') no-repeat 15px 5px;}
    .p-news-mode  .np-list li .rgline{ display: inline-block; width: 20px; height:10px;background: url('../image/pn_line1.jpg') no-repeat 0px 0px;}
    
    
    .p-job-mode{margin-top: 100px; width:100%;}
    .p-job-mode .p-job-thead{width:100%;}
    .p-job-mode .container .mthead{ display:none;}
    .p-job-mode .job-table{ margin-top: 50px;}
    
    .job-table{ width: 100%;}
    .job-table thead tr th,.job-table tbody tr td{ height: 35px;line-height: 35px;}
    .job-table tbody tr:hover{ background: #EEE}
    .job-table .job-content{ padding-left: 100px;}
    .job-table .job-content p{ line-height: 18px; padding: 1px 0px 3px 0px}
    .job-table .f14{ color: #666666; font-size: 14px;}
    .job-table .f18{ color: #666666; font-size: 18px;}
    .job-table .request-btn{margin: 15px 0px; background: #eb0028; color: #FFF; padding: 15px 60px; border: 0px;}
    .job-table .request-btn-c{ padding: 15px 0px;}
    .reqeust-form .thead{ margin-bottom: 50px;}
    .form-area .btn-submit{ background:red; border-radius: 0px; border: 0px; width: 200px;}
    .form-area .form-control{ height: 50px;}
    .form-area .form-control2{ height: auto !important;}



    .about-us .abbd{ margin-top:5rem; width: 100%;}
    .about-us .introd{position: absolute; bottom:30px; right:0px; width:820px; height:auto; background: #FFF; box-shadow: 2px 2px 6px #888888;}

    .p-news-mode{margin-top:5rem; width:100%;}
    .p-news-mode .news-item ul li{  width:380px; height:238px;}
    .p-news-mode .news-item ul li{ margin-right: 42px; margin-bottom: 30px;}
    .p-news-mode .news_view .thead{ width: 82%;}
    .p-news-mode  .dataprvenext{ display: none}

    .p-serivce-mode .p-serivce-cont img{ width: 100%;}
    .p-serivce-mode .container .mthead{ display: none;}


    .p-case-mode .col-2{ float: right; width: 950px; }
    .p-case-mode .col-1{float: left; width:180px; }
    .p-case-mode .col-1 ul.menu-list li{ text-align: center;}
    .p-case-mode  .dataprvenext{ margin-top: 50px;}
    .p-case-mode  .dataprvenext p{ line-height: 20px;font-size: 14px; }
    .p-case-mode  .dataprvenext p a{ font-size: 14px; color: blue;}

    .office-dev .item ul li{ width:580px; height: 400px; margin-right:80px; margin-bottom:50px;}
    .office-dev .item ul li img{width:580px; height: 400px;}


    .p-contact-mode{margin-top: 100px; width:100%;}
    .p-contact-mode .p-contact-thead{width:100%;}
    .p-contact-mode .container .mthead{ display:none;}

    .p-contact-mode .contact-main{ width: 99%; min-height: 300px; margin: 60px auto;}
    .p-contact-mode .contact-main .p-block1{position: relative; min-height: 300px;}
    .p-contact-mode .contact-main .section1{ width: 255px; height: 255px; background: #f6f6f6;}
    .p-contact-mode .contact-main .section .in-wrap{ padding: 60px 0px 60px 0px}
    .p-contact-mode .contact-main .section .img{ text-align: center}
    .p-contact-mode .contact-main .section .title{ height: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 16px; color: #595757}
    .p-contact-mode .contact-main .section{ width: 255px; height: 255px; background: #f6f6f6;}


    .p-contact-mode .contact-main .p-block1 .section2{width:81%; height: 255px; background: #7b7a7a;}
    .p-contact-mode .contact-main .p-block1 .section2{ position: absolute;bottom:0px;left: 210px;}
    .p-contact-mode .contact-main .p-block1 .section2 .in-wrap{ padding: 53px 60px 60px 60px}
    .p-contact-mode .contact-main .p-block1 .section2 .text-con{ font-size: 14px; color: #f3f3f3; line-height: 24px;}
    .p-contact-mode .contact-main .section3{ margin-top: 25px; }
    .p-contact-mode .contact-map-show{ margin-top: 100px;width: 1200px; margin: 0 auto;}   

    
    .contact-map-show2{display: none;}
}



@media only screen and (min-width:360px) and  (max-width: 1359px) {

    
    .container{ width: 98%; margin: 0 auto; }
    .about-us{ margin-top:0rem;}
    .about-us .container .thead{display:none;}
    .about-us .container .mthead{ min-height:8rem; color: #000;}
    .about-us .container .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .about-us .container .mthead .center{ color: #ddd; text-align: center;}

    .about-us .about-bd{position: relative; min-height: 670px;}
    .about-us .about-bd .culture{ display: none; width:98%;margin:2rem auto; }
    .about-us .about-bd .culture img{ width:100%; }

    .about-us .introd .in-bd{ padding: 1rem 2rem  1rem  2rem }
    .about-us .introd .intro-cont{margin-top: 3rem;}
    .about-us .introd .intro-cont p{ font-size: 14px; padding: 5px 0px 10px 0px}
    
    .about-us .abbd{  width: 100%;}
    .about-us .abbd img{ width: 100%;}
    .about-us .introd{width:99.999%;  background: #FFF; }


    .office-dev .thead{ width:100%;}
    .office-dev .thead-logo{ display: none; text-align: right}
    .office-dev .item{ width: 100%;}
    .office-dev .item ul li{ width: 99.99%; }
    .office-dev .item ul li .office-title{ font-weight: bold; text-align: center; font-size: 16px; line-height: 50px; color: #000;}
    .office-dev .item ul li{  height: auto;  margin-bottom:3rem;}
    .office-dev .item ul li img{width: 100%; height:auto;}

    .p-serivce-mode{margin-top: 0rem;}
    .p-serivce-mode .p-serivce-cont{ margin-top: 0rem;}
    .p-serivce-mode .p-serivce-thead{ display: none;}
    .p-serivce-mode .container .mthead{ min-height:8rem; color: #000;}
    .p-serivce-mode .container .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .p-serivce-mode .container .mthead .center{ color: #ddd; text-align: center;}

    .p-case-mode{margin-top: 0rem;}
    .p-case-mode .thead{display:none;}
    .p-case-mode .container .mthead{ min-height:8rem; color: #000;}
    .p-case-mode .container .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .p-case-mode .container .mthead .center{ color: #ddd; text-align: center;}

    .p-case-mode .p-case-cont{ margin-top:0rem;}
    .p-case-mode .case-main{ width: 99%; margin: 1px auto; }
    .p-case-mode .col-1 ul.menu-list{ margin: 0 auto; width:60%; }
    .p-case-mode .col-1 ul.menu-list  li{ float: left; padding: 0px 20px;  height: 35px; line-height: 35px;}
    .p-case-mode .col-1 ul.menu-list  li{ font-size: 14px;}
    .p-case-mode .col-1 ul.menu-list  li.active{ color: red;}
    .p-case-mode .col-1 ul.menu-list  li.active a{ color: red;}
    
    .p-case-mode .col-2{ width: 100%;border-top: 1px solid #eeeeee;  }
    .p-case-mode .col-2 .item{display:none;}
    .p-case-mode .col-2 .item ul li{ zoom: 1;width: 100%;  height: 10rem; border: 1px solid #eeeeee; overflow: hidden}
    .p-case-mode .col-2 .item ul li{ margin-bottom: 1rem;}
    .p-case-mode .col-2 .item ul li .cont{ height: 50px; line-height: 20px; text-align: center;}
    .p-case-mode .col-2 .item ul li .cont{  margin: 3rem 1.3rem 0px 1.3rem; font-size:1.6rem;}
    
    .p-case-mode .col-2 .item ul li .arrow{ height: 20px; text-align: center; display: none}
    .p-case-mode .col-2 .item ul li:hover{ cursor: pointer; box-shadow: 2px 2px 10px #888888;}
    .p-case-mode .col-2 .item ul li:hover .arrow{ display: block}
    .p-case-mode .col-2 .item ul li.lastil{ margin-right: 0px!important;}
    .p-case-mode .case-view-bd{ width: 99%; margin: 0 auto;}
    .p-case-mode .case-view-bd img{ width: 100%;}

    .p-case-mode .case-view-cont{ width: 100%;}
    .p-case-mode .case-view-cont img{ width: 100%;}
    .p-case-mode  .c_img2{display: none}
    .p-case-mode .case-view-cont .vi-cont-text{display: none}
    .p-case-mode .case-view-cont .vi-cont-text2{color: #000;margin-top: 2rem; margin-bottom: 2rem;}
    .p-case-mode .case-view-cont .vi-cont-text2 .h-title{  margin-left:1rem;  font-size: 2.4rem; font-weight:bold; color: #000;}
    .p-case-mode .case-view-cont .vi-cont-text2 .h-time{ margin-left:1rem;  font-size: 1.3rem;font-weight:bold;color: #000;}
    .p-case-mode .case-view-cont .vi-cont-text2 .h-place{  margin-left:1rem;  font-size: 1.3rem;font-weight:bold;color: #000;}
    .p-case-mode .case-view-cont .serivce-seciton{ display: block; color: #666; margin: 2rem 0px 2rem 10px;;}
    .p-case-mode .case-view-cont .serivce-seciton p{ line-height:1rem;}
    .p-case-mode .case-view-cont .serivce-seciton .serivce-cont{ color: #000;}


    .p-case-mode  .case-list{ width: 100%;margin-top: 2rem;}
    .p-case-mode  .case-list ul li{ margin-bottom: 1rem;}
    .p-case-mode  .case-list ul li .case-cont{ padding-right: 15px; overflow: hidden;}
    .p-case-mode  .case-list ul li .case-cont1{padding-right: 0px;}
    .p-case-mode  .case-list ul li .img{ width: 100%; height: 182px;}
    .p-case-mode  .case-list ul li .title{ margin-top:1rem; height:4.2rem; line-height:1.7rem;}


    .p-news-mode{ width:100%; margin-top: 0.5rem;}
    .p-news-mode2{ margin-top: 0rem;}


    .p-news-mode .news-item ul li{ width: 100%; }
    .p-news-mode .news-item ul li{margin-bottom: 30px;}
    .p-news-mode .news_view .thead{ width: 99.99%;}
    .p-news-mode .p-news-thead{width:100%; display:none;}
    .p-news-mode .container .mthead{ min-height:8rem; color: #000;}
    .p-news-mode .container .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .p-news-mode .container .mthead .center{ color: #ddd; text-align: center;}


    .p-news-mode .news-item{ margin-top: 0rem;}
    .p-news-mode .news-item ul li { border-bottom: 1px solid #eee;}
    .p-news-mode .news-item ul li .owrap{ padding: 0rem 2rem 2rem 2rem}
    .p-news-mode .news-item ul li .owrap h3{ margin: 0; padding-bottom: 15px; color: #585453;}
    .p-news-mode .news-item ul li .owrap h3{ font-size:1.6rem;}
    .p-news-mode .news-item ul li .owrap .cont{ color: #9fa0a0;}
    .p-news-mode .news-item ul li .owrap .b-bar{ position: relative; }
    .p-news-mode .news-item ul li .owrap .b-bar .time{ font-size: 1rem; color: #595757}
    .p-news-mode .news-item ul li .owrap .b-bar .arrow{ display: none;}
    .p-news-mode .news-item ul li:hover{ background: #ff0000;cursor: pointer}
    .p-news-mode .news-item ul li:hover h3{ color: #FFF;}
    .p-news-mode .news-item ul li:hover .cont{ color: #FFF;}
    .p-news-mode .news-item ul li:hover .b-bar{ border-top: 1px solid #FFF;}
    .p-news-mode .news-item ul li:hover .b-bar .time{ color: #FFF}
    .p-news-mode .news-item ul li:hover .b-bar .arrow .fa{ color: #FFF}
    .p-news-mode .news-item ul li.lastil{margin-right: 0px;}
    .p-news-mode .news-item ul li:hover a{text-decoration:none}

    
    .p-news-mode  .localhost{ height: 50px; line-height: 50px; border-bottom: 1px solid #EEE;}
    .p-news-mode  .localhost .red{ color: red;}
    .p-news-mode  .news_view{ width: 100%; margin-top: 3rem;}
    .p-news-mode  .news_view .sharp-btn{ padding-top: 10px; border-top: 1px solid #EEE}
    .p-news-mode  .news_view .thead h2{ margin: 0; padding: 0; font-size: 22px; font-weight: bold; line-height: 34px;}
    .p-news-mode  .news_view .b-cont{ margin-top: 20px; color: #adadad;}
    
    .p-news-mode  .news_detail{  color: #666;margin-top:3rem;}
    .p-news-mode  .news_detail p{ font-size: 14px; line-height: 20px;}
    .p-news-mode  .news_detail img{ width:100%; }
    .p-news-mode  .nextpre-mode{display: none; }

    .p-news-mode  .np-list{ width: 100%;}
    .p-news-mode  .np-list li{ border-right: 1px solid #FFF;}
    .p-news-mode  .np-list li a{ font-size: 13px; padding-left: 30px;}
    .p-news-mode  .np-list li a.rght{padding-right: 30px;}
    .p-news-mode  .np-list li a.line{ background: url('../image/pn_line1.jpg') no-repeat 15px 5px;}
    .p-news-mode  .np-list li .rgline{ display: inline-block; width: 20px; height:10px;background: url('../image/pn_line1.jpg') no-repeat 0px 0px;}
    
    
    .p-job-mode{margin-top: 0px; width:99.999%;}
    .p-job-mode .job-table{ margin-top: 0px;}
    .p-job-mode .p-job-thead{ display:none;}
    .p-job-mode .container .mthead{ min-height:8rem; color: #000;}
    .p-job-mode .container .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .p-job-mode .container .mthead .center{ color: #ddd; text-align: center;}


    .job-table{ width: 100%;}
    .job-table thead tr th,.job-table tbody tr td{ height: 35px;line-height: 35px;}
    .job-table tbody tr:hover{ background: #EEE}
    .job-table tbody tr td{white-space:normal !important;}
    .job-table .job-content p{ line-height: 18px; padding: 1px 0px 3px 0px}
    .job-table .f14{ color: #666666; font-size: 14px;}
    .job-table .f18{ color: #666666; font-size: 18px;}

    .job-table .request-btn{margin: 15px 0px; background: #eb0028; color: #FFF; padding: 15px 60px; border: 0px;}
    .job-table .request-btn-c{ padding: 15px 0px;}
    .reqeust-form  { width:96%; margin: 0 auto;}
    .reqeust-form .thead{ margin-bottom: 50px;}
    .reqeust-form .thead h2{ font-size:2.2rem;}

    .form-area .btn-submit{ background:red; border-radius: 0px; border: 0px; width: 100%;}
    .form-area .form-control{ height: 50px;}
    .form-area .form-control2{ height: auto !important;}
  

    .p-serivce-mode .p-serivce-cont img{ width: 100%;}
    .p-case-mode .col-1 ul.menu-list li{ text-align: center;}
    .p-case-mode  .dataprvenext{ margin-top: 5rem;}
    .p-case-mode  .dataprvenext p{ line-height: 20px;font-size: 14px; }
    .p-case-mode  .dataprvenext p a{ font-size: 14px; color: blue;}

    .p-contact-mode{margin-top: 0rem; width:100%;}
    .p-contact-mode .p-contact-thead{width:100%; display:none;}

    .p-contact-mode .container .mthead{ min-height:8rem; color: #000;}
    .p-contact-mode .container .mthead h3{ font-size:2.4rem; text-align: center;}
    .p-contact-mode .container .mthead .center{ color: #ddd; text-align: center;}

    .p-contact-mode .contact-main{ width: 99%; min-height: 300px; margin: 0px auto;}
    .p-contact-mode .contact-main .p-block1{position: relative; min-height: 300px;}
    .p-contact-mode .contact-main .section1{ width: 255px; height: 255px; background: #f6f6f6;}
    .p-contact-mode .contact-main .section .in-wrap{ padding: 60px 0px 60px 0px}
    .p-contact-mode .contact-main .section .img{ text-align: center}
    .p-contact-mode .contact-main .section .title{ height: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 16px; color: #595757}
    .p-contact-mode .contact-main .section{ width: 100%; height: 255px; background: #f6f6f6;}

    .p-contact-mode .contact-main .p-block1 .section2{width:100%; height: 255px; background: #7b7a7a;}
    .p-contact-mode .contact-main .p-block1 .section2 .in-wrap{ padding: 5rem 3rem 3rem 3rem}
    .p-contact-mode .contact-main .p-block1 .section2 .text-con{ font-size: 14px; color: #f3f3f3; line-height: 24px;}
    .p-contact-mode .contact-main .section3{ margin-top: 25px; }
    .p-contact-mode .contact-map-show{ margin-top: 100px;width: 1200px; margin: 0 auto;}   

    .contact-map-show{display: none;}
}