@charset "utf-8";
body{margin:0px;padding:0px; font: 16px/30px "Microsoft Yahei","Hiragino Sans GB","冬青黑体简体中文 w3",STXihei,"华文细黑","微软雅黑",SimSun,"宋体",Heiti,"黑体",sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,dl,dt,dd,table,th,td,blockquote,fieldset,div,label,em{margin:0;padding:0;font-weight:normal;}
ul{clear:both;overflow:hidden;}
li{list-style:none;}
i,em{ font-style:normal;}
input, select, textarea, form{ margin:0px; padding:0px; font-size:14px;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#FF3300;}
img{border:0px;vertical-align:middle;}
.clear{clear:both;}
.fr{ float:right;}
.fl{ float:left;}
.block{ width:1200px; margin:auto;  overflow:hidden;}
.more{border-radius:3px; background:#fff; line-height:40px; border:1px solid #f2010a; width:160px; display:block; text-align:center; font-size:16px; margin:30px auto; font-weight:bold; color:#f2010a;}
.more:hover{background:#f2010a; color:#fff;}

#htmlpage{ margin-top:30px; border:1px solid #fff;background:#FFFFFF; height:42px; text-align:center}
#html_page{ clear:both;font-size:14px;height:30px; text-align:center; line-height:30px; margin: 30px 0 30px;}
#html_page span{ padding:5px 10px; border:1px solid #ddd;background:#fff; }
#html_page a{padding:5px 10px; border:1px solid #ddd; background:#fff;}
#html_page a:hover{color:#fff;background:#f00;}
#html_page .now_page{color:#fff;background:#f00;}

#headerfix{ position:fixed; top:0; left:0; width:100%; z-index:888; background:#5cbee3; display:none; }
.lgs{width:220px; float:left; height:80px; padding:10px 0px;}
.mu{width:960px; float:right; height:50px; margin-top:25px; margin-bottom:25px; }
.mu li{ width:120px; float:left; line-height:50px; text-align:center;  font-size:18px;}
.mu a{ display:block; color:#fff;}
.mu a:hover{border-bottom:2px solid #f2010a;color:#fff;/* border-radius:5px;background:#f2010a; */}

.header{width:100%;}
.topset{ background:url(../images/topbg.jpg) repeat-x; height:30px; line-height:30px; font-size:14px;}
.topset span{ float:right;}
.topset span a{ padding:0 10px; color:#333333;}
.logo{}
.logo .log{ width:600px;height:120px; float:left; padding:20px 0px;}
.logo .tel{ width:170px; line-height:40px; padding-left:60px; margin-top:60px; background: url(../images/tel.png) center left no-repeat; background-size:40px 40px ; float:right; font-size:20px; color:#FF3300}

.menus{ background:url(../images/menubg.jpg) repeat-x; height:50px;}
.menu{width:1200px; margin:auto;}
.menu .t1{ background:url(../images/menusplit.jpg) no-repeat right center;}
.menu ul{display:inline; }
.menu ul li{ width:150px; float:left; line-height:50px; text-align:center; color:#FFF; font-size:18px; position:relative; cursor:pointer;}
.menu ul li a{color:#fff;}
.menu ul ul{padding:0px 0px 0px 0px;position: absolute; top:100%; left:0px; background:#fff; /*filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;*/ z-index:9999; display:none; }
.menu ul ul li{font-size:16px; height:40px;line-height:40px; overflow:hidden;padding-left:10px; padding-right:10px; float:left; border-bottom:1px solid #eee;}
.menu ul ul li a{color:#000; font-size:16px; height:40px; opacity:1; display:block; width:100%;}
.menu ul ul li:hover{background:#FF0000;color:#fff;}  
.menu ul ul a{ display:block;}
.menu ul ul a:hover{color:#fff;display:block;}  
.menu .w130{ width:130px;}
.menu .w200{ width:250px; text-align:left;font-size:14px;}

.footer{ height:288px; background:url(../images/footbg.jpg) repeat-x bottom;}
.footer .up{ height:244px;}
.footer .up h3{ font-size:18px; font-weight:bold; padding:20px 0px; color:#FFFFFF;}
.footer .up .t1{ width:600px; float:left}
.footer .up .t1 ul li{ width:150px; float:left; font-size:14px;}
.footer .up .t1 ul li a{ color:#FFFFFF;}
.footer .up .t2{ width:460px; float:left; color:#fff; padding:0 10px;}
.footer .up .t2 p{font-size:16px; line-height:30px;}
.footer .up .t3{ width:120px;float:left; text-align:center; color:#fff; font-size:14px;}
.footer .up .t3 img{ display:block; margin-top:50px; width:115px; height:115px;}
.footer .down{ line-height:44px; color:#FFFFFF;}
.footer .down span{ float:right; font-size:12px;}
.footer .down span a{ color:#FFFFFF;}


.footer2{ height:200px; background:url(../images/footbg.jpg) repeat-x bottom;}
.footer2 .up{ height:156px;}
.footer2 .up .t1{ width:240px; float:left; padding-top:38px;}
.footer2 .up .t2{ width:460px; float:left; color:#fff; padding-top:30px;}
.footer2 .up .t2 p{font-size:16px; line-height:30px;}
.footer2 .up .t3{ width:100px;float:right; text-align:center; color:#fff; font-size:14px;}
.footer2 .up .t3 img{ display:block; margin-top:15px; width:100px; height:100px;}
.footer2 .down{ line-height:44px; color:#FFFFFF;}
.footer2 .down span{ float:right; font-size:12px;}
.footer2 .down span a{ color:#FFFFFF;}

.slide{ height:400px;overflow: hidden;position: relative;}
.slide .d1{width:100%;height:400px;display:block;position:absolute;left:0px;}
.slide .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:345px;}
.slide .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -26px;display:inline;}
.slide .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.slide .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

.banner{ height:400px; text-align:center; background:url(../images/slide.jpg) no-repeat center bottom; margin-bottom:30px;}

.title{padding-top:30px; margin-bottom:30px;text-align:center;}
.title h1{background:url(../images/titlebg.jpg) bottom no-repeat; margin:20px 0px; padding-bottom:30px; color:#f2010a}
.title p{font-size:16px; color:#999999;}
.title2{ line-height:50px; border-bottom:1px solid #ccc; font-size:20px;}
.title3{ line-height:50px;}

.profile{position:relative; height:325px; margin-bottom:30px;}
.profile .vi{ float:left; margin-right:30px; width:450px; height:325px; background:#000000;}
.profile h3{ font-size:16px; text-indent:2em;}
.profile span{display:block; text-align:center; position:absolute; right:0; bottom:0; width:100px; border:1px solid #f2010a;border-radius:3px; background:#fff; color:#f2010a; font-size:14px; text-indent:0}

.profile span:hover{background:#f2010a; color:#fff;}

.customer{}
.customer li{ width:260px; margin:0 15px; padding:4px 4px; border:1px solid #f1f1f1; float:left; height:245px; overflow:hidden; margin-bottom:30px;border-radius:3px; background:#FFFFFF;}
.customer img{width:260px; height:172px;}
.customer h3{ font-size:16px; padding:0 4px; padding-top:10px;}
.customer p{ line-height:30px; height:30px; overflow:hidden; font-size:16px; padding:0 4px; color:#999999;}

.course{}
.course li{width:358px; margin-left:30px; border:1px solid #f1f1f1; margin-bottom:30px; float:left; height:315px;}
.course img{width:358px; height:236px;}
.course h3{font-size:18px; padding:0 10px; padding-top:10px;}
.course p{line-height:30px; height:30px; overflow:hidden; font-size:14px; padding:0 10px; color:#999999;}

.zixun{}
.zixun li{width:200px; float:left; height:230px; }
.zixun .t1{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#0099FF}
.zixun .t2{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#009900}
.zixun .t3{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#999900}
.zixun .t4{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#9999FF}

.zixun .t5{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#333300}
.zixun .t6{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#CC3366}
.zixun .t7{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#CC3300}
.zixun .t8{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#CC33FF}

.zixun .t9{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#3333FF}
.zixun .t10{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#66CC99}
.zixun .t11{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#FF6600}
.zixun .t12{width:150px; height:150px;border-radius:75px; margin:0 25px; background:#FFCC66}

.zixun img{width:70px; height:70px; padding:40px; }

.zixun h3{font-size:18px; padding:0 10px; padding-top:10px; text-align:center;}

.trainer{}
.trainer li{width:240px; float:left; margin-bottom:30px;}
.trainer img{width:220px; height:220px; padding:0 10px;}
.trainer h3{ line-height:30px; padding:10px 10px 0 10px;}
.trainer p{line-height:30px; height:30px; overflow:hidden; padding:0 10px; color:#999999;}


.open{ clear:both; margin-bottom:30px;}
.openlist{ width:750px; float:left;}
.openlist li{ height:165px; margin-top:20px; position:relative;}
.openlist img{ width:250px; height:165px; float:left; margin-right:20px;}
.openlist h3{ font-size:16px; padding:10px 0px;}
.openlist p{ line-height:30px; font-size:14px; color:#999999;}
.openlist span{ font-size:12px; display:block; color:#999999; position:absolute; bottom:0px; left:270px;}
.openrecently{ width:400px; float:right;}
.openrecently li{ height:122px; margin-top:10px; padding-bottom:5px; border-bottom:1px dashed #ccc;}
.openrecently h3{font-size:18px; line-height:35px; height:35px;}
.openrecently p{font-size:14px; line-height:25px; height:25px; color:#666;}


.news{}
.news li{width:580px; float:left; margin-bottom:30px; padding-right:20px;}
.news img{width:250px; height:165px; margin-right:20px; float:left;}
.news h3{line-height:40px; font-size:18px; height:40px; overflow:hidden;}
.news p{line-height:30px; height:90px; overflow:hidden;font-size:14px; color:#999999;}
.news span{ display:block; line-height:30px;color:#C79592; font-size:12px;}

.coop{ margin:10px 0 30px 0}
.coop li{ width:174px; text-align:center; height:110px; float:left; margin:0 12px; border:1px solid  #ccc;}
.coop img{width:174px; height:110px; }

.friend{margin-bottom:30px;}
.friend a{ padding:0 20px 0 0px; color:#666; }

.sub{width:1200px; margin:auto; height:100%; overflow:hidden; margin-top:-10px;}
.subtitle{ line-height:40px; font-size:20px; color:#f2010a; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.subtitle span a{color:#666666; font-size:16px;}
.subtitle span{ float:right;color:#666666;font-size:16px;}

.subcontent{ min-height:500px; margin-bottom:20px; clear:both;}
.subcontent .left{ width:300px; float:left;}
.subcontent .right{ width:880px; float:right;}
.leftul{line-height:50px; border-bottom:1px solid #eee;}
.leftul dt{ background:#f2010a; padding-left:20px; color:#FFFFFF; font-weight:bold;}
.leftul dd{ border:1px solid #eee;padding-left:20px; border-bottom:0px; background:url(../images/arr-right.png) 270px 15px no-repeat;}
.leftul dd a{ display:block; color:#333333;}
.leftul dd:hover{background:url(../images/arr-right.png) #f0f0f0 270px 15px no-repeat;}
.leftul .f{background:url(../images/arr-right.png) #f0f0f0 270px 15px no-repeat;}

.menudetail{ padding:20px; border:1px solid #eee;}
.menudetail h1{ font-size:20px; padding:0px 0px 20px 0px; text-align:center; border-bottom:1px solid #eee;}
.menuc p{ text-indent:2em; margin-top:30px;}
.menuc { padding:20px 0px;}
.menuc img{ max-width:100%;}

.subopenlist{}
.subopenlist li{ height:165px; margin-top:20px; position:relative;}
.subopenlist img{ width:250px; height:165px; float:left; margin-right:20px;}
.subopenlist h3{ font-size:16px; padding:10px 0px;}
.subopenlist p{ line-height:30px; font-size:14px; color:#999999;}
.subopenlist span{ font-size:12px; display:block; color:#999999; position:absolute; bottom:0px; left:270px;}

.subnews{}
.subnews li{margin-bottom:30px; padding-right:20px;}
.subnews img{width:250px; height:165px; margin-right:20px; float:left;}
.subnews h3{line-height:40px; font-size:18px; height:40px; overflow:hidden;}
.subnews p{line-height:30px; height:90px; overflow:hidden;font-size:14px; color:#999999;}
.subnews span{ display:block; line-height:30px;color:#C79592; font-size:12px;}

.article{padding:0 0 20px 0; clear:both; }
.article .title{font-size:20px; padding:20px 0px 30px 0px; text-align:center; border-bottom:1px solid #eee;}
.article p{ margin-top:30px; text-indent:2em;}
.article img{ max-width:100%;}
