﻿
.top_bg{height: 151px; background:url(../images/top_bg.png) repeat-x;position: relative;z-index: 100;}
.header{width: 1280px; margin:0 auto;}
.h_tel{
	
	font-size: 18px;
    color: #d9ba8d;
    position: absolute;
    top: 45px;
    right: 0;
    background: url(../images/tel.png) no-repeat 0 6px;
    height: 35px;
    line-height: 22px;
    padding-left: 35px;
	
}
.h_tel b{
	
	font-size: 30px;
    font-family: fantasy;
	letter-spacing: 0.1rem;
}

.f_ul01{
	
   width: 112%;
}

.header .isear{ right:-20px;position: absolute;top: 73px;width:20px;height:20px;}
.header .isear .icon{display:block;width:20px;height:20px; background:url(../images/s_so.png) no-repeat 50% 50%;cursor:pointer;-webkit-transition:transform .3s;transition:transform .3s;float: right;}
.header .isear .icon:hover{-webkit-transform:translate(-10px,0);transform:translate(10px,0);}
.header .isearch{position:absolute;right:0;top: 47px;padding:5px;background-color:#aaa;width:295px;height:30px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;}
.header .isearch .ser_inp{display:block;float:left;width:204px;height:16px;line-height:16px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none;}
.header .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#d9ba8d;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
.header .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #d9ba8d;z-index:3;right:75px;top:16px;}
.header .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.header .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
input::-webkit-input-placeholder {color: #666;}
.logo{
	
	width: 22%;
    /* height: 78px; */
    padding: 40px 0 0;
    float: left;
}
.logo img{
	
	width: 100%;
   /* height: 78px;*/
}
.h_nav{
	
	width: 77%;
    height: 58px;
    padding: 20px 0 0;
}
.h_nav li{ float:left;height: 80px;line-height: 80px; padding:0 20px;position: relative;    letter-spacing: 0.1rem;}
.h_nav li a{ font-size:15px; color:#2d2d2d;display:block; float:left;position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #d9ba8d;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before {
  right: 0;
}
.h_nav li.cur a{ background:url(../images/nav_line.gif) no-repeat center 77px;}
.h_nav li a:hover,.h_nav li.cur a{font-weight: bold;color: #d9ba8d;}

.h_nav li .erji{ display:none; background:#d9ba8dc4; width:100%; text-align:center; position:absolute; top:80px; left:0;}
.h_nav li .erji li{ padding:0; height:50px; line-height:50px; border-bottom:#e2e2e2 1px solid;}
.h_nav li .erji a,.h_nav li.cur .erji a{ height:50px; line-height:50px; width:150px;}
.h_nav li.cur .erji a:hover,.h_nav li .erji a:hover,.h_nav li.cur .erji a{ background:none;}
em,i{ font-style:normal;}


        /*banner*/
        .fullSlide{ min-width:1280px; position:relative; height:880px;margin-top: -151px;}
        .fullSlide .bd{ position:relative; z-index:0;}
        .fullSlide .bd ul{ width:100% !important;}
        .fullSlide .bd li{ width:100% !important;height:1000px; overflow:hidden; text-align:center;}
        .fullSlide .bd li a{ display:block; /*height:880px;*/}
		.fullSlide .bd li img {
			
	width: 100%;
    /* height: 880px; */
    display: block;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -960px;
			
		}
        .fullSlide .hd{ 
		width: 1280px;
		left: 50%;
		margin-left: -600px;
		bottom: -6%;
		position: absolute;
		z-index: 1;
		
		}
        .fullSlide .hd ul{margin-left: 550px;}
        .fullSlide .hd ul li{ float:left; margin:0 18px; display:inline; cursor:pointer; width: 18px;height: 18px;background: #eee; text-indent: -999px;border-radius: 50%;}
        .fullSlide .hd ul .on{background: #d9ba8d;}
      

.dingw{
	
	height: 69px;
    line-height: 60px;
    background: url(../images/dw_bg.gif) no-repeat center 0;
    overflow: hidden;
    margin-top: 3.2%;
	
}
.dingw em{font-size: 24px; color: #333; font-family:"宋体";padding-left: 5%;display: block;float: left;}
.dingw b{color: #000;font-size: 30px;display: block;float: left;padding: 0 10px;}
.dingw span{font-size: 20px; color: #666;display: block;float: left;}
.dingw i{color: #000;font-size: 22px;padding: 0 5px;}


.f_bg{ background:#333; height:255px; overflow:hidden; padding:50px 0 0;}
.footer{width: 1280px; margin:0 auto;}
.f_nav{height: 285px;width: 420px; background:url(../images/f_line.gif) no-repeat right 12px;}
.f_ul01 li{
	
	width: 50%;
    float: left;
    /* height: 285px;*/
}
.f_ul01 li a{font-size: 16px;color: #fff;display: block;height: 45px;line-height: 40px;width: 100%;font-weight: bold;}
.f_ul01 .f_ul02 li{
	
	height: 40px;
    width: 50%;
    float: left;
    line-height: 40px;
	
}
.f_ul01 .f_ul02 li a{height: 40px;line-height: 40px;font-weight: normal;width: 100%;font-size: 14px;color: #e0e0e0;}
.f_ul01 li a:hover{color: #fff;}
.f_logo{
	
	width: 35%;
    background: url(../images/f_line.gif) no-repeat right 12px;
    padding: 0 0 0 7%;
    height: 285px;
	
	}
.f_logo em{display: block;width: 300px;height: 90px;}
.f_logo img{width: 86px;height: 40px;}
.f_logo em i{display: block;font-size: 16px;color: #e0e0e0;line-height: 40px;}
.f_logo p{line-height: 28px;color: #e0e0e0;font-size: 15px;}
.f_logo p span{padding: 0 10px;}
.f_logo p a,.f_er a{color: #e0e0e0;}
.f_er{width: 150px;padding: 10px 0 0;text-align: center;}
.f_er p{width: 100%;line-height: 0;padding:0 17px;float: left;}
.f_er img{ width:100%;  height: 145px;display: block;border-radius: 10px;}
.f_er span{display: block;font-size: 14px;color: #e0e0e0;line-height: 30px;}
.f_er em{color: #e0e0e0;font-size: 14px;line-height: 26px;display: block;}
  

.copyright {
    background: #000;
    line-height: 25px;
    font-size: 14px;
    padding: 20px 0;
}
    
.copyright a{
    color:rgb(109, 109, 109)
}
#ftop{
    z-index: 999;height:30px;
    line-height: 30px;
    font-size: 14px;
    WIDTH: 100%;
    /* background: #f9f9f930; */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    }
  #ftop .content{
  display: flex;justify-content: space-between;
  }

.top_bg{height: 100px; background:url(../images/top_bg.png) repeat-x;position: relative;z-index: 100;}
.header{width: 1280px; margin:0 auto;}
.h_tel{font-size: 18px;color: #d0a465;position: absolute;top: 45px;right: 0; background:url(../images/tel.png) no-repeat 0 6px;height: 36px;line-height: 30px;padding-left: 35px;}
.h_tel b{
	
	font-size: 30px;
    font-family: fantasy;
	letter-spacing: 0.1rem;
	
	}
.header .isear{ right:-20px;position: absolute;top: 73px;width:20px;height:20px;}
.header .isear .icon{display:block;width:20px;height:20px; background:url(../images/s_so.png) no-repeat 50% 50%;cursor:pointer;-webkit-transition:transform .3s;transition:transform .3s;float: right;}
.header .isear .icon:hover{-webkit-transform:translate(-10px,0);transform:translate(10px,0);}
.header .isearch{position:absolute;right:0;top: 47px;padding:5px;background-color:#aaa;width:295px;height:30px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;}
.header .isearch .ser_inp{display:block;float:left;width:204px;height:16px;line-height:16px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none;}
.header .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#d9ba8d;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
.header .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #d9ba8d;z-index:3;right:75px;top:16px;}
.header .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.header .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
input::-webkit-input-placeholder {color: #666;}
.logo{
	
	width: 22%;
    /* height: 78px; */
    padding: 40px 0 0;
    float: left;
}
.logo img{
	
	width: 100%;
   /* height: 78px;*/
}
.h_nav{
	
	width: 77%;
    height: 58px;
    padding: 20px 0 0;
	
}
.h_nav li{ float:left;height: 80px;line-height: 80px; padding:0 20px;position: relative;    letter-spacing: 0.1rem;}
.h_nav li a{ font-size:16px; color:#2d2d2d;display:block; float:left;position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #d9ba8d;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before {
  right: 0;
}
.h_nav li.cur a{ background:url(../images/nav_line.gif) no-repeat center 77px;}
.h_nav li a:hover,.h_nav li.cur a{font-weight: bold;color: #d9ba8d;}

.h_nav li .erji{ display:none; background:#d9ba8deb; width:150px; text-align:center; position:absolute; top:80px; left:0;}
.h_nav li .erji li{ padding:0; height:50px; line-height:50px; border-bottom:#e2e2e2 1px solid;}
.h_nav li .erji a,.h_nav li.cur .erji a{ height:50px; line-height:50px; width:150px;}
.h_nav li.cur .erji a:hover,.h_nav li .erji a:hover,.h_nav li.cur .erji a{ background:none;}
em,i{ font-style:normal;}


        /*banner*/
        .fullSlide{ min-width:1280px; position:relative; height:880px;margin-top: -151px;}
        .fullSlide .bd{ position:relative; z-index:0;}
        .fullSlide .bd ul{ width:100% !important;}
        .fullSlide .bd li{ width:100% !important;height:1000px; overflow:hidden; text-align:center;}
        .fullSlide .bd li a{ display:block;/*height:880px;*/;}
		.fullSlide .bd li img {
			width: 100%;
		/* height: 880px; */
		display: block;
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -960px;
			
		}
        .fullSlide .hd{
			
			width: 1280px;
    left: 50%;
    margin-left: -600px;
    bottom: -6%;
    position: absolute;
    z-index: 1;
			
		}
        .fullSlide .hd ul{margin-left: 550px;}
        .fullSlide .hd ul li{ float:left; margin:0 18px; display:inline; cursor:pointer; width: 18px;height: 18px;background: #eee; text-indent: -999px;border-radius: 50%;}
        .fullSlide .hd ul .on{background: #d9ba8d;}
      

.dingw{
	
	height: 69px;
    line-height: 60px;
    background: url(../images/dw_bg.gif) no-repeat center 0;
    overflow: hidden;
    margin-top: 4.2%;
}
.dingw em{font-size: 24px; color: #333; font-family:"宋体";padding-left: 5%;display: block;float: left;}
.dingw b{color: #000;font-size: 30px;display: block;float: left;padding: 0 10px;}
.dingw span{font-size: 20px; color: #666;display: block;float: left;}
.dingw i{color: #000;font-size: 22px;padding: 0 5px;}


.f_bg{ background:#333; height:285px; overflow:hidden; padding:50px 0 0;}
.footer{width: 1280px; margin:0 auto;}
.f_nav{height: 285px;width: 420px; background:url(../images/f_line.gif) no-repeat right 12px;}
.f_ul01 li{
	
	width: 50%;
    float: left;
    /* height: 285px;*/
	
}
.f_ul01 li a{font-size: 16px;color: #fff;display: block;height: 45px;line-height: 40px;width: 100%;font-weight: bold;}
.f_ul01 .f_ul02 li{
	
	height: 40px;
	width: 50%;
	float: left;
	line-height: 40px;
	
	}
.f_ul01 .f_ul02 li a{height: 40px;line-height: 40px;font-weight: normal;width: 100%;font-size: 14px;color: #e0e0e0;}
.f_ul01 li a:hover{color: #fff;}
.f_logo{
	
	width: 35%;
    background: url(../images/f_line.gif) no-repeat right 12px;
    padding: 0 0 0 7%;
    height: 285px;
	
}
.f_logo em{display: block;width: 300px;height: 90px;}
.f_logo img{width: 86px;height: 40px;}
.f_logo em i{display: block;font-size: 22px;color: #e0e0e0;line-height: 40px;}
.f_logo p{line-height: 28px;color: #e0e0e0;font-size: 14px;}
.f_logo p span{padding: 0 10px;}
.f_logo p a,.f_er a{color: #e0e0e0;}
.f_er{width: 150px;padding: 10px 0 0;text-align: center;}
.f_er p{width: 115px;line-height: 0;padding:0 17px;float: left;}
.f_er img{ width:115px; height:115px;display: block;border-radius: 10px;}
.f_er span{display: block;font-size: 14px;color: #e0e0e0;line-height: 30px;}
.f_er em{color: #e0e0e0;font-size: 14px;line-height: 26px;display: block;}
  

.copyright {
    background: #000;
    line-height: 25px;
    font-size: 14px;
    padding: 20px 0;
}
    
.copyright a{
    color:rgb(109, 109, 109)
}
#ftop{
    z-index: 999;height:30px;
    line-height: 30px;
    font-size: 14px;
    WIDTH: 100%;
    /* background: #f9f9f930; */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    }
  #ftop .content{
  display: flex;justify-content: space-between;
  }
