@charset "utf-8";

/* CSS Document */

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}

ol, ul ,li{list-style: none;}

img {border: 0; margin:0; padding:0;}

body {color:#333; text-align:left; font-size:14px;cursor:default; background:#FFF;}

a,em{ text-decoration:none; font-style:normal;}

a{color:#333;}

a:hover{ color:#009194;}

input, button{border:0 none; background: none transparent; margin:0; padding:0;}

.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}

.clear{clear:both; height:0px; width:100%; line-height:0px; font-size:0;} 

.dis{display:block;}

.undis{display:none;}

.fr{float:right;}

.fl{float:left;}

.posRelative{position:relative;}

.posAbsolute{position:absolute;}

.heng11{font-size:0px; line-height:0px;}

.heng11{ height:11px;}

.autoCenter{ margin-left:auto; margin-right:auto;}



.wrapper{ width:1202px; margin:0px auto;}

.header_topCo{ height: 50px; border-bottom: 1px solid #e3e3e3; }

.header_top{}

.header_wd1{ float: left; line-height: 50px; color: #555555; }

.header_tel{ float: right; line-height: 28px; color: #018b98; height: 28px; padding-right: 10px; margin-top: 10px;}

.header_seh{ width: 150px; height: 26px; border: 1px solid #e5e5e5; border-radius: 12px; float: right; margin-left: 12px; margin-top: 11px;}

.header_seh .headerc_key{float:left; width:100px;height:26px; padding-left:10px;}

.header_seh .headerc_btn{ float:right; width:19px;height:20px; background:url(../images/headerc_btn.jpg) no-repeat left top; margin-top:3px; margin-right: 12px;}

/*.headerCo{ height: 75px; padding-top: 28px; border-bottom: 2px solid #078c95; }*/

.headerCo{ height: 75px; padding-top: 28px;  }

.header{ }

.logo{}

.nav{ height: 75px; }

.nav li{ float: left; margin: 0 23px; }

.nav li a{ display: block; text-align: center; line-height: 38px;transition: all 0.3s ease-out 0s;}

.nav li a span{ display: block; color: #bdbdbd; font-size: 12px; height: 20px; line-height: 20px; margin-bottom: 5px;}

.nav li a:hover{ border-bottom:3px solid #00939d; }

.bannerCo{ width:100%; margin:0 auto; text-align:center; overflow:hidden; position:relative; z-index:1; overflow:hidden;height:702px;border-top: 2px solid #078c95;}

.banner_slideBox{ position:relative; width:100%;} 

.banner_slideBox .hd{ height:6px; overflow:hidden; position:absolute; right:45%; bottom:30px; z-index:11; } 

.banner_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 

.banner_slideBox .hd ul li{ list-style: none; float:left; margin:0px 13px; width:60px; height:6px; line-height:12px; text-align:center; background:#fff; cursor:pointer;} 

.banner_slideBox .hd ul li.on{ background:#078c95; color:#078c95; } 

.banner_slideBox .bd{ position:relative; height:100%; z-index:1; } 

.banner_slideBox .bd ul{ width:100%; height:702px}

.banner_slideBox .bd ul a{ width:100%; height:702px}

.banner_slideBox .bd ul li{ width:100%;; height:702px; position: relative;}

.banner1Co{ width: 470px; height: 330px; padding-top: 140px; background:url(../images/banner1_bg.png) repeat; border-radius: 50%;position: absolute; top: 140px;left:35%; z-index: 1;animation: 1s ease 0.5s normal forwards 1 running zoomIn;}

.banner1Co img{ display: block; margin: 0 auto; }

.banner1Co img:nth-child(1){ margin-bottom: 17px;}

.banner1Co img:nth-child(2){ margin-bottom: 27px; }

.banner1Co img:nth-child(3){ margin-bottom: 27px;}





.top1Co{ padding-top: 74px; }

.top1_titCo{ position: relative; }

.top1_titCo .top1_titen img{ display: block; margin: 0 auto 16px; }

.top1_tit{ width: 104px; height: 22px;  margin: 0 auto; text-align: center; line-height: 22px; color: #06989d; }

.top1-xian1{ opacity: 1; transition-delay: 0.5s; width: 100%; position: absolute;top:45px; left: 0;animation: 2.2s linear 0.5s normal backwards 1 running pXian;transition: width 1s linear 0.5s;}

@keyframes pXian {

	0% {

	    width: 0;

	}

	100% {

	    width: 100%;

	}

}

.pXian {

    animation-name: pXian;

}







.top1_bd{ margin-top: 50px; margin-bottom: 60px;}

.top1_bdl{}

.banner_about{ position:relative; width:569px; height: 289px;} 

.banner_about .hd{ height:10px; overflow:hidden; position:absolute; right:6%; bottom:15px; z-index:11; } 

.banner_about .hd ul{ overflow:hidden; zoom:1; float:left;  } 

.banner_about .hd ul li{ list-style: none; float:left; margin:0px 5px; width:10px; height:10px; line-height:0px; border-radius: 50%; text-align:center; background:#fff; cursor:pointer;} 

.banner_about .hd ul li.on{ background:#078c95; color:#078c95; } 

.banner_about .bd{ position:relative; height:100%; z-index:1; } 

.banner_about .bd ul{ width:100%; height:289px}

.banner_about .bd ul a{ width:100%; height:289px}

.banner_about .bd ul li{ width:100%;; height:289px; overflow: hidden;}

.banner_about .bd ul li img{transition: transform 0.6s ease 0s; width:100%; height:100%;object-fit: cover;}

.banner_about .bd ul li:hover img{-webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  }



.top1_bdr{ width: 580px; line-height:27px;transition: all 1s ease 0s; }

.top1_bdr:hover{transform:translateY(-20px);}

.top1_bdr a.top1_more{ width: 100px; padding-left: 30px; height: 35px; display: block; margin-top: 10px; border:1px solid #119aa4; border-radius: 15px; line-height: 35px; position: relative;}

.top1_bdr a.top1_more span{ color: #06989d; transition: all 0.5s ease 0s; position: relative;z-index: 2;}

.top1_bdr a.top1_more span em{ margin-left: 5px;transition: margin-left 0.5s ease 0s; }

.top1_bdr a.top1_more:hover span em{margin-left:15px;}





.top2Co{ height: 275px; padding-top: 60px; background-color: #f7f7f7; }

.top2{}

.top2 li{ float: left; margin: 0 90px; width: 220px;}

.top2 li .top2_pic1{ width: 141px; height: 141px; padding: 5px; border-radius: 50%; border:1px solid #6cc0c6; margin: 0 auto;position: relative;z-index: 1;}

.top2 li .top2_pic2{ width: 137px; padding-top: 37px; height: 100px; border:2px solid #60bbc2; border-radius: 50%;position: relative;z-index: 2; }

.top2 li:nth-child(1) .top2_pic2{ background: url(../images/top2_pic1.jpg) no-repeat center center; }

.top2 li:nth-child(2) .top2_pic2{ background: url(../images/top2_pic2.jpg) no-repeat center center; }

.top2 li:nth-child(3) .top2_pic2{ background: url(../images/top2_pic3.jpg) no-repeat center center; }

.top2 li a{ display: block; margin-top: 9px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #00939d; }

.top2 li .top2_des{ text-align: center; font-size: 16px; }

.top2 li:hover .top2_des{ color: #00939d; }

.top2 li:hover .top2_pic1{ background-color: #60bbc2; }

.top2 li:nth-child(1):hover .top2_pic2{ background: url(../images/top2_pic11.png) no-repeat center center #00939d; }

.top2 li:nth-child(2):hover .top2_pic2{ background: url(../images/top2_pic22.png) no-repeat center center #00939d; }

.top2 li:nth-child(3):hover .top2_pic2{ background: url(../images/top2_pic33.png) no-repeat center center #00939d; }





.top3Co{ height: 658px; background: url(../images/top3co.jpg) no-repeat center top; padding-top: 100px;}

.top3{ width:1200px; height:558px; overflow:hidden; position:relative;}

.top3t{position:absolute; right: 0px; top:100px;z-index: 6; width:250px; height:280px; background-color: #00939d; padding:20px;transition: all 1s ease 0s;}

.top3t .top3t_tit{ background: url(../images/top3t_tit.jpg) no-repeat left bottom; height: 60px; line-height: 60px;color: #fff; font-size: 35px;}

.top3t .top3t_des{ background: url(../images/top3t_tit.jpg) no-repeat left bottom; height: 150px; padding: 10px 0 20px; line-height:26px;color: #fff; font-size:14px; text-indent: 2em;}

.top3t a{ color: #fff; font-size: 12px; line-height: 30px; }

.top3t:hover{ transform:translateY(-20px);}



.top3 .top3btn{height:54px;}

.top3 .top3btn a.left,.top3 .top3btn a.right{   width: 56px; height:44px; display:block; position: absolute; z-index: 6;top: 215px;}

.top3 .top3btn a.left{background:url(../images/top3_prolp.png) no-repeat center center #00939d; left: 284px; }

.top3 .top3btn a.right{background:url(../images/top3_proln.png) no-repeat center center #00939d;left: 340px;}

.top3 .top3btn a.left:hover,.top3 .top3btn a.right:hover{ background-color: #004347;}



.top3 .img-list{position: absolute;left:340px;top: 0;width:784px;height:558px;}

.top3 .img-list ul{width: 518px;height: 340px;position: absolute;left:0;}

.top3 .img-list li{opacity: 0;position: absolute;left: 0;top: 0;z-index: 1; overflow: hidden;}

.top3 .img-list li img{transition: transform 0.6s ease 0s;width: 100%;}

.top3 .img-list li:hover img{-webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  }





.top4Co{ background-color: #f7f7f7; padding-top: 74px; }

.top4_prot{ width: 476px; margin:30px auto 50px; padding-left: 16%; }

.top4_prot li{ float: left; background: url(../images/top4_prot.jpg) no-repeat left center;}

.top4_prot li a{ padding: 0 24px; color: #00939d;}

.top4_prot li a:hover,.top4_prot li a.hover{ color: #333333; }



.top4_prol{ padding-bottom: 15px; }

.top4_prol li{ float: left; margin: 0 4px 45px;}

.top4_prol li img{ display: block; width: 292px; height: 201px; }

.top4_prol li a.top4_prolt{ display: block;height: 40px;  margin-top: -40px; position: relative;z-index: 2; background: url(../images/top4_prolt.png) repeat; line-height: 40px; text-align: center; color: #fff; transition: all 1s ease 0s;}

.top4_prol li:hover a.top4_prolt{ height: 201px; line-height: 200px; margin-top: -201px; }





.top5{ margin-top: 74px; margin-bottom: 74px; }

.top5_l{ width: 253px; height: 215px; padding-left: 41px; padding-top: 60px; background: url(../images/top5_l.jpg) no-repeat left top; position: relative;}

.top5_ltit{ color: #f7ff99; font-size: 26px; line-height: 44px; }

.top5_ldes{ font-size: 22px; color: #fff; line-height: 42px; }

.top5_ldes span{ display: block; font-size: 14px; line-height: 20px;}

a.top5_lmore{display: block; width: 100px; padding-left: 30px; height: 36px; border:1px solid #fff; color: #fff; line-height: 34px; border-radius: 18px; margin-top: 22px; position: relative;}

a.top5_lmore span{ color: #fff;}

a.top5_lmore span em{ margin-left: 5px;transition: margin-left 0.5s ease 0s; }

a.top5_lmore:hover span em{margin-left:15px;}







.top5_rCo{ width:885px; height: 225px; overflow: hidden; }

.top5_r{ margin-top: 24px; }

.top5_r li{ float: left; margin: 0 4px 45px; overflow: hidden; }

.top5_r li img{ display: block; width: 292px; height: 201px;transition: transform 0.6s ease 0s; }

.top5_r li a.top5_rt{ display: block; margin-top: -40px; position: relative;z-index: 2; background: url(../images/top4_prolt.png) repeat; height: 40px; line-height: 40px; text-align: center; color: #fff;  transition: all 1s ease 0s;}

.top5_r li:hover img{-webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  }

.top5_r li:hover a.top5_rt{ height: 201px; margin-top: -201px; line-height: 200px; }



.top6_prot{ width:104px; margin:30px auto 50px; }

.top6_prot li{ float: left; background: url(../images/top4_prot.jpg) no-repeat left center;}

.top6_prot li a{ padding: 0 24px; color: #00939d;}

.top6_prot li a:hover,.top6_prot li a.hover{ color: #333333; }



.top6_prol{}

.top6_prol li{cursor: pointer;float: left;overflow: hidden;position: relative; width: 25%;height:242px;}

.case_imgtp { display: block; width: 100%;}

.case_img {  position: relative;height:242px;}

.case_imgtpzz {display: none;    left: 0;    position: absolute;    top: 0;    transition: all 1s ease 0s;}

.search_wy {   left: -68px;   position: absolute;    top: 36%;    transition: all 0.5s ease 0s;    z-index: 4;}

.fdj {    margin-top: 16px;    position: absolute;    right: -32px;    top: 38%;    transition: all 0.5s ease 0s;    z-index: 4;}

.case_text {    bottom: -28px;    color: #86e4ff;    font-size: 14px;    left: 0;    line-height: 28px;    position: absolute;    text-align: center; transition: all 0.5s ease 0s;    width: 100%;}

.case_img:hover .case_imgtpzz {    display: block;}

.case_img:hover .search_wy {    left: 50%;    margin-left: -34px;}

.case_img:hover .fdj {    margin-top: 12px;    right: 46.5%;}

.case_img:hover .case_text {    bottom: 8%;}









.top7{ margin-top: 74px; margin-bottom: 74px; }

.top7_l{ width: 253px; height: 215px; padding-left: 41px; padding-top: 60px; background: url(../images/top7_l.jpg) no-repeat left top; }

.top7_r{ margin-top: 24px; }

.top7_r li{ float: left; margin: 0 4px 45px; overflow: hidden; }

.top7_r li img{ display: block; width: 292px; height: 201px; transition: transform 0.6s ease 0s;}

.top7_r li a.top5_rt{ display: block; margin-top: -40px; position: relative;z-index: 2; background: url(../images/top4_prolt.png) repeat; height: 40px; line-height: 40px; text-align: center; color: #fff;  transition: all 1s ease 0s;}

.top7_r li:hover img{-webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  }

.top7_r li:hover a.top5_rt{ height: 201px; margin-top: -201px; line-height: 200px; }





.top8_newl{ margin-top: 72px; margin-bottom: 60px; }

.top8_newl li{ float: left;  width: 520px; margin: 0 40px 42px;}

.top8_newl li .top8_newldt{ width: 70px; height: 60px; padding-top: 12px; float: left; border:2px solid #00929f; background-color: #00929f; font-size: 30px; line-height: 30px; color: #fff; text-align: center; margin-right: 13px; transition: all 1s ease 0s;}

.top8_newl li .top8_newldt span{ font-size: 12px; display: block; }

.top8_newl li a.top8_newltit{ font-size: 16px; color: #333; line-height: 20px; margin-bottom: 10px; display: block;transition: all 1s ease 0s;}

.top8_newl li .top8_newltxt{ line-height: 16px; color: #555;transition: all 1s ease 0s;}

.top8_newl li:hover .top8_newldt{ border:2px solid #c3c3c3; background: #fff; color: #555555; transform:translateX(440px);}

.top8_newl li:hover a.top8_newltit{transform:translateX(-90px);}

.top8_newl li:hover .top8_newltxt{transform:translateX(-90px);}



.botCo{ background: url(../images/botco.jpg) repeat left top; padding-top: 48px; }

.bot{}

.bot_nav{}

.bot_nav li{ float: left; margin-right: 95px; text-align: center;}

.bot_nav li .bot_navt{ color: #fff; font-size: 16px; margin-bottom: 15px;}

.bot_nav li a{ display: block; font-size: 12px; color: #63bba1; line-height:26px;}



.bot_ewm{}

.bot_ewm li{ float: left; width: 128px; margin: 0 10px; text-align: center; color: #fff; line-height: 24px;transition: all 1s ease 0s;}

.bot_ewm li:hover{ transform: translateY(-10px); }

.bot_ewm li img{ display: block; }

.bot_copy{ color: #fff; line-height: 40px; margin-top: 8px; text-align: center;}

.bot_copy hr{ border:1px solid  #3f867b; }

/*首页样式 结束*/

.nytypeCo{ height: 66px; border-bottom: 1px solid #d9d9d9; }

.nytypefixd{border-bottom: 1px solid #d9d9d9; background-color: #fff; position: relative;z-index: 999;}

.nytype{}

.nytype_tit{ padding-left: 32px; background: url(../images/nytype_tit.jpg) no-repeat left center; line-height: 66px; }

.nytypel{ padding: 0 8px; position: relative; }

.nytypel li{ float: left; background: url(../images/nytypelbg.jpg) no-repeat left center;height: 65px; }

.nytypel li.nytype_jt{ float: left; width: 8px; height: 10px; background:none; margin-top:24px;}

.nytypel li a{ display: block;  line-height: 65px; padding: 0 3px; margin: 0 15px; color: #06989d;}

.nytypel li a.hover,.nytypel li a:hover{ border-bottom: 3px solid #06989d; color:#333;}



.nydymainCo{margin-bottom: 150px;}

.nydy_tit1{ width:306px; height: 92px; text-align: center; margin: 20px auto 0; background: url(../images/nydy_tit1.jpg) no-repeat center 93px; font-size: 30px; color: #06989d; line-height: 64px; padding-top: 80px;}

.nydy_tit1 img{ display: block; margin: 0 auto; }

.nydy_con{ line-height: 30px; margin-top: 30px;text-align: center; }

#nydy_con2 { text-align: left;}

.nydy_con img{margin-right: 12px;}

.nynewsl{ margin-top: 30px; }

.nynewsl li{ float: left; width: 372px; margin: 0 13px; border:1px solid #b6b6b6; margin-bottom: 30px;}

.nynewsl li a.nynewsl_img{overflow: hidden; display: block; width: 372px; height: 242px;}

.nynewsl li a.nynewsl_img img{ width: 372px; height: 242px; transition: transform 0.6s ease 0s;}

.nynewsl li .nynewsl_con{ padding: 10px; height: 170px;position: relative; margin-top: -4px;}

.nynewsl li .nynewsl_con .nynewsl_tit{ color: #333333; font-size: 18px; line-height: 46px; }

.nynewsl li .nynewsl_con .nynewsl_des{ font-size: 12px; line-height:20px; }

.nynewsl li .nynewsl_con a.nynewsl_more{ display: block; width: 114px; height: 36px; border:1px solid #b6b6b6; font-size: 16px; color: #666666; text-align: center; line-height: 36px; position: absolute; left: 126px; bottom: 26px; }

.nynewsl li .nynewsl_con a.nynewsl_more:hover{ background-color: #00939d; border: 1px solid #00939d; color: #fff; }

.nynewsl li:nth-child(2){ margin-top: 60px; }

.nynewsl li:hover img{-webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  }





.nydymainCo .nynewsl_more2{ display: block; margin: 60px auto 0; width: 170px; height: 48px; color: #fff; background:url(../images/nynewsl_more2.png) no-repeat 40px center #939393; padding-left:30px ; }

.nydymainCo .nynewsl_more2:hover{background:url(../images/nynewsl_more2.png) no-repeat 40px center #06989d;}

.nynewss_tit{ margin-top: 34px; line-height: 90px; border-bottom: 1px solid #d9d9d9; color: #333333; font-size: 24px; text-align:center; }

.nynewss_qt{  line-height:78px; color: #a1a1a1; margin: 0 auto; overflow: hidden; width:552px;}

.nynewss_qtl{}

.nynewss_qtr{ padding-top: 28px; }

.nynewss_con{ line-height: 26px; }

.nynewss_con img{ margin:20px auto; display: block; }

.sxtishi{ padding-left: 190px; margin-top: 120px;}

.sxtishi .sxtishi_s,.sxtishi .sxtishi_x{ height: 32px; line-height: 32px; width: 420px; }

.sxtishi .sxtishi_s span,.sxtishi .sxtishi_x span{ display: block; width: 32px; height: 32px; text-align: center; line-height: 30px; color: #fff; background-color: #bfbfbf; border-radius: 50%; font-size: 24px; float: left; margin-right: 10px;}

.sxtishi .sxtishi_s a:hover span,.sxtishi .sxtishi_x a:hover span{ background-color: #00939d; }

.sxtishi .sxtishi_fh{ background: url(../images/sxtishi_fh.jpg) no-repeat left center; height: 24px; padding-left: 38px; line-height: 24px; }



.nyprosl{}



.nyprosl{ margin-top: 30px; }

.nyprosl li{ float: left; width: 372px; margin: 0 13px; border:1px solid #b6b6b6;}

.nyprosl li a.nynewsl_img{overflow: hidden; display: block; width: 372px; height: 242px;}

.nyprosl li a.nynewsl_img img{ width: 372px; height: 242px; transition: transform 0.6s ease 0s;}

.nyprosl li .nyprosl_con{ padding: 10px; height: 130px; position: relative; margin-top: -4px;}

.nyprosl li .nyprosl_con .nyprosl_tit{ color: #333333; font-size: 18px; height: 64px; line-height: 64px; background: url(../images/nyprosl_tit.jpg) no-repeat center bottom; text-align: center;}

.nyprosl li .nyprosl_con a.nyprosl_more{ display: block; width: 114px; height: 36px; border:1px solid #b6b6b6; font-size: 16px; color: #666666; text-align: center; line-height: 36px; position: absolute; left: 126px; bottom: 26px; }

.nyprosl li .nyprosl_con a.nyprosl_more:hover{ background-color: #00939d; border: 1px solid #00939d; color: #fff; }

.nyprosl li:nth-child(2){ margin-top: 60px; }

.nyprosl li:hover img{-webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  }



  

.nyprol_pic{}

.nyprol_pic img{ display: block; margin: 50px auto 0; }

.nyprol_tit{ height: 90px; text-align: center; font-size: 20px; line-height: 90px; }

.nyprol_con{ line-height: 30px;}

.nyprol_con span{ display: block; height: 42px; line-height: 42px; margin-top: 22px; border-bottom: 1px solid #d9d9d9; padding-left: 5px; font-size: 18px; color: #06989d; margin-bottom: 20px;}



.main_ly{width:500px; margin: 90px auto;}

.main_ly li{clear:both;padding:0px; margin-bottom: 20px;line-height: 40px; height: 40px;  }

.main_ly_t1{width:72px;float:left;margin-left: 10px;color: #646464; font-size: 14px; }

.main_ly_t2{float:left;color:#ff0000;padding:0px;font-size:14px; margin-left: 5px;}

.main_bd{width:375px;height:40px;border:solid 1px #d2d2d2;line-height:40px;padding:0 0 0 5px;float:left;  }

.main_bd1{width:370px;height:100px;border:solid 1px #d2d2d2;float:left;font-size:14px;line-height:32px;padding:5px;margin-bottom:15px;}

.main_bd11{width:75px;height:40px;border:solid 1px #d2d2d2;line-height:40px;padding:0 0 0 5px;float:left;  }


.main_but{width:210px;padding:20px 0 0 140px;clear:both;}

.gbook_tj,.gbook_cz{ width:96px; height:32px;display:block; background:#d9d9d9; text-align:center;font:normal 16px/32px "微软雅黑"; }

.gbook_tj:hover,.gbook_cz:hover{ background:#06989d; color: #fff;}

.gbook_tj{float:left;}

.gbook_cz{float:right;}

.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}

.text-c{ text-align: center;}
.text-c a{ margin: 20px !important;}
.text-c span{ margin: 10px ; background: #11bcc4; color: #ffffff; }







/*分页*/
.pagination-wrapper {clear:both;padding:1em 0;text-align:center;margin-top:10px;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;} 
.pagination li{float: left;display: inline;padding:0 1em;margin-right:10px;height:34px;line-height: 34px;text-decoration: none;border: 1px solid #d8dce0;border-radius: 5px;list-style: none; } 
.pagination li a {display: inline-block;color: #80909a; text-align:center;} 
.pagination li a:link{color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#11bcc4;} 
.pagination li a:link:hover {color:#11bcc4;} 
.pagination li.thisclass{background-color: #11bcc4;border-color:transparent;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child,
.pagination li:last-child{border-radius: 20px;} 
.pagination li:last-child{margin-right:0;}
.pagination .pageinfo{color: #444;}
.pagebar .pagination{display:flex;justify-content:center;margin-top:20px;margin-bottom:20px;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:3px 8px;margin:0 3px;border-radius:5px}
.pagination span{color:#333;font-size:14px;padding:8px 2px;margin:0 5px;border-radius:5px}
.pagination a:hover,
.pagination a.page-num-current{color:#fff;background:#11bcc4;border:1px solid #11bcc4;}