@charset "gb2312";
body { margin: 0; padding: 0px; font-size: 12px; color: #333; text-align: left; font-family: "Microsoft Yahei", "microsoft Yahei",
 "Tahoma", "Arial", "Helvetica", "STHeiti"; font-size:12px;}

ul, li, h2, h3, h4, h5, p { margin: 0px; padding: 0px; }
li { list-style: none }
a { text-decoration: none; color: #333; }
.clearfix:after{ display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.clearfix,{ zoom: 1; }

 
 
/*content-three*/
.content-three{width:100%; height:auto;background:#fbf8f8; padding-bottom:10px;}
.content-three .qy-titbox{ padding-top:45px;}
.qy-titbox{ text-align:center; height:118px; padding-top:25px;}
.qy-titbox span,.qy-titbox strong,.qy-titbox strong i{ display:inline-block; vertical-align:middle;}
.qy-titbox span{ width:110px; height:6px; background:#bacfe7; font-size:0;}
.qy-titbox strong{ height:118px; background:url(../zt/book/img/bgtou.png) 0 0 no-repeat; margin:0 30px; }
.qy-titbox strong i { width:80px;font:bold 18px/20px "Impact"; margin-top:24px; color:#154cb5;vertical-align:top; padding-left:10px;}
.qy-titbox strong i b{font:bold 44px/44px "Impact";}
.qy-titbox strong em{ font:36px/45px "Microsoft Yahei";font-style:normal; color:#154cb5; margin-top:35px; display:inline-block; vertical-align:top;}


 /*content-four*/
.content-four{ background:#fff; }
.box_03{width:1030px; margin:0 auto; }
.content-four .qy-titbox strong{ background: url(../zt/book/img/bgtou.png) 0 -455px; color:#ee4928;}
.content-four .qy-titbox strong i,.content-four .qy-titbox strong em{ color:#ee4928;}
.content-four .qy-titbox span{ background:#ffdfd9;}

/*content-five*/ 
.red_title { font-size: 60px;font-weight: bold;padding: 30px 0; line-height: 60px; width: 100%; background: #fff; text-align: center;}
.red_move_class{ overflow:hidden; height:713px; background:url(../zt/book/img/move_class_bg.jpg) no-repeat top center;}
.red_move_main{ width:1000px; height:713px; margin:0 auto; margin-top:-1px; background:url(http://img.233.com/wx/img/foot/2016/move_class_1.png) no-repeat center;}
.red_move_cl_tmain{ width:520px; height:278px; padding:77px 0 0 480px; margin:0 auto; color:#fff}
.red_move_cl_tmain h3{ font-size:42px; height:58px; line-height:58px; font-weight:bold}
.red_move_cl_tmain h4{ font-size:18px; line-height:30px; overflow:hidden; font-weight:normal;margin-bottom:20px}
.red_move_cl_tmain p{ height:30px; line-height:30px; padding:5px 0; font-size:18px; position:relative; text-indent:30px;}
.red_move_cl_tmain p span.ico{ vertical-align:top; width:30px; height:30px; margin-right:5px; display:block; position:absolute; left:0px; top:0px; background:url(../img/ico.png) no-repeat; top:8px;}

.red_move_cl_bot{ height:318px; background-image:url(http://img.233.com/wx/img/foot/2016/move_class2.jpg)}
.red_move_cl_bbg{ width:520px; padding:0 0 0 480px; margin:0 auto}
.red_move_ewm{ width:146px; height:146px; float:left; overflow:hidden;}
.red_move_ewm img{ width:146px; height:146px; display:block;}
.red_move_but{ width:300px; overflow:hidden; padding-left:18px}
.red_move_but a{ display:block; width:275px; height:66px; line-height:66px; margin-bottom:10px; border:1px solid #f15852; color:#f05f6f; border-radius:5px; text-align:center; font-size:20px}
   

/*cents03*/

.section .section01{ width:315px; padding-bottom:20px; background:#fff; position:relative; float:left; margin-right:27px; margin-top:30px;margin-bottom:30px;}
.section li:hover{ background:#f5bf27;}
.section .section01_04{ margin-right:0;}
.section li img{ margin:1px;}
.section li a{display:block; position:relative; overflow:hidden; cursor:pointer;}
.section li em{
	width: 96px;
	height: 48px;
	position: absolute;
	background: url(bg.png) -459px 0;
	text-indent: 7px;
	font: 24px/40px "微软雅黑";
	color: #FFF;
	right: 24px;
}

.section .sectiontxt{ display: block; width: 100%; height: 202px;
  text-align: center;
  font: 16px/24px "微软雅黑"; color: #FFF; position: absolute; bottom: -2px; left: 0px; top: 210px; 
 transition:top .2s ease-out 0s}
.sectiontxt .bg{height:100%;background:#000; filter:Alpha(opacity=60);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); z-index:1;top:0;right:0; bottom:0;left:0; position:absolute;}
.sectiontxt .tech_icon{position:absolute; z-index:2;top:35px; _top:76px; left:76px; font-style:normal; line-height:54px;border:#fff solid 1px; _border:#2586e9 solid 1px; _color:#2586e9; border-radius:4px; width:168px; height:54px; display:block; font-size:22px;}
.sectiontxt .tech_icon:hover{ background:#2586e9; color:#fff; border-color:#2586e9; }
.sectiontxt .tech_icon em{
	background: url(../img/pic.png) no-repeat -13px -110px;
	width: 12px;
	height: 11px;
	display: block;
	position: absolute;
	top: 22px;
	font-size:0;
}

.section li:hover .sectiontxt{top:0;}
.tech{ width:1200px; margin:0 auto 40px;}
.section01 h3{ font-size:24px; margin:0 16px; line-height:45px; text-align:center;}
.section01 p{ font-size:16px; margin:0 16px; line-height:26px;}
.section01:hover{ color:#fff;}
/*cents03 end*/ 

/**content-four**/
.content-4{ width:1000px; height:auto;  padding-bottom:110px; padding-top:20px;margin:0 auto;}
.main-top{ padding-top:15px;}
.h2-txt3{margin:0 auto 30px; width:100%; height:130px; background:url(../img/h2-4.png) center 0 no-repeat; text-align: center; }
.h2-txt3 span{font:40px/130px "Microsoft Yahei"; color:#fff; background: -webkit-linear-gradient(left, #445ac7 , #58edff);     /* 鑳屾櫙鑹叉笎鍙?*/
  -webkit-background-clip: text;         /* 瑙勫畾鑳屾櫙鐨勫垝鍒嗗尯鍩?*/  -webkit-text-fill-color: transparent;  /* 闃叉瀛椾綋棰滆壊瑕嗙洊 */}

.online-s{ position:relative;}
.online-li{width:303px; background:#fff; border-radius:10px 10px 0 0; position: relative; float:left;border:1px solid #eee;}
.online-li:hover{/* box-shadow: 0 0 10px #333; */transform: translateY(-5px); -webkit-transform: translateY(-5px); z-index: 4; transition: transform 1s; -moz-transition: -moz-transform 1s; /* Firefox 4 */ -webkit-transition: -webkit-transform 1s; /* Safari and Chrome */ -o-transition: -o-transform 1s; /* Opera */}
.online-li h5{ width:100%; height: 75px; font:30px/75px "Microsoft Yahei"; color:#fff; text-align: center; border-radius:10px 10px 0 0; background:#de2c4d;     background-image: linear-gradient(20deg, #de2c4d, #ff4f20);}
.online-li .h5two{ background: #3179f0;background-image: linear-gradient(20deg, #3179f0, #2fafff);}
.online-li .h5three{ background: #3179f0;background-image: linear-gradient(20deg, #4a5bff, #705cff);}
.price{ margin:4px 10px 0;  height:58px;}
.price li { padding:12px 0;}
.price li em{ font:14px/24px "Microsoft Yahei";}
.price .priceli{ border-bottom:1px  dashed  #e1e1e1;}
.price li span{font:14px/24px "Microsoft Yahei";display: inline-block;vertical-align:bottom; width:84px; display: inline-block;}
.price li strong{font:24px/24px "Microsoft Yahei"; color:#ff3251; margin:0 20px 0 28px; width:75px; text-align:left; display: inline-block;vertical-align:bottom; }
.price li strong i{font:18px/24px "Microsoft Yahei";}
.price li a{font:14px/26px "Microsoft Yahei"; text-align: center; width:60px; height:26px; border-radius:13px; border:1px solid #ff3251; color:#ff3251; display:inline-block; }
.price li a:hover{ background:#ff3251; color:#fff;}
.price-b{ background:#f7f7f7; padding-bottom:10px; height:68px;}
.price-b span{font:14px/22px "Microsoft Yahei"; width:66px; height:22px; color:#777; border:1px  dashed #777; display: inline-block;
	text-align: center; border-radius:2px; margin:10px 0 0 6px;}
.price-sm{ margin:0 10px 10px 10px;}
.price-sm p{ margin-top:10px;}
.price-sm p span{font:14px/22px "Microsoft Yahei"; color:#333; margin-left:10px; width:240px; display:inline-block; vertical-align:top;}
.price-sm p em{font:14px/22px "Microsoft Yahei"; width:20px; height:20px; border:1px solid #777; display: inline-block; color:#777;
	border-radius:11px; text-align: center; vertical-align:top;}
.price-sm p .p-red{ color:#fb4f4f;}
.online-ann{width:305px; text-align: center; position: absolute; bottom:-60px; left:0;}
.online-ann a{ width:240px; height:44px;font:16px/44px "Microsoft Yahei";background: #ff2c54; background-image: linear-gradient(20deg, #ff6339, #ff2c54); color:#fff; text-align: center; display: inline-block; border-radius:22px; }
.online-ann a:hover{background: #ff6339; }
.online-li{margin-right:10px;}
.online-lileft{ margin-left:54px; }
.onlineleft{ position: absolute; left:-10px; top:60px;width:55px;}
.onlineleft span{ width:55px; height:55px; background: url(../img/bg24.png) 0 -350px no-repeat; display: inline-block; font: bold 15px/20px "Microsoft Yahei"; color:#333; text-align: center; padding-top:8px;}
.onlineleft02{ margin-top:125px;}
.onlineleft03{ margin-top:55px;}

.bg_white{ background-color:#fff;}
.bg_hui{ background-color:#fcfcfc;}