.content { width: 1280px; margin: 0 auto; }
            .header { height: 70px; background: #fff; }
            .header em {font-style:normal;}
            .header .logo {
				
				float: left;
				padding-top: 0.3%;
			}
            .header .logo img {
				width: 60%;
	
			}
            .header .slogan { 
			margin-top: 0.5%;
			float: right;
			margin-right: 0%;
			font-family: fantasy;
			letter-spacing: 0.1rem;
			
			}
            .header .menu li { position: relative; float: left; height: 70px; }
            .header .menu li span { 
			
				display: block;
				padding: 30px 48px 20px 0;
				font-size: 16px;
				color: #363636;
				text-align: center;
				line-height: 100%;
			
			}
            .header .menu li:hover span, .header .menu li.cur span { font-weight: bold; }
            .header .menu li em { 
			
				display: none;
				top: 70px;
				position: absolute;
				z-index: 99;
				background: #fff;
				line-height: 40px;
				/* text-align: center; */
				padding: 0 18px;
				/* right: -3%; */
				
			}
            .header .menu li em a { 
				display: block;
				white-space: nowrap;
				font-size: 15px;
			}
            .header .menu li.subnav:after { position: absolute; content: ""; width: 40px; height: 15px; background: url(../images/subnav.png) no-repeat center; right: 0; top: 29px; }
            .online { margin-left: 30px; width: 108px; margin-top: 17px; position: relative; }
            .online .online_list { width: 104px; height: 34px; background: #fff; border: 2px solid #545454; border-radius: 2px; position: relative; font-size: 14px; color: #363636; line-height: 34px; text-indent: 15px; cursor: pointer; }
            .online .online_list:after { position: absolute; content: ""; width: 0; height: 0; top: 14px; right: 11px; border-width: 5px; border-color: #000 transparent transparent transparent; border-style: solid; }
            .online ul {display: none;position: absolute;top: 38px;left: 0;width: 108px;background: #fff;z-index: 99;box-sizing: border-box;border-top: none;padding-bottom: 10px;padding-top: 5px;border: 1px solid #eee;}
            .online ul li {padding: 5px 20px;line-height: 26px;}
            .online li a {color: #0b0b0b;}
            .online li img {display: inline-block;padding-right: 10px; vertical-align: -4px; filter: grayscale(100%);transition: all ease .3s;}
            .online li i {filter:brightness(-80%);transition: all ease .3s;}
            .online li:first-child i{filter:brightness(-350%);}
            .online li:hover a {color: #0b0b0b; }
            .online li:hover i{filter:brightness(100%);}
            .online li:hover img {filter: grayscale(0);}
        

            .banner { min-width: 1200px; position: relative; overflow: hidden; z-index: 2; }
            .banner .bd { position: relative; z-index: 0; }
            .banner .bd ul { width: 100% !important; height:auto;}
            .banner .bd li{line-height: 0;}
           
            .banner .bd li img {max-width:100%;width: 100%;}
      
            .banner .swiper-pagination { 
				position: absolute;
				width: 100%;
				text-align: center;
				bottom: 3%;

			}
.banner .swiper-pagination-bullet { width: 7px; height: 7px; display: inline-block; background: #fff; border-radius: 50%; position: relative; cursor: pointer; margin: 0 13px !important; transition: .3s; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #E0C488; }
.banner .swiper-pagination-bullet-active:before { position: absolute; content: ""; width: 23px; height: 23px; border-radius: 50%; top: -9px; left: -9px; border: 1px solid #fff }
            .h_more {    
			position: absolute;
			width: 100%;
			top: 100%;
			border-bottom: 1px solid #575757;
			z-index: 99;
			height: 44px;
			text-align: right;
			font-size: 0;
			}
            .h_info a { display: inline-block; font-size: 14px; color: #fff; line-height: 100%; padding: 15px 12px; position: relative; transition: .3s;}
            .h_info a:hover {font-weight: bold;}
            .h_info a:after { position: absolute; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .5); top: 16px; right: 0; }
            .h_info a:last-child:after { display: none; }
            .h_tel { 
			font-size: 35px;
			color: #4c4c4c;
			/*background: url(../images/h_tel.png) no-repeat 14px 15px;*/
			position: relative;
			padding-top: 5%;
			line-height: 100%;
			font-weight: bold;
			
			}
            .h_tel:before { position: absolute; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .5); top: 16px; left: 0; }
            .h_search { position: relative; }
            .h_search .s_btn { 
			
				padding: 18px 20px 2px 35px;
				width: 16px;
				cursor: pointer;
			}
            .h_search .s_key { display: none; position: absolute; top: 44px; }
            .s_key { position: absolute; top: 66px; right: 0; width: 238px; height: 40px; z-index: 9; display: none; background: #fff; border-radius: 20px; }
            .s_key #keywords { width: 178px; height: 40px; line-height: 40px; padding-left: 20px; border: none; font-size: 14px; color: #000; float: left; border-radius: 20px; }
            .s_key .sub { width: 40px; height: 40px; background: #E0C488 url(../images/s_btn.png) no-repeat center; border: none; cursor: pointer; border-radius: 20px; }
        

        .footer {
            /* height: 598px; */
            background: #030303
        }
        
        .footer i,
        .footer em {
            font-style: normal;
        }
        
        .footer i {
            font-weight: 400
        }
        
        .footer img {
            max-width: 100%
        }
        
        .f_company {
            height: 129px;
            position: relative
        }
        
        .f_company span {
            display: inline-block;
            font-size: 14px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%;
            padding-top: 37px
        }
        
        .f_company a.go_top {
            display: block;
            float: right;
            transition: .3s;
            font-size: 14px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%;
            margin-top: 37px;
            padding-left: 56px;
            position: relative
        }
        
        .f_company a.go_top:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 12px;
            background: #333;
            left: 0;
            top: 1px
        }
        
        .f_company a.go_top img {
            display: inline-block;
            margin-left: 16px;
            vertical-align: middle
        }
        
        .f_company a.go_top:hover {
            color: rgba(255, 255, 255, .9)
        }
        
        .f_company h3 {
            width: 100px;
            text-align: center;
            position: absolute;
            top: 34px;
            left: 550px
        }
        
        .f_menu li {
            width: 245px;
            float: left;
            margin-right: 60px;
            border-right: 1px solid #333;
        }
        
        .f_menu li span {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, .9);
            line-height: 100%;
            padding: 4px 0 36px;
            transition: .3s
        }
        
        .f_menu li em {
            display: block
        }
        
        .f_menu li em a {
            display: block;
            padding-left: 15px;
            font-size: 14px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%;
            margin-bottom: 20px;
            transition: .3s;
            width: 43%;
            position: relative;
            float: left;
        }
        
        .f_menu li em a:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px;
            border-color: #000 transparent transparent;
            left: 0;
            top: 0
        }
        
        .f_menu li em a:before {
            border-width: 2.5px 4px;
            border-color: transparent transparent transparent #fff;
            top: 4.5px
        }
        
        .f_menu li span:hover,
        .f_menu li a:hover {
            color: #fff
        }
        
        .f_qr {
        }
        
        .f_qr p {
            width: 160px;
            height: 193px;
            box-sizing: border-box;
            float: left;
            text-align: center;
            line-height: 0;
            margin-right: 100px;
        }
        
        .f_qr p img {
            width: 106px;
            height: 106px;
            margin: 27px auto 23px
        }
        
        .f_qr p span {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%
        }
        
        .f_qr p:last-child {
            /* margin-left: -2px; */
        }
        
        .f_contact {
            height: 225px;
        }
        
        .f_contact>p {
            font-size: 14px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%;
            margin-bottom: 9px
        }
        
        .f_contact>p span {
            display: inline-block;
			font-size: 18px;
			color: #fff;
			line-height: 100%;
			padding-left: 16px;
			font-weight: 700;
			font-family: fantasy;
			letter-spacing: 0.2rem;
        }
        
        .f_contact>p:first-child {
            margin-top: 6px;
            margin-bottom: 32px;
        }
        
        .f_contact>p:first-child span {
            padding-left: 20px;
            font-size: 45px
        }
        
        .f_contact ul {
            padding-bottom: 60px
        }
        
        .f_contact li {
            height: 57px;
            float: left;
            border-right: 1px solid #4B4B4B;
            padding-right: 60px;
            margin-right: 60px;
            text-align: center;
            margin-top: 20px;
            position: relative
        }
        
        .f_contact li>i {
            display: block;
            height: 38px;
            padding-top: 6px;
            box-sizing: border-box
        }
        
        .f_contact li>span {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%
        }
        
        .f_contact li .more {
            display: none;
            padding: 0 11px;
            height: 41px;
            background: #f6f6f5;
            border-radius: 2px;
            position: relative
        }
        
        .f_contact li .more img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 9px
        }
        
        .f_contact li .more span,
        .f_contact li .more a {
            display: inline-block;
            font-size: 14px;
            color: #333;
            line-height: 41px
        }
        
        .f_contact li .more:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px;
            border-color: #000 transparent transparent;
            left: 0;
            top: 0
        }
        
        .f_contact li .more:before {
            border-width: 5px;
            border-color: transparent transparent #fff;
            top: -10px;
            left: 15px
        }
        
        .f_contact li:last-child {
            border-right: 0;
            padding-right: 0;
            margin-right: 0
        }
        
        .f_contact li .more {
            display: none;
            position: absolute;
            top: 72px;
            left: -11px;
            white-space: nowrap;
            min-width: 123px
        }
        
        .f_contact li:nth-child(2) .more {
            min-width: 178px;
            left: -41px
        }
        
        .f_contact li:nth-child(2) .more:before {
            left: 50px
        }
        
        .f_contact li:nth-child(3) .more {
            min-width: 350px;
            left: -221px
        }
        
        .f_contact li:nth-child(3) .more:before {
            left: auto;
            right: 60px
        }
        
        .f_info {
            border-top: 1px solid #313131;
            padding: 20px 0;
        }
        
        .f_info .content {
            position: relative
        }
        
        .f_info p {
            display: block;
        }
        
        .f_info p span,
        .f_info p a {
            display: inline-block;
            font-size: 12px;
            color: rgba(255, 255, 255, .5);
            line-height: 100%;
            margin-bottom: 9px;
            transition: .3s
        }
        
        .f_info p span {
            padding-right: 10px
        }
        
        .f_info p.law a:last-child {
            padding-left: 33px;
            position: relative
        }
        
        .f_info p.law a:last-child:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 7px;
            background: #7f7f7e;
            left: 16px;
            top: 3.5px
        }
        
        .f_info .sms {
            position: absolute;
            width: 240px;
            top: 0;
            left: 480px
        }
        
        .f_info .sms li {
            width: 42px;
            height: 42px;
            background: #050505;
            border-radius: 50%;
            border: 3px solid #181818;
            box-sizing: border-box;
            margin: 20px 9px;
            float: left;
            transition: .3s
        }
        
        .f_info .sms li img {
            max-width: 100%
        }
        
        .f_info .sms li:hover {
            background: #181818
        }
        
        .f_info a:hover {
            color: rgba(255, 255, 255, .8)
        }
        
        .clearfix:after {
            content: ".";
            height: 0;
            display: block;
            visibility: hidden;
            clear: both;
        }
        
        .f_qr .buy img {
            padding: 4px;
            box-sizing: border-box;
            background: #fff;
        }
    

        #ftop{
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			background: #ffffff;
			
			}
			
		#ftop .content{
		  display: flex;justify-content: space-between;
		  }