/* CSS Document */
html{ height:100%;}
body{ font-family:tahoma arial "微软雅黑", Arial; font:14px/14px "微软雅黑" ; color:#222; margin:0px auto;padding:0;min-width:1200px;}
html, body, talbe, tr, th, td, ul, ol, li, dl, dt, dd, div, center, p, span, h1, h2, h3, h4, h5, h6, hr, form, select, input, textarea{ margin:0px; padding:0px;}
ul,ol,li{ list-style:none;}
img{ border:none;} 
/*a {color:#c3040a;font-family:"微软雅黑", Arial;font-size:18px; text-decoration:underline;}*/
table,td,tr,th,input,select{ font-size:12px;}
input{ font-family:Arial;}
table{ border-collapse:collapse;margin:0; padding:0;}
a{text-decoration: none;cursor: pointer;}
.fl{float:left;}
.footer{font-size: 12px;}
.fl{float:left;}
.fr{float:right;}
.fl,.fr {display:inline;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.pr{position:relative;}
.pa{position:absolute;}
#mr{margin-right: 0;}
.zoom{zoom:1}
.hide{display:none;}
.block {display:block;}
.clearfix:before,.clearfix:after {content:"";display:table;}.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
.wrap{ width:1200px;margin: 0 auto;}
.zixun{cursor: pointer;}
h2{font-size:40px;text-align: center;}

.hx_logo {
        width: 250px;
        display: inline-block;
        margin-right: 2%;
    }
	
.hx_logo img {
    width: 100%;
    height: 100%;
}

.banner{position:relative;}
.banner .banner1{background: url(../images/banner_02.jpg) no-repeat center top;height: 100px;}
.banner .banner2{background: url(../images/banner_03.jpg) no-repeat center top;height: 100px;}
.banner .banner3{background: url(../images/banner_04.jpg) no-repeat center top;height: 100px;}
.banner .banner4{background: url(../images/banner_05.jpg) no-repeat center top;height: 100px;}
.banner .banner5{background: url(../images/banner_06.jpg) no-repeat center top;height: 100px;}
.banner .banner6{background: url(../images/banner_07.jpg) no-repeat center top;height: 100px;}
.banner .banner7{background: url(../images/banner_08.jpg) no-repeat center top;height: 100px;}

.banner .wrap{position: absolute;top:80px;left:50%;margin-left:-600px;}
.banner .wrap h3{font-size:70px;color:#fff1df;font-weight:bold;line-height: 160px;}


.p2{padding-bottom:60px;}
.p2 .wrap{margin-top:90px;}
.p2 .wrap .cont{width: 86px;height:366px;border-radius:20px;text-align: center;color:#fff;font-weight: bold;font-size:30px;line-height: 40px;padding-top: 46px; float:left;background:#f32737;}	
.p2 .wrap .shape{float:left;margin-top:-70px;}
.p2 .wrap ul{float:left;width:1005px;margin-top:-80px;}
.p2 .wrap ul li{background:#fff;border-radius: 20px;color:#000;box-shadow: 0 0 10px 0 rgba(243,45,56,0.3);padding:10px 20px;margin-bottom: 38px;}
.p2 .wrap ul li h3{font-size:24px;line-height: 46px;padding-top:10px;}
.p2 .wrap ul li p{font-size:20px;line-height:40px;padding-bottom:10px;}
.p2 .xingshi{width: 1200px;margin:40px auto 0;}	
.p2 .xingshi .ban{width:518px;float:left;background:#fff;box-shadow: 0 0 10px 0 rgba(243,45,56,0.3);padding:20px 30px;border-radius: 16px;}	
	
.p2 .xingshi .ban h3,.p2 .xingshi .wu h3{font-size:24px;color:#000;line-height:46px;}	
.p2 .xingshi .ban p{clear: both;}
.p2 .xingshi .ban p span{display:inline-block;float:left;font-size:20px;line-height: 58px;color:#000;}	
.p2 .xingshi .ban p a{display:inline-block;float:right;font-size:20px;line-height:36px;margin:11px 0; color:#fff;padding:0 16px;
	background:-webkit-linear-gradient(left, #f45741, #f32737);border-radius: 6px;
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);}	
	
.p2 .xingshi .wu{width:520px;float:right;background:#fff;box-shadow:0 0 8px 2px rgba(255,66,29,0.35);padding:20px 30px;border-radius: 16px;}
.p2 .xingshi .wu p{display:inline-block;float:left;font-size:20px;line-height:47px;color:#000;}	
.p2 .xingshi .wu p a{display:inline-block;float:right;font-size:20px;line-height:36px;margin:11px 0; color:#fff;padding:0 16px;border-radius: 6px;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);}
.p3{width: 1160px;margin: 0 auto;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);padding:20px;border-radius: 10px;}
.p3 .sheet{float:left;width:350px;margin-left:40px;}
.p3 .sheet h2{color:#fff;font-size:30px;text-align: center;padding:10px 0 30px;line-height: 30px;}
.p3 .sheet form select{width:350px;background: #fff;border-radius:6px;line-height:46px;padding:6px 0;font-size:18px;outline:none;border:none;padding-left:4px;height: 42px;}
.p3 .sheet form input{width: 350px;border-radius: 6px;font-size:18px;outline:none;border:none;margin-top:26px;line-height:40px;padding:6px 0;padding-left:4px;}
.p3 .sheet form input[type="button"]{background:#ff9e38;color:#fff;font-weight: bold;padding-left:0;width: 354px;}
.p3 .year{background:#fff;width:690px;float:left;margin-left:58px;padding-top:16px;padding-bottom:16px;}
.p3 .year h3{background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);
	color:#fff;line-height:44px;width: 240px;padding-left:30px;font-size:20px;font-weight:normal;border-radius: 0 30px 30px 0;}
.p3 .year div{width:230px;margin-top: 12px; display: inline-block;float:left;box-sizing: border-box;border-right:1px dashed #ff3361}
.p3 .year div img{width:72px;margin:0 auto 12px;display: block;}
.p3 .year div h4{font-size:20px;text-align: center;color:#000;line-height: 40px;}
.p3 .year div p{font-size:18px;text-align: center;color:#000;line-height: 32px;}

.p4{background:linear-gradient(to right, #f45741, #f32737);padding-top:36px;margin-top:70px;}
.p4 h2{color:#fff;text-align: center;padding:40px 0 20px;line-height:7px;}
.p4 h2 span{vertical-align:top;margin:30px 10px 0;}
.p4 dl{margin:50px auto 50px;}
.p4 dl dt{width:1140px;height: 134px;background-color:#fff;color:#333;border-radius: 10px;margin:20px auto 20px; position: relative;}
.p4 dl dt p{left: 190px;top:12px;position: absolute;font-size:18px;line-height: 36px;color:#333;width:910px;letter-spacing: 1px;}
.p4 dl dt .xing{background:#f32d38;height:104px;width: 152px;position: absolute;top:15px;left:12px;border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(243,45,56,0.3);}


.p4 dl dt .xing h3{font-size:30px;color:#fff;text-align: center;}
.p4 dl dt .xing div{width:96px;margin:22px auto 24px;}
.p4 dl dt .xing span{display: inline-block;background: url(../images/yellow.png) no-repeat;width: 22px;height: 20px;margin-right: 10px;}
.p4 dl dt .xing em{display: inline-block;background: url(../images/white.png) no-repeat;width: 22px;height: 20px;margin-right: 10px;}
.p4 .zixun a{background-color:#fff1df;margin-top: 0;font-size:24px;width: 320px;border-radius: 30px;color:#f32d38;font-weight: bold;display: block;line-height: 46px;margin: 0 auto;text-align: center;}


.youshi{padding-bottom:50px;}



.liyi{background:url(../images/bg_09.jpg) no-repeat center top;}
.liyi h2{font-size:40px;padding:140px 0 50px;color:#000;line-height: 56px;}
	
.liyi .gift{margin-top: 40px;}
.liyi .video{width: 550px;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);float:left;}
.liyi .video img{margin:-20px auto 4px;display: block;}
.liyi .video h3{color:#fff;text-align:center;font-size:24px;line-height:56px;width: 550px;}
.liyi .video h3 span{background:url(../images/wrap1-line.png) no-repeat right;display:inline-block;width: 129px;height: 26px;vertical-align: middle;padding-left: 20px;}
.liyi .video h3 span.flipx {background:url(../images/wrap1-line1.png) no-repeat left;}
.liyi .rhythm{width:610px;padding:16px 20px;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);float:right}

.liyi .c-right{background:#fff;padding:20px;position: relative;}
.liyi .c-right div{display:inline-block;}
.liyi .c-right .part1{width: 82px;height:70px;vertical-align: top;
	background:#f32d38;
	border-radius: 10px;color:#fff;text-align: center;font-size:26px;font-weight: bold;line-height: 36px;}
.liyi .c-right .part1 i{font-style:normal;font-size:18px;line-height: 20px;font-weight: normal;padding-top: 10px;display: block;}
.liyi .c-right .part2{margin-left: 20px;}
.liyi .c-right .part2 p{font-size:22px;font-weight: bold;color:#000;line-height: 30px;margin-bottom:4px;}
.liyi .c-right .part2 span{font-size:18px;color:#000;line-height: 32px;}
.liyi .c-right dl{margin-bottom:30px;}	
.liyi .c-right dl.dl02{margin-bottom:12px;}

.liyi .c-right .lingqu{background-color:#f32d38;margin-top: 0;font-size: 24px;width: 320px;border-radius: 30px;color:#fff ;font-weight: bold;display: block;line-height: 46px;margin: 0 auto;text-align: center;}



.p5{background:url(../images/bg5.png) no-repeat center bottom;padding:80px 0 26px;}
.p5 h2{padding-bottom:0;}
.p5 h2 span{font-size:18px;padding:0 10px;vertical-align: top;}
.p5 h3{text-align: center;font-size:20px;font-weight: normal;line-height:70px;}

.p5 .course1{width: 1166px;margin:10px auto 0;background:#fff;padding-bottom: 36px;box-shadow:0 0 8px 2px rgba(255,66,29,0.35);}
.p5 .course1 h4{width: 1166px;background: #f32d38;font-size:24px;text-align: center;line-height: 60px;color:#fff;}
.p5 .course1 .service{width: 1046px;padding: 0 60px;}
.p5 .course1 .service ul{}
.p5 .course1 .service ul li{width:280px;float:left;}
.p5 .course1 .service ul li h5{font-size: 20px;padding: 30px 0 0;line-height: 36px;color: #000;margin-bottom: 26px;}
.p5 .course1 .service ul li h5 span{width: 8px;height: 24px;background:#f32d38;display: block;margin-right: 12px;float: left;margin-top: 6px;}
.p5 .course1 .service ul li p{font-size:16px;line-height:58px;border-top:1px dashed #ccc;}
.p5 .course1 table{width: 1046px;height: 114px;border:1px solid #b3b3b3;background: #fff;margin:20px auto 0;padding-bottom: 20px;}
.p5 .course1 table th{font-size: 20px;font-weight: bold;height: 40px;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.p5 .course1 table tr{border-bottom:1px solid #b3b3b3;}
.p5 .course1 table td{font-size:17px;line-height:30px;padding:8px 0; text-align: center;vertical-align: middle;border-right:1px solid #b3b3b3;}
.p5 .course1 table td a{display: block;width: 100px;height: 36px;line-height: 36px;border-radius: 30px;color:#fff;background: #f32d38;margin: 0 auto;font-size:16px;}
.kctj a:hover{background: #44d695;}
.click_st:hover{cursor: pointer;}

.youshi{padding-bottom:50px;}
.youshi h2{color:#000;padding:80px 0 30px;}
.youshi h3{color: #000;font-size:17px;text-align: center;line-height: 36px;font-weight: normal;padding-bottom:0px;}
.youshi ul{margin:30px auto 0;width: 1200px;}
.youshi ul li{background:#fff;float:left;width: 220px;margin-right: 25px;border-radius:10px; box-shadow:0 3px 7px 0px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0px 7px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 3px 7px 0px rgba(0,0,0,0.35);-o-box-shadow:0 3px 7px 0px rgba(0,0,0,0.35);}
.youshi ul li .icon{width:80px;height: 60px; margin:20px auto 10px;}
.youshi ul li .icon img{margin:0 auto;}
.youshi ul li h4{font-size:30px;text-align:center;line-height: 46px;margin-bottom:8px;}
.youshi ul li p{font-size:20px;text-align:center;line-height:36px;margin-bottom:24px;padding: 0 50px;}
.youshi ul li:last-child{margin-right: 0;}
	

.bottom{padding-bottom: 40px;margin-top:70px;}
.bottom .wrap{box-shadow:0 0 8px 2px rgba(255,66,29,0.35);background:#fff;padding-top:20px;border-radius: 16px;padding-bottom:20px;}
.bottom .wrap h2{padding:30px 0 20px;}
.bottom .b-top{width:1100px;margin: 0 auto;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);
	margin-top: 40px;padding-top:40px;padding-bottom:40px;margin-bottom:50px;}
.bottom .b-top .zuo{margin-left:30px;float:left;}
.bottom .b-top .you{width:320px;background:#fff;float:left;margin-left:30px;}
.bottom .b-top .you h4{text-align: center;font-size:24px;coloe:#000;padding:46px 0 30px;}
.bottom .b-top .you p{font-size:18px;line-height: 36px;color:#000;padding: 0 26px;}
.bottom .b-top .you a{display: block;width: 220px;margin: 0 auto;
	background:-webkit-linear-gradient(left, #f45741, #f32737);
	background:-o-linear-gradient(left, #f45741, #f32737);
	background:linear-gradient(to right, #f45741, #f32737);
	line-height: 42px;border-radius: 10px;color:#fff;text-align: center;font-size:18px;font-weight: bold;margin-top:28px;margin-bottom: 30px;}



.p7{background: url(../images/bg7.png) no-repeat center top;padding-top:130px;padding-bottom:40px;}
.p7 .add{float:left;width:600px;}
	
.p7 .add h4{color:#fff;font-size:26px;line-height: 60px;font-weight: bold;background:url(../images/add.png) no-repeat center left;padding-left:42px;}
.p7 .add p{color:#fff;font-size:18px;line-height: 40px;}
.p7 .add p i{display:inline-block;margin-left:80px;}
.p7 .wrap{width: 1200px;margin: 0 auto;}
.p7 .barcode{float:left;margin-top:20px;}
.p7 .barcode li{float:left;width: 146px;}
.p7 .barcode li img{border:4px solid #fff;}
.p7 .barcode li:nth-child(2){margin: 0 80px;}
.p7 .barcode li p{text-align: center;line-height:56px;color:#fff;font-size:18px;}

.background{width: 100%;height:100%;background:rgba(0,0,0,0.5); position:fixed; left:0;top:0;display:none;z-index: 100;}
.csAnimateIn{ animation:zoomInDownCs 1s 0s linear both; -webkit-animation:zoomInDownCs 1s 0s linear both; -moz-animation:zoomInDownCs 1s 0s linear both; -ms-animation:zoomInDownCs 1s 0s linear both; -o-animation:zoomInDownCs 1s 0s linear both; }
.flt-tc{position: absolute;left:50%;margin-left:-282px;top:50%;margin-top:-308px;width: 565px;}
.flt-tc .tc-close{font-size:24px;background: #ff5038;width: 36px;height: 36px;border-radius:50%;color:#fff;display: block;line-height: 36px;text-align: center;position: relative;left:50%;margin-left:-18px; top:-40px;cursor: pointer;}
.flt-tc .xiazai{position: relative;width: 260px;top:-120px;left:50%;margin-left:-130px; background:#ff5038;display: block;color:#fff;line-height:54px;font-size:24px;font-weight: bold;border-radius: 40px;}
/*


/*浮动客服*/
#floatDivBoxs{width:160px;background:#fff;position:fixed;top:32%;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:16px;text-indent:22px;box-shadow:-2px 0 3px rgba(0,0,0,0.25);position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:40px;font-size:14px;line-height:40px; border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:16px;color:#333;padding:12px 14px;padding-bottom: 6px;}
#floatDivBoxs .floatDtel{padding:0 0 12px 20px;font-size:16px;line-height:26px;font-weight:600;color:#ff7400;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(http://www.hongxin.org/statics/images/zuixin/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:229px;background:url(http://www.hongxin.org/statics/images/zuixin/online_arrow1.png) no-repeat;position:fixed;top:30%;right:140px;z-index:9999;cursor: pointer;}
#rightArrow a{display:block;height:45px;}

