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

a {font-size: 14px;

    color: #000000;

    text-decoration: none;

}

.index {width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;
}

.head{width: 100%;

      height: 88px;

      margin: auto auto auto auto;

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

      background-repeat:repeat-x;

      background-position: center center;

      position: absolute;

      z-index: 100;

}

.headli{width: 1460px;

       height: 88px;

       margin: auto auto auto auto;



}

.headlogo{width: 266px;

          height: 54px;

          margin: 20px auto auto auto;

          overflow: hidden;

          float: left;

}

.headlogo img{

              height: 54px;

              border: 0px;

}

.nav{

    height: 88px;

    margin: auto auto auto 0px;

    float: left;

}

.nav ul{margin: auto auto auto auto;

        list-style: none;

        padding: 25px 0px 0px 0px;

        position:relative;


}

.nav ul li{width: 100px;

            height: 63px;
        
            float: left;

            position: relative;

            box-sizing: border-box;

}

.nav .on{border-bottom: #ffffff solid 4px;}

.nLi a{font-size: 16px;

    box-sizing: border-box;

    overflow: hidden;

    padding-top: 10px;

    box-sizing: border-box;

    height: 63px;

    width: 90px;

    display: block;

    color: #ffffff;

    cursor: pointer;

}

.nLi .sub{width: 100px;

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

        color: #ffffff;

        margin: auto auto auto auto;

        border: none;

        position: absolute;

        display: none;

}

.nLi .sub a{font-size: 14px;

            box-sizing: border-box;

            overflow: hidden;

            padding-top: 10px;

            box-sizing: border-box;

            height: 44px;

            display: block;

            border-bottom: #ffffff 1px solid;

            color: #ffffff;

            width: 100px;

}

.nLi .sub a:nth-last-child(1){border: 0px;}

.headsearch{width: 183px;

            margin: 30px 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('../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;

}

.foor{width: 100%;

      height: 464px;

      margin: auto auto auto auto;

      overflow: hidden;

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

      background-repeat: no-repeat;

      background-position: center center;

      background-size: 100% 464px;


}

.foort{width: 1200px;

       margin: 65px auto auto auto;

       overflow: hidden;

       color: #ffffff;

}

.foortl{width: 400px;

       margin: auto auto auto auto;

       overflow: hidden;

       float: left;

       text-align: left;

}

.foortllogo{width: 400px;

            margin: auto auto auto auto;

            overflow: hidden;

}

.foortltxta{width: 350px;

            margin: 45px auto auto 0px;

            overflow: hidden;

            font-size: 16px;

            line-height: 28px;

}

.foortltxtb{width: 350px;

            margin: 35px auto auto 0px;

            overflow: hidden;

            font-size: 16px;

            line-height: 28px;

}

.foortc{width: 400px;

        margin: auto auto auto auto;

        overflow: hidden;

        float: left;

        text-align: left;
}

.foortct{width: 400px;

         margin: 40px auto auto auto;

         overflow: hidden;

         font-size: 18px;

}

.foortctb{width: 400px;

        margin: 20px auto auto auto;

        overflow: hidden;

        font-size: 18px;

}

.foortcd{width: 400px;

         margin: 35px auto auto auto;

         overflow: hidden;

}

.foortcd p{margin: auto auto 10px auto;

          width: 33%;

          float: left;

}

.foortcd p a{font-size: 16px; color: #ffffff;}

.foortcdb{width: 400px;

            margin: 15px 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: 400px;

        margin: auto auto auto auto;

        overflow: hidden;

        float: left;

        text-align: left;
}

.foortrt{width: 400px;

        margin: 90px auto auto auto;

        overflow: hidden;

        font-size: 16px;

}

.foortrt a{font-size: 16px;color: #ffffff;}

.foortrt p{margin: auto auto 14px auto;}

.foortrt p img{margin: auto 8px auto auto; vertical-align: middle;}

.foortrd{width: 400px;

        margin: 10px auto auto auto;

        overflow: hidden;
		
		display: grid;

        grid-template-columns: 130px 130px;
		
		text-align: center;

}
.foortrd img{margin: auto auto auto auto;}


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

       }

.foorb{width: 100%;

       margin: 35px 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;}


.estimate{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

        background-color: #f5f5f5;

}

.estimateli{width: 1160px;

          height: 610px;

          margin: 100px auto 100px auto;

          overflow: hidden;

          background-color: #ffffff;

          border-radius: 15px;

}

.estimatet{width: 1150px;

         height: 420px;

         margin: 60px auto auto auto;

         overflow: hidden;

}

.estimateleft{width: 510px;

            height: 420px;

            margin: auto auto auto 60px;

            overflow: hidden;

            float: left;

}

.estimateltitle{width: 510px;

              margin:auto auto auto auto;

              overflow: hidden;

              font-size: 28px;

              color: #3a89ec;

              text-align: left;

}

.estimateltitlem{width: 510px;

              margin:15px auto auto auto;

              overflow: hidden;

              font-size: 18px;

              color: #3a89ec;

              text-align: left;

}

.estimatefrom{width: 510px;

            margin: 55px auto auto auto;

            overflow: hidden;

}

.estimatelist{width: 510px;

            margin: auto auto 20px auto;

            overflow: hidden;

}

.estimatelistl{width: 255px;

             margin: auto auto auto auto;

             overflow: hidden;

             float: left;

}

.estimatelistr{width: 255px;

              margin: auto auto auto auto;

              overflow: hidden;

              float: left;

}

.estimatetexts{width: 240px;

              height: 48px;

              border: #cccccc solid 1px;

              background-color: #f5f5f5;

              border-radius: 24px;

              padding-left: 20px;

              box-sizing: border-box;

              outline: 0px;

}

.estimatetextm{width: 240px;

            height: 48px;

            border: #cccccc solid 1px;

            background-color: #f5f5f5;

            border-radius: 24px;

            padding-left: 20px;

            box-sizing: border-box;

            outline: 0px;

}

.estimatetexta{width: 508px;

              height: 48px;

              border: #cccccc solid 1px;

              background-color: #f5f5f5;

              border-radius: 24px;

              padding-left: 20px;

              box-sizing: border-box;

              outline: 0px;

}

.estimabutton{width: 240px;

            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: 420px;

            height: 420px;

            margin: auto auto auto 100px;

            overflow: hidden;

            float: left;

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

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

            text-align: left;

            color: #ffffff;

}

.estimatertitle{width: 350px;

              margin: 35px auto auto auto;

              overflow: hidden;

              font-size: 28px;

}

.estimatertitlem{width: 350px;

              margin: 20px auto auto auto;

              overflow: hidden;

              font-size: 18px;

}

.estimatertitlep{width: 350px;

              margin: 48px auto auto auto;

              overflow: hidden;

              font-size: 16px;

}

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

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

.estimated{width: 1045px;

         margin: 60px auto auto auto;

         overflow: hidden;

         border-top: #cccccc solid 1px;

         font-size: 16px;

         color: #333333;

         padding-top: 30px;

}

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


.ifloat{width: 60px;

        margin: auto auto auto auto;

        position:fixed;

        overflow: auto;

        z-index:100;

        right: 0px;

        top: 50%;

        transform: translate(0, -50%);

}
.ifloath{width: 220px !important;}


.ifolist{width: 60px;

        height: 60px;

        margin: auto 0px 10px auto;

        overflow: hidden;

        background-color: #ffffff;

        border-radius: 10px;

        cursor: pointer;

        border:1px solid rgba(0, 0, 0, 0.2);
   
              box-shadow: 0 2px rgba(0, 0, 0, 0.2);

              box-sizing: border-box;

}



.ifolisth{width: 220px !important;

          background-color: #3a89ec !important;

          border: 0px !important;

}

.ifoleft{width: 60px;

        height: 60px;

        margin: auto auto auto auto;

        overflow: hidden;

        float: right;

        text-align: center;

}

.ifoleft img{ margin:  12px auto auto auto;

        width: 35px;

}

.iforight{width: 160px;

        height: 60px;

        margin: auto auto auto auto;

        overflow: hidden;

        float: left;

        text-align: right;

        display: none;

}

.ifotitle{width: 150px;

          margin: 5px auto auto auto;

          overflow: hidden;

          font-size: 18px;

          color: #ffffff;

          text-align: right;

}

.ifotext{width: 150px;

        margin: auto auto auto auto;

        overflow: hidden;

        font-size: 14px;

        color: #ffffff;

        text-align: right;

}

.ifolisth .iforight{display: block;}