@charset "utf-8";
/* CSS Document */
.w1000{ width:1000px; overflow:hidden; margin:auto; background:#fff;}
.head{ background:#F5F5F5; overflow:hidden; padding:20px 20px;}
.logo1{ float:left;}
.logo2{ float:left; display:inline; padding:10px 0 0 30px;}
.logo3{ float:right; width:167px;}
.logo3 img { float:left; display:inline;}
.logo3 p{ float:left; padding:10px 0 0 10px; font-size:14px; line-height:25px;}
.nav{ width:100%; margin:auto; background:#b07b1f;}
.nav li{ width:142px; height:60px; line-height:60px; text-align:center; float:left; font-size:18px;}
.nav ul{ width:1140px; margin:auto; overflow:hidden;}
.nav li:hover{ background:#bb0005; color:#fff; width:142px; height:60px; float:left;}
.nav li a{ color:#fff; }
.lii{ margin:0 0 0 0!important; float:right!important;}
/*banner*/

#full-screen-slider { width:100%; height:230px; float:left; position:relative}
#slides { display:block; width:100%; height:567px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:530px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

#focus {width:100%; height:409px; overflow:hidden; position:relative;}
#focus ul {height:409px; position:absolute;}
#focus ul li {float:left; width:100%; height:409px; overflow:hidden; position:relative; }
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:10px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
/*疾病列表*/
.jblist{background:url(../images1/jbbg.jpg) repeat-x center center; width:1000px; overflow:hidden;}
.jblist01{ float:left; margin:5px 0 0 0;font-size:13px; line-height:25px; letter-spacing:1px; padding:20px 5px; }
.jbbg1	{ background:url(../images1/1.png) no-repeat 10px center;}
.jbbg1:hover{padding:10px 5px;background:#B07B1F url(../images1/2.png) no-repeat 10px center;color:#fff!important;padding:20px 5px; float:left; }
.jblist01 dd{ float:left; display:inline; padding:10px 3px 0 70px;}
.jblist01 a{ color:#000;float:left; margin:0 0 0 5px;}
.jbbg1:hover a{color:#fff;}
.jbbg1 a:hover{color:#fff!important; float:left;}

.jbbg2	{ background:url(../images1/3.png) no-repeat 10px center;}
.jbbg2:hover{padding:10px 5px;background:#B07B1F url(../images1/4.png) no-repeat 10px center;color:#fff!important;padding:20px 5px; float:left; }
.jbbg3	{ background:url(../images1/5.png) no-repeat 10px center;}
.jbbg3:hover{padding:10px 5px;background:#B07B1F url(../images1/6.png) no-repeat 10px center;color:#fff!important;padding:20px 5px; float:left; }
.jbbg4	{ background:url(../images1/7.png) no-repeat 10px center;}
.jbbg4:hover{padding:10px 5px;background:#B07B1F url(../images1/8.png) no-repeat 10px center;color:#fff!important;padding:20px 5px; float:left; }
.jbbg2:hover a{color:#fff;}
.jbbg2 a:hover{color:#fff!important; float:left;}
.jbbg3:hover a{color:#fff;}
.jbbg3 a:hover{color:#fff!important; float:left;}
.jbbg4:hover a{color:#fff;}
.jbbg4 a:hover{color:#fff!important; float:left;}

.bg33{background:#b07b1f;}
.jcjs h2  b{float:left;display:inline; padding:0 0 0 220px;}
.jcjs h2  i{float:left;display:inline; padding:0 0 0 30px;}

/*搜索*/
.search{ width:980px; margin:20px auto; padding:10px 0; font-size:16px; overflow:hidden; border:1px solid #F1F1F1; border-left:none; border-right:none;}
.search span{  font-weight:bold; color:#000;}
.search p{ line-height:30px; color:#929292; float:left;}
.search p a{ color:#272222}
.search p a:hover{ color:#B07B1F; font-weight:bold;}
.sear{  float:right; display:inline;}
.text01{ width:234px; border:1px solid #E7E7E7; font-size:12px; line-height:30px; padding:0 10px;}
.sear a{ padding:3px 0 0 5px; float:right;}
/*第一模块*/
.box1{ width:980px; margin:15px auto 0; overflow:hidden;}
.hot{width:324px; overflow:hidden; float:left; display:inlie}
.hottil { font-size:17px; font-weight:normal; color:#000; line-height:30px; border:2px solid #F4F4F4; border-left:none; border-right:none;}
.hottil   span{ font-size:12px; color:#9c9c96; padding:0 0 0 5px; text-transform:uppercase;}
.hottil a{ color:#000;}
.hottil a:hover{ color:#B07B1F}
.hd{ width:312px; overflow:hidden; padding:5px 5px 15px 5px; border:1px solid #E3E1E1; float:left;display:inline;margin:5px 0 0 0;}
/*活动轮播*/
#ban_scroll{position:relative;width:311px;height:264px;margin:10px 0 0 0;overflow:hidden;}
#ban_scroll .bd{position:relative;z-index:0;}
#ban_scroll .bd li{position:relative;text-align:center;}
#ban_scroll .bd li img{vertical-align:top;width:100%;height:264px;border:0px;}
#ban_scroll .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
#ban_scroll .hd1{ position:relative;right:0;z-index:1;width:100%;text-align:center; top:0px; bottom:0px;}
#ban_scroll .hd1 li{display:inline-block;margin:0 3px;width:10px;height:10px;line-height:8px;color:#fff;font-size:0;border-radius:5px;border:1px solid #0c6eb9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-9999px;}
#ban_scroll .hd1 li.on{background:#0c6eb9;}
.yydt{ width:348px; float:left; display:inline; overflow:hidden; margin:0 0 0 10px;}
.yydtcont{ width:335px; overflow:hidden; padding:5px; border:1px solid #E3E1E1; float:left;display:inline;margin:5px 0 0 0;}
.yydtcont dt{ float:left; display:inline; width:149px; height:130px;}
.yydtcont dd{ width:160px; float:right; display:inline; overflow:hidden; padding:0  10px 0 0; line-height:25px;font-size:14px;}
.yydtcont dd h3{ font-size:16px; font-weight:normal; padding:0 0 5px 0;}
.yydtcont dd  a{color:#b60006;}
.yydtcont dd  p{ text-indent:2em;}
.yydtcont ul{ width:100%; overflow:hidden; margin:10px 0; float:left;line-height:27px; border-top:1px solid #E2E2E2; padding:7px 0 0 0;}
.yydtcont ul li{ float:left; width:300px; border-bottom:1px dashed #E2E2E2; padding:0 0 3px 20px;font-size:14px; background:url(../images1/kfalsxj_23.jpg) no-repeat 5px  center;}
.yydtcont ul li img{ padding:0 0 0 10px;}
.yydtcont ul li span{ float:right;font-size:12px;}
.yydtcont ul li a{ color:#272222;}
.yydtcont ul li a:hover{color:#b60006;}
.yy{ width:290px; float:right; display:inline; overflow:hidden; }
.yycont{ width:278px; float:left; padding:5px 5px 12px 5px; border:1px solid #E3E1E1; overflow:hidden; margin:5px 0 0 0;}
.yycont p{ font-size:14px; line-height:30px; padding:10px;}
.yycont h3  img{float:left;padding-right:8px;transition:all 1s;} 
.yycont h3  img:hover{transform:scale(1.15);}

.yycont p a{ color:#b60006;}
.yycont li{ float:left; display:inline; width:65px; text-align:center; overflow:hidden; margin:0 0 0 3px;}
.yycont li span{ font-size:12px; width:65px; float:left; padding:5px 0 0 0;}
.yycont li  a{ color:#272222;}
.yycont li  img:hover { transform: rotate(360deg);}
.yycont li  img{ transition: all 2s ease 0s; }


/*第二模块*/
.question{width:980px; margin:0px auto 0;}
.questitle{ width:980px; margin:30px auto 0; overflow:hidden; border-bottom:1px solid #CCC; line-height:30px;}
.questitle h2{ color:#b60006; font-weight:normal; font-size:20px;letter-spacing:1px; float:left; overflow:hidden;width:975px; border-left:5px solid #B19256; text-indent:5px;}

.questitle h2 i{ font-size:12px; color:#9c9c96; font-style:normal;  text-transform:uppercase;}
.questitle span{ float:right; font-size:12px; background:url(../images1/cir.jpg) no-repeat left center; padding:0 0 0 15px;}
.questitle span a{ color:#272222;}
.questi{ width:470px;  display:inline; margin:20px 0 0 0;}
.questi dt{ width:124px; height:147px;  border-radius:5px; text-align:center; float:left; display:inline;}
/*.questi dt:hover{width:124px; height:147px;  background:#CA2643;}
.questi dt h2{ padding:30px 0 0 0;}
.questi dt  p{ font-size:16px; font-weight:bold; padding:5px 0 0 0;}
.questi dt  p a{ color:#fff;}
*/
.questi   img:hover { transform: rotate(360deg);}
.questi   img {transition: all 2s ease 0s; }

.questi dd{ width:340px; float:right; overflow:hidden;}
.questi dd p{ width:160px; float:left; background:#EDEDED; border-radius:5px;  text-align:center; margin:0 0 13px 10px; line-height:30px; font-size:14px;}
.questi dd a:hover{ background:#C19127; color:#fff;}
.questi dd p a{ color:#272222; float:left;display:inline;width:160px; overflow:hidden;padding:5px 0;border-radius:5px;line-height:30px;}

.questi div{ width:467px; float:left; display:inline;background:#EDEDED; border-radius:5px; padding:5px 0;margin:0px 0 0 0; text-indent:2em;line-height:30px; font-size:14px;}
.questi div span{ float:right; padding:0 10px 0 5px; background:url(../images1/wwx.png) no-repeat left center;}
.questi div a{ color:#272222;}
.questi div:hover{width:467px; float:left; display:inline;background:#C19127; border-radius:5px;  line-height:30px; color:#fff!important}
.box2{ width:980px; margin:30px auto 0; overflow:hidden;}
.questi div:hover a{ color:#fff;}
.questi div:hover img{ z-index:999999999}
/*z专家*/
.yyjs{ width:695px; overflow:hidden; float:left; display:inline; border:1px solid #E5E5E5;}
.imgnav{ width:695px; margin:0px auto;}
#content{margin:0px auto; }
#content p{  color:#333;}

.imgnav{  position:relative; margin:0 auto; width:695px;}
#img{ z-index:10; width:692px; position:relative; }
#img .img01{ height:351px; display:none;}
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images1/ico/blank.gif); }
#front a{  position:absolute; left:20px; top:224px;display:block; background:url(../images1/ico/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url(../images1/ico/blank.gif);}
#next a{  position:absolute; right:20px; top:224px; display:block; background:url(../images1/ico/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;}

#cbtn{background:#E4E4E4; position:relative; height:122px; border:1px solid #D6D9DC;  }
#cbtn ul{position:relative; width:10000px; height:122px;}
#cbtn ul li{ float:left; width:141px; height:58px; cursor:pointer; text-align:center; margin-right:10px; position:relative; background:#fff;}

#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
.ctrl div{ clear:both;}
#cSlideUl{width:595px; height:58px;overflow:hidden; position:relative; top:30px; margin:0 auto;}
#cSlideUl dt{ width:71px; height:58px; float:left;display:inline;}
#cSlideUl dd{ padding:10px 0px 0 0; float:right; line-height:20px; text-align:center; width:69px; font-size:14px;}
.picSildeLeft{cursor:pointer; position:absolute; top:32px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:32px; right:10px; z-index:9;}
.img01 dt{ float:left; display:inline;}
.img01 dd{ float:right; display:inline; width:339px; padding:60px 20px 0 0;}
.img01 dd h2{ font-size:30px; color:#883f03;}
.img01 dd h2 span{ font-weight:normal; font-size:20px; padding:0 0 0 10px}
.img01 dd h3{ font-size:22px; background:url(../images1/ic01.jpg) no-repeat left center; padding:0 0 0 25px; margin:10px 0 10px 0; line-height:30px;}
.img01 dd li{ font-size:16px; line-height:30px; color:#272222666;}
.img01 dd p{font-size:14px; line-height:25px;color:#272222666; background:url(../images1/heng.jpg) no-repeat top center; padding:15px 0 0 0}
.img01 dd p a{ color:#fe0303;}
.zxzx{ clear:both; overflow:hidden;}
.zxzx a{width:134px; text-align:center; float:left; display:inline; padding:10px 0; color:#fff; border-radius:10px; margin:10px 0 0 30px;}
.bg1{ background:#c89b25}
.bg2{ background:#c32b3e}
/*专家答疑*/
.zjdy{ width:278px; float:right; display:inline; border:1px solid #E5E5E5; padding:0 0 8px 0;}
.zjdy h2{ padding:0 0 5px 0;}
.zjdy li{ width:360px;overflow:hidden; line-height:35px; padding:0 0 0 12px;}
.zjdy li a{ color:#272222}
.zjdy li a:hover{ color:#C19127;}
.zxques{ width:257px; height:148px; margin:18px auto 0; overflow:hidden; border:4px solid #EDEDED;}
.zxques a{width:257px; height:148px; float:left; display:inline; font-size:14px;}
.zxques p{ padding:20px 0 0 10px; color:#000}
@keyframes typing{from{width:0;}}@keyframes blink-caret{50%{border-color:transparent;}}
.zxques p {/* fallback */ width:30ch;/* # of chars */ white-space:nowrap;overflow:hidden;animation:typing 5s steps(50,end),/* # of steps = # of chars */ blink-caret .10s step-end infinite alternate;}


.zxques span{ width:143px; float:left; display:inline; text-align:center; background:#C89B25; padding:10px 0; color:#fff; margin:70px 0 0 60px; font-size:18px; border-radius:5px;}
/*精准检测*/
.jce{ margin:30px auto 0; overflow:hidden; background:#F5F5F5;width:980px;}
.top{ margin: 0 0 0 0;}
.jces{ width:980px; height:460px; background: #EAEAEA url(../images1/jc.jpg) no-repeat left center; margin:10px 0 0 0;}
.jcjs{ width:515px; height:202px; float:right; display:inline; background:#C19127; margin:45px 0 0 0; color:#fff;}
.jcjs h2{ text-align:right; padding:30px 20px 0 0; font-size:33px;font-weight:normal; letter-spacing:2px;}
.jcjs h2 span{ font-weight:normal; font-size:14px; letter-spacing:0px;}
.jcjs p{ text-align:right;padding:10px 20px 0 0;font-size:20px;}
.zxzx01{ float:right; display:inline;}
.zxzx01 a{ padding:10px 20px; font-size:16px; margin:20px 20px 0 0; float:right; border-radius:5px; color:#fff;}
.bg3{ background:#B07B1F}
.bg4{ background:#c32b3e}
.bg41{ background:#ce7c2d}
.jcjs01{ float:right; display:inline; width:515px;}
/*诊疗技术*/
.jcright{width:515px;float:right;overflow:hidden;}
.jcjs01 li{width:120px;height:185px; float:left;display:inline;background:#fafbfd; margin:5px 8px 0 0; text-align:center;padding:10px 0 0 0;}

.jcjs01 li:hover{ width:120px;height:185px; color:#fff!important;background:#c19127}
.jcjs01 li  .jcjs01a{background:  url(../images1/jc01a.png) no-repeat top center;width:120px;height:185px;}
.jcjs01 li  .jcjs01a:hover{background:  url(../images1/jc01aa.png) no-repeat top center;}
.jcjs01 li  .jcjs01b{background:  url(../images1/jc02a.png) no-repeat top center;width:120px;height:185px;}
.jcjs01 li  .jcjs01b:hover{background:  url(../images1/jc02aa.png) no-repeat top center;}
.jcjs01 li  .jcjs01c{background:  url(../images1/jc03a.png) no-repeat top center;width:120px;height:185px;}
.jcjs01 li  .jcjs01c:hover{background:  url(../images1/jc03aa.png) no-repeat top center;}
.jcjs01 li  .jcjs01d{background:  url(../images1/jc04a.png) no-repeat top center;width:120px;height:185px;}
.jcjs01 li  .jcjs01d:hover{background:  url(../images1/jc04aa.png) no-repeat top center;}
.jcjs01 h2{ font-size:14px; padding:92px 0 0 0;color:#808285;}
.jcjs01 p	{color:#4E4A4B;font-size:18px;padding:15px 0 0 0; line-height:25px;}
.jcjs01 h3{ font-size:16px; padding:82px 0 0 0;color:#808285;line-height:25px;color:#c32b3e;}
.jcjs01 li:hover h2 span{color:#fff;}
.jcjs01 li:hover p{color:#fff;}
.jcjs01 li:hover h3{color:#fff;}


.js{ width:100%; overflow:hidden; background:#EAEAEA; border-top:10px solid #F6F7F6; margin:10px 0 0 0;}
.jsleft{ width:374px; float:left; display:inline; overflow:hidden; padding:0 0 20px 0;}
.jstei{ background:#C19127; overflow:hidden; color:#fff; padding:0 0 20px 0;}
.jstei h2{ text-align:left; padding:30px 0px 0 20px; font-size:33px;font-weight:normal;}
.jstei h2 span{ font-weight:normal; font-size:14px;}
.jstei p{ text-align:left;padding:10px 0px 0 20px;font-size:20px;}
.zxzx02{ float:left; display:inline;}
.zxzx02 a{ padding:10px 20px; font-size:16px; margin:20px 0 0 20px; float:right; border-radius:5px; color:#fff;}
.jslf{ width:100%; overflow:hidden;}
.jslf li{background: #fff;}
.jslf li:hover{ width:177px; height:100px; color:#fff!important;background:#c19127}
.jslf li  .gbjs01{background:  url(../images1/gl01.png) no-repeat top center;width:177px; height:100px;}
.jslf li  .gbjs01:hover{background:  url(../images1/gl01a.png) no-repeat top center;}
.jslf li  .gbjs02{background:  url(../images1/gl02.png) no-repeat top center;width:177px; height:100px;}
.jslf li  .gbjs02:hover{background:  url(../images1/gl02a.png) no-repeat top center;}
.jslf li  .gbjs03{background:  url(../images1/gl03.png) no-repeat top center;width:177px; height:100px;}
.jslf li  .gbjs03:hover{background:  url(../images1/gl03a.png) no-repeat top center;}

.jslf li{ width:177px; height:100px;  text-align:center; padding:10px 0 0px 0; margin:15px 0 0 0 }
.jslf li h2{color:#000; font-weight:normal; padding: 50px 0 0 0;}
.jslf li h2 span{  padding:10px 0 0 0; font-size:20px; padding:10px 0 0 0; clear:both;}
.jslf li p{ font-size:14px; padding:5px 0 0 0; color:#ABABAB}
.jslf li h3{ color:#c32b3e; line-height:30px; font-weight:normal;}
.jsright{ width:564px; height:421px; float:right; display:inline;  margin:20px 30px 0 0;}
.jslf li:hover h2 span{color:#fff;}
.jslf li:hover p{color:#fff;}
.jslf li:hover h3{color:#fff;}

/*技术轮播*/
#ban_scroll{position:relative;width:310px;height:264px;margin:10px 0 0 0;overflow:hidden;}
#ban_scroll .bd1{position:relative;z-index:0;}
#ban_scroll .bd1 li{position:relative;text-align:center;}
#ban_scroll .bd1 li img{vertical-align:top;width:100%;height:264px;border:0px;}
#ban_scroll .bd1 li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
#ban_scroll .hd11{ position:relative;right:0;z-index:1;width:100%;text-align:center; top:0px; bottom:0px;}
#ban_scroll .hd11 li{display:inline-block;margin:0 3px;width:10px;height:10px;line-height:8px;color:#fff;font-size:0;border-radius:5px;border:1px solid #0c6eb9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-9999px; float:left;}
#ban_scroll .hd11 li.on{background:#0c6eb9;}
.hd11 li{ float:left; color:#EAEAEA;}
.zjrt{ width:453px; float:right; display:inline; overflow:hidden;}
.jcjs:hover{background:#A7812C}
.jstei:hover{background:#A7812C}
.bg5{ width:980px; height:485px; background: #EAEAEA url(../images1/zj.jpg) no-repeat 10px center; margin:10px 0 0 0; padding:0 10px!important;}
.zj1{ width:453px;}
.zjtime{ width:450px; float:right; display:inline; }
.zjtime dt{ float:left; display:inline; width:127px; height:200px; padding:18px 0 0 0; background:#fff; text-align:center; margin:10px 0 0 0;}
.zjtime dt:hover{background:#C19127;}
.zjtime dt h2{ font-size:18px; color:#c32b3e; font-weight:normal; line-height:30px;}
.zjtime dt p{font-size:14px; color:#c32b3e; padding:20px 0 0 0;}
.zjtime dt:hover h2{color:#fff;}
.zjtime dt:hover p{color:#fff;}
.zjtime dd{ width:320px; float:right; display:inline; overflow:hidden;}
.zjtime dd li{width:97px; height:66px; float:left; display:inline; text-align:center; background:#fff; margin:10px 0 0 7px;}
.zjtime dd li:hover{ background:#C19127;}
.zjtime dd li h2{  font-size:18px; color:#272222; padding:10px 0 0 0;}
.zjtime dd li h2 span{ font-size:14px; font-weight:normal; color:#a20b19; line-height:20px;}
.zjtime dd li:hover h2{color:#fff;}
.zjtime dd li:hover h2 span{color:#fff;}
/*爱心公益*/
.gy{ width:980px; margin:30px auto; overflow:hidden;}
.gylf{ width:487px; float:left; display:inline; overflow:hidden;}
.gyrt{ width:490px; float:right; display:inline; overflow:hidden;}
.gyrt img{ margin:0 0 2px 2px;}
/*底部*/
.footer{ width:1000px; overflow:hidden; padding:30px 0; background:#B88523;}
.fnav{ padding:0px 60px 20px 60px; border-bottom:1px dashed #C99F54; overflow:hidden; float:left; display:inline;}
.fnav li{ float:left; display:inline; font-size:18px; color:#fff; margin:0 0 0 21px;}
.fnav li a{ color:#fff;}
.jblf{ float:left; display:inline; padding:20px 30px 20px 10px; margin:0 0 0 30px; border-right:1px dashed #C99F54;}
.jblf ul{ float:left; display:inline; overflow:hidden; margin:0 0 0 60px;}
.jblf li{ text-align:center; line-height:25px; font-size:14px; float:left;}
.jblf li img:hover { transform: rotate(360deg);}
.jblf li img { transition: all 2s ease 0s; }


.jblf li a{ color:#fff;}
.wx{ width:335px; float:right; display:inline; overflow:hidden; padding:20px 50px 0 0;}
.wx dt{ float:left; display:inline;}

.wx dt  img:hover { transform: rotate(360deg);}
.wx dt  img { transition: all 2s ease 0s; }


.wx dd{ float:left; display:inline; padding:10px 0 0 10px; color:#fff; line-height:30px; }
.wx p{ width:335px; float:left; display:inline; line-height:25px; font-size:14px; color:#fff;}

/*技术内换*/
.preview{overflow:hidden;}
.cont{}
.cls{clear:both;}
.hidden{display:none;}
#sourse{width:564px; overflow:hidden;margin:0px auto;}
.textDiv{text-align:center;}
.example{margin:10px;background:#FFF;border:1px dotted #ccc;padding:10px;}
.scrolldoorFrame{width:564px;margin:0px auto;overflow:hidden;}
.scrollUl{width:564px;overflow:hidden;}
.scrollUl li{float:left; padding:10px 12px; border-radius:10px;font-weight:bold; font-size:16px; border:1px solid #D8D8D8; margin:0 10px 0 0;}
.bor03{border-top-width:0px; width:564px; margin:30px 0 0 0;}
.sd01{cursor:pointer;background:#FFF;padding:10px;font-weight:bold;}
.sd02{cursor:pointer;padding:10px;}