@charset "utf-8";

/* .clear::after {content:''; display:block; clear:both;} */

@media all and (min-width:1500px){
  

    .tool {margin-top:80px;}

    .tool_title .tool_tit {font-size:25px; font-weight:800; color:#40c0b9; text-align:center;}
    .tool_title .tool_Tit {font-size:38px; font-weight:700; text-align:center; margin-top:25px;}
    .tool_title .tool_Tit span {font-weight:800;}

    .tool_center {width:1500px; margin:0 auto;}
    .tool_slide {float:left; width:60%; margin-right:5%;}
    .tool_slide .bx-wrapper {border:1px solid #eee; border-radius:24px; box-shadow:none; }
    .tool_slide .bx-wrapper img {border-radius:24px;}
    .tool_slide .bx-wrapper .bx-prev {background-image:url(./img/prev.png); left:0; width:91px; height:91px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center;}
    .tool_slide .bx-wrapper .bx-prev:hover,
    .tool_slide .bx-wrapper .bx-prev.active, 
    .tool_slide .bx-wrapper .bx-prev:focus {background-image:url(./img/prev_on.png); width:91px; height:91px; background-color:#343434; background-position:center center;}
    
    .tool_slide .bx-wrapper .bx-next {background-image:url(./img/next.png); right:0; width:91px; height:91px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center;}
    .tool_slide .bx-wrapper .bx-next:hover, 
    .tool_slide .bx-wrapper .bx-next.active, 
    .tool_slide .bx-wrapper .bx-next:focus {background-image:url(./img/next_on.png); width:91px; height:91px; background-color:#343434; background-position:center center;}
    
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a {width:21px; height:21px; border-radius:50%; background-color:#fff; border:5px solid #d8d8d8;}
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a.active, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#d8d8d8; width:65px; border-radius:12px;}

    .tool_view {float:left; width:35%; padding-top:35px;}
    .tool_view .tool_b_sub_T {font-size:30px; font-weight:800; color:#2f2f2f;}
    .tool_view .tool_b_T {font-size:45px; font-weight:800; margin-top:25px;}
    .tool_view .tool_b_T.tool_b1_T {color:#3abfb7;}
    .tool_view .tool_b_T.tool_b2_T {color:#ff7d00;}
    .tool_view .tool_b_T.tool_b3_T {color:#9584d7;}
    .tool_view .tool_b_ti {font-size:25px; line-height:1.68; margin-top:50px;}
    .tool_view .tool_info_ti {margin-top:50px;}
    .tool_view .tool_info_ti P {font-size:20px; margin:15px 0;}
    .tool_view .tool_btns {margin-top:130px;}
    .tool_view .tool_btns.b3_btns {margin-top:250px;}
    .tool_view .tool_btns a {font-size:25px; display:block;  margin:20px 0; padding:15px 25px; border-radius:15px; border:1px solid #f0f0f0; background-color:#fff; background-image:url(./img/next.png); background-repeat:no-repeat; background-size:25px; background-position:98% center;}
    .tool_view .tool_btns a:hover {background-color:#2f2f2f; background-image:url(./img/next_on.png); color:#fff;}

    .tool_box_01 {background-color:#f1fffb; padding:100px 0; margin-top:80px;}
    .tool_box_02 {background-color:#fffeec; padding:100px 0;}
    .tool_box_03 {background-color:#f7f4ff; padding:100px 0;}



}


@media (max-width:1499px) and (min-width:1201px) {

    .tool {margin-top:80px;}

    .tool_title .tool_tit {font-size:25px; font-weight:800; color:#40c0b9; text-align:center;}
    .tool_title .tool_Tit {font-size:38px; font-weight:700; text-align:center; margin-top:25px;}
    .tool_title .tool_Tit span {font-weight:800;}

    .tool_center {width:96%; margin:0 auto;}
    .tool_slide {float:left; width:55%; margin-right:5%;}
    .tool_slide .bx-wrapper {border:1px solid #eee; border-radius:24px; box-shadow:none; }
    .tool_slide .bx-wrapper img {border-radius:24px;}
    .tool_slide .bx-wrapper .bx-prev {background-image:url(./img/prev.png); left:0; width:91px; height:91px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center;}
    .tool_slide .bx-wrapper .bx-prev:hover,
    .tool_slide .bx-wrapper .bx-prev:focus {background-image:url(./img/prev_on.png); width:91px; height:91px; background-color:#343434; background-position:center center;}    
    
    .tool_slide .bx-wrapper .bx-next {background-image:url(./img/next.png); right:0; width:91px; height:91px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center;}
    .tool_slide .bx-wrapper .bx-next:hover, 
    .tool_slide .bx-wrapper .bx-next:focus {background-image:url(./img/next_on.png); width:91px; height:91px; background-color:#343434; background-position:center center;}
    
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a {width:21px; height:21px; border-radius:50%; background-color:#fff; border:5px solid #d8d8d8;}
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a.active, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#d8d8d8; width:65px; border-radius:12px;}

    .tool_view {float:left; width:40%; padding-top:35px;}
    .tool_view .tool_b_sub_T {font-size:30px; font-weight:800; color:#2f2f2f;}
    .tool_view .tool_b_T {font-size:45px; font-weight:800; margin-top:25px;}
    .tool_view .tool_b_T.tool_b1_T {color:#3abfb7;}
    .tool_view .tool_b_T.tool_b2_T {color:#ff7d00;}
    .tool_view .tool_b_T.tool_b3_T {color:#9584d7;}
    .tool_view .tool_b_ti {font-size:25px; line-height:1.68; margin-top:50px;}
    .tool_view .tool_info_ti {margin-top:50px;}
    .tool_view .tool_info_ti P {font-size:20px; margin:15px 0;}
    .tool_view .tool_btns {margin-top:80px;}
    .tool_view .tool_btns.b3_btns {margin-top:120px;}
    .tool_view .tool_btns a {font-size:25px; display:block; margin:20px 0; padding:15px 25px; border-radius:15px; border:1px solid #f0f0f0; background-color:#fff; background-image:url(./img/next.png); background-repeat:no-repeat; background-size:25px; background-position:98% center;}
    .tool_view .tool_btns a:hover {background-color:#2f2f2f; background-image:url(./img/next_on.png); color:#fff;}

    .tool_box_01 {background-color:#f1fffb; padding:100px 0; margin-top:80px;}
    .tool_box_02 {background-color:#fffeec; padding:100px 0;}
    .tool_box_03 {background-color:#f7f4ff; padding:100px 0;}

}



@media (max-width:1200px) and (min-width:748px) {

    .tool {margin-top:80px;}

    .tool_title .tool_tit {font-size:22px; font-weight:800; color:#40c0b9; text-align:center;}
    .tool_title .tool_Tit {font-size:30px; font-weight:700; text-align:center; margin-top:25px;}
    .tool_title .tool_Tit span {font-weight:800;}

    .tool_center {width:96%; margin:0 auto;}
    .tool_slide {float:none; width:80%; margin:1% auto;}
    .tool_slide .bx-wrapper {border:1px solid #eee; border-radius:24px; box-shadow:none; }
    .tool_slide .bx-wrapper img {border-radius:24px; width:100%;}
    .tool_slide .bx-wrapper .bx-prev {background-image:url(./img/prev.png); left:0; width:91px; height:91px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center;}
    .tool_slide .bx-wrapper .bx-prev:hover,
    .tool_slide .bx-wrapper .bx-prev:focus {background-image:url(./img/prev_on.png); width:91px; height:91px; background-color:#343434; background-position:center center;}    
    
    .tool_slide .bx-wrapper .bx-next {background-image:url(./img/next.png); right:0; width:91px; height:91px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center;}
    .tool_slide .bx-wrapper .bx-next:hover, 
    .tool_slide .bx-wrapper .bx-next:focus {background-image:url(./img/next_on.png); width:91px; height:91px; background-color:#343434; background-position:center center;}
    
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a {width:21px; height:21px; border-radius:50%; background-color:#fff; border:5px solid #d8d8d8;}
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a.active, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#d8d8d8; width:65px; border-radius:12px;}

    .tool_view {float:none; width:100%; padding:0 5%; padding-top:35px; position:relative;}
    .tool_view .tool_b_sub_T {font-size:30px; font-weight:800; color:#2f2f2f;}
    .tool_view .tool_b_T {font-size:35px; font-weight:800; margin-top:25px;}
    .tool_view .tool_b_T.tool_b1_T {color:#3abfb7;}
    .tool_view .tool_b_T.tool_b2_T {color:#ff7d00;}
    .tool_view .tool_b_T.tool_b3_T {color:#9584d7;}
    .tool_view .tool_b_ti {font-size:22px; line-height:1.68; margin-top:50px;}
    .tool_view .tool_info_ti {margin-top:50px;}
    .tool_view .tool_info_ti P {font-size:20px; margin:15px 0;}
    .tool_view .tool_btns {position:absolute; top:50%; transform:translateY(-50%); right:5%;}

    .tool_view .tool_btns a {font-size:22px; display:block;  margin:20px 0; padding:15px 25px; border-radius:15px; border:1px solid #f0f0f0; background-color:#fff; background-image:url(./img/next.png); background-repeat:no-repeat; background-size:25px; background-position:98% center;}
    .tool_view .tool_btns a:hover {background-color:#2f2f2f; background-image:url(./img/next_on.png); color:#fff;}

    .tool_box_01 {background-color:#f1fffb; padding:100px 0; margin-top:80px;}
    .tool_box_02 {background-color:#fffeec; padding:100px 0;}
    .tool_box_03 {background-color:#f7f4ff; padding:100px 0;}
}


@media (max-width:747px){
  
    .tool {margin-top:40px;}

    .tool_title .tool_tit {font-size:20px; font-weight:800; color:#40c0b9; text-align:center;}
    .tool_title .tool_Tit {font-size:25px; font-weight:700; text-align:center; margin-top:25px;}
    .tool_title .tool_Tit span {font-weight:800;}

    .tool_center {width:96%; margin:0 auto;}
    .tool_slide {float:none; width:80%; margin:1% auto;}
    .tool_slide .bx-wrapper {border:1px solid #eee; border-radius:24px; box-shadow:none; }
    .tool_slide .bx-wrapper img {border-radius:24px; width:100%;}
    .tool_slide .bx-wrapper .bx-prev {background-image:url(./img/prev.png); left:0; width:50px; height:50px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center; background-size:35px;}
    .tool_slide .bx-wrapper .bx-prev:hover,
    .tool_slide .bx-wrapper .bx-prev:focus {background-image:url(./img/prev_on.png); width:50px; height:50px; background-color:#343434; background-position:center center;}    
        
    .tool_slide .bx-wrapper .bx-next {background-image:url(./img/next.png); right:0; width:50px; height:50px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center center; background-size:35px;}
    .tool_slide .bx-wrapper .bx-next:hover, 
    .tool_slide .bx-wrapper .bx-next:focus {background-image:url(./img/next_on.png); width:50px; height:50px; background-color:#343434; background-position:center center;}
    
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a {width:21px; height:21px; border-radius:50%; background-color:#fff; border:5px solid #d8d8d8;}
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:hover, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a.active, 
    .tool_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#d8d8d8; width:65px; border-radius:12px;}

    .tool_view {float:none; width:100%; padding:0 5%; padding-top:0px; position:relative; text-align: center;} 
    .tool_view .tool_b_sub_T {font-size:22px; font-weight:800; color:#2f2f2f;}
    .tool_view .tool_b_T {font-size:30px; font-weight:800; margin-top:10px;}
    .tool_view .tool_b_T.tool_b1_T {color:#3abfb7;}
    .tool_view .tool_b_T.tool_b2_T {color:#ff7d00;}
    .tool_view .tool_b_T.tool_b3_T {color:#9584d7;}
    .tool_view .tool_b_ti {font-size:20px; line-height:1.68; margin-top:10px;}
    .tool_view .tool_info_ti {margin-top:20px;}
    .tool_view .tool_info_ti P {font-size:14px; margin:5px 0;}
    .tool_view .tool_btns {margin-top:25px;}

    .tool_view .tool_btns a {font-size:20px; display:block; width:100%; margin:20px 0; padding:15px 25px; border-radius:15px; border:1px solid #f0f0f0; background-color:#fff; background-image:url(./img/next.png); background-repeat:no-repeat; background-size:25px; background-position:98% center;}
    .tool_view .tool_btns a:hover {background-color:#2f2f2f; background-image:url(./img/next_on.png); color:#fff;}

    .tool_box_01 {background-color:#f1fffb; padding:50px 0; margin-top:40px;}
    .tool_box_02 {background-color:#fffeec; padding:50px 0;}
    .tool_box_03 {background-color:#f7f4ff; padding:50px 0;}
}


@media (max-width:500px){
  
}