html, body {margin: auto auto auto auto;
            
    text-align: center;
    
    font-size:62.5%;
    
    color: #000000;
}

body {margin:0px 0px 0px 0px;

text-align:center;

font-size:1.6rem;

height:100%;  
}

a {font-size: 1.6rem;

color: #000000;

text-decoration: none;

}

a:focus {
        outline: none;
      }

.index {width: 100%;

margin: auto auto auto auto;

overflow: hidden;
}

.mhead{width: 100%;

        background-image: url('../image/headbackground.png');

        background-repeat:repeat-x;

        background-position: center center;
        
        margin: auto auto auto auto;
        
        position:fixed;
        
        z-index:10;
        
        top: 0px;
    
}
.mHeadSearch{width: 60%;

                margin: 1rem auto 1rem 5%;
                
                float:left;

                text-align: left;

}

.headsearch{width: 183px;

                margin: auto auto auto auto;

                box-sizing: border-box;

                float: left;
                
                height: 34px;

                overflow: hidden;

                border-radius: 5px;

}

.headsearchb{border: #ffffff solid 1px;}


.headSearchLeft{width: 33px;

                height: 34px;

                margin: auto auto auto auto;

                overflow: hidden;

                background-image: url('../image/headsearch.png');

                background-repeat: no-repeat;

                background-position: center center;

                background-size: 33px 34px;

                cursor: pointer;

                float: left;


}
    
.headSearchClose{background-image: url('http://www.topivf.com.cn/public/static/Image/headSearchClose.png'); background-size: 33px 34px;}

.headSearchRight{width: 148px;

                height: 34px;

                margin: auto auto auto auto;

                float: left;

                overflow: hidden;

                box-sizing: border-box;

                display: none;

}
    
.headSearchRightli{width: 148px;

                height: 34px;

                margin: auto auto auto auto;

                overflow: hidden;

                box-sizing: border-box;

                padding-top: 3px;

}
    
    
.SearchText{width: 138px;

                height: 26px;

                border: 0px;

                outline:0px;

                float: left;

                margin: auto 5px auto 5px;

                overflow: hidden;

                box-sizing: border-box;

                background-color: rgba(255, 255, 255, 0);

                color: #ffffff;

}

.SearchText::placeholder{color: #ddd;}

.SearchButton{background-color: #ffffff;

                border: 0px;

                float: left;

                background-image: url('../image/SearchButtons.png');

                background-repeat: no-repeat;

                background-position: center center;

                background-size: 25px 26px;

                width: 25px;

                height: 26px;

                margin: 0px;

                padding: 0px;

                cursor: pointer;

}

.mHeadNav{margin: 1rem 5% 1rem auto;

            text-align: right;
        
            width: 30%;
   
}


   
.mHeadNav img{width: 3rem;}


.a_txt{display:block;

        position:fixed;
        
        top:0px;
        
        left:0px;
        
        width:0px;
        
        height:0px;
        
        overflow:hidden;
        
        z-index:10000
}
        
.a_txt .div1{position:absolute;
        
        width:100%;
        
        height:100%;
        
        background:#0b0d19;
        
        filter:alpha(opacity=0);
        
        opacity:0;
        
        left:0px;
        
        top:0px;
        
        z-index:1
}
        
.a_txt .div2{position:absolute;

        width:20%;
        
        left:0px;
        
        top:5%;
        
        z-index:100;
        
        text-align:center;
        
        filter:alpha(opacity=0);
        
        opacity:0
}

.a_txt .div2 img{width: 4rem;}

.a_txt .div3{position:absolute;

                width:80%;
                
                right:0px;
                
                top:0px;
                
                background-image: url('../image/headbackground.png');


                
                height:100%;
                
                z-index:100;
                
                right:-80%;

                overflow-y: auto;

                overflow-x: hidden;
}

.mlogo{width: 100%;

        margin: 1.5rem auto  1.5rem auto;

        overflow: hidden;


}

.mlogo img {width: 65%;}

.mnav{width: 100%;

     margin: 1rem auto 1rem auto;

     overflow: hidden;

     text-align: left;

}

.mnav ul{width: 100%;

        margin: 0px 0px 0px 0px;

        padding: 0px;

        list-style: none;

}

.mnav ul li{margin: auto auto auto auto;

        text-align: left;

        border-bottom:1px solid #ffffff;

        box-sizing: border-box;

}

.mnav ul li a{color: #ffffff; 
        
             font-size: 18px;

             display: block;
       
             height: 50px;
       
             line-height: 45px;

             padding-left: 5%;

}

.a_txt .div3 ul li .a_js2{background:url(../image/plus.png) 95% center no-repeat;
                     
                          -webkit-transition:all 0s;
                          
                          -moz-transition:all 0s;
                          
                          transition:all 0s
}
.a_txt .div3 ul li .a_js2_on{background:url(../image/reduce.png) 95% center no-repeat;
        
                             -webkit-transition:all 0s;
                             
                             -moz-transition:all 0s;
                             
                             transition:all 0s
}
.a_txt .div3 ul li .a_txt2{display:none}

.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:16px}

.a_txt .div3 ul li .a_txt2 a img{width: 12px;

                                 height: 12px;

                                 vertical-align: middle;

                                 margin-right: 10px;

}


.estimate{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

        background-color: #f5f5f5;

}

.estimateli{width: 96%;

          margin: 4rem 2% 4rem 2%;

          overflow: hidden;

          background-color: #ffffff;

          border-radius: 15px;

}

.estimatet{width: 100%;

         margin: 3rem auto auto auto;

         overflow: hidden;

}

.estimateleft{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;

}

.estimateltitle{width: 100%;

              margin:auto auto auto auto;

              overflow: hidden;

              font-size: 18px;

              color: #3a89ec;

}

.estimateltitlem{width: 96%;

              margin:15px 2% auto 2%;

              overflow: hidden;

              font-size: 16px;

              color: #3a89ec;

              text-align: center;

}

.estimatefrom{width: 100%;

            margin: 3rem auto auto auto;

            overflow: hidden;

}

.estimatelist{width: 90%;

            margin: auto 5% 10px 5%;

            overflow: hidden;

}

.estimatelistl{width: 100%;

             margin: auto auto auto auto;

             overflow: hidden;

}

.estimatelistr{width:100%;

              margin: 1rem auto auto auto;

              overflow: hidden;

}

.estimatetexts{width: 100%;

              height: 48px;

              border: #cccccc solid 1px;

              background-color: #f5f5f5;

              border-radius: 24px;

              padding-left: 20px;

              box-sizing: border-box;

              outline: 0px;

}

.estimatetextm{width: 100%;

            height: 48px;

            border: #cccccc solid 1px;

            background-color: #f5f5f5;

            border-radius: 24px;

            padding-left: 20px;

            box-sizing: border-box;

            outline: 0px;

}

.estimatetexta{width: 100%;

              height: 48px;

              border: #cccccc solid 1px;

              background-color: #f5f5f5;

              border-radius: 24px;

              padding-left: 20px;

              box-sizing: border-box;

              outline: 0px;

}

.estimabutton{width: 100%;

            height: 48px;

            background-image: url('../image/estimabutton.png');

            background-position: center center;
               
            background-repeat: no-repeat;

            background-size: 240px 48px;

            border: 0px;

            background-color: #ffffff;

            cursor: pointer;

            

}

.estimateright{width: 90%;

            margin: 2rem 5% auto 5%;

            overflow: hidden;

            background-image: url('../image/estimateright.png');

            background-position: center center;
               
            background-repeat: no-repeat;

            text-align: left;

            color: #ffffff;
			
			background-size: 100%;

}

.estimatertitle{width: 96%;

              margin: 15px 2% auto 2%;

              overflow: hidden;

              font-size: 18px;

}

.estimatertitlem{width: 96%;

              margin: 10px 2% auto 2%;

              overflow: hidden;

              font-size: 16px;

}

.estimatertitlep{width:  96%;

              margin: 20px 2% auto 2%;

              overflow: hidden;

              font-size: 14px;

}

.estimatertitlep p{margin: auto auto 10px auto;}

.estimatertitlep p img {margin-right: 10px; vertical-align: middle;}

.estimated{width: 100%;

         margin: 2rem auto 2rem auto;

         overflow: hidden;

         border-top: #cccccc solid 1px;

         font-size: 16px;

         color: #333333;

         padding-top: 25px;

}

.estimated img{vertical-align: middle;margin-right: 15px;}


.foor{width: 100%;
  
        margin: auto auto auto auto;

        overflow: hidden;

        background-image: url('../image/foor.png');

  
  
  }
  
  .foort{width: 96%;
  
         margin: 3rem 2% auto 2%;
  
         overflow: hidden;
  
         color: #ffffff;
  
  }
  
  .foortl{width: 100%;
  
         margin: auto auto auto auto;
  
         overflow: hidden;
  
         text-align: left;
  
  }
  
  .foortllogo{width: 100%;
  
              margin: auto auto auto auto;
  
              overflow: hidden;

              display: none;
  
  }
  
  .foortltxta{width: 100%;
  
              margin: 1rem auto auto 0px;
  
              overflow: hidden;
  
              font-size: 16px;
  
              line-height: 28px;
  
  }
  
  .foortltxtb{width: 100%;
  
              margin: 1rem auto auto 0px;
  
              overflow: hidden;
  
              font-size: 16px;
  
              line-height: 28px;
  
  }
  
  .foortc{width: 100%;
  
          margin: auto auto auto auto;
  
          overflow: hidden;
  
          text-align: left;
  }
  
  .foortct{width: 100%;
  
           margin: 2rem auto auto auto;
  
           overflow: hidden;
  
           font-size: 18px;

           display: none;
  
  }
  
  .foortctb{width: 100%;
  
          margin: 2rem auto auto auto;
  
          overflow: hidden;
  
          font-size: 18px;
  
  }
  
  .foortcd{width: 100%;
  
           margin: 2rem auto auto auto;
  
           overflow: hidden;

           display: none;
  
  }
  
  .foortcd p{margin: auto auto 10px auto;
  
            width: 33%;
  
            float: left;
  
  }
  
  .foortcd p a{font-size: 16px; color: #ffffff;}
  
  .foortcdb{width: 100%;
  
              margin: 2rem auto auto auto;
  
              overflow: hidden;
  
  }
  
  .foortcdb p{margin: auto auto 10px auto; float: left; width: 33%;}
  
  .foortcdb p a{font-size: 16px; color: #ffffff;}
  
  .foortr{width: 100%;
  
          margin: auto auto auto auto;
  
          overflow: hidden;
  
          float: left;
  
          text-align: left;
  }
  
  .foortrt{width: 100%;
  
          margin: 2rem auto auto auto;
  
          overflow: hidden;
  
          font-size: 16px;
  
  }

  .foortrt a{color: #ffffff;font-size: 16px;}
  
  .foortrt p{margin: auto auto 14px auto;}
  
  .foortrt p img{margin: auto 8px auto auto; vertical-align: middle;}
  
  .foortrd{width: 100%;
  
          margin: 2rem auto auto auto;
  
          overflow: hidden;
		  
		  display: grid;

        grid-template-columns: 50% 50%;
		
		text-align: center;
  
  }

  .foortrd img{width: 80%;

               margin: auto 10% auto 10%;


}
  .foortrd p{margin: 10px auto auto auto;color: #ffffff;

       }
  
  .foorb{width: 100%;
  
         margin: 2rem auto auto auto;
  
         overflow: hidden;
  
         border-top: #ffffff solid 1px;
  
         font-size: 16px;
  
         color: #ffffff;
  
         text-align: center;
  
         box-sizing: border-box;
  
         padding-top: 20px;
  
  }
  
  .foorb a{color: #ffffff; font-size: 16px;}