@charset "gb2312";


i,em{ font-style:normal;}
.t_bg{}

.h_top{ background:#05A291; height:45px; line-height: 45px; color:#fff; font-size: 14px;}
.h_top span{ display: inline-block; float: right;}
.h_top span a{ color:#fff; display: inline-block; margin-left: 20px;padding-left:25px;background:url(../images/t_io1.jpg) no-repeat  0 17px;}
.h_top span a:last-child{ padding-left:28px;background:url(../images/t_io2.jpg) no-repeat  0 17px;}
.h_top span a:hover{ text-decoration: underline;}
.h_top span i{ display: inline-block; float: right; padding-left: 73px;background:url(../images/t_tel.jpg) no-repeat 0 9px; margin-left: 22px; font-size:19px;}
.nav{overflow: hidden;height:43px; width:100%; float: right; margin-top:40px;}
.nav li{ width:14%; float:left;}
.nav li a{ font-size: 16px; color:#000000; display: block; text-align:center; height:33px;position:relative; line-height: 100%;}
.nav li a span{ display: inline-block;}
.nav li.cur a,.nav li:hover a{color: #05a291; border-bottom: 2px solid #05a291;}
.t_on{ position: relative; overflow: hidden;}
.t_on .logo{ width:43%; float: left;  padding:35px 0 0 0;position: relative; z-index: 6;} 
.t_on h1 img{ }
div.menu { width:50%; float: right; margin:0 auto 30px;}





/*flash*/
.index_banner{width:100%;height:0;padding-bottom:36.29%;position:relative;}
.index_banner .index_banner_item{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
#pic_banner{width:100%;height:100%;}
.index_banner .index_banner_item .swiper-slide{width:100%;height:100%;}
.index_banner .swiper-slide a{display:block;width:100%;height:100%;}
.index_banner .swiper-pagination-bullet{/* border: 3px solid #FFF; */opacity: 1;width: 40px;/* background: rgba(255, 255, 255, 0); */height: 10px;border-radius: 10px;}
.index_banner .swiper-pagination-bullet-active{background:#05A291;}
    

    /* .p_om ul li img{ transition: all 0.3s linear 0s;}*/
    /*  .p_om ul li:hover img{transform: scale(1.05);}*/
    /*  .pro1 ul li{background:url(images/bgp.jpg) no-repeat;text-align: center;position: relative;}*/
    /*   .pro1 ul li img{display: inline-block; padding-top: 130px; }*/
    /*   .pro1 ul li em {    box-sizing: border-box;*/
    /*padding: 0 7%;}*/
.pro1 ul li.cur p em, .pro2 ul li.cur2 p em, .pro3 ul li.cur3 p em {padding: 0;    width: 350px;}
.f_bg{padding-top: 50px; background:url(../images/f_bg.jpg) repeat-x left bottom;}
.footer,.header{ overflow: hidden; margin: 0 auto; width: 1200px;}
.f_l{ font-size: 14px; color: #000;overflow: hidden;}
.f_l ul{ width:85%; float: left;}
.f_l ul li{ float: left; width:20%; border-right: 1px solid #e0e0e0; margin-right: 6%;}
.f_l ul li:last-child{ margin-right: 0; border-right: none;}
.f_l ul li i{ display: block; line-height: 100%; height: 38px; font-size: 16px; color: #000; font-weight: bold;background:url(../images/f_lin.jpg) no-repeat left bottom; margin-bottom:10px;}
.f_l ul li span a{ display: block; font-size: 15px; color: #000; line-height:29px;}
.f_l p{ float: right; width: 15%;}
.f_l p em{ display: inline-block; float: left; text-align: center; font-size: 14px; color: #000;} 
.f_l p em:first-child{ }
.f_l p em img{ display: block; width:65%; border:4px solid #fff; margin:0 auto;}
.ft_nav{ height: 60px; line-height: 60px; border-top: 1px solid #d4d4d4; color: #a5a5a5; font-size: 15px;}
.ft_nav a{ color: #a5a5a5; font-size: 15px; display: inline-block; padding: 0 22px;background:url(../images/f_lik.jpg) no-repeat right 22px;}
.ft_nav a:last-child{ background: none; padding-right: 0;}
.ft_nav a:hover{ color: #333;}
.footer h3{ float: left; padding: 37px 55px 0 42px;}
.ft_logo{ padding-top: 35px; font-size: 15px; color: #fff; text-align: center;}
.ft_logo span{ display: block; padding-top: 12px;}
.ft_logo i{ padding: 0 25px;}
.ft_logo a{ color: #fff;}

@media screen and (max-width: 1200px) {
.t_on .logo{ width:100%;}
.logo{ width:100%; text-align:center; }
.logo img{ display:block; margin:10px auto 0;}
div.menu{ width:100%; }
.nav { width:100%;}
.nav li{}
}

@media screen and (max-width: 800px) {
.h_top span a{ display:none;}
.h_top .fl{ display:none;}
.nav {overflow: hidden;float: right;margin-top: 40px; height:80px; background:#05A291; }
.nav li{ width:24.66666%; line-height:39px; margin-left:0;}
.nav li a{ font-size: 16px; color:#ffffff; height:auto; display: block; position:relative; line-height:39px; }
.nav li a span{ display: inline-block;}
.nav li.cur a,.nav li:hover a{color: #fff; border-bottom:none;}
div.menu{ margin:0;}
}
        

@media screen and (max-width: 640px) {
.f_l ul{ display:none;}
.f_l p em{ float:none; display:block;}
.f_l p em img{ width:45%;}
.f_l p{ width:100%; display:block; margin:0 auto;}
.ft_logo{ background:#05A291;}
.ft_logo i{ display:block;}
.f_bg{ padding-top:10px;}
}