﻿
.top_bg{ height:5rem;background: #fff; width:100%;position: relative;z-index: 10;}
.logo{width: 15.8%;padding:0.7rem 0.5rem 0 1.5rem;text-align: right;}
.logo img{ width:13.8rem; /*height:2.2rem;*/}
.h_dw{font-size: 1.2rem;color: #333;width: 12%;float: left;padding: 1.3rem 0 0 1.2rem;position: relative;line-height: 1.6rem;}
.h_dw:before{content: "";width: 1px;height: 2.4rem;background: #e6e6e6;position: absolute;top: 1.5rem;left: 0;}
.h_dw span{display: block;font-size: 0.9rem;font-weight: normal;}
.h_nav{width: 45%; height:5rem;overflow: hidden;}
.icon img{ width:1.8rem; /*height:2.2rem;*/}
.h_nav li{ float:left;height: 5rem;line-height: 5rem;overflow: hidden;padding: 0 1.2rem; background:url(../images/nav_bor.gif) no-repeat right 2.6rem;}
.h_nav li a{ font-size:0.8rem; color:#333;display:block; float:left;height: 5rem;}
.h_nav li a:hover,.h_nav li.cur a{

	background:url(../images/nav_line.gif) no-repeat center 4rem;
	color: #009f95;
    font-weight: 600;
	
	}
.isear span{   

	margin: 0 2.5rem;
    font-family: fantasy;
    font-size: 38px; 

	}
	#dituContent >div:nth-of-type(2){
	display:none;
}
	
.top_bg .isear{
	
	width: 20%;
    height: 18px;
    float: left;
    position: relative;
    margin-top: 2rem;
}
.top_bg .isear .icon{
	
	display: block;
    width: 18%;
    height: 0px;
    cursor: pointer;
}
.top_bg .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.top_bg .isearch{position:absolute;right:-28px;top: 3.5rem;padding:5px;background-color:#f3f3f3;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;}
.top_bg .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;font-size: 16px;}
.top_bg .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#3484d4;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;font-size: 16px;}
.top_bg .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #3484d4;z-index:3;right:75px;top:16px;}
.top_bg .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.top_bg .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
input::-webkit-input-placeholder {color: #666;}

i,em{ font-style:normal;}
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {
	
	html {font-size: 15px;}
	.isear span {
    margin: 0 2.5rem;
    font-family: fantasy;
    font-size: 28px;

	}

}
@media screen and (min-width: 1280px) {
	
	html {font-size: 16px;}
	.isear span {
    margin: 0 2.5rem;
    font-family: fantasy;
    font-size: 28px;

	}

}
@media screen and (min-width: 1366px) {
	
	html {font-size: 17px;}
	.isear span {
    margin: 0 2.5rem;
    font-family: fantasy;
    font-size: 28px;

	}

}
@media screen and (min-width: 1440px) {
	
	html {font-size: 18px;}
	.isear span {
    margin: 0 2.5rem;
    font-family: fantasy;
    font-size: 30px;

	}
}
@media screen and (min-width: 1600px) {
	
	html {font-size: 20px;}

}
@media screen and (min-width: 1920px) {
	
	html {font-size: 22px;}

}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


.fullSlide{ min-width:1200px; position:relative;}
.fullSlide .bd li img {width: 100%;display: block;line-height: 0;}
.fullSlide .hd{height: 13px;z-index:9; bottom:20px; position:absolute;width:100%;/* left:40%;background:#3484d4;padding:30px 150px;*/}
.fullSlide .hd ul{width:100px;margin:0 auto;}
.fullSlide .hd ul li{width: 15px;height: 15px;background: rgba(255,255,255,0.3);display: block;border-radius: 50%; cursor:pointer;float: left;text-indent: -99999px;margin-left: 15px;border:1px solid #3484d4;}
.fullSlide .hd ul li.on{background: #fff;}
/*.fullSlide .hd a{display: block;width: 7px;height: 13px;position: absolute;top: 27px;}
.fullSlide .hd .ban_l{ background: url(../images/ban_lico01.png) no-repeat;left: 135px;}
.fullSlide .hd .ban_l:hover{ background: url(../images/ban_lico02.png) no-repeat;}
.fullSlide .hd .ban_r{ background: url(../images/ban_rico01.png) no-repeat;left: 245px;}
.fullSlide .hd .ban_r:hover{ background: url(../images/ban_rico02.png) no-repeat;}*/


    .p1-search-1 {
            color: #444;
            line-height: 58px;
        }
        
        .p1-search-1 a {
            color: #111;
            display: inline-block;
            margin-right: 15px;
            font-size: 16px;
        }


.f_bg{ 

	/*background: url(../images/f_bg.jpg) no-repeat center 0; */
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #009f95;

}
.footer{width: 1280px; margin:0 auto;}
.f_tel{
	
	height: 70px;
    padding: 40px 0 0;
    overflow: hidden;
	
}
.f_tel p{float: left;overflow: hidden;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 32px;height: 94px; background:url(../images/f_line01.png) no-repeat right 14px;}
.f_tel p b{display: block;font-size: 20px;font-family:Arial, Helvetica, sans-serif;padding: 0 0 0 35px;color: #fff;}
.f_tel span{padding: 0 10px;}
.f_tel .f_p01{
	
	width: 40%;
}
.f_tel .f_p02{width: 20%;padding-left: 80px;}
.f_tel .f_p03{width: 300px;padding-left: 100px;background: none;}
.f_tel .f_p01 b{ background:url(../images/f_ico01.png) no-repeat 0 3px;}
.f_tel .f_p02 b{ background:url(../images/f_ico02.png) no-repeat 0 4px;}
.f_tel .f_p03 b{ background:url(../images/f_ico03.png) no-repeat 0 4px;}
.f_logo{
	
	    width: 35%;
    /* height: 184px; */
    padding: 40px 0 0;
	
}
.f_logo h5{
	
	width: 100%;
	
}
.f_logo h5 img{
	
	width: 90%;
    /* height: 64px; */
}
.f_logo p{font-size: 18px;color: #fff;line-height: 30px;padding: 25px 0 0;}
.f_nav{width: 300px;padding: 21px 0 0;height: 219px;}
.f_nav ul li{float: left;line-height: 40px;width: 150px;height: 40px;overflow: hidden;}
.f_nav ul li a{font-size: 16px;color: rgba(255,255,255,0.8);}
.f_nav ul li a:hover{color: #fff;}
.f_er{width: 320px;padding: 35px 15px 0 0;height: 214px;}
.f_er p{
	
	width: 100%;
    padding: 0 0 0 35px;
    float: left;
    text-align: center;
    line-height: 0;
}
.f_er p img{
	
	width: 100%;
    /* height: 125px; */
	
}
.f_er p span{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 40px;}
.f_bot{
	
	line-height: 25px;
    overflow: hidden;
    font-size: 16px;
    color: #ffffff;
    font-size: 14px;
    padding-top: 10px;
	
}
.f_bot span{padding: 0 15px;}
.f_bot a{
	color: #ffffff;
    font-size: 15px;
	
}
#ftop{
	
  height:30px;
  line-height: 30px;
  font-size: 14px;
   background:#ffffff;

}  


#ftop .content{
display: flex;justify-content: space-between;
}


    
