@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{-webkit-text-size-adjust:none;}  :focus{ outline:none;} 
a{ cursor:pointer; text-decoration:none;}   img{ border:0;} 
input,textarea{ vertical-align:middle; font-family:inherit; font-size:inherit;}
ul li{ list-style-type:none;}
.f_l{ float:left; display:inline;}
.f_r{ float:right; display:inline;}
.noborder{ border:none!important;}
/*@font-face
{
font-family: 幼圆;
src:url(../font/yy.TTF);
}*/

.container{}
.w1200{ width:1200px; margin:0 auto;}
body{ font-family:"微软雅黑"; font-size:16px;}
.header{ position:fixed; top:0; z-index:99; width:100%; height:56px; border-top:6px solid #0097a9; border-bottom:1px solid #efefef; background:#fff; }
.header_con{ /*height:56px;*/ text-align:right; padding:13px 0;}
.header_con .honor{ height:30px; width:auto; line-height:30px; color:#666; vertical-align:middle; display:inline-block; margin-right:10px; float:left;}
.header_con .tel{ height:30px; width:auto; line-height:30px; color:#c0bebf; vertical-align:middle; display:inline-block; margin-right:10px;}
.header_con .tel img{ vertical-align:middle; margin:0 5px 3px 0;}

.float_app {display: none;z-index:11;background-color: #fff;font: normal 16px/22px "Microsoft Yahei";text-align: center;}
.float_app img{padding:5px;border:1px solid #ccc;margin:0px !important;}


.header_con .search{ width:176px; height:30px; vertical-align:middle;   background:#f4f3f3; border-radius:30px; overflow:hidden; position:relative; display:inline-block;}
.header_con .search input.text01{ width:176px; height:30px; border:none; background:none; text-indent:15px; line-height:30px; font-size:14px; font-family:"微软雅黑"; color:#666;}
.header_con .search input.but01{ width:45px; height:30px; position:absolute; right:0; top:0; border:none; background:url(../images/ico02.png) no-repeat center center; cursor:pointer;}




.top{ position:fixed; top:63px; z-index:9; width:100%; height:98x; border-bottom:1px solid #efefef; background:#fff; }
.top .top_con{  height:98px; }
.top .top_con .logo{ float:left; display:inline; margin-top:35px; }
.top .top_con .logo img{ width:264px; height:26px;}
.top .top_con .nav_con{ float:right; display:inline; margin-top:15px;}
.top .top_con .nav_con ul{ width:100%; height:50px; }
.top .top_con .nav_con ul li{ position:relative; float:left; margin-left:68px; height:50px;}
.top .top_con .nav_con ul li a{ width:auto; height:50px; display:inline-block; font-size:22px; line-height:50px; color:#383838; position:relative; transition:all 0.3s ease-in-out 0s;}
.top .top_con .nav_con ul li a span.nav_line{ width:0; height:2px; display:block; overflow:hidden; background:#eb4b4a; transition:all 0.3s ease-in-out 0s; position:absolute; left:0; bottom:0;}
.top .top_con .nav_con ul li:hover a{ color:#eb4b4a;}
.top .top_con .nav_con ul li:hover a span.nav_line{ width:100%; }
.top .top_con .nav_con ul li a.navon{ color:#eb4b4a;}
.top .top_con .nav_con ul li a.navon span.nav_line{ width:100%; }





.banner{ width:100%;position:relative; top:161px; height:465px; overflow:hidden; z-index:3;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:465px; }
.banner .bd li .banner_con{ width:1100px; margin:0 auto; position:relative; height:100%;}
.banner .bd li .banner_con a{ width:190px; height:52px; border:1px solid #fff; border-radius:30px; line-height:52px; color:#fff; display:block; position:absolute; left:0; bottom:115px; font-size:26px; color:#fff; text-align:center;}
.banner .bd li .banner_con a:hover{ background:#eb4b4a; border:1px solid #eb4b4a;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px 6px; background:#fff; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; line-height:9999px;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  background:#0097a9;}






.box01{ height:auto; overflow:hidden;}
.menu_box{ margin:188px auto 20px auto; width:100%; height:auto; overflow:hidden;}
.menu{ width:33.333333%; height:210px; float:left; display:inline-block; background:#fbfbfb; position:relative; text-align:center; color:#414141; font-size:24px; padding-top:40px; box-sizing:border-box;}
.menu .menu_img{ width:100%; height:55px;  }
.menu .menu_img img{ width:auto; height:55px; display:block; margin:0 auto;}
.menu .menu_line { width:32px; height:2px; background:#0097a9; margin:20px auto;}
.menu:hover .menu_img img{animation:rot 0.5s; -webkit-animation:rot 0.5s;}
.menu .menu_txt{ color:#414141;}
.menu:hover .menu_txt{ transition:all 0.3s ease-in-out 0s; letter-spacing:5px;}

.menu1{  background:#0097a9; }
.menu1 .menu_line { background:#fff;}
.menu1:hover .menu_img img{animation:rot 0.5s; -webkit-animation:rot 0.5s;}
.menu1 .menu_txt{ color:#fff;}


.aboutus_box{margin:0 auto; width:100%; height:auto; overflow:hidden;}
.tit01{ width:100%; height:auto; overflow:hidden; margin-bottom:40px; font-weight:bold; font-size:36px; line-height:70px; color:#333333; text-align:center;}
.tit01 img{ display:block; margin:0 auto;}

.aboutus_con{ width:100%; height:auto; overflow:hidden; position:relative;}

.aboutus_img{ width:50%; height:375px; overflow:hidden; float:right;}
.aboutus_img img{ width:100%; min-height:375px;  transition:all 0.3s ease-in-out 0s;}
.aboutus_img:hover img{transform:scale(1.1);}

.aboutus_txt{ width:55%; height:312px; position:absolute; left:5px; top:50%; margin-top:-156px; z-index:2; padding:15px 50px; box-sizing:border-box; background:#fff; text-align:center;box-shadow: #eee 0px 0px 5px; }
.aboutus_txt .aboutus_tit{ font-weight:bold; font-size:32px; color:#0097a9; line-height:50px;}
.aboutus_txt .aboutus_fk{ width:150px; height:4px; display:block; margin:10px auto; border:1px solid #d9dbdc;}
.aboutus_txt p{ line-height:42px; color:#5c5c5c; text-align:center;}
.aboutus_txt a.but02{width:232px; height:48px;  border:1px solid #0097a9; color:#0097a9; line-height:48px; text-align:center; display:block; transition:all 0.3s ease-in-out 0s; margin:20px auto 0 auto;}
.aboutus_txt a.but02:hover{ background:#0097a9; color:#fff;}






.box02{ width:100%; height:auto; overflow:hidden; background:#fbfbfb; padding:30px 0 50px 0; margin-top:70px; margin-bottom:50px;}
.team_con{  height:370px; padding-bottom:40px;}





.picScroll-left1{ width:1200px;  overflow:hidden; position:relative;   }
.picScroll-left1 .hd{  }
.picScroll-left1 .hd .prev{ display:block;  width:19px; height:37px;  cursor:pointer; background:url(../images/left.png) no-repeat; position:absolute; left:0; top:135px; z-index:100;}
.picScroll-left1 .hd .next{display:block;   width:19px; height:37px;   cursor:pointer; background:url(../images/right.png) no-repeat; position:absolute; right:0; top:135px; z-index:100;}
.picScroll-left1 .hd .prev:hover{ background:url(../images/lefton.png) no-repeat;}
.picScroll-left1 .hd .next:hover{ background:url(../images/righton.png) no-repeat;}
.picScroll-left1 .bd{ padding:0 45px 0 20px;   }
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{ margin:0 25px; float:left; _display:inline; overflow:hidden; width:326px; height:366px; }
.picScroll-left1 .bd ul li .pic{  width:326px; height:366px; padding:35px 0; position:relative; box-sizing:border-box;  transition: all 0.4s ease 0s;}
.picScroll-left1 .bd ul li .pic .pic_con{ width:100%; height:100%; overflow:hidden; border:1px solid #e9e9e9; box-sizing:border-box; background:#F5F5F5;}
.picScroll-left1 .bd ul li .pic .pic_txt{ padding:30px 30px 0 30px; box-sizing:border-box; text-align:center; height:200px; width:100%; background:#fff; transition: all 0.4s ease 0s;}
.picScroll-left1 .bd ul li .pic .pic_txt p{ color:#989898; font-size:14px; line-height:25px; text-align:center;}
.picScroll-left1 .bd ul li .pic .pic_txt p.prize_name{ color:#333333; font-size:22px; line-height:30px; margin-bottom:10px;}

.picScroll-left1 .bd ul li .pic .pic_time{ width:100%; position:relative; height:100px; overflow:hidden; transition: all 0.4s ease 0s;
background: #0097a9;
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 20px 20px;
-webkit-background-size: 20px 20px;
-webkit-animation: progress-bar-stripes 5s linear infinite;
-o-animation: progress-bar-stripes 5s linear infinite;
animation: progress-bar-stripes 5s linear infinite;
}
.picScroll-left1 .bd ul li .pic .pic_time .pic_time_data{ width:58px; text-align:center; display:block; position:absolute; left:16px; top:15px; color:#ccc; font-size:20px; line-height:35px; z-index:20;  transition: all 0.4s ease 0s;}
.picScroll-left1 .bd ul li .pic .pic_time .pic_time_data span{ display:block; color:#ccc; font-size:42px;}
.picScroll-left1 .bd ul li .pic .pic_time .pic_time_img{ position:absolute; left:0; top:100px; transition: all 0.4s ease 0s;}

.picScroll-left1 .bd ul li .pic:hover{ padding:0;}
.picScroll-left1 .bd ul li .pic:hover .pic_txt{ background:#0097a9; }
.picScroll-left1 .bd ul li .pic:hover .pic_txt p{ color:#cefaff;}
.picScroll-left1 .bd ul li .pic:hover .pic_txt p.prize_name{ color:#fff; font-weight:bold;}
.picScroll-left1 .bd ul li .pic:hover .pic_time{ height:164px;}
.picScroll-left1 .bd ul li .pic:hover .pic_time_img{ position:absolute; left:0; top:0; z-index:1;}
.picScroll-left1 .bd ul li .pic:hover .pic_time_img img{ width:100%; height:164px;}

.picScroll-left1 .bd ul li .pic:hover .pic_time_data{ width:58px; text-align:center; display:block; position:absolute; left:16px; top:45px; color:#fff; font-size:20px; line-height:35px; z-index:20; text-shadow:1px 1px 5px black;}
.picScroll-left1 .bd ul li .pic:hover .pic_time .pic_time_data span{ display:block; color:#fff; font-size:42px;}



 .swiper-container {
      width: 100%;
      height: 100%;
    }

 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 .swiper-slide .pic{ width:100%; height:370px; position:relative; background:#fff; text-align:center;transition: all 0.4s ease 0s;  }
 .swiper-slide .pic img{ width:100%; height:278px; display:block;  }
.swiper-slide .pic .pic_img{width:100%; height:278px; position:relative;}
 .swiper-slide .pic .pic_img .pic_txt1{width:100%; height:0; overflow:hidden; position:absolute; left:0; top:0; background:url(../images/black.png) repeat;  z-index:2; font:normal 14px/25px "微软雅黑"; color:#fff;  transition: all 0.4s ease 0s;}
  .swiper-slide .pic .pic_img .pic_txt1 p{padding:20px; box-sizing:border-box;}
  .swiper-slide .pic:hover .pic_img .pic_txt1{ height:100%;  box-sizing:border-box;}
    .swiper-slide .pic:hover .pic_img .pic_txt1 p{ }
 .swiper-slide .pic .pic_txt{ padding:15px 0 0 0; text-align:center;}
 .swiper-slide .pic .pic_txt p{ font-size:15px; color:#7e7e7e; line-height:30px;}
 .swiper-slide .pic .pic_txt p.name{ font-size:22px; color:#333333;}
 .swiper-slide .pic:hover{ background:#0097a9;}
 .swiper-slide .pic:hover .pic_txt p{ font-size:15px; color:#fff; line-height:30px;}
 .swiper-slide .pic:hover .pic_txt p.name{ font-size:22px; color:#fff;}



/* .swiper-container1 {
      width: 100%;
      height: 100%;
    }


    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2);
	  text-indent:-99999px;
    }

    .swiper-pagination-bullet-active {
      color: #fff;
      background: #007aff;
    }
	.banner .swiper-pagination-bullet{ background:#fff;}
	.banner .swiper-pagination-bullet-active{ background:#0095A9;}
	.banner .swiper-slide{}
	.banner .swiper-slide  .banner_con{ width:1100px; height:370px; margin:0 auto; position:relative; }
	.banner .swiper-slide  .banner_con a{ width:190px; height:52px; border:1px solid #fff; border-radius:30px; line-height:52px; color:#fff; display:block; position:absolute; left:0; bottom:115px; font-size:26px; color:#fff; text-align:center;}
	.banner .swiper-slide  .banner_con a:hover{ background:#eb4b4a; border:1px solid #eb4b4a;}*/

	.beian {color: #a4a4a4; margin-left:5%;}
	.beian:hover {color: #606060;}


@media only screen and (max-width: 1200px) {
	.w1200{ width:98%; margin:0 auto;}
	.team_con{ height:auto; padding-bottom:0;}
	.swiper-slide .pic{ height:auto;}
	.swiper-slide .pic img{ height:auto;}
	.footer_con1{width:98%; margin:0 auto;}
	.footer_con2{width:98%; margin:0 auto;}
	.footer_nav{ margin-left:30px;}
	.prize{ overflow-x:scroll;}
	.aboutus_txt p{ line-height:32px;}
	.swiper-slide .pic .pic_txt{ padding-bottom:10px;}
	.banner .bd li .banner_con{ width:80%; margin:0 auto;}
	.banner { height:400px;}
	.banner .bd li{ height:400px;}
	.banner .bd li .banner_con a{ bottom:90px;}

}


@media only screen and (max-width: 1100px) {
	.w1200{ width:98%; margin:0 auto;}
	.team_con{ height:auto; padding-bottom:0;}
	.swiper-slide .pic{ height:auto;}
	.swiper-slide .pic img{ height:auto;}
	.footer_con1{width:98%; margin:0 auto;}
	.footer_con2{width:98%; margin:0 auto;}
	.footer_nav{ margin-left:10px;}
	.prize{ overflow-x:scroll;}
	.aboutus_txt p{ line-height:32px;}
	.swiper-slide .pic .pic_txt{ padding-bottom:10px;}
	.banner .bd li .banner_con{ width:90%;}
	.top .top_con .nav_con ul li a{ font-size:20px;}
	.top .top_con .nav_con ul li{ margin-left:30px;}
}



@media only screen and (max-width: 1000px) {
	.top .top_con .nav_con ul li a{ font-size:15px;}
	.top .top_con .nav_con ul li{ margin-left:30px;}
	.banner { height:300px;}
	.banner .bd li{ height:300px;}
	.banner .bd li .banner_con a{ width:150px; bottom:40px; left:30px; height:40px; line-height:40px; font-size:14px;}
	.aboutus_txt{ width:90%; position:inherit; margin-top:0; margin-left:5%;}
	.aboutus_img{ width:90%; margin-right:5%; margin-top:20px;}
	
	.footer_con1_l{ width:100%; display:block;}
	.footer_con1_r{ width:100%;  display:block; margin-top:20px;}
	.footer_nav{ margin-left:0; margin-right:30px;}
	ul.footernav_ul li{ padding-left:20px;}
}


@media only screen and (max-width: 800px) {
	.top .top_con .nav_con{ width:100%;}
	.top .top_con .nav_con ul li{ margin:0 10px;}
	.swiper-slide .pic .pic_txt p{ font-size:12px; line-height:25px;}
}



.list_con{ width:1280px; height:auto; overflow:hidden; margin:50px auto; margin-top:181px;}
.list_tab{ width:100%; height:auto; overflow:hidden; }
.list_tab a{ width:25%; height:150px; float:left; display:inline-block; text-align:center; font-size:28px; color:#000; line-height:50px;}
.list_tab a .list_tab_img{ width:85px; height:85px; display:block; margin:0 auto }
.list_tab a .list_tab_img1{background:url(../images/list_ico01.png) no-repeat center center;}
.list_tab a .list_tab_img2{background:url(../images/list_ico02.png) no-repeat center center;}
.list_tab a .list_tab_img3{background:url(../images/list_ico03.png) no-repeat center center;}
.list_tab a .list_tab_img4{background:url(../images/list_ico04.png) no-repeat center center;}

.list_tab a.list_tabon{ color:#0097a9;}
.list_tab a.list_tabon .list_tab_img1{background:url(../images/list_ico01on.png) no-repeat center center;}
.list_tab a.list_tabon .list_tab_img2{background:url(../images/list_ico02on.png) no-repeat center center;}
.list_tab a.list_tabon .list_tab_img3{background:url(../images/list_ico03on.png) no-repeat center center;}
.list_tab a.list_tabon .list_tab_img4{background:url(../images/list_ico04on.png) no-repeat center center;}

.list_tab a:hover{ color:#0097a9;}
.list_tab a:hover .list_tab_img1{background:url(../images/list_ico01on.png) no-repeat center center;}
.list_tab a:hover .list_tab_img2{background:url(../images/list_ico02on.png) no-repeat center center;}
.list_tab a:hover .list_tab_img3{background:url(../images/list_ico03on.png) no-repeat center center;}
.list_tab a:hover .list_tab_img4{background:url(../images/list_ico04on.png) no-repeat center center;}

.list_box{ width:100%; height:auto; overflow:hidden;}
.list_box_con{width:100%; height:auto; overflow:hidden; }
.list_box .list_imgbox{ width:33.333%; height:280px; padding:40px; box-sizing:border-box; float:left; display:inline;}
.list_box .list_imgbox .list_img{ width:100%; height:194px; overflow:hidden;}
.list_box .list_imgbox .list_img img{ width:auto; height:100%;  transition:all 0.3s ease-in-out 0s;}
.list_box .list_imgbox:hover .list_img img{transform:scale(1.1);}
.list_box .list_imgbox p{ padding:5px 10px; height:60px; overflow:hidden; box-sizing:border-box; text-align:center; font-size:16px; line-height:25px; color:#333;}
.list_box .list_imgbox:hover p{color:#0097a9;}


.page{ width:100%; height:40px; margin:30px auto 0 auto; text-align:center; color:#888888; font:normal 14px/35px "微软雅黑"; }
.page a{color:#817e7e; width:auto; height:35px; border:1px solid #ededed; padding:0 15px; margin:0 5px 3px 5px; display:inline-block; vertical-align:middle;  }
.page a:hover{background:#0097a9; border:1px solid #0097a9;color:#fff;}
.page a.pageon{background:#0097a9; border:1px solid #0097a9;color:#fff;}
.page span{color:#817e7e; width:auto; height:35px; border:1px solid #ededed; padding:0 10px; margin:0 5px 3px 5px; display:inline-block; vertical-align:middle;  }





@media only screen and (max-width: 1000px) {
	.list_con{ width:98%; margin:0 auto;}
	.list_box .list_imgbox{ width:33.33%; height:220px; padding:10px; box-sizing:border-box; float:left; display:inline;}
    .list_box .list_imgbox .list_img{ width:100%; height:134px; overflow:hidden;}
}



@media only screen and (max-width: 800px) {
	.list_con{ width:98%; margin:0 auto;}
	.list_box .list_imgbox{ width:50%; height:240px; padding:10px; box-sizing:border-box; float:left; display:inline;}
    .list_box .list_imgbox .list_img{ width:100%; height:154px; overflow:hidden;}
	
	.list_tab{ width:100%; height:auto; overflow:hidden; }
	.list_tab a{ width:25%; height:150px; float:left; display:inline-block; text-align:center; font-size:18px; color:#000; line-height:50px;}

}