/* CSS Document */
/*base*/
*{ margin:0; padding:0;}
body,html{ width:100%; font-size:13px; font-family:"微软雅黑"; color:#3d3d3d; position:relative; background:#fff;}
html{ overflow-x:hidden;}
img{ border:none; text-decoration:none;}
a{color:#999; text-decoration:none; }
ul li{ list-style:none;}
.left{  float:left;}
.right{ float:right;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.wrapper{ width:1200px;margin: 0 auto; position: relative;}
.wid1200{width:1200px;margin: 0 auto;}
.tc{text-align: center;}
.pageBoxw {text-align: center; margin:50px auto;display: inline-block;margin-left: 37%;}
.pageBoxw a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #666;width:50px;height:34px;font:bold 14px/34px arial; background:#fff;}
.pageBoxw a:nth-child(1){ display:none;}
.pageBoxw a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBoxw .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBoxw a.cur {color: #fff;}
.pageBoxw .disabled {width: 79px;}
.pageBoxw b{display:inline-block;margin-right:6px;color: #3aa9f2;width:34px;height:34px;}


/*content*/
.content-box{ width:100%; background: #faf9f4; }

.banner{ height: 583px; }
.ml15{ margin-left:15px; display:inline;}
.ml65{ margin-left:65px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.mr30{ margin-right: 30px; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt50{ margin-top:50px;}
.ml30{ margin-left:30px;}
.ml25{ margin-left:25px;}
.ml37{ margin-left:37px;}


.game_pic.active{ }
.ibanner{ width:100%; position:relative; font-family:"微软雅黑";}


.ititle{ width:248px; height:60px; border-left:5px solid #000; border-right:5px solid #000; text-align:center; margin:60px auto 35px;}
.ititle a h2{ font-weight:nomal;font-size:45px; color:#060606; height:45px; line-height:45px; color:#444;}
.ititle a p{ font-size:18px; color:#cccccc; height:18px; line-height:18px; padding-top:5px;}

.new1{ float:left; width:405px; margin-left:40px; padding-top:26px;}
.new1 h2{ font-weight:nomal;color:#444444; font-size:20px; height:20px;line-height:28px; background:url(../images/new.jpg) no-repeat; text-indent:45px; padding-top:10px ; padding-bottom:10px; font-weight:normal;overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;}
.new1 h2:hover{ background:url(../images/new2.jpg) no-repeat; color:#10b3d0; }
.new1 a:nth-child(1) h2{ background:url(../images/new2.jpg) no-repeat; color:#10b3d0;}
.new1 a:nth-child(1) h2:hover{background:url(../images/new.jpg) no-repeat; color:#444;}
.new1 p{ font-size:15px; color:#ccc; padding-top:5px; padding-bottom:0; line-height:20px;  margin-bottom:17px; overflow : hidden; border-bottom:1px solid #ccc;}
.new1 p span{ float:right; padding-top:10px; }
.new1 a:nth-child(2) p{ border:none;}

.new2{    width: 357px;
    height: 430px;
    float: left;
    margin-left: 50px;
    /*margin-top: -17px;*/
    overflow: hidden;
 }
.new2 p{ 
    width: 355px;
    padding: 14px 0;
    font-size: 14px;
    color: #444444;
    line-height: 20px;
    background: url(../images/hotgray.png) no-repeat;
    background-position-y: 10px;
    text-indent: 40px;
    position: relative;
    padding-bottom: 1px;
 }
 .new2 a:nth-child(2) p{
   background: url(../images/hot.png) no-repeat;
   background-position-y: 14px;
 }
.new2 a:hover p{
   color:#10b3d0; 
   background-position-y: 14px;

}
.new2 span{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
   display: none;
}
.new2 em{
   font-style: normal;
   width: 100%;
   display: block;
   text-align: right;
}
.new2 a:nth-child(1) p{
   color:#10b3d0;    
   font-weight: normal;
   background: url(../images/new2.jpg) no-repeat;
   background-size: 35px;

}
.new2 a:nth-child(1):hover p{
   color:#10b3d0;    

}
.new2  a:nth-child(1) p font{
   font-size: 20px;
   margin-bottom: 10px;
}
.new2  a:nth-child(1) span{
   display: block;
}
.new2 p font{
   width: 100%;
   display: block;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap
}
.new2 p span{
    color: #ccc;
    position: absolute;
    bottom: -5px;
    width: 133px;
    right: -10px;
    display: block;
    font-weight: normal;
 }

.new2 a{ display:block; padding-bottom:0;  border-bottom:1px solid #ccc;}
.new2 a:nth-child(5){
   border-bottom: none;
}
/* 本例子css */
.picScroll-left{ width:1300px;height: 512px; overflow:hidden; position:relative;   margin:0 auto;}
.picScroll-left .hd{ overflow:hidden;  height:540px;  padding:0; position:absolute; top:0; width:100%; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  cursor:pointer; z-index:2;}
.picScroll-left .hd .next{  position:absolute; right:0; top:200px; }
.picScroll-left .hd .prev{ position:absolute; left:0; top:200px;}

.picScroll-left .hd ul{ float:right;  overflow:hidden; zoom:1; margin-top:10px; zoom:1; }


.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px; height: 570px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin: 0 5px; float:left; _display:inline; overflow:hidden;   }
.tempWrap{ width:1200px; margin:0 auto;}


.ixiangmu{ position:relative; margin-top:50px; font-family:"微软雅黑";}
.ks{position:absolute; text-align:center; width:100%; top:55px; z-index:22;}
.ixiangmu ul{ width:960px; margin:0 auto; }
.ixiangmu ul li{ float:left;width:120px; cursor:pointer; height:120px; background:url(../images/bai.png); text-align:center;  margin:0 0 0 15px; color:#10b3d0; font-size:21px; cursor:pointer;}
.ixiangmu ul li.cur{ background:#10b3d0; color:#fff;}
.ixiangmu ul li.cur .icon2{ display:none;}
.ixiangmu ul li.cur .icon1{ display:block;}
.ixiangmu ul li a{color:#10b3d0;}
.ixiangmu ul li.cur a{ color:#fff;}
.ixiangmu ul li .icon1{ display:none;}
.ixiangmu ul li .icon2{ display:block;}
.ixiangmu ul li img{ display:block; margin:15px auto 5px; min-height:67px;}


.contain{ height:775px; width:100%; overflow:hidden; font-family:"微软雅黑";}
.contain>div{ position:absolute; top:0; left:0; width:100%; z-index:0;}
.contain>div.cur1{opacity:0; transition:all 1.5s; z-index:0;}
.contain>div.cur2{ opacity:1; transition:all 1.5s; z-index:1;}
.cont-box1{ background:url(../images/chanke1.jpg) #2abed7 no-repeat; background-size:100%; height:100%;}

.cont-box2{ background:url(../images/shengzhi2.jpg) #3fb3ea   no-repeat; height:100%;  background-size:100%; }

.cont-box3{ background:url(../images/erke3.jpg) #95d6a0  no-repeat; height:100%;  background-size:100%; }

.cont-box4{ background:url(../images/yimei4.jpg) #8b8ad9   no-repeat; height:100%;  background-size:100%; }

.cont-box5{ background:url(../images/fuke5.jpg) #c38ad9 no-repeat; height:100%;  background-size:100%; }
.cont-box6{ background:url(../images/yuezi6.jpg) #d6bc96 no-repeat; height:100%;  background-size:100%; }

.cont-box7{ background:url(../images/zunrong7.jpg) #48d5da no-repeat; height:100%;  background-size:100%; }

.nr-box{ padding-top:396px; color:#fff; text-align:center; width:90%; margin:0 auto;}
.nr-box img{ display: block; margin:0 auto;}
.nr-box h2{ font-weight:nomal;font-size:45px; padding-top:15px; height:45px; line-height:45px;}
.nr-box p{ font-size:16px; padding-top:15px; height:16px; line-height:16px;}
.nr-box h3{ font-size:20px; height:20px; line-height:20px; padding-top:15px;}
.nr-box div{ font-size:14px; line-height:21px; width:660px; margin:25px auto;}
.nr-box a{ display: block; margin:0 auto; color:#10b3d0; font-size:20px; width:180px; height:40px; line-height:40px; text-align:center; background:#fff; vertical-align:bottom;}
.nr-box a span{ font-size:30px; vertical-align:bottom;}
.tu img{ display:block; margin:0 auto;}

.zj-box{ width: 283px; height:507px; background:#05a6c2; color:#fff; float:left; margin:0 6px; font-family:"微软雅黑";}
.zj-box img{background:#fff;width: 283px}
.zj-box dt{ width:283px; height:381px; position:relative;}
.zj-box dt p{ position:absolute; bottom:10px; left:0;  width:100%; height:50px; text-align:center; line-height:50px; font-size:16px;}
.zj-box dt p b{ font-size:22px; font-weight:normal;}
.zj-box dd{ padding:20px;z-index: 999;position: relative;background:url(../images/se.png) repeat;padding-top: 0;margin-top: -10px;}

.zj-box dd span{ font-size:17px;top: -5px;display: inline-block;position: absolute;}
.zj-box dd p{ font-size:14px; overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-indent: 47px;
}
.zj-box dd a{display: block; margin:10px auto; color:#fff; font-size:17px; width:180px; height:40px; line-height:40px; text-align:center; background:#007aa2; vertical-align:bottom; border-radius:5px;}
.zj-box dd a strong{ font-size:30px; padding-right:5px; color:#16dce7; font-weight:normal; vertical-align: bottom; }

.zj-title{ width:100%; text-align:center; margin:70px auto 45px;}
.zj-title a h2{ font-weight:nomal;font-size:45px; color:#444; height:45px; line-height:45px;}

.zj-title a span{ color:#0e93aa;}

.zj-title a p{ font-size:18px; height:18px; line-height:18px; color:#cccccc; padding-top:15px;}

.full_bg { background:#efefef; margin:0; padding:0px 0 60px 0; height:750px;}

.bdfcyy{ background:url(../images/bg.jpg)  top center  no-repeat; height:690px; width:100%;font-family:"微软雅黑";}
.bdfcyy  .wrapper{height:100%}
.wz-lf{ width:660px; text-align:center; padding-top:80px; padding-left:90px; }
.wz-lf h2{ font-weight:nomal;font-size:50px; height:50px; line-height:50px; font-weight:normal; margin:15px auto;}
.wz-lf h3{ font-size:26px; height:26px; line-height:26px; margin:15px auto; font-weight:normal;}
.wz-lf h4{ font-size:20px; height:20px; line-height:20px; font-weight:normal;}
.wz-lf p{ font-size:14px; line-height:21px; /*padding-top:20px;*/}
.wz-lf a{ display: block; margin:35px auto; color:#fff; font-size:20px; width:180px; height:40px; line-height:40px; text-align:center; background:#31dcee; vertical-align:bottom;}
.wz-lf a strong{  font-size:30px; padding-right:5px; color:#fff; font-weight:normal; vertical-align: bottom; }

.biao{ width:340px; height:370px; background:url(../images/zi.png) repeat; border-radius:5px; padding-top:30px; position:relative; margin-top:100px;}
.biao img{ position:absolute; top:0; left:0;}
.biao p{ width:244px; height:40px; border-radius:5px; margin:0 auto; background:#edeff6; margin-top:10px; font-size:16px;}
.biao input{ float:left; border:none; background:none; width:100%; height:100%; text-indent:14px;}
.hide{ display:none;}
.textarea{ display:block; background:#edeff6; width:244px; height:104px; padding-top:10px;  text-indent:14px; border:none; border-radius:5px; margin:10px auto;}
.biao-box{ position:relative;}
.laizi{ position:absolute; top:437px; right:-50px; z-index:22;}
.biao input.anniu{ width:244px; height:40px; border-radius:5px; margin:0 auto; background:#c3c2ff; float:none; margin-top:10px; font-size:16px; color:#fff; display:block; margin:10px auto; cursor:pointer;}
.active1{ margin-top:70px;}
.active1 dl{ width:290px; height:290px; background:#01dcea; color:#fff; text-align:center; float:left; margin:5px; }
.active1 dl a{ color:#fff;}
.active1 dl img{ display:block; margin:40px auto 10px;}
.active1 dl dd h2{ font-weight:normal;font-size:30px; height:30px; line-height:30px; padding-top:10px;}
.active1 dl dd p{ font-size:20px; height:20px; line-height:20px; padding-top:10px;}
.active1 dl:nth-child(2),.active1 dl:nth-child(4),.active1 dl:nth-child(5),.active1 dl:nth-child(7){ background:url(../images/lan.png) repeat;}


.bottom{  width:100%;height: 50px; background:#2f9daa; color:#fff; position:relative;font-size:16px;float: left;}
.bottom a{color:#fff;}
.bottom a:hover{color:#ddd;}
.bt-lf{ width:834px;}
.bt-lf ul{ width:118px; line-height:28px; margin-left:55px; font-size:14px; color:#fff; float:left; margin-top:60px; }
.bt-lf ul a{ color:#fff;}
.bt-lf ul li{line-height:25px;}
.bt-lf ul li:nth-child(1){ font-size:20px;height:20px; line-height:20px; margin-bottom:22px;}

.bt-rt { margin-top:60px; width:305px;}
.bt-rt dl{ float:left; font-size:14px; text-align:center; margin-left:20px; line-height:20px;margin-top:30px;}
.bt-rt dl:nth-child(1){ margin-left:33px;}
.bt-rt h3{font-size:20px;font-weight:normal;margin-bottom:10px;text-align:left;}
.bt-rt h2{ font-weight:nomal;font-size:18px; font-weight:normal; text-align:center; height:18px;  line-height:18px; margin:16px auto;}
.bt-rt span{ font-size:14px; height:14px; line-height:24px; text-align:center;}
.copyright{ color:#fff;width: 100%;text-align: center;height: 50px;
    line-height: 50px;
    font-size: 12px;
    background: #3d3d3d;}
.back-to-top{ position:absolute; top:-39px; left:50%; z-index:999; margin-left:-39px; cursor:pointer;}

.slides li{ position: relative;}
.slides li .img-txt img{ width:100%;}
.slides li .img-txt{  position:absolute; top:35%; right:0;   opacity:0; width:29%; z-index:3;}
.slides li.flex-active-slide .img-txt{ position:absolute; right:18%; opacity:1; transition:all ease 2s;}
.slides li .img-txt.img-txt2{  position:absolute; top:38%; right:0;   opacity:0; width:26%; z-index:3;}
.slides li .img-txt.img-txt3{  position:absolute; top:35%; right:0;   opacity:0; width:27%; z-index:3;}
.slides li .img-txt.img-txt4{  position:absolute; top:35%; right:0;   opacity:0; width:29%; z-index:3;}
.slides li .img-txt.img-txt5{  position:absolute; top:24%; right:0;   opacity:0; width:32%; z-index:3;}
.slides li .img-txt.img-txt10{  position:absolute; top:0; right:0;   opacity:0; width:43%; z-index:3;}
.slides li .img-txt.img-txt11{  position:absolute; top:0; right:-15%;   opacity:0; width:100%; z-index:3;}
.slides li .img-txt.jd{  position:absolute; top:66%; right:0;   opacity:0; width:12%; height: 24%; z-index:3;}

.slides li .img-txt.ym{  position:absolute; top:0; right:-20%;   opacity:0; width:100%; height: auto; z-index:3;}

.slides li .img-txt.ym2{  position:absolute; top:0; left:-20%;   opacity:0; width:100%; height: auto; z-index:3;}






.slides li.flex-active-slide .img-txt.img-txt.img-txt2{ position:absolute; right:23%; opacity:1; transition:all ease 2s;}
.slides li.flex-active-slide .img-txt.img-txt.img-txt3{ position:absolute; right:20%; opacity:1; transition:all ease 2s;}
.slides li.flex-active-slide .img-txt.img-txt.img-txt4{ position:absolute; right:27%; opacity:1; transition:all ease 2s;}
.slides li.flex-active-slide .img-txt.img-txt.img-txt5{ position:absolute; right:22%; opacity:1; transition:all ease 2s;}
.slides li.flex-active-slide .img-txt.img-txt.img-txt10{ position:absolute; right:28%; opacity:1; transition:all ease 2s;}

.slides li.flex-active-slide .img-txt.img-txt.img-txt11{ position:absolute; right:0%; opacity:1; transition:all ease 2s;}

.slides li.flex-active-slide .img-txt.jd{ position:absolute; right:27%; opacity:1; transition:all ease 2s;}
.slides li.flex-active-slide .img-txt.jd img{animation: jd 1s  infinite;}

.slides li.flex-active-slide .img-txt.ym{ position:absolute; right:0; opacity:1; transition:all ease 2s;}
.slides li.flex-active-slide .img-txt.ym2{ position:absolute; left:0; opacity:1; transition:all ease 2s;}



@keyframes jd {
 0% {
    transform:  scale(1);
  }
 50% {
    transform:scale(0.8);

  }
 100% {
    transform:  scale(1);

  }
}


.ksdh{ width:286px; height:264px; border-radius:5px; position:absolute; top:600px; right:80px; z-index:999999; background:url(../images/an.png) repeat;}
.ksdh a{ float:left; width:78px; height:73px; margin-left:13px; margin-top:11px;}




.mynav-box{ width:100%; height:60px; background:#2eb4bf; position:absolute; top:120px; left:0; z-index:999; font-family:"微软雅黑";}

.mynav{ width:1200px; margin:0 auto;}
.mynav li{ float:left; font-size:20px; color:#fff; margin-left:60px; line-height:60px; height:60px; position:relative;}
.mynav li a{ float:left; font-size:20px; color:#fff;}
.mynav li a span{ font-size:16px;}

.overimg{
	position: absolute;
	bottom:100px;
	left:25px;
}
.overimg dd{
	display:block;
	width:130px;
	height:140px;
	float:left;
	margin-left: 15px;
}
.overimg dd img{
	display:block;
	width: 105px;
	height: 104px;
	margin:0 auto
}
.overimg dd p{
	font-size: 18px;
	color: #05a6c2;
	text-align: center;
	padding-top: 5px;
}


.topbar .wrapper{ position: relative;    height: 120px;}
.font{line-height: 21px; background: url(../images/fan.png) no-repeat; position:absolute;  top:12px; right:0px; color:#97cbd7;  width:50px; height:21px; text-align:center;display: none; }


/*导航*/
.mynav>li{ width:150px; margin:0; text-align:center; position:relative; height:60px; overflow:hidden; transition:all ease 1s;}
.mynav>li.cur3{ height:560px; transition:all ease 1s;  }
.mynav>li>a.cur4{ color:#18c9d5;background:#fff;}

.mynav>li a{ width:150px; text-align:center; height:60px;}
.mynav li ul{ width:150px;display:block; margin:0;height:485px; position:absolute; top:60px; padding-top:15px; line-height:32px; background:none; }
.mynav li ul li{ margin:0;  line-height:32px; height:32px; width:100%;}
.mynav li ul li a{ line-height:32px; font-size:16px; width:100%; height:100%; display:block;}
.mynav li ul li a:hover{ background:#fff; color:#18c9d5;}

.dh-box{ width:100%; position:absolute; top:180px; left:0; background:url(../images/bgggg.png) repeat; height:0;transition:all ease 1s;z-index: 2;}
.dh-box.cur{ height:500px;transition:all ease 1s; }
.mynav li ul.cur{background:#2eb4bf; }

/*文章列表页*/
.wrapper1260{ width:1260px; margin:0 auto;}
.list-content{ background:#f0f0f0; width:100%;}
.list-bannerxw{ width:100%; height:589px; background:url(../images/listxw.jpg) no-repeat; background-size:cover; }
.list-content .list-box ul{ margin:0px auto;}
.list-content .list-box li{ width:300px; height:310px; float:left; margin:5px 7px;}
.list-content .list-box dl{ width:300px; height:310px; background:#fff; cursor:pointer;}
.list-content .list-box dl dt{ position:relative; width:300px; height:190px;}
.list-content .list-box dl dt div{opacity: 0;width:280px; padding:40px 10px; height:110px; position:absolute; bottom:0; left:0;
 text-align:center; background:url(../images/molv.png) repeat; color:#fff; font-size:13px; }
.list-content .list-box dl dt div p{
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;  width:100%; overflow : hidden;}
.list-content .list-box dl dd{ background:#fff; height:50px; font-size:16px; width:90%; padding:0 5%; margin:0 auto; text-align:center; padding-top:10px; color:#888888; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.list-content .list-box dl dd p{ width:}
.list-content .list-box dl dd a{ color:#888888;}
.list-content .list-box dl dd a.ckxq{ width:155px; height:40px; display:block; margin:0 auto; font-size:18px; color:#10b3d0; background:#eaeaea; line-height:40px; text-align:center;}
.list-bt h2{ font-size:36px; font-weight:normal; color:#666; margin:30px auto; text-align: center; font-family:"微软雅黑"}
.list-content .list-box dl:hover div{opacity: 1;transition:all ease 1s;}
.list-content .list-box dl:hover dd{ background:#10b3d0; color:#fff; transition:all ease 1s;     }
.list-content .list-box dl:hover dd{ color:#fff; transition:all ease 1s;}
.list-content .list-box dl:hover dd a{ color:#fff;}
.list-content .list-box dl:hover dd a.ckxq{ color:#10b3d0; background:#fff; }
/*文章内容页*/

.wrapper1020{ width:1020px; margin:0 auto;}
.wz-content{ width:100%; color:#666; background:#f0f0f0; padding:70px 0; font-family:"微软雅黑" }
.wz-content .gav{width: 900px;
    margin: 0 auto;
    font-size: 16px;
 }
.wz-content .gav span{
   margin-left: 15px;
}
.wz-content .gav .tags{
    border: 1px solid #3a3993;
    border-radius: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.wz-content .gav .tags:hover{
    border: 1px solid #3a399333;
    border-radius: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.wz-box{ width:930px; margin:0 auto; }
.wz-title{ width:100%; text-align:center; color:#666;}
.wz-title h2{ font-size:30px; padding-bottom:17px; font-weight:normal; display:inline-block; border-bottom:1px solid #a5a5a5;}
.wz-title p{ font-size:16px; padding-bottom:17px; padding-top:10px;}
.wz-txt{ width:100%; font-size:16px; line-height:28px; border-bottom:1px solid #c5c5c5; padding-bottom:20px;
			display:inline-block;
			overflow:auto;}
.wz-txt p{ margin:15px 0; font-size:16px; line-height:28px;}
.wz-txt img{ display:block; margin:15px auto;}

.bd-title{ font-size:40px; font-weight:normal; color:#000; height:40px; line-height:40px; margin:30px auto; text-align:center; font-family:"微软雅黑"}
.bd-title span{ color:#10b3d0}


.bdts{ font-family:"微软雅黑"}
.ts-lf{ width:710px;}
.ts-lf dl{ margin-right:7px; margin-bottom:7px; width:170px;height:170px; background:#95dde6; float:left;}
.ts-lf dl dt img{ margin:10px auto; display:block; }
.ts-lf dl dd{ font-size:24px; text-align:center; color:#fff;}
.ts-lf dl:nth-child(2){ background:#98cff1;}
.ts-lf dl:nth-child(3){ background:#e6c6e5;}
.ts-lf dl:nth-child(4){ background:#b7bdec;}
.ts-lf dl:nth-child(5){ background:#bcc2ec;}
.ts-lf dl:nth-child(6){ background:#ebc6c0;}
.ts-lf dl:nth-child(7){ background:#e7cea7;}
.ts-lf dl:nth-child(8){ background:#95dde6;}

.ts-rt{ width:243px; float:right; position:relative; }
.ts-txt{ width:215px; height:240px; background:url(../images/baise.png) repeat; position:absolute; top:50px; left:-60px;;z-index:999; }
.ts-txt img{ display:block; margin:24px 0 5px;}
.ts-txt p{ color:#808080; font-size:14px; width:170px; line-height:21px;}
.ts-txt a{ display:block; width:150px; height:45px; color:#fff; background:#10b3d0; margin-top:10px; font-size:18px; text-indent:48px; line-height:45px;}

.yhhd-img img{ float:left; display: block; }
.yhhd-img a{ float:left; width:329px; height:197px; margin-left:16px; position:relative;}
.yhhd-img a:nth-child(1){ margin-left:0;}
.yhhd-img a div{ width:100%; height:100%; background:url(../images/baise.png) repeat; left:0; top:0; position:absolute; box-shadow:2px 2px 5px #999; display:none;}
.yhhd-img a:hover div{ display:block; transition:all ease 1s;}
.yhhd-img div h2{ font-size:20px; padding-top:35px; font-weight:normal; color:#666; text-align:center;}
.yhhd-img div p{ font-size:14px;  color:#999; width:90%; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; margin:20px auto; text-indent:2em;}


.kp-lf {
    width: 254px;
}

.kp-lf a h3 {
    color: #333
}

.kp-lf a p {
    color: #504f4f
}

.kepu-box {
    width: 1020px;
    font-family: "微软雅黑";
    margin-top: 20px;
}

.kepu-box a:hover {
    color: #10b3d0;
}
.bd-title  p{
    width: 200px;
    margin: 0 auto;
    height: 65px;
    background: url('../images/u84.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}
.kepu-box li{
  width: 49%;
  display: list-item;
  float: left;
  font-size: 17px;
  list-style:url(../images/u46.png);
  line-height: 22px;
  padding-bottom: 12px;
  color: #333;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.kepu-box li:nth-child(1){
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.kepu-box li:hover{
  opacity: .8;
}
.kepu-box li a{
  color: #333;
}
.kepu-box li a:hover{
  color: #0B8397;
}

.fenye a:nth-child(1){ float:left;color:#666666; text-decoration:underline; padding-top:20px;}
.fenye a:nth-child(2){ float:right; color:#30b8d3; text-decoration:underline; padding-top:20px;}
.new-banner{ width:100%; height:589px; background:url(../images/news-banner_01.jpg) no-repeat; background-size:cover; }

/* 孕妈工具 */

.wrapper1100{ width:1100px ; margin:0 auto;}
  .flex-direction-nav li{ float:left; margin-left:10px; margin-top:30px;}
  .flex-direction-nav .flex-prev{ background:url(../images/arrowleft.png) no-repeat; text-indent:-9999999999999px; display: block; width:24px; height:24px; overflow:hidden;    left: 0;
    margin-top: 21px;}
  .flex-direction-nav .flex-next{background:url(../images/taocan_15.jpg) no-repeat; text-indent:-9999999999999px; display: block; width:24px; height:24px; overflow:hidden;right:0}
  .flex-direction-nav a{opacity: 1;margin-top: 20px;};
  .yunmatool { background:#f2f2f2; width:100%; padding:40px 0 60px 0; padding-top:40px;padding-bottom: 40px;}
  .yunmatool h2{ color:#060606; font-size:40px;  text-align:center; line-height:40px; height:40px; font-weight:normal;}
  .yunmatool dl dd{ height:40px; line-height:40px; text-align:center; }
  .yunmatool dl{ width:85px; float:left; margin:40px 25px 30px; display: inline;}
  .yunmatool dl dd a{ color:#666; line-height:40px; text-align: center;}


/*电话动画*/
.animate {
  font-size: 42px;

  font-weight:normal;
   height:48px; line-height:48px;

}

.animate span {
  display: inline-block;
}

.animate span:nth-of-type(2) {
  animation-delay: .05s;
}

.animate span:nth-of-type(3) {
  animation-delay: .1s;
}

.animate span:nth-of-type(4) {
  animation-delay: .15s;
}

.animate span:nth-of-type(5) {
  animation-delay: .2s;
}

.animate span:nth-of-type(6) {
  animation-delay: .25s;
}

.animate span:nth-of-type(7) {
  animation-delay: .3s;
}

.animate span:nth-of-type(8) {
  animation-delay: .35s;
}

.animate span:nth-of-type(9) {
  animation-delay: .4s;
}

.animate span:nth-of-type(10) {
  animation-delay: .45s;
}

.animate span:nth-of-type(11) {
  animation-delay: .5s;
}

.animate span:nth-of-type(12) {
  animation-delay: .55s;
}

.animate span:nth-of-type(13) {
  animation-delay: .6s;
}

.animate span:nth-of-type(14) {
  animation-delay: .65s;
}





/* Animation Two */

.two span {
height:48px; line-height:48px;
  color: #2cb0c7;
  opacity: 0;
  transform: translate(200px, -100px) scale(2);
  animation: ballDrop 2s  infinite;
}

@keyframes ballDrop {
 0% {
    transform: translate(0) rotate(0deg) scale(.5);
	opacity: 0.5;
  }
  40% {
    transform: translate(0) rotate(0deg) scale(1);
    opacity: 1;
  }
  80% {
    transform: translate(0, 0px) rotate(0deg) scale(1);
	opacity: 1;
  }
   100% {
    transform: translate(0, 0px) rotate(0deg) scale(1);
	opacity: 1;
  }
}




/*宾客心声*/
.bkxs{ width:100%; background:#fff; font-family:"微软雅黑"; padding-bottom:80px;}
.bk_title{ width:100%; text-align:center;padding:55px 0 25px;}
.bk_title h2{ font-size:30px; color:#444444; height:30px; line-height:30px; font-weight:normal;}
.bk_title p{ font-size:12px; color:#666; height:12px; line-height:12px; margin-top:10px;}
.bkxs1{ width:480px; float:left;}
.bkxs2{ width:238px;float:left; margin-left:5px; }
.bkxs3{ width:470px; float:left;  margin-left:5px;}
.bk_title h2 span{ color:#0e93aa;}
.bkxs-wz{ width:480px; height:163px;  background:#eff3f9; border-radius:10px; margin-bottom:5px;}
.bkxs-wz h3{ color:#0e93aa; font-size:18px; padding:45px 0 0 55px; font-weight:normal;}
.bkxs-wz h3 a{ color:#0e93aa; font-size:18px; }
.bkxs-wz p{ padding:10px 0 0 55px; font-size:14px; width:370px; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.bkxs-wz1 h3{ width:240px; padding:35px 35px 0 35px; height:98px;  color:#0e93aa; font-size:18px; font-weight:normal; background:#eff3f9; border-radius:10px;}
.bkxs-wz1 h3 a{ color:#0e93aa; font-size:18px;}
.bkxs-wz1 h3 a:hover{ color: #666; }

.bkxs ul li{ background:url(../images/xin.png) 45px 20px no-repeat; padding-left:75px; height:61px; line-height:61px;  overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  }
.bkxs ul li:nth-child(odd){background:url(../images/xin.png) 45px 20px no-repeat #eff3f9; }
.bkxs ul li a{ font-size:16px; color:#666666;}
.bkxs ul li a:hover{ color: #0e93aa; }
/*孕育百科*/
.zykp{
	width:1226px;
	height:auto;
	margin:90px auto 0 auto;
	padding-bottom: 75px;
}
.zykp-tit h2{
	font-size: 45px;
	font-weight: bolder;
	color: #444444;
	height:52px;
	line-height: 52px;
	text-align: center
}
.zykp-tit h2 a{color: #444444;}
.zykp-tit p{
	font-size: 18px;
	color:#ccc;
	text-transform: uppercase;
    height: 30px;
    line-height: 30px;
	text-align: center;
   padding-top: 15px;
}
.zykp-fl{width:557px; height:429px;margin-top: 25px}
.zykp-fl img{display:block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.zykp-rg{width: 615px;margin-top: 32px;}
.zykp-rg li{
	border-bottom: solid 1px #cccccc;
	margin-top:20px
}
.zykp-rg li .p1{font-size: 20px;}
.zykp-rg li .p1 a{color: #444444;display:block;}
.zykp-rg li .p2{font-size: 15px;line-height: 24px; margin: 0 auto 25px auto}
.zykp-rg li .p2 a{color: #aaaaaa;}
.zykp-rg li:hover .p1 a{color:#10b4d2}
.zykp-rg li:hover .p2 a{color:#6e6c6c}

/* 20190801 */
.btn_yjtc {
    color: #FFF;
    font-size: 18px;
    margin-right: auto;
    padding: 0px 30px;
    border-radius: 100px;
    -moz-border-radius: 10px;
    height: 48px;
    line-height: 48px;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    margin-top: 30px;
    display: inline-block;
}
.an_zs {
    background-color: #693c5d;
    margin-left: 145px;
}
.an_hs {
    background-color: #b78757;
    margin-left: 38px;
}
.banner .slideBox .hd ul li a{
  width:100%;
  height: 100%;
  display: block;
}


.topbar .wrapper span.left{margin-top:15px;display: block;}
.topbar .wrapper h2.right{margin:35px;}
.yunmatool{
  display: none;
}

.kepu {
    padding-bottom: 70px;
}
.kepu-box li:nth-child(1){
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.kepu-box li:hover{
  opacity: .8;
}
.kepu-box li a{
  color: #333;
}
.kepu-box li a:hover{
  color: #0B8397;
}
.kepu-box {
    width: 1020px;
    font-family: "微软雅黑";
    margin-top: 20px;
}

.kepu-box a:hover {
    color: #10b3d0;
}
.bd-title  p{
    width: 200px;
    margin: 0 auto;
    height: 65px;
    background: url('../images/u84.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}
.kepu-box li{
  width: 49%;
  display: list-item;
  float: left;
  font-size: 17px;
  list-style:url(../images/u46.png);
  line-height: 22px;
  padding-bottom: 12px;
  color: #333;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}


.SzFooter1 {
    width: 100%;    
    background: #0aa8b4;
    display: block;
    float: left;

}

.SzFooter1 .kjtd {
    float: left;
    margin: 0 0 25px;
    padding-top: 58px;
    width: 260px;
    
}

.SzFooter1 .kjtd h3 {
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
}

.SzFooter1 .kjtd dl {
    width: 100%;
    height: 100px;
    margin-top: 22px;
}

.SzFooter1 .kjtd dd {
    float: left;
    margin: 0px 28px 0 0;
    text-align: center;
}

.SzFooter1 .kjtd dd:nth-child(1) b {
    background-image: url(../images/zx0.png);
    background-size: 35px 35px;
    background-position: center center;
    background-repeat: no-repeat;
}

.SzFooter1 .kjtd dd:nth-child(2) b {
    background-image: url(../images/gh0.png);
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
}

.SzFooter1 .kjtd dd:nth-child(3) b {
    background-image: url(../images/ask0.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.SzFooter1 .kjtd dd b {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 auto;
}

.SzFooter1 .kjtd dd b:hover {
    /* display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #10b3d0;
    border:1px solid #10b3d0;*/
}

.SzFooter1 .kjtd dd b img {
    display: block;
    margin: 0 auto;
    padding-top: 9px
}

.SzFooter1 .kjtd dd p {
    color: #ccc;
    font-size: 1pc;
    line-height: 35px
}

.SzFooter1 .kjtd dd a {
    color: #fff;
    font-size: 14px;
}

.SzFooter1 .kjtd ul {
    width: 84px;
    display: block;
    float: left;
}

.SzFooter1 .kjtd ul li {
    float: left;
    display: block;
    height: 28px
}

.SzFooter1 .kjtd ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 25px
}
.SzFooter1 .kjtd ul li a:hover{
    color: #fff;
    text-decoration: underline;
}

.SzFooter1 .zzgh {
    float: left;
    margin: 0 65px;
    padding-top: 55px;
    width: 285px;
    height: 350px
}

.SzFooter1 .zzgh h3 {
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 55px;
}

.SzFooter1 .zzgh h4 {
    color: #a6a6a6;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.zzgh form {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    color: #ccc;
    font-size: 1pc
}

.zzgh form label {
    width: 92px;
    color: #fff;
    font-size: 1pc
}

.zzgh form input,
.zzgh form select {
    padding-left: 5px;
    height: 26px;
    border: 1px solid #d3d9e6;
    border-radius: 3px
}

.zzgh form input {
    width: 280px;
    color: #282c33;
    font-size: 14px;
    background: #fff;
}

.zzgh form select,
.zzgh form textarea {
    width: 280px;
    background: #fff;
    color: #282c33;
    font-size: 14px
}

.zzgh form select {
    width: 285px;
    color: #282c33;
    position: absolute;
    left: 0;
    top: 34px;
}

.zzgh form textarea {
    float: left;
    margin-bottom: 20px;
    width: 285px;
    height: 88px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-indent: 5px
}

.zzgh form textarea {
    background: #fff;
    color: #282c33;
    font-size: 14px
}

.zzgh form input::-webkit-input-placeholder {
    font-size: 14px;
    color: #282c33;
}

.zzgh form input::-moz-placeholder {
    font-size: 14px;
    color: #282c33;
}

.zzgh form input:-ms-input-placeholder {
    font-size: 14px;
    color: #282c33;
}

.zzgh form textarea::-webkit-input-placeholder {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #282c33;
}

.zzgh form textarea::-moz-placeholder {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #282c33;
}

.zzgh form textarea:-ms-input-placeholder {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #282c33;
}

.zzgh tr:nth-child(3) td {
    padding-bottom: 38px;
    position: relative;
}

.zzgh td {
    padding-bottom: 10px;
    width: 100%
}

.zzgh td span {
    color: #fff;
    font-size: 14px;
    padding-bottom: 5px;
    float: left;
}

.zzgh td span font {
    color: #fff;
    line-height: 20px;
}

.zzgh input.tijiao {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background-color: #fff;
    color: #0fafb4;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    cursor: pointer;
}

.SzFooter1 {
    margin-bottom: 0px
}

.SzFooter1 .lxfs {
    float: left;
    margin-left: 25px;
    padding-top: 55px;
    width: 890px;
    color: #fff;
}

.SzFooter1 .lxfs h5 {
    display: block;
    margin: 15px;
}

.SzFooter1 .lxfs h2 {
    font-size: 19px;
    line-height: 35px;
    margin-left: 17px;
}

.SzFooter1 .lxfs p {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin-left: 17px;
}

.SzFooter1 .lxfs p a {
    color: #ccc;
}

.SzFooter1 .lxfs dl {
    margin: 0 auto;
    width: 95%;
    height: auto
}

.SzFooter1 .lxfs dd {
    margin-top: 15px
}

.SzFooter1 .lxfs dd img {
    display: block;
    margin: 5px
}

.SzFooter1 .lxfs dd span {
    display: block;
    color: #ccc;
    text-align: center;
    font-size: 9pt;
    line-height: 28px
}

.SzFooter1 .border {
    float: left;
    margin-top: 70px;
    width: 1px;
    height: 400px;
    border-right: 1px solid #ffffff61;
}

.zzgh .xlselect {
    margin-left: 6px
}

select::-ms-expand {
    display: none
}

select {
    /* appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 14px*/
}

option::-ms-expand {
    display: none
}

option {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

option:hover {
    color: #fff;
    background-color: #1e90ff
}

select::-ms-expand {
    display: none
}

input,
textarea,
select,
a:focus {
    outline: 0
}

textarea {
    resize: none
}

select {
    border: 0;
    outline: 0
}

#sleBG {
    position: relative;
    height: 28px
}

#options {
    display: none;
    position: absolute;
    top: 0;
    left: 143px;
    width: 316px;
    height: 232px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #d1d1d1
}

#options dl {
    width: 26%;
    height: 90%;
    float: left;
    margin-top: 8px;
    overflow: hidden;
    background: url("../images/line.jpg") no-repeat right 50%
}

#options dl:last-child {
    width: 45%;
    margin-left: 8.5px;
    background: 0
}

#options dt,
#options dd {
    display: block;
    text-align: center
}

#options dt {
    display: block;
    font-size: 14px;
    color: #0fafb4;
    font-weight: 700;
    line-height: 20px
}

#options dd {
    cursor: pointer;
    display: block;
    font-size: 12px;
    color: #5c6466;
    line-height: 18px
}

#mySelect .default {
    display: none;
    line-height: 0;
    padding: 0;
    height: 0;
    width: 0
}

#options dd button {
    cursor: pointer;
    width: 91%;
    display: block;
    font-size: 12px;
    color: #5c6466;
    line-height: 17px;
    background: 0;
    border: 0;
    text-align: center;
    outline: 0
}

.xlselect option {
    outline: none !important;
    display: none;
    line-height: 0;
    padding: 0;
    height: 0;
    width: 0;
    min-height: 0 !important
}

textarea.placeholder {
    font-size: 16px;
    color: #ccc;
    padding-left: 5px;
}

::-webkit-input-placeholder {
    font-size: 16px;
    color: #ccc;
    padding-left: 5px;
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

#options dl:last-child dt {
    text-align: left !important;
    text-indent: 5px;
}

#options dl:last-child dd button {
    width: 100%;
    text-align: left !important
}


/*解决谷歌浏览器中的input背景色默认是黄色 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #5c6466 inset !important;
    background-image: none !important;
    color: rgb(204, 204, 204) !important;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    color: rgb(204, 204, 204) !important;
}

.wid1100 {
    width: 1100px;
    margin: 0 auto;
}

.wid1200 {
    width: 1200px;
    margin: 0 auto;
}

.copyright {
    /* color: #fff;
    width: 100%;
    text-align: center;
    background-color: #238995;
    height: 47px;
    line-height: 49px;
    margin-top: -59px;
    padding-top: 0px;
    font-size: 16px;*/
}

/*左下角*/
.conmt img{width: 260px;}
.conmt .close{
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    margin-bottom: -30px;
    margin-left: 230px;
}
.conmt .swt{
    background: none;
    width: 200px;
    height: 50px;
    display: block;
    position: absolute;
    top: 200px;
    left: 30px;
}
.sidebar{ position: fixed; right: 0; z-index: 10001; border:1px solid #776cb0; background-color:rgba(255,255,255,0.4); padding:10px; border-radius:10px; top: 50%; margin-top: -174px;}
.sidebar ul{ position:relative;}
.sidebar li{ position: relative; cursor: pointer;}

.sidebar li + li{ margin-top: 8px;}

.sidebar .ico{ position: relative; width: 50px; height: 50px; overflow: hidden;

   -webkit-transform: rotate(0deg);

   -moz-transform: rotate(0deg);

   transform: rotate(0deg);

}
.sidebar .clo{ position:absolute; right:-11px; top:-32px; width:28px; height:28px;}
.sidebar .clo .ico{ width:28px; height:28px;}
.sidebar .ico img{ display: block; width: 100%;}

.sidebar .p{ position: absolute; top: 0; right: 0; padding: 0 50px 0 25px; border-radius: 25px; white-space: nowrap; color: #fff; line-height: 50px; opacity: 0; visibility: hidden;

   -webkit-transform: translateX(-20px) rotate(0deg);

   -moz-transform: translateX(-20px) rotate(0deg);

   transform: translateX(-20px) rotate(0deg);

   -webkit-transition: opacity 0.2s, transform 0.2s;
   

   -moz-transition: opacity 0.2s, transform 0.2s;
   transition: opacity 0.2s, transform 0.2s;
   font-size: 14px;
}
.sidebar .l1 .p{ background-color: #38b9c3;}

.sidebar .l2 .p{ background-color: #776cb0;}

.sidebar .l3 .p{ background-color: #38b9c3;}

.sidebar .l4 .p{ background-color: #38b9c3;}

.sidebar .l5 .p{ background-color: #776cb0;}

.sidebar .l6 .p{ background-color: #776cb0;}


@-webkit-keyframes twinkling{

  0% {

      opacity: 0; 

  }

  100% {

      opacity: 1; 

  }

}

#shan {

    -webkit-animation: twinkling 1.1s infinite ease-in-out; 

}

.sidebar li:hover .p{ opacity: 1; visibility: visible;

   -webkit-transform: translateX(0px);

   -moz-transform: translateX(0px);

   transform: translateX(0px);

}