@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; border:none; list-style:none;}
body{ font-size:12px; font-family:"宋体", Arial, Helvetica, sans-serif;color:#666; background: url(../images/002.jpg) repeat-x #FFF;}
a{ color:#666; text-decoration:none; transition:all 0.8s ease;}
a:hover{ color:#0e68c9;}
.l,.left{ float:left;}
.r,.right{ float:right;}

.header{ width:1200px; height:100px; margin:0px auto; }
.logo{ float:left; padding-top:12px;}
.tel{ float:right; width:248px; height:34px; line-height:34px; background:url(../images/001.png) left 2px no-repeat; padding-left:12px;}
.tel span{padding-left:30px;float:left;}
.tel .dh{ background:url(../images/004.png) 10px center no-repeat; }
.tel .wb{ background:url(../images/006.png) 10px center no-repeat; }
.tel .wx{ background:url(../images/005.png) 10px center no-repeat; }
.tel p{ padding-left:68px; position:relative; z-index:999;}


.nav{ float:right; width:864px; height:48px; margin-top:18px; }
.nav li,.nav li a{ width:108px; height:48px; float:left; text-align:center; line-height:48px; font-size:15px; font-family: "微软雅黑";}
.nav .on a,.nav li a:hover{ background:url(../images/008.jpg) no-repeat;}


.banner{ width:100%; height:400px; background:url(../images/009.jpg) center center repeat-x;}
.slide-main{height:400px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:9999;top:178px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.slide-box,.slide{display:block;width:100%;height:400px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:400px; position:relative;position:absolute;z-index:8;}

.slide .sslink-1,.slide .sslink-2,.slide .sslink-3{display:block;width:100%;height:400px;cursor:pointer;}
.slide .p01{ font-size:28px; color:#FFF; font-weight:500; line-height:180%; font-family: "微软雅黑"; padding-bottom:10px;}
.slide .p01 span{ font-size:38px; color:#FF6600;}
.slide .p02{ font-size:16px; text-transform:uppercase; color:#FFF; line-height:180%;font-family: "微软雅黑";}

.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-c,.obj-e{ width:532px; height:220px; top:147px; margin-left:-500px; display:block; }
.obj-b,.obj-d,.obj-f{ width:450px; height:374px; top:10px; margin-left:80px;}

.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }

.banAnimate .obj-a,.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b,.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.item{display:block;width:100%;height:20px;position:absolute;z-index:999;top:370px;left:0;text-align:center;}
.item a{display:inline-block;width:15px;height:15px;  overflow:hidden; background-color:#FFF; color:#000;  line-height:15px; font-size:12px; margin:0px 5px;border-radius:15px;}
.item a.cur{ background-color:#FF6600; color:#FFF;}

.tit{ width:100%; text-align:center; padding-top:35px; height:70px; background:url(../images/105.jpg) center bottom no-repeat; clear:both;}
.tit h2{ height:30px; font-size:24px; font-family: "微软雅黑"; color:#0e77bb;}
.tit p{ height:40px; font-size:14px; line-height:30px; background:url(../images/104.jpg) center bottom no-repeat; color:#999;}
.gray{ background:url(../images/105.jpg) center bottom no-repeat #fafafa;}

.con{ width:100%;}
.con .about{ width:1238px; margin:0px auto; padding-top:38px;}
.con .about li{ width:374px; float:left; padding:0px 19px; padding-bottom:38px;  /*color:#70747c;*/ line-height:180%;}
.con .about li img{border-radius:100px; width:100px; height:100px; float:left; margin:10px 15px 10px 0px;border:5px solid #f3f3f3; transition:All 0.8s ease-in-out;    -webkit-transition:All 0.8s ease-in-out;    -moz-transition:All 0.8s ease-in-out;    -o-transition:All 0.8s ease-in-out;}
.con .about li:hover img{  transform:rotate(360deg);    -webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);    -ms-transform:rotate(360deg); border:5px solid #0792ed;}
.con .about li strong{ font-size:16px;  /*font-family: "微软雅黑"; */display:block; height:30px; color:#333;}

/*.con .about .li01 strong{ color:#0254be;}
.con .about .li02 strong{ color:#00ab24;}
.con .about .li03 strong{ color:#ff6600;}
.con .about .li01 img{ border:5px solid #0254be;}
.con .about .li02 img{ border:5px solid #00ab24;}
.con .about .li03 img{ border:5px solid #ff6600;}*/

.con .about li  .link{font-family:Arial, Helvetica, sans-serif; padding-right:15px; /*color:#0e68c9;*/}

.casecon{ height:422px; background-color:#fafafa; padding-bottom:24px;}
.con .case{ width:1240px; margin:0px auto; padding-top:38px;}
.con .case li{ width:270px; padding:0px 20px; float:left; height:192px; line-height:24px; text-align:center; font-size:14px;}


.con .case li img{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.con .case li:hover img{    transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.client{ width:1195px; height:369px; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; margin:38px auto;}
.client li{ width:238px; height:122px; border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2; float:left; text-align:center;}

.client li span{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; display:block;}
.client li span:hover{
 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH; 
	border-right:0px solid #f2f2f2;
	border-left:0px solid #f2f2f2;
}

.client li span img{ padding:30px 44px;
/*-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); */
transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;

}

.client li span:hover img{
/*-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); */

 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH; 
	
}

.service{ width:100%; padding-top:18px; background-color:#fafafa; height:280px;}

.service ul{ width:1240px; margin:0px auto; display:block;}
.service li{ width:270px; height:120px; float:left; padding:0px 20px; margin-top:15px;line-height:180%;}
.service li span{ width:32px; height:32px; float:left; margin-right:15px; text-align:center; font-weight:bold; margin-bottom:80px;}
.service li strong{ display:block; font-size:15px; height:30px; }


.baby{ width:1200px; margin:38px auto;}
.baby .l{ width:890px;  height:286px; }
.baby .l .book{ width:190px; margin-right:20px; float:left;}
.baby .l .book .shu{width:190px; }

.baby .l strong{ font-size:15px; height:30px; display:block;}
.baby .l p{ line-height:180%; padding-bottom:20px; text-indent:2em;}
.baby .l p a{ margin-right:20px;}

.baby .r{ width:270px;}
.baby .r  dt{ font-size:16px; height:30px; display:block; font-weight:bold;}
.baby .r  dd{ line-height:180%; }
.showall{ width:120px; height:26px; line-height:26px; display:block; border:1px solid #0e77bb; text-align:center; font-size:12px; color:#0e77bb; margin-top:15px;}

.speakcon{ width:100%; height:540px; background:url(../images/501.png) center bottom no-repeat #fafafa;}
.speak{ width:1238px; margin:0px auto; padding-top:38px; }
.speak li{ width:392px; height:140px; border:1px solid #dfdfdf; margin:0px 9px 19px; float:left;  text-align:center; line-height:180%; background:rgba(255,255,255,0.5) !important;
filter:Alpha(opacity=50); background:#FFF;
transition:all 0.8s ease;
}
.speak li strong{ display:block;}
.speak li span{ width:392px; height:20px; padding-top:33px; background:url(../images/124.png) center top no-repeat; margin-top:20px; display:block;}
.speak li:hover{ background:rgba(14,119,187,0.5) !important;
filter:Alpha(opacity=50); background:#0e77bb; color:#FFF; }
.speak li:hover span {background:url(../images/125.png) center top no-repeat; }



.footer{ width:100%;  padding-top:27px; border-bottom:1px solid #D4D0C8; background:url(../images/216.jpg) repeat-x center bottom; clear:both; color:#f1f1f1; }
.footer_t{ width:1200px; margin:0px auto; height:240px; position:relative; }

.footer_t dl{ float:left;}
.footer_t dt{ height:29px; font-family:"微软雅黑",Arial; font-size:18px;  margin-bottom:13px; color:#fff;}
.footer_t dd{ line-height:24px;}
.flink{ width:1200px; margin:0px auto; padding-bottom:15px; line-height:24px;}
.flink,.flink a,.flink a:hover{ padding-left:5px; padding-right:5px;}
.dl_1{ width:250px;}
.dl_1 dd .t a{ display:block; overflow:hidden; height:24px; color:#f1f1f1;}
.dl_1 dd .f a{ width:114px; height:38px; line-height:38px; text-align:center; display:block; border:1px solid #ccc; margin-top:10px;}
.dl_2{ width:290px; padding-left:40px;}
.dl_2 p{ height:80px;  }
.dl_2 .f{border-top:1px dashed #fff; padding-top:8px;}
.dl_2 a{ font-size:14px; font-weight:bold;}
.dl_2 p img{ width:80px; height:60px; float:left; padding-right:15px; padding-top:6px;}
.dl_3{ width:255px;padding-left:40px;}
.dl_3 dd p{ width:114px; height:38px; line-height:38px; text-align:center; border:1px solid #ccc; float:left; margin-top:6px; margin-bottom:4px; margin-right:10px; display:inline;}
.dl_4{ width:295px;padding-left:30px;}
.dl_4 span{ float:left; width:92px; text-align:center; padding-right:10px;}
.footer_f{ width:100%; margin:0px auto; height:40px;  line-height:40px; text-align:center;}
.footer a,.footer a:hover{color:#FFF;}



.ban{ width:100%; height:400px;}
.position{ width:100%; height:39px; border-bottom:1px solid #dfdfdf;}
.position p{ width:1185px; padding-left:15px; margin:0px auto; background:url(../images/808.png) left center no-repeat; line-height:39px;}

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

.main .left{ width:262px;}
.main .right{ width:899px; border-left:1px solid #dfdfdf;padding-left:38px; line-height:180%; min-height: 600px;}
.main .right h1{ padding:38px 0px; color:#0e77bb; font-family:"微软雅黑";}
.main .right p{ padding-bottom:20px; }


.left dl dt { width:224px;  text-align: center; padding-top:38px; background:url(../images/105.jpg) center 106px no-repeat;}

.left dl dt strong{ font-family:"微软雅黑"; font-weight:normal;color: #000000;font-size: 20px;height: 56px;line-height: 56px;width: 72px;text-align: center;background-color: #fff;margin: 0px auto; display:block;}

.left ul{ width:262px; display:block; }


.left ul li{ width:270px; height:28px;  margin-right:-8px; padding-bottom:10px; overflow:hidden;}

.left ul li a{width:224px; padding-right:46px;  height:28px; line-height:28px; background:url(../images/xy701.png) left center no-repeat; display:block; text-align:center; position:relative; z-index:999;}

.left ul .on a,.left ul li a:hover{background:url(../images/xy702.png) left center no-repeat; color:#FFF;}



.case_t { width:1200px; margin:0px auto;text-align: center; padding-top: 60px; background:url(../images/105.jpg) no-repeat center 128px;
}

.case_t h1{ font-family:"微软雅黑"; font-weight:normal;color: #000000;font-size: 20px;height: 56px;line-height: 56px;width: 100px;text-align: center;background-color: #fff;margin: 0px auto;}
.case_ul{ width:1220px; margin:0px auto; height:146px; display:block;}
.case_ul li{ width:222px; height:38px; text-align:center; float:left; line-height:40px; margin:10px; border:1px solid #2eafbb;}


.contact{ width:1240px; margin:0px auto; padding-top:38px; height:368px;}
.contact li{ width:270px; margin:0px 20px; float:left; height:120px; padding-top:200px; line-height:24px; text-align:center; font-size:14px;}

.contact .li01{ background:url(../images/605.png) center 20px #f2d9d9 no-repeat;}
.contact .li02{ background:url(../images/606.png) center 20px #ddf2f4 no-repeat;}
.contact .li03{ background:url(../images/607.png) center 20px #ebf3da no-repeat;}
.contact .li04{ background:url(../images/608.png) center 20px #d5ecf9 no-repeat;}

.daoda{ width:100%; background-color:#f3f3f3; padding:38px 0px; height:200px;}
.daoda dt{ font-size:24px; font-family:"微软雅黑"; height:40px; text-align:center;}
.daoda dd{ width:1238px; margin:0px auto; padding-top:38px;}
.daoda dd p{ width:324px; float:left;  line-height:180%; height:96px; padding-left:69px; padding-right:19px;}
.daoda dd p strong{ display:block; font-size:16px; height:48px; line-height:32px;}
.daoda dd .p01{ background:url(../images/703.png) 19px top no-repeat;}
.daoda dd .p02{ background:url(../images/704.png) 19px top no-repeat;}
.daoda dd .p03{ background:url(../images/705.png) 19px top no-repeat;}

.book_t{ font-size:12px; line-height:22px; width:1200px; height:280px;}
.book_t img{ float:left; padding-right:30px; height:256px;}
.book_t p{ padding-top:20px;}

.book_f{ font-size:14px; line-height:24px; padding-bottom:38px;}
.book_f p{ padding-top:20px; text-indent:2em;}
.book_f .mulu{ text-indent:0px; padding-left:2em; font-size:12px;}