@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架 */
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.an{ background:url(/images/pro2018/xiaofang/an.png) no-repeat; _background:url(/images/pro2018/xiaofang/an.gif) no-repeat;}
.ggtit{ line-height: 126px; text-align: center; font-size: 32px; font-weight: 700;}
.clear{ clear: both}

/*页头*/
.headerbg{ background:url(/images/pro2018/xiaofang/zk_01.jpg) no-repeat center top; overflow: hidden;}
.header{ height: 478px;}
.header .logo{ display: block; width: 176px; height: 43px; top: 50px; left: 36px;}
.header .top{ top: 94px; left: 0; -webkit-animation:lightSpeedIn 1s 0s 1 both; animation:lightSpeedIn 1s 0s 1 both;}
.header .bot{ top: 186px; left: 0; -webkit-animation:lightSpeedIn2 1s 0s 1 both; animation:lightSpeedIn2 1s 0s 1 both;}

/*职场优势*/
.zcys{ padding-bottom: 50px;}
.zcys .list{ width: 233px; height: 261px; margin-left: 100px; background:url(/images/pro2018/xiaofang/zk_11.png) no-repeat;}
.zcys .list p{ width: 220px; line-height: 58px; font-size: 16px; text-align: center; padding: 198px 0 0 4px;}
.zcys .list02{ background:url(/images/pro2018/xiaofang/zk_12.png) no-repeat;}
.zcys .list03{ background:url(/images/pro2018/xiaofang/zk_13.png) no-repeat;}

/*网校名师*/
.teacher{ padding-bottom: 75px;}
.teacher .tit{ height:48px; margin-bottom:46px;}
.teacher .tit li{ float:left; width:365px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#999; border:1px solid #d4d6de; margin-left: -1px; position:relative; cursor:pointer; transition:all 0.2s linear;}
.teacher .tit li.br{ border-right:1px solid #d4d6de;}
.teacher .tit li:hover{ color: #5254b7;}
.teacher .tit li.cur{ background:#5254b7; border:1px solid #5254b7; color:#fff;}
.teacher .tit li .jt{ display:none; width:17px; height:8px; background-position:0 -100px; bottom:-8px; left:50%; margin-left:-9px; overflow:hidden;}
.teacher .tit li.cur .jt{ display:block;}
.teacher .con{ display:none;}
.teacher .con .jieshao{ display:none;}
.teacher .video{ width:495px; height: 330px; cursor:pointer;}
.teacher .lht{ width:575px; height:180px; position:absolute; z-index:1; right:0; top:0;}
.teacher .lht .bd{ width:550px; height:180px; overflow:hidden; margin-left: 25px;}
.teacher .lht .bd li{ position: relative; *display: inline; zoom:1; vertical-align:middle; float:left; margin: 0 23px; width:129px;cursor:pointer; padding:2px 0 0 0;}
.teacher .lht .bd li .pic{ width: 129px; height: 129px; margin-bottom: 11px; z-index:99;}
.teacher .lht .bd li span{ display: block; margin:0 auto; width:60px;  height:22px; line-height: 22px; text-align: center;font-size: 16px; }
.teacher .lht .bd li .bg{ display:none;}
.teacher .lht .bd li.hover .bg{ display:block; width:135px; height:134px; background-position:-1px -1149px; position:absolute; top:-2px; left:-2px; z-index:9;}
.teacher .lht .bd li.hover span{ color:#f56540;}
.teacher .lht .prev, .teacher .lht .next{ position:absolute; left:0; top:0; display:block; width:20px; height:115px; background-position:0 -250px;}
.teacher .lht .next{ background-position:-21px -250px; left:auto; right:0;}
.teacher .text{ width:555px; margin:175px 20px 0 0; font-size: 14px; color:#666;}
.teacher .text h3{ line-height: 50px; font-weight:normal;}
.teacher .text h3 b{ font-size:26px; padding-right:13px;}
.teacher .text h4{ line-height:36px; font-size:16px;}
.teacher .text p{ line-height:20px; text-indent:2em;}
.teacher .text h4{ padding:6px 0 0 0; font-weight:normal; font-size:14px;}
.teacher .text h4 span{ font-weight: 700; color: #f56540;}

/*辅导课程*/
.xi-ding{width:1100px;position:fixed;top:0;left:50%;margin:0 0 0 -550px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop-40))}
.classesbg{ width:100%; background:#eeeff5; padding-bottom:10px;}
.classes .dbtit{ height: 52px; margin-bottom: 48px;}
.classes .dbtit ul{ width: 526px; height: 52px; line-height: 52px; font-size: 18px; color: #6c6f85; font-weight: 700; margin: 0 auto; overflow: hidden; border-radius: 26px; background: #cdcfdc;}
.classes .dbtit ul li{ float: left; width: 50%; text-align: center; margin: 0; cursor: pointer; background: none;}
.classes .dbtit ul li.cur{ background: #f95209; color: #fff;}
.classes .classes_con .dbbox{ display: none; padding-bottom:30px;}
.classes .classes_con li{ float:left; _display:inline; width:260px; _overflow:hidden; margin:0 20px 0 0; background:#fff;}
.classes .classes_con li .tit{ height:273px;padding-top:10px;}
.classes .classes_con li .tit h2{line-height:44px;font-size:24px; color:#fff100; text-align:center; font-weight:normal;}
.classes .classes_con li .tit p{ font-size:14px; color:#fff; line-height:26px; margin: 0 20px;}
.classes .classes_con li .tit p em{ font-size:12px; color: #fff100;}
.classes .classes_con li .tit .xx{ height: 9px; border-bottom: 1px dashed #b1d1f8; margin: 0 20px 9px;}
.classes .classes_con li.tsb .tit{ background:#468cf6;}
.classes .classes_con li.jpb .tit{ background:#fb725b;}
.classes .classes_con li.jpb .tit .xx{ border-bottom: 1px dashed #fcc2b7;}
.classes .classes_con li.syb .tit{ background:#9773d8;}
.classes .classes_con li.syb .tit .xx{ border-bottom: 1px dashed #cec0ec;}
.classes .classes_con li.dzb .tit{ background:#22bd9f;}
.classes .classes_con li.dzb .tit .xx{ border-bottom: 1px dashed #a8ddcf;}
.classes .classes_con li.mxb{ width: 100%; margin: 0 auto; float: none;}
.classes .classes_con li.mxb .tit{ height:82px; background:#fb7259;}
.classes .classes_con li.mxb .tit p{ text-align: center;}
.classes .classes_con li.mxb .text-l{ width: 50%;}
.classes .classes_con li.mxb .con{ padding:18px 0 12px 30px;}
.classes .classes_con li.mxb .text-p{ line-height: 28px; padding:18px 0 0 30px; font-size: 14px; color: #666;}
.classes .classes_con li.none{ margin:0;}
.classes .classes_con .con{ margin:0 auto; border-bottom: 1px dashed #d6d6d6; padding:18px 0 12px 10px; color: #666;}
.classes .classes_con .con.none{ border:0;}
.classes .classes_con .con .tit2{ line-height:34px; height:34px; white-space:nowrap; font-size:18px; padding-bottom:6px;}
.classes .classes_con .con .tit2 em{ font-size:30px; color:#f56540; margin-right:7px;}
.classes .classes_con .con .tit2 .ts{ font-size:12px; padding-left:20px;}
.classes .classes_con .con p{ line-height:24px; color:#666; padding:4px 0 6px 0;}
.classes .classes_con .con .box{ height:28px; padding:0;}
.classes .classes_con .con .box2{ height:15px; padding:0;}
.classes .classes_con .con .list .t2{ line-height:28px; font-weight:bold; color:#333;}
.classes .classes_con .con .list span{ display:block; float:left; width:110px; line-height:28px; white-space:nowrap; padding:0 0 0 10px; background:url(/images/pro2018/xiaofang/dian01.gif) no-repeat 2px center;}
.classes .classes_con .con .list .one{ width:220px;}
.classes .classes_con .con .list .thr{ width:170px;}
.classes .classes_con .con .list .xq{ width:56px;}
.classes .classes_con .con .list .add{ line-height:28px; color:#f56540;}
.classes .classes_con .con .list span.none{ height:28px; padding:0; background:none;}
.classes .classes_con .more{ width:54px; height:20px; line-height:20px; border:1px solid #c0c0c0; text-indent:5px; background-position:36px -142px; margin-top:2px; cursor: pointer;}
.classes .classes_con .more_list{ display:none; position:absolute; top:23px; left:-306px; width:360px; border:1px solid #c0c0c0; background:#fff;}
.classes .classes_con .more_list ul{ padding:14px 0 14px 16px;}
.classes .classes_con .more_list li{ line-height:24px; width:190px; padding:0 0 0 10px; background:url(/images/pro2018/xiaofang/dian01.gif) no-repeat 2px center; margin:0; white-space:normal;}
.classes .classes_con .more_list li.m2{ width:130px;}
.classes .classes_con .more_list li.m3{ width:320px;}
.classes .classes_con .whan{ display: block; width:166px; height: 38px; background: #f1f1f1; border-radius: 19px; text-align: center; line-height: 38px; font-size: 14px; color: #f56540; margin: 20px auto; transition:all 0.2s linear;}
.classes .classes_con .whan:hover{ text-decoration: none; opacity: 0.8;}

.adCeng{display:none;width:100%;z-index:101;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.service_btn_wrap{ text-align:center; margin-bottom: 30px;}
.service_btn{ display:inline-block; width:204px; height:42px; line-height:42px; text-align:center; background:#fff; font-size:16px; color:#666; border:1px solid #e8e8ee; border-bottom-left-radius:3px; border-bottom-right-radius:3px; text-decoration:none; transition:all 0.2s linear;}
.service_btn:hover{ text-decoration: none; color: #5254b7; border:1px solid #5254b7;}
.service_pop{ display:none; width:930px; height:450px; padding:65px 0 45px 0; background:#fff; position:fixed; top:50%; left:50%; margin:-280px 0 0 -465px; z-index:202; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.service_pop .close{ width:17px; height:17px; right:16px; top:20px; background-position:0 -400px; cursor:pointer; transition:all 0.2s linear;}
.service_pop .close:hover{transform:rotateZ(180deg);}
.service_pop .biaoge_wrap{ height:450px; overflow:hidden; overflow-y:auto;  padding:0 20px;}
.service_pop .biaoge{ width:100%; border-bottom:1px solid #dedede; border-left:1px solid #dedede; text-align:center;}
.service_pop .biaoge tr:hover{ background: #f7f7f7;}
.service_pop .biaoge td{ height:26px; line-height:26px; padding:5px 0; border-top:1px solid #dedede; border-right:1px solid #dedede;}
.service_pop .biaoge .tit1{ background:#c3cfff; font-size:14px; font-weight:bold; color:#fff; border:0;}
.service_pop .biaoge .t1{ padding-left:24px; text-align:left; font-size:14px;}
.service_pop .biaoge .t2{ padding-left:15px; text-align:left;}
.service_pop .biaoge i{ display:inline-block; width:11px; height:15px; background-position:0 -500px;}

/*选课*/
.xuankebg{ background: #ffd672; padding-bottom: 65px;}
.xuanke .subtit{ line-height: 32px; font-size: 24px; font-weight: 700; margin-bottom: 26px;}
.xuanke .wlkc{ margin-bottom: 28px; -webkit-box-shadow:5px 5px 5px 0 #f2cb6c; -moz-box-shadow:5px 5px 5px 0 #f2cb6c; box-shadow:5px 5px 5px 0 #f2cb6c;}
.xuanke .wlkc .fdtit{ height: 70px; right: 0; top: -12px;}
.xuanke .wlkc .fdtit .list{ width: 170px; height: 58px; padding-top: 12px; text-align: center; color: #fff;}
.xuanke .wlkc .fdtit .list-t{ line-height: 18px; font-size: 18px;}
.xuanke .wlkc .fdtit .list-b{ line-height: 38px; font-size: 12px;}
.xuanke .wlkc .fdtit .list-b em{ display: inline-block; width: 50%;}
.xuanke .wlkc .fdtit .tsb{ background: #3d84ed;}
.xuanke .wlkc .fdtit .jpb{ background: #fd725b;}
.xuanke .wlkc .fdtit .syb{ background: #9875d8;}
.xuanke .wlkc .fdtit .dzb{ background: #25b1b4;}
.xuanke .wlkc table{ border-collapse: collapse; background: #fff;}
.xuanke .wlkc .tabtit{ background: #f0f0f0; text-align: center; font-size: 16px;}
.xuanke .wlkc td{ padding: 0 10px; height: 58px; line-height: 58px; font-size: 14px;}
.xuanke .wlkc .label{ overflow: hidden; display: block; height: 20px; line-height: 20px; font-size: 12px; padding-left: 20px; background-position: 0 -1348px; cursor: pointer;}
.xuanke .wlkc .label:hover{ color: #ff6600; transition:all 0.2s linear;}
.xuanke .wlkc .label input{ top: -50px; left: 0;}
.xuanke .wlkc .label.on{ background-position: 0 -1398px;}
.xuanke .wlkc .label2{ width: 66px; font-size: 14px; text-align: right;}
.xuanke .wlkc .st{ display: inline-block; width: 19px; height: 19px; background-position: 0 -1300px;}
.xuanke .wlkc .tabhui{ background: #f9f9f9;}
.xuanke .wlkc .xxr{ border-right: 1px dashed #ccc;}
.xuanke .wlkc .xxb{ border-bottom: 1px dashed #ccc;}
.xuanke .jiesuan{ height: 56px; margin-bottom: 20px;}
.xuanke .jiesuan .zj{ margin-right: 30px; line-height: 56px; font-size: 24px; color: #f95209;}
.xuanke .jiesuan .han{ display: block; width: 192px; height: 52px; line-height: 52px; text-align: center; font-size: 26px; color: #fff; background-color: #f95209; border-bottom: 4px solid #db2305; border-radius: 6px;}
.xuanke .jiesuan .han:hover{ text-decoration: none; background-color: #db2305;}

/*选课弹出*/
.tanchu{ display: none; overflow:hidden; width:600px; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:-173px 0 0 -300px; z-index:202; -webkit-box-shadow:2px 4px 4px #333; -moz-box-shadow:2px 4px 4px #333; box-shadow:2px 4px 4px #333; border-radius:5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.tanchu .tc-tit{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0; position:relative;}
.tanchu .tc-tit h5{ padding-left:48px; line-height:54px; font-size:16px;}
.tanchu .tc-tit h5 i{ overflow: hidden; display: block; width: 4px; height: 20px; left: 26px; top: 17px; background: #f95209;}
.tanchu .tc-tit .close{ width:15px; height:15px; position:absolute; top:20px; right:16px; background-position:0 -400px; cursor:pointer; transition:all 0.2s linear;}
.tanchu .tc-tit .close:hover{transform:rotateZ(180deg);}
.tanchu .tc-con{ height:180px; padding:15px 30px 0 30px; font-size:14px; color:#666; line-height:32px; overflow:auto; *position:relative; _width:540px; _overflow-x:hidden; }
.tanchu .tc-con a{ color:#ff702a;}
.tanchu .tc-con .nr01{ _width:472px; line-height:32px; clear:both; padding-left:68px; position:relative;}
.tanchu .tc-con .nr01 .nbt{ position:absolute; top:0; left:0;}
.tanchu .tc-con .on{ display: block;}
.tanchu .btn{ display:block; width:204px; height:42px; background-color:#f87157; line-height:42px; font-size:14px; text-align:center; color:#fff; margin:30px auto; font-weight:bold; cursor:pointer; border-radius:3px; transition:all 0.2s linear;}
.tanchu .btn:hover{ background-color: #f13712;}

/*学员权益*/
.ico2{background:url(/images/pro2018/xiaofang/ico2.png) no-repeat; _background:url(/images/pro2018/xiaofang/ico2.gif) no-repeat;}
.studentMore{}
.studentMore .tit2{ height:46px; line-height:46px; background:url(/images/pro2018/xiaofang/xian01.png) repeat-x center; text-align:center;}
.studentMore .tit2 span.t1{ display:inline-block; padding:0 26px; line-height:46px; height:46px; font-size:24px; font-weight:bold; color:#03187c; background:#ffd672;}
.studentMore .tit{ line-height:50px; text-align:center; font-size:24px; padding:16px 0;}
.studentMore .list{ padding:20px 0 20px 0;}
.studentMore .list li{ float:left; _display:inline; width:81px; margin:0 122px 0 0;text-align:center; cursor:pointer;}
.studentMore .list li.none{ margin:0;}
.studentMore .list li p{ transition:all 0.2s linear;}
.studentMore .list li.cur p{ color:#fb684e;}
.studentMore .list span{ display:inline-block; width:81px; height:81px;}
.studentMore .list .s1 span{ background-position:0 0;}
.studentMore .list .s2 span{ background-position:0 -81px;}
.studentMore .list .s3 span{ background-position:0 -162px;}
.studentMore .list .s4 span{ background-position:0 -243px;}
.studentMore .list .s5 span{ background-position:0 -324px;}
.studentMore .list .s6 span{ background-position:0 -405px;}
.studentMore .list .s1.cur span{ background-position:-81px 0;}
.studentMore .list .s2.cur span{ background-position:-81px -81px;}
.studentMore .list .s3.cur span{ background-position:-81px -162px;}
.studentMore .list .s4.cur span{ background-position:-81px -243px;}
.studentMore .list .s5.cur span{ background-position:-81px -324px;}
.studentMore .list .s6.cur span{ background-position:-81px -405px;}
.studentMore .list p{ font-size:16px; line-height:32px;}
.studentMore .con{ display:none; width: 1056px; padding:14px 22px; background:#fb684e; font-size:14px; color:#fff; line-height:22px; position:relative;}
.studentMore .con .jt{ display:block; width:21px; height:12px; background-position:0 -450px; position:absolute; top:-12px; overflow:hidden;}
.studentMore .con .j1{left:26px;}
.studentMore .con .j2{left:234px;}
.studentMore .con .j3{left:436px;}
.studentMore .con .j4{left:642px}
.studentMore .con .j5{left:842px;}
.studentMore .con .j6{left:1046px;}
.studentMore .con a{ text-decoration: underline; color: #fff;}

/*班次对比*/
.contrast .btit{ height: 52px; margin-bottom: 48px;}
.contrast .btit ul{ width: 526px; height: 52px; line-height: 52px; font-size: 18px; color: #6c6f85; font-weight: 700; margin: 0 auto; overflow: hidden; border-radius: 26px; background: #cdcfdc;}
.contrast .btit ul li{ float: left; width: 50%; text-align: center; margin: 0; cursor: pointer; background: none;}
.contrast .btit ul li.cur{ background: #f95209; color: #fff;}
.contrast .class_type{ display: none;}
.contrast .biaoge{ width:100%; text-align:center; border-bottom:1px solid #dedede; color:#666; margin-bottom: 68px;}
.contrast .biaoge td{ height:22px; line-height:22px; font-size: 14px; border-top:1px solid #dedede; border-right:1px solid #dedede; padding:12px 0; color:#666;}
.contrast .biaoge .t1{ font-size:16px; border:0; padding:22px 0; background:#604fc8; color:#fff;}
.contrast .biaoge .t1.none{ background:#c8a480; color: #fff;}
.contrast .biaoge .t2{ border-left:1px solid #dedede; font-size:16px; color:#333; text-align: left; padding-left: 15px;}
.contrast .biaoge .none{ background:#f9fafe; color:#666;}
.contrast .biaoge a{ color:#666;}

/*移动学习*/
.app_wrap{ width:100%; height:665px; background:url(http://www.chinatat.com/upload/html/2017/11/14/wa3df6e1e5ef684f74ab8f0d5291c05df6.jpg) no-repeat center top;}
.app{ height:665px;}
.app ul{ left:411px; top:158px;}
.app li{ float:left; _display:inline; width:314px; height:92px; background:#fff;opacity:.9;filter:alpha(opacity=90); border-left:4px solid #ffba42; margin:0 27px 22px 0;}
.app li h3{ padding:16px 0 0 24px; font-size:24px; color:#130058; line-height:32px; font-weight:normal;}
.app li p{ font-size:14px; line-height:32px; color:#666; padding-left:24px;}
.app li.none{ margin-right:0;}
.app .text{ line-height:24px; right:28px; top:414px; font-size:24px; color:#130058; font-weight: 700;}
.app .hbox{ width:180px; right:168px; top:464px;}
.app .hbox .han{ display: block; width: 120px; height: 48px; padding-left: 60px; line-height: 48px; font-size: 16px; color: #fff; background-color: #ffa800; background-position: 14px -1443px; border-radius: 8px; margin-bottom: 10px;}
.app .hbox .han:hover{ text-decoration: none; opacity: 0.9;}
.app .hbox .han2{ background-color: #25d86d; background-position: 16px -1492px;}
.app .ewm{ width:122px; text-align:center; right:22px; top:458px; line-height:38px; font-size:14px; color:#130058;}

/*辅导书籍*/
.book{ padding-bottom: 30px;}
.book .tit{ height:48px; padding:0 0 23px 0;}
.book .tit li{ float:left; width:365px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#999; border:1px solid #d4d6de; margin-left: -1px; position:relative; cursor:pointer; transition:all 0.2s linear;}
.book .tit li.br{ border-right:1px solid #d4d6de;}
.book .tit li:hover{ color: #5254b7;}
.book .tit li.cur{ background:#5254b7; border:1px solid #5254b7; color:#fff;}
.book .tit li .jt{ display:none; width:17px; height:8px; background-position:0 -100px; bottom:-8px; left:50%; margin-left:-9px; overflow:hidden;}
.book .tit li.cur .jt{ display:block;}
.book .xbot{ display: none;}
.book_list{ height:298px; overflow:hidden;}
.book_list li{ display:inline; width:206px; height:296px; background:#fff;border:1px solid #d6d7d8; margin:0 15px 0 0; float:left; text-align:center;}
.book_list li a{ display:block; width:206px; height:296px; text-decoration:none;}
.book_list li img{ width:168px; height:216px; margin:10px 0;}
.book_list li .pt{ border-top:1px solid #d6d7d8; line-height:24px; font-size: 14px; padding:0 10px;}
.book_list li .pt .hong{ color: #ff9900;}
.book_list li .pb{ font-size:12px; color:#999; clear: both; padding:0 10px; text-align: left; line-height: 16px;}
.book_list2 li{ margin:0 89px 0 0;}
.book .mr0{ margin-right: 0;}
.book .sp{ text-align: center; line-height: 16px; font-size: 16px; color: #999; padding-top: 36px;}
.book .sp a{ color: #999;}
.sklht .prev,.sklht .next{ width:36px; height:53px; background-position:0 -750px; left:0; top:120px; cursor:pointer; display:none;}
.sklht .next{ left:auto; right:0; _right:14px; background-position:0 -825px;}

/*资料下载*/
.data_download{ padding-bottom:45px;}
.data_download .tit{ width:100%; text-align:center; font-size:14px; left:0; top:28px;}
.data_download .pic{ padding-left:90px;}
.data_download .con{ width:491px; height:296px; background:url("/images/pro2018/xiaofang/bg04.png") no-repeat; margin:15px 55px 0 0; overflow:hidden;}
.data_download .con .list{ padding:60px 0 0 40px;}
.data_download .con .list div{ float:left; line-height:36px; font-size:16px; color:#130058; padding-left:28px; width:150px; background-position:0 -1088px;}
.data_download .con .list div.w1{ width:200px;}
.data_download .btn{ display:block; margin:10px 0 0 160px; width:150px; height:60px; line-height:60px; text-align:center; font-size:18px; color:#fff; text-decoration:none;}
#yesLogin{ display:none;}

/*关于我们*/
.about_wrap{ width:100%; height:196px; background:url("/images/pro2018/xiaofang/bg05.jpg") no-repeat center top;}
.about{ height:196px; background:url("http://www.chinatat.com/images/pro2018/xiaofang/bg05.jpg") no-repeat center top;}
.about .con{ width:300px; padding:60px 0 0 0;}
.about .tex{ color:#fff;}
.about .tex h3{ font-size:18px; line-height:32px; font-weight:bold; padding-left:30px; background-position:11px -38px; margin-bottom:20px;}
.about .tex p{ line-height:24px; color:#c3b9d9; padding-left:30px; font-size:14px;}
.about .tex p a{ color:#c3b9d9;}
.about .ewm{ padding:39px 38px 0 0;}
.about .ewm .box{ width:105px; margin-left:49px; text-align:center;}
.about .ewm .box img{ width:105px; height:105px;}
.about .ewm .box p{ font-size:14px; color:#acaaba; line-height:20px; padding:6px 0 0 0;}

/*左侧浮动*/
.floatCtro{ width:69px; left:0; top:50%; margin:-111px 0 0 ; position:fixed; _position:absolute; z-index:100 }
.floatCtro .top{ width:69px; height:31px; background:url(/images/pro2018/xiaofang/zk_14.png) no-repeat;}
.floatCtro .con{ background:#604fc8;}
.floatCtro p{ line-height:40px; color:#fff; font-size:14px; text-align:center; cursor:pointer; transition:all 0.2s linear; background:url(/images/pro2018/xiaofang/zk_16.png) no-repeat center bottom;}
.floatCtro p a{ color:#fff;}
.floatCtro p.cur{ background:#361c80;}
.floatCtro .backtop{ width:69px; height:49px; background:url(/images/pro2018/xiaofang/zk_15.png) no-repeat; cursor:pointer;}




@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedIn2 {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn2 {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn2 {
    -webkit-animation-name: lightSpeedIn2;
    animation-name: lightSpeedIn2;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}