@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body{ font-size:13px; font-family: Microsoft JhengHei,Arial, Helvetica,sans-serif,nsimsun; color:#333; position:relative;}
a{ color:#333;  }
a:hover{ color:#488fde;}
* { 
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}
  
/*   html{
    overflow-y: hidden; 
    position:static;
} */

/* --------------------------top------------------------- */
.top_car{position: fixed; right:30px; bottom:20%; z-index: 9999; }
.top_car{color: #FFF;text-align: center;font-size:18px;width: 50px;height: 40px; right:20px; bottom:-40px;position: fixed;transition: .5s}
.icon-up{font-size: 25px;}
.top_c{background-color: #39567d;width: 50px;height: 40px; padding: 8px 0 0 0}
.top_car:hover {color: #fff}
.top_act{bottom:0;transition: .5s}


/* --------------------------index------------------------- */


.index_ad img {width: 100%; }

.title{font-size: 35px;font-weight: bolder;}
.stitle1{font-size: 16.5px;font-weight: bolder;}
.stitle{font-size: 16.5px;font-weight: bolder;}


.blue{color: #02549a}
.color1{color: #cbd5e4}
.color2{color: #8f8f8f}
.dis_b{display: block}
.dis_i{display: inline-block;}
.dis_n{display: none}

.mb5p{margin-bottom: 5%}
.ml16p{margin-left: 16%}
.ma6p{margin:6%}

.m0{margin: 0 auto;text-align: center;}
.m30au{margin: 30px auto 0 auto;text-align: center;}

.border2{border: 2px #cecece solid}
.border3{border: 10px #FFF solid;}
.bs1{box-shadow: 10px 10px 10px #888;  }

.w5{width: 5%}
.w18{width:18% }
.w20{width: 20%}
.w100{width: 100%}


.pr{position: relative;overflow:hidden}
.pa{position: absolute;}
.pa10{position: absolute;z-index: 10}

.ls18{letter-spacing: 1.8px ;}
.ls40{letter-spacing: 4px ;}
.ls47{letter-spacing: 4.7px ;}

.pro{margin: 0 3% 5% 3%;display: inline-block;width:22%}

.pro_t{background: hsla(202, 90%, 35%, 0.81);color: #fff;font-size: 22px;height:100% ;width: 100%;top:75%;
       font-weight: bolder;padding: 9.5% 0 0 0;word-break: break-all;transition:.7s;}
.pro_t span:nth-child(1){padding: 15% 12% 0 15% ;font-size: 16px;text-align: left;font-weight:normal;line-height:30px;letter-spacing:2px ;transition:.7s;}

.pro:hover .pro_t{height: 100%;transition:.7s; top:0%;padding: 18% 0 0 0;background: rgba(9, 111, 169, 0.85);}
.pro:hover .pro_t span:nth-child(1){padding: 8% 12% 0 15%;transition:.5s;}
/* .pro_t span:nth-child(2){background: #FFF;border-radius: 50%;padding: 8px;
                         font-size:18px;
                         color:hsla(202, 90%, 35%, 0.81) ;transition: .5s
                         }
.pro_t span:nth-child(2):hover{background-color: rgba(9, 111, 169, 0.0);color: #FFF}   */




.pro p{vertical-align:bottom;}
.pop{margin: 5% auto  0% auto;text-align: center;width: 70%}

.pop_more{color: #fff;background:#37d0f3 ;padding:18px 10px;width:160px;font-size: 16px;font-weight:bolder;border-radius: 50px;margin: 0 auto}

.pop_more:hover {background:#253e6b;transition: .5s;color: #fff;transform: scale(0.97);
  -webkit-transform: scale(0.97);
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;}

.hover1:hover{transform: scale(0.97);
  -webkit-transform: scale(0.97);
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;}

.hover2:hover{transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;}  

.hover3:hover{transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;}  

.hover4:hover{transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;} 

.hover5:hover{transform: scale(0.96);
  -webkit-transform: scale(0.96);
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;}    

.equ_box{background:url(../img/equ_bg.jpg) center 0 no-repeat ;width: 100%;overflow: hidden;height: 907px;padding: 8% 0 0 0}


.equ1 {position: absolute;border-style: solid;border-width: 0 182px 130px 182px; width: 100%; height: 133px; background: url(../img/equ_bg.png) center 0 no-repeat;}
.e_center {position: absolute;left: 0; top: 0; width: 100%; height: 133px;background: url(../img/center3.png) center 0 no-repeat;}
.e_left {transform-origin: bottom; transform: skewX(82.5deg);width: 50%;background: #FFF;height: 172px; position: absolute;
        left: 0;bottom: 0px;}
.e_right {transform-origin: bottom;transform: skewX(-82.5deg);width: 50%; background: #FFF;height: 172px;position: absolute;
  right: 0;bottom: 0px;}

.equ_img{margin: 6% 15%}

.work_box{margin: 5% auto ;text-align: center;}
.work_text1{margin: 2.5% 0;font-size: 22px;font-weight: bolder;line-height: 35px ;}
.work_text2{display: block;width: 740px;max-width: 90%;margin: 0 auto 8% auto;font-size: 20px;font-weight: bolder;text-align: center;color: #3469ab}

.work_img{display: inline-block;width: 14%;margin: 0 0 7% 0 }
.work_img img{width: 100%;margin-bottom: 25px; transition: .3s;}
.work_img p{font-size: 24px;font-weight: bolder;}
.blue_line{width: 8% ;height: 2.2px;background: #0d6cbe;vertical-align: top;margin: 5% 2% 0 1%}

.e_img img{transition: .5s}

.con_boxg{margin: 8.5% 19% 7% 46.5%;background-color: #eff1f3;padding: 4% 5% 3.5% 7%;transition: .5s}
.con_boxg h1{font-size: 36px;color: #b1b5b8;font-weight: bolder;letter-spacing: 3px ;margin: 2% 0 8% 0;transition: .5s}
.con_boxg button{color: #fff;background:#acafb1 ;padding:13px 50px;width:145px;font-size: 16px;font-weight:bolder;
            border-radius: 50px;margin: 30px 0 0px 0;display: block;text-align: center;letter-spacing: 2px ;  border-width: 0px;
            font-family: "微軟正黑體"; cursor: pointer; }
.con_boxg button:hover{background:#666 ;transition: .3s}
.con_boxg input{padding: 17px 23px;border: 0px;background: #f9fbfd;font-size: 14px;letter-spacing: 1.5px ;}
.input1 {width: 47%;margin: 10px 0;}
.input2 {width: 47%;margin: 10px 0 10px 4%;}
.input3 {width: 100%;margin: 10px 0 10px 0;}
.input4 {width: 100%;margin: 10px 0 10px 0;padding: 17px 23px;border: 0px;background: #f9fbfd;font-size: 14px;height: 100px}

.con_boxb1{width: 700px;max-width: 90% ;background-color:#15aacc;
  margin: 6.5% auto 7% auto;color: #f9fbfd;font-size: 42px;font-weight:bolder;
  transition: .5s;text-align: center;padding:50px 20px 20px 20px ;position: relative}

.con_boxb1 h1{margin: 0 ;}


.boxb{display:block;margin: 6% auto;width: 315px;text-align: left}
.boxb img{display: inline-block;margin: 0 2.5% 0 1%}
.boxb_text{display: inline-block;vertical-align: top;}
.boxb h2{vertical-align: top;font-size: 14px;color: #0d7c95;font-weight: bolder;letter-spacing: 2px ;padding: 0px 0 5px 0}
.boxb h3{vertical-align: top;font-size: 16px;color: #FFF;font-weight: bolder;}


.about_box {padding: 7% 10%}
.about_box img{display: inline-block;width: 300px;margin: 0 4% 0 0}
.about_box h1{display: inline-block;width: 70%;vertical-align: top;color: #fff;font-size: 24px;padding: 3% 0 0 0;line-height:  40px ;}
.about_box h1 span{font-size: 34px;font-weight: bolder;color: #e9bd00;padding:  20px 0 0 0;display: block;line-height:  50px ;}


.top10{top: -30%}
.aboutdis1{display: none}
.aboutdis2{display: none}
.aboutdis3{display: none}
.aboutdis4{display: none}

.care_box img{width: 100%}
.care_text{margin: 7% 0 0 0;width:860px;right:15%;}



.care_text h1{font-size: 48px;color: #FFF;font-weight: lighter;text-align:left;padding: 0 0 0 25%}
.care_text h2{font-size: 48px;color: #FFF;font-weight: bolder;text-align: right;}
.care_text h3{font-size: 45px;color: rgba(255, 255, 255, 0.5);font-weight: bolder;font-family:times new roman; 
                letter-spacing: 1.5px ;margin: 1% 0 0 0;text-align: right;}

.caredis1{display: none;}
.caredis2{display: none;}

.equ_title{ margin-left: 16%;}


.m015p{margin: 0 auto;text-align: center;width: 1320px;max-width: 90%;}

.work_img{vertical-align: top;}


.workdis0{display: none}

.top160{top: -160px}
.top100{top: -100px}
.top80{top: -80px}


/* --------------------------menu------------------------- */
.menu {position: fixed;z-index: 999;background: rgba(22, 34, 71, 0.84);
       width: 100% ;padding: 10px 0 12px 10% ;  transition: .5s;height: 105px }
.menu_logo { margin:16px 0 0px 6.1%;display: inline-block ;width: 435px;transition: .5s}
.menu_logo img {width: 100% ;}

.menu_list_ul{ width:55% ;float: right ;margin: 35px 0.9% 0 0 ;transition: .5s;position: relative}

.menu_list_ul li {display: inline-block;margin: 0.4% 1.2%;text-align: center;
                      transition: .3s;}
.menu_list_ul a { color: #FFF; font-size: 18px ; transition: .3s; border-radius: 5pt;padding: 2.5px 6px ;}

.menu_list_ul li :hover {background-color: #FEFEFE;transition: .4s;}
.menu_list_ul>li:hover a{color: #333;transition: .3s;}

/* .menu_list_ul li :after {
      z-index: 1;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 6px 0 6px;
      border-color: #005b9f transparent transparent transparent;
      position: absolute;
      transition: .5s;
      display:none ;
      content: "";
      bottom: 30px;
      left:41%;} */

/* .menu_list_ul li:hover :after{display:block ; transition:.8s;} */

.fly_menu{padding: 0 0 0 10%;transition: .5s;height: 80px}
.fly_menu .menu_logo{width: 360px;transition: .5s; margin: 18px 0 0px 8%;}
.fly_menu .menu_list_ul{margin: 30px 0.9% 0 0;transition: .5s;}

.fly_menu .mini_menu{top: 84px;transition: .3s;height: 100%}



.menu_list_ul>li:nth-child(1):after {
     z-index: 99999;
    border-top: 20px solid #FFF;
    position: absolute;
    width: 4px;
    
    content:  "";
    bottom: 7px;
    left:-5px;}


.mini_menu_box {display: none; }

/* -----------RWD 三條線------------- */
.mini_menu_icon {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    padding-top: 8px; }
    .mini_menu_icon li {
      width: 100%;
      height: 3px;
      background: #FFF;
      margin-bottom: 5px;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
    .mini_menu_icon.active li:nth-child(1) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      top: 18px;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
    .mini_menu_icon.active li:nth-child(2) {
      margin-left: -1920px;
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition: 1s; }
    .mini_menu_icon.active li:nth-child(3) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 18px;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }



/* ---------------------RWD MENU---------- */

 .mini_menu_box {
    background: url(../img/pro_bg.jpg);
    width: 100%;   padding: 0 5%;
    height: 93px;    position: fixed;
    top: 0;    z-index: 99999; transition: .3s}



.mini_menu {
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 93px;
    background: rgba(245, 245, 245, 0.95);
    z-index: 999;
    padding: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 100px; }

.mini_menu.active { left: 0; transition: .5s}    

.mini_menu ul li:hover{background-color: rgba(200, 200, 200, 0.5);transition: .2s; }

.mini_menu ul { display: block;  padding: 10px 0; }
.mini_menu ul li { width: 100%;transition: .1s;}
      
.mini_menu ul li a {color: #333; display: block; width: 100%; font-size: 22px;
                     text-align: center;padding: 20px;transition: .1s;}

.mini_menu>ul>a>span{text-align: center;margin: 0 5px;}
.mini_menu>ul .icon-facebook22{font-size: 30px;color: #333;transition: .2s}
.mini_menu>ul .icon-brand{font-size: 30px;color: #333;margin-left: 3%;transition: .2s}

.mini_menu>ul .icon-facebook22:hover {color: #555;transition: .2s}
.mini_menu>ul .icon-brand:hover {color: #555;transition: .2s}

  

/* --------------------------關於我們------------------------- */

.business_box {margin: 3.9% auto;width:1325px;}
.b_text_box {width: calc(96% - 250px);display: inline-block;
             background: #fff;vertical-align: top;}
.tab_text {padding: 0;}
.tab_text h2 {margin: 0 0 0px 0;}
.tab_text span{margin: 0 0 0 2px;color: #d5dde9}

.bi_table1{width: 90%;margin: 6% 0 6% 6%;}
.bi_table1 p {text-align: center;font-size: 24px;padding: 8px 0 0 0;color: #434952}
.bi_table1 img{width: 26%;display: block;margin: 0 auto;}
.bi_table1 span {font-size: 16px;display: block;color: #434952}
.bi_tr{margin: 0 0 10% 0}

.bi_table2{width: 90%;margin: 6.5% 0 6% 6%;}
.bi_table2 p {text-align: center;font-size: 24px;padding: 10px 0 0 0}
.bi_table2 img{width: 24%;display: block;margin: 0 auto;}

.of_box{margin: 5% 5% 5% 8%}
.of_box p {font-size: 22px;line-height: 45px}
.of_box h4 {font-size: 24px;color: #c75454;font-weight: bolder;line-height:40px}

.b_btn {width:250px;display: inline-block;margin: 0 0 0 2%;}        
.b_btn li {background: #f0efea;margin: 15% 0% 23% 0%;}
.b_btn li a {display: block;padding: 11% 13%;font-size: 22px;font-weight: bolder;color: #818181}
.b_btn li a span{font-size: 18px;display: block;}
.b_btn li.active a {background: #1fadcd;color: #FFF}
.b_btn li a:hover {background: #1fadcd;transition:.5s;}

.b_btn .dis420{display: none}

.about_mini1{display: none}

/* --------------------------footer------------------------- */
.footer_box {background-image:url(../img/footer.jpg);width: 100%;
　background-repeat:no-repeat;}
.footer1{padding:  82px 8% 0 8%;text-align: center;}
.footer1 img{margin: 0 auto 8px auto;transition: .2s;}
.footer1 b{font-size: 35px ;color: #FFF;letter-spacing: 4px;margin: 15px 0 0 0}
.footer1 p{width: 1000px;max-width: 90%;display: block;font-size: 16px;color: #97999f;letter-spacing: 1.5px;font-weight: bolder;
            margin: 15px auto 0 auto;border-bottom:  1px #6c717c solid;padding-bottom: 70px }

.footer2{display: block;width: 800px;max-width: 90%;padding:  70px 0 100px 0;text-align: center;margin: 0 auto}
.footer2 p{font-size:18px ;color: #FEFEFE;font-weight: bolder;letter-spacing: 0.5px}
.footer2 span{color: #b1b1b1;font-weight: bolder;font-size:18px;letter-spacing: 1px }

.footer3{margin: 0 auto 0 auto;text-align: center;padding: 0 0 110px 0}
.icon-facebook23{font-size: 37px;color: #949494;margin: 0 1.85% 0 0}
.icon-facebook23:hover{color: #FFF;transition: .2s;}
.icon-brand{font-size: 38px;color: #949494 ;margin: 0 0 0 1.85%}
.icon-brand:hover{color: #FFF;transition: .2s}

.footer4{margin: 0 auto ;text-align: center;padding: 0 0 40px 0}
.footer4 p{color: #8d8d8d;font-size: 18px;font-weight: bolder;}

.footerdis1{display: none}

/* --------------------------pro_d------------------------- */

.pro_d_box {position: fixed;left: 0;z-index: 99999;width: 100%; height: 100%; background: rgba(0,0,0,0.4);top: -100%; transition:.5s; }



.pro_d_box2 {box-shadow: 0px 0px 60px -15px #333 ;width: 1000px ; max-width: 90%; height: 70%;background: #FFF ; padding: 30px 30px;
                margin: 7% auto ;position: relative; border-radius: 10px;border: #666 solid 4px;}
.pro_d_box2 { font-size: 18px ;margin-bottom: 10px; overflow-y:auto;} 

.pro_d_box2 h1 { text-align: center; margin-bottom: 50px;font-size: 24px;font-weight: bolder }


.pd_left{width:50%;border: #ddd 2px solid;display: inline-block;vertical-align: top;margin: 2% 4% 0 0;}
.pd_left img{width: 100%;vertical-align: middle;}


.pd_right{display: inline-block;width: 44%}
.pd_right h2{font-size: 25px;font-weight: bolder;border-bottom:1px #ddd solid ;padding: 0 0 5px 2px;margin: 10px 0;letter-spacing: 2px ;}
.pd_right h3{font-size: 18px;padding: 6px 10px;font-weight: bolder;letter-spacing: 2px ;}
.pd_right h4{font-size: 17px;padding: 10px 25px;letter-spacing: 2px ;}

.pd_con{display: inline-block;width: 38%;padding: 15px ;background: #21c0e4;color: #FFF;text-align: center;border-radius: 50px;
  letter-spacing: 2px ;font-size: 16px;margin: 30px 15px 10px 15px;transition: .3s}

.pd_con:hover {background: #137a91;transition: .3s} 
.pd_line{display: inline-block;width: 38%;padding: 15px ;background: #00c300;color: #FFF;text-align: center;border-radius: 50px;
  letter-spacing: 2px ;font-size: 16px;margin: 20px 15px 10px 15px;transition: .3s}
.pd_line:hover {background:#008b00;transition: .3s}

.pd_line img{display: inline-block;padding: 1px 0 0 0}

.pd_con:hover {color: #FFF}
.pd_line:hover {color: #FFF}

.xxx{right: 0px;color: #666;margin: 0 30px;font-size: 25px}
.xxx:hover {transition: .5s;color: #333
  ;transform: scale(0.97);
  -webkit-transform: scale(0.97);
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;}


.pro_d_box.active { top: 0; transition:.9s;}
.pro_d_box1 {position: fixed;left: 0;z-index: 99999;width: 100%; height: 100%; background: rgba(0,0,0,0.4);top: -100%; transition:.5s; }

.pro_d_box1.active { top: 0; transition:.9s;}


/* 
---------------------------------------pro_box-------------------------------- */

.pro_ad img{width: 100%}
.pro_box{margin: 20px 0 0 0}

.all_title{padding:20px 16% 10px 16% ;border-bottom:  2px #ddd solid}

.all_title h2{font-weight: bolder;color: #999;display: inline-block;float: right;font-size: 14px}
.all_title h2 a{font-weight: bolder;color: #999;}


.pro_p{width: 1250px;max-width: 94%;margin: 5% auto; text-align: center}

.pro_d_box1{display: none}

/* 
---------------------------------------type-------------------------------- */

.type_text1{margin: 50px auto ;width: 1200px;max-width: 70%}

.type_text1 h4{font-size: 24px;font-weight: bolder;text-align: center;}
.type_text1 h5{font-size: 32px;font-weight: bolder;text-align: center;margin: 0 0 5% 0}
.type_text1 h5 span:nth-child(1){color: #d22424}
.type_text1 h5 span:nth-child(2){color: #4ab9e3}
.type_text1 h5 span:nth-child(3){color: #e8d63e}

.type_text1 h2{font-size: 30px;font-weight: bolder;padding:  10px 20px;width: 180px;text-align: center;color: #FFF;margin: 10px 0 }

.tt_r{background: #d22424}
.tt_b{background: #4ab9e3}
.tt_y{background: #d9c839}

.tt_line{border-bottom: 2px #ddd solid ;margin: 50px 0 0 0;display: block}
.type_text1 h3{font-size: 20px;margin: 0 0 2% 10px;}


.type_text2{margin: 50px auto ;width: 1200px;max-width: 70%}
.type_text2 h1{font-size: 30px;font-weight: bolder;color: #1451ad;margin: 2% 0}
.type_text2 h2{font-size: 20px;padding: 0 3% 2% 3%}

.type_text2 table {font-size: 20px;margin: 0 0 10% 0}
.type_text2 table tr{margin: 20px 0 ;}
.type_text2 table tr:nth-child(1){background: #bbe1ef;}
.type_text2 table tr:nth-child(3){background: #bbe1ef;}
.type_text2 table tr:nth-child(5){background: #bbe1ef;}
/* 
.type_text2 table tr:nth-child(2){background: #FFF;}
.type_text2 table tr:nth-child(4){background: #FFF;}
.type_text2 table tr:nth-child(6){background: #FFF;} */

.type_text2 table tr td{padding: 15px 10px}

.xxx{position: absolute;}





/* --------------------------------------RWD------------------------- */


@media screen and (max-width: 1800px) {
.con_boxb{ margin: 5.5% 46% 10% 18%;}
.con_boxg{margin: 8.5% 18% 7% 47.5%}

}

@media screen and (max-width: 1700px) {
.about_box h1{padding: 2% 0 0 0}
.about_box img{width: 250px}
.about_box{padding: 5% 9%}

.pro_t {font-size: 20px}

.equ_title{margin-left: 10%;}
.equ_img{ margin: 7% 10%;}


.care_text h1{font-size: 42px;padding: 0 0 0 34.5%}
.care_text h2{font-size: 42px}
.care_text h3{font-size: 40px}


}



@media screen and (max-width: 1600px) {
.menu_logo{margin: 16px 0 0px 2%;}
.fly_menu .menu_logo{margin: 18px 0 0px 4%;}
.about_box h1{font-size: 23px}
.about_box h1 span{font-size: 32px}
.pop{width: 75%}

.pop_more{margin: 3% auto 0 auto}
.care_text{right:10%;}

.con_boxb{ margin: 5.5% 46% 10% 14%; padding: 5% 10% 4% 5%;}
.con_boxg{ margin: 9.5% 12% 7% 47.5%;padding: 5% 6% 3.5% 6.5%;}

.all_title{padding: 20px 10% 10px 10%;}
}


@media screen and (max-width: 1500px) {
.b_btn{width: 200px}
.b_btn li {margin: 30% 0% 30% 0%;}
.b_btn li a{font-size: 20px}
.b_btn li a span{font-size: 15px}

.title{font-size: 30px}
.stitle1{font-size:14px ;letter-spacing: 1.5px}
.b_text_box{margin: 0 0 0 2%}
.business_box{width: 90%;}
.tab_text .ls40{letter-spacing: 2px}
.bi_table1 p{font-size: 20px}
.bi_table2 p{font-size: 20px}
.bi_table1 span{font-size: 14px}

.of_box p{font-size: 20px}
.of_box h4{font-size: 22px}
.about_box{padding: 3% 5% 3% 7%}
.about_box img{width: 220px}
.about_box h1{font-size: 21px}
.about_box h1 span{font-size: 30px}

.pro_t {font-size: 18px;font-weight: normal;}
.pro_t span:nth-child(1){font-size: 14px; line-height: 26px; letter-spacing: 1px;}

.equ_box{height: 830px;padding: 150px 0 0 0 }
.equ_title{margin-left: 8%;}
.equ_img{ margin: 6% 8%;vertical-align:bottom;}

.con_boxb{ margin: 5.5% 46% 10% 11.5%;}
.con_boxg{ margin: 9.5% 12% 7% 47.5%;padding: 5% 6% 3.5% 6.5%;}

}










@media screen and (max-width: 1400px) {

.menu_logo{margin: 13px 0 0px 2%;width: 390px}
.menu{padding: 10px 0 12px 4%;height:  95px}

.menu_list_ul{margin:32px 3% 0 1% ;text-align: right;width:630px}
.menu_list_ul li{margin: 0.4% 0.4%;padding: 2.5px 6px 3.5px 6px;}
.menu_list_ul>li:nth-child(1):after {display: none}

.fly_menu{height: 80px}
.fly_menu .menu_logo{margin: 8px 0 0px 2%;}
.fly_menu .menu_list_ul{margin: 21px 3% 0 0;}

.work_text1{font-size: 20px}

.care_text{right:10%;}
.care_text h1{font-size: 38px;padding: 0 0 0 41%}
.care_text h2{font-size: 38px}
.care_text h3{font-size: 35px}

.con_boxb{ margin: 5.5% 46% 10% 9.5%;padding: 6% 9.5% 5% 6%;}
.con_boxg{ margin: 10.5% 7% 8% 47.5%; padding: 6% 6% 3.5% 8.5%;}





}


@media screen and (max-width: 1350px) {

.b_btn li{margin: 25% 0% 0% 0%;}
.business_box{margin: 3.9% auto  8% auto;}
.of_box{margin-bottom: 0 }
.work_img p{font-size:21px }

}

@media screen and (max-width: 1300px) {

.about_box img{width: 200px}
.about_box h1{font-size: 20px;    line-height: 35px;    width: 74%;}
.about_box h1 span{font-size: 28px;line-height: 44px;}
.aboutdis0{display: none}
.aboutdis1{display:block}
.pop{width: 80%}

.equ_box{height: 780px;padding: 150px 0 0 0}

.footer1{padding-top: 60px;}
.footer1 img{width: 80px}
.footer1 b{font-size: 32px}
.footer1 p{font-size: 15px;margin-top: 10px; padding-bottom: 50px; }
.footer2 p{font-size: 16px}
.footer2{padding: 60px 0 70px 0;}
.icon-facebook23{font-size:35px }
.icon-brand{font-size: 35px}
.footer3{padding-bottom: 80px;}


}


@media screen and (max-width: 1250px) {
.care_text{right:6%;}
.care_text h1{font-size: 35px;padding: 0 0 0 45.5%}
.care_text h2{font-size: 35px}
.care_text h3{font-size: 30px}



} 


@media screen and (max-width: 1200px) {
.menu_logo{margin: 17px 0 0px 1%;width: 330px}

.menu_list_ul{margin: 32px 3% 0 1% ;width: 580px}
.menu_list_ul li{margin: 0.4% 0.3%;}
.menu_list_ul a{font-size:16px }

.fly_menu{height:75px}
.fly_menu .menu_logo{margin: 9px 0 0px 2%;width: 300px}
.fly_menu .menu_list_ul{margin: 17px 3% 0 0;}

.bi_table1 p{font-size: 18px}
.bi_table2 p{font-size: 18px}
.bi_table1 span{font-size: 13px}

.bi_table1{    margin: 8% 0 6% 6%;}
.bi_table2{margin:8% 0 6% 6%; }
.b_btn{width: 170px;margin: 5% 0 0 2%;}
.b_btn li a{font-size: 18px}
.b_btn li a span{font-size: 13px}

.b_text_box{width: calc(100% - 245px);}

.of_box p{font-size: 18px; line-height: 42px;}
.of_box h4{font-size: 20px}

.about_box{padding-left: 5%}
.about_box h1 span{font-size: 25px}
.about_box h1{font-size: 17px}
.about_box img{width: 20%}

.pro_t{font-size: 16px}
.work_img p{font-size: 20px}
.work_text2{font-size: 18px}

.con_boxb{ margin: 5.5% 46% 10% 6.5%;padding: 5% 9.5% 5% 5%;}
.con_boxg{ margin: 8.5% 4% 7% 47.5%; padding: 6% 6% 3.5% 8.5%;}


}





@media screen and (max-width: 1024px) {

.menu{display: none;}
.mini_menu_box{display: block;}
body{ padding-top: 93px;}
.menu_logo{ width: 400px;display: block;padding: 8px 0 8px 0;
      margin:  13px auto 0 auto;}

.fly_menu{height:85px;}
.fly_menu .menu_logo{width: 300px;display: block;padding: 8px 0 8px 0;
      margin:  13px auto 0 auto;}

.title{font-size:27px; }


.business_box{width: 96%;}
.b_text_box{ width: calc(100% - 215px);}
.b_btn li a{font-size: 17px;}
.b_btn{width: 150px;margin: 5% 0 0 2%;}
.b_btn li a span{font-size: 12px;}
.b_btn li a{padding: 12% 10%; }
.bi_table1 p{font-size: 16px;}
.bi_table2 p{font-size: 16px;}
.stitle1{font-size: 12px;margin-top:-5px; }


.of_box p{font-size: 16px; line-height: 40px;}
.of_box h4{font-size: 18px;}

.about_box{padding-left: 4%;}
.about_box h1{font-size: 16px; line-height: 32px; width: 75%;}
.about_box h1 span{font-size: 22px;line-height: 40px;}

.pop{width: 100%;}
.pro_t span:nth-child(1){font-size: 13px; line-height: 22px; letter-spacing: 1px;}

.pd_left{margin: 2% 2% 0 0;width: 45%;}
.pd_right{width: 52%;}
.pd_right h4{font-size: 15px;padding: 10px 20px;}

.equ_title{margin-left: 5%;}
.equ_box{height: 740px; padding: 150px 0 0 0;}

.work_text1{font-size: 18px;}
.work_img p{font-size: 18px;}
.caredis1{display:inline-block;}
.caredis0{display: none;}

.care_text h1{font-size: 30px;padding: 0 0 0 53%;}
.care_text h2{font-size: 30px;}
.care_text h3{font-size: 25px;}

.con_boxb{ margin: 5.5% 46% 9% 3.5%; padding: 5% 7.5% 5% 5%;width: 48%;}
.con_boxg{ margin: 8.5% 4% 7% 47.5%; padding: 6% 6% 3.5% 8.5%;}

.all_title{padding: 20px 7% 10px 7%;}
.type_text2 table {font-size: 18px;}
}



@media screen and (max-width: 950px) {

.aboutdis1{display:none}
.aboutdis2{display:block}
.pd_con{width: 40%}
.con_boxb h1{font-size: 38px}

.con_boxb{ padding: 4% 3% 1% 3%;}
.con_boxg {margin: 8.5% 4% 7% 47.5%;padding: 5% 6% 3.5% 8.5%;}
.con_boxg h1{font-size: 33px}

.con_boxg input{width: 100%}

.input2{margin: 10px 0}


}


@media screen and (max-width: 850px) {

.b_btn{width: 17%}
.b_btn li a{font-size: 13px}
.b_text_box   { width: calc(100% - 180px);}
.bi_table1 p{font-size: 14px}
.bi_table2 p{font-size: 14px}


.of_box p{font-size: 16px; line-height: 35px;}
.of_box h4{font-size: 16px}

.about_box h1{font-size: 15px; line-height: 28px; }
.about_box h1 span{font-size: 20px;line-height: 32px;}


.pro{width: 35%}
.pro_t{font-size:22px }
.pro_t span:nth-child(1){font-size: 18px; line-height: 28px; letter-spacing: 1px;}

.equ_box{height: 600px;padding: 150px 0 0 0}
.equ_img{margin: 4% 4%}

.con_boxb h1{font-size: 33px}


}






@media screen and (max-width: 800px) {

.menu_logo{ width: 350px; margin:  17px auto 0 auto;}

.fly_menu{height:80px}
.fly_menu .mini_menu{top: 80px}
.about_box img{width: 18%;margin: 0 2% 0 0;}
.about_box h1{width: 79% }
.pd_right h2{font-size: 22px}


.pd_con{margin: 30px 5px 10px 3px;font-size:15px }
.pd_line{margin: 30px 3px 10px 5px;}
.work_text1{font-size: 16px}

.care_text{right:5%;}
.care_text h1{font-size: 25px;padding: 0 0 0 61%}
.care_text h2{font-size: 25px}
.care_text h3{font-size: 20px;margin: 0.5% 0 0 0;}


.footerdis1{display: block}
.footerdis0{display: none}
.footer2{padding: 30px 0 40px 0}
.footer2 p{font-size: 14px;line-height: 26px}
}






@media screen and (max-width: 730px) {
.b_btn{display:block;width: 80%; margin: 5% auto 0 auto;text-align: center;vertical-align: top;}
.b_btn li{display: inline-block;width: 28%;margin: 0% 2% ;}

.b_text_box{width: 98%}
.b_btn li a span{display: none}
.bi_table1{margin: 6% 0 6% 3%; }
.bi_table2{margin: 6% 0 6% 3%; }
.b_btn li a{font-size: 15px}

.about_box h1{font-size: 14px; line-height: 22px; }
.about_box h1 span{font-size: 17px;line-height: 30px;}
.aboutdis2{height: 300px}

.pro_t{font-size:18px }
.pro_t span:nth-child(1){font-size: 16px; line-height: 24px;}

.pop_more { padding: 15px 10px;
    width: 140px;
    font-size: 16px;}

.pd_left{width: 100%;}
.pd_right{width: 100%}

.equ_box{padding: 150px 0 0 0}

.work_img p{font-size: 16px}
.work_text2{font-size: 16px;margin-top:3%;}
.con_boxb{width: 95%;position: static;margin: 2.5% 0 0% 2.5%;padding: 5%}
.con_boxb h1{margin: 0}
/* .boxb{ margin: 3% 0% 1% 0;} */
.boxb{width: 280px}
.boxb img {width: 13%;}
.con_boxg{width: 95%;margin:0 0 5% 2.5%;padding: 3% 5% 5% 5%}
.con_boxg h1{  margin: 2% 0 2% 0;}
.all_title h2{font-size: 14px}

.type_text1 h4{font-size: 20px;}
.type_text1 h5{font-size: 28px;margin-bottom: 10% }
.type_text1 h2{font-size:25px ;padding: 8px 20px;width: 100%}

.type_text2 table {font-size: 16px;}
}


@media screen and (max-width: 650px) {

.pro_p{max-width: 100%;margin: 5% auto; text-align: center}
.pro1{width: 38%}

}

@media screen and (max-width: 600px) {

.menu_logo{ width: 300px;margin:  21px auto 0 auto;}

.fly_menu{height:85px}
.fly_menu .menu_logo{width: 250px;display: block;padding: 8px 0 8px 0;
      margin:  19px auto 0 auto;}
.fly_menu .mini_menu{top: 85px}

.b_btn li a{font-size: 13px}


.of_box p{font-size: 14px; line-height: 30px;}
.of_box h4{font-size: 16px}

.pro_t{font-size:16px }
.pro_t span:nth-child(1){font-size: 14px; line-height: 20px;padding: 15% 8% 0 10%;}

.pro:hover .pro_t span:nth-child(1){padding: 8% 8% 0 10%;}
.equ_box{height: 600px;padding: 150px 0 0 0}
.equ_img{margin: 2% 13% }

.work_img{width: 22%}
.workdis1{display: none}
.workdis0{display: inline-block}
.workdis2{display: none}
.blue_line{margin: 9% 3% 0 1%}
.work_text1{margin: 2.5% 20px}

.caredis1{display: none;}
.caredis2{display: block;}

.care_text{margin-top:9%;}

}




@media screen and (max-width: 550px) {

.b_btn{width: 95%}
.b_btn li{ margin: 0% 1%;width: 30%}

.about_mini2{display: none}
.about_mini1{display: block}

.footer1 b{font-size:26px; }
.footer1 img{width: 60px}
.footer1 p {font-size: 13px; margin-top: 5px;padding-bottom: 30px;}
.footer1{padding-top: 40px;}
.footer2{padding: 10px 0 40px 0}

.footer4 p{font-size: 16px}


}





@media screen and (max-width: 500px) {

.mini_menu ul li a{font-size: 20px;padding: 15px 0;}
.about_box img{display: none}
.about_box h1{width: 100%}
.aboutdis4{display: block;margin: 0 0 5% 0}
.about_box h1 b{text-align: center;font-size: 20px}
.about_box{padding: 3% 4%}
.aboutdis3{display: block;height: 400px}
.aboutdis2{display: none;}

.pd_con{width: 100%; padding: 10px;}
.pd_line{width: 100%; margin: 10px 3px 10px 5px; padding: 10px;}

.equ_box{height: 550px;padding: 150px 0 0 0}
.equ_img{margin: 2% 13% }

.care_text h1{font-size: 20px;padding: 0 0 0 69%}
.care_text h2{font-size: 20px}
.care_text h3{font-size: 16px;margin: 0.5% 0 0 0;}


}





@media screen and (max-width: 480px) {


body{ padding-top: 70px;}
.menu_logo{ width: 200px;display: block;padding: 8px 0 8px 20px;
      margin:  14px auto 0 auto;}
.mini_menu_box{height:70px }
.mini_menu{top:70px;}

.fly_menu{height:70px}
.fly_menu .menu_logo{width: 200px;display: block;padding: 8px 0 8px 20px;
      margin:  14px auto 0 auto;}
.fly_menu .mini_menu{top: 70px}
.pro_t{font-size:20px }
.pro_t span:nth-child(1){font-size: 16px; line-height: 24px;padding: 15% 8% 0 10%;}

.pro:hover .pro_t span:nth-child(1){padding: 8% 8% 0 10%;}
.pro{width: 65%}
.work_text1{font-weight: normal;font-size: 15px;line-height:25px;margin: 5% 10px}

.work_img{width: 35%}
.workdis0{display: none}
.workdis1{display: inline-block}
.workdis3{display: none}
.blue_line {margin: 14% 4% 0 1%;width: 10%;}

.footer1 b{font-size: 20px}
.footer1 p{font-size: 12px}

}




@media screen and (max-width: 420px) {

.b_btn .dis421{display: none}
.b_btn .dis420{display: inline-block}
.pop_more {padding: 12px 10px; width: 120px;}

.equ_box{height: 550px;padding: 150px 0 0 0}
.equ_img{margin: 2% 13% }
.care_text{margin-top: 8%;width: 90%}
.care_text h1{padding: 0 0 0 24%}

.footer1 b{font-size: 16px}
.footer4 p{font-size: 12px}

.con_boxb1{padding-top: 20px ;max-width: 95%;margin: 2.5% auto 2.5% auto;}
.boxb{width: 100%}
.boxb img{width: 9%}

}



@media screen and (max-width: 350px) {

.equ_img{margin: 2% 9% }
.care_text{margin-top: 5%;width: 90%}
.care_text h1{text-align: right;font-size: 16px }
.care_text h2{font-size: 16px}
.boxb h3{font-size: 12px}    
}