﻿    body {
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }


    /* 内容开始 */
    .fd-main {
        background: url('../imageIndex/bg.png') no-repeat;
        background-size: cover;
        width: 100%;
        text-align: center;
        height: 941px;
    }

    .fd-fh {
        width: 130px;
        /* margin-top: 4%; */
        margin-top: 77px;
    }

    .fd-title1 {
        /* width: 49%; */
        /* margin-top: 1.2%; */
        margin-top: 39px;
        width: 919px;
    }

    .fd-title2 {
        width: 928px;
        margin-bottom: 31px;
        /* width: 48%;
        margin-bottom: 1.4%; */
    }

    .fd-search {
        margin: 0 auto;
        /* border: 1px solid grey; */
        height: 51px;
        width: 445px;
        position: relative;
    }


    .fd-search-input {
        height: 47px;
        width: 445px;
        font-family: PingFangSC-Regular;
        font-size: 20px;
        color: #000; 
        letter-spacing: -0.19px;
        text-align: left;
        text-indent: 1.5em;
        border: 1px solid grey;
        border-radius: 90px;
        outline: none; //取消外方框
    }

    input::-webkit-input-placeholder {
        /* placeholder颜色  */
        color: #AAAAAA;
        /* placeholder位置  */
        text-align: left;
    }

    .fd-search-icon {
        position: absolute;
        right: -9px;
        top: -7.7px;
        width: 72px;
        cursor: pointer;
    }

    .fd-img1 {
        width: 224px;
    }

    .fd-img2 {
        width: 220px;

    }

    .fd-img3 {
        width: 283px;

    }

    .fd-img4 {
        width: 230px;

    }

    .fd-img5 {
        width: 224px;

    }

    .fd-fiveImg {
        min-width: 1201px;
        width: 1201px;
        margin: 0 auto;
        margin-top: 50px;
        margin-top: 2.6%;
        height: 30%;
    }

    .fd-fiveImg img {
        box-sizing: border-box;
        /*鼠标变成手指样式*/
        cursor: pointer;
        /*所有属性变化在0.6秒内执行动画*/
        transition: all 0.5s;

    }


    /* 内容结束 */


    .Flex-color-Special {
        text-shadow: 0 0 10px #fff,
            0 0 20px #fff,
            0 0 30px #fff,
            0 0 40px #00c0ef,
            0 0 70px #00c0ef,
            0 0 80px #00c0ef,
            0 0 100px #00c0ef,
            0 0 150px #00c0ef;
    }


    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
            /*初始状态 透明度为0*/
        }

        50% {
            opacity: 0.5;
            /*中间状态 透明度为0*/
        }

        100% {
            opacity: 1;
            /*结尾状态 透明度为1*/
        }
    }

    .Flex-fadeIn {
        -webkit-animation-name: fadeIn;
        /*动画名称*/
        -webkit-animation-duration: 6s;
        /*动画持续时间*/
        -webkit-animation-iteration-count: 1;
        /*动画次数 infinite 为无限 否则就是具体次数*/
        -webkit-animation-delay: 0s;
        /*延迟时间*/
    }

    /* aaaaa */
    .aaaaa {
        animation: change 2s ease-in;
        font-size: 36px;
        color: #ffffff;
        font-weight: bold
    }

    @keyframes change {
        0% {
            text-shadow: 0 0 4px #ffffff
        }

        50% {
            text-shadow: 0 0 40px #ffffff
        }

        100% {
            text-shadow: 0 0 4px #ffffff
        }
    }

    .fd-iconThree {
        float: right;
    }
    

.fd-fiveImg img:hover {
        /*鼠标放上之后元素变成1.2倍大小*/
        transform: scale(1.2);
    }
    
.fd-search-icon{
	width:73px;
	height:73px;
	border-radius: 50px;
	border:none;
	outline:none;
	background: url('../imageIndex/search-icon.png') no-repeat;
}
input:-ms-input-placeholder {
	color:#666;

}    

#fd-input-name.hint{
	color: #666;
}