@charset "utf-8";
/* CSS Document */
body{font-size:14px;font-family:"微软雅黑",Arial;padding:0px!important;margin:0px!important;font-style:normal;color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
form,fieldset,legend,input,textarea{outline:none;}li{list-style:none;}img{border:0px;}

a:link{color:#333; text-decoration:none;}a:visited{color:#333; text-decoration:none;}a:hover{color:#fc8002;}
a.red:link,.red{color:#D30000;}a.red:visited{color:#D30000; text-decoration:none;}a.red:hover{color:#FF6600;}
a.blue:link,.blue{color:#32A5E9;}a.blue:visited{color:#32A5E9; text-decoration:none;}a.blue:hover{color:#FF6600;}
.fl{float:left;} .fr{float:right;}.clearfixx{font-size:0px; height:0px; width:0px; clear:both; padding:0px; margin:0px;}
.mg1{margin-left:21px; margin-right:21px;}.mg2{margin-top:20px;}.mg3{margin-top:70px;}.mg7{margin-top:28px;}
.b1{border-bottom:1px solid #eaeaea;}.h1{height:65px;}
.bg1{background:#e9e9e9;}.bg2{background:url(school_bg.jpg) center repeat-x; background-size:auto 100%;}

.w1200{width: 1200px; margin: 0px auto; overflow: hidden;}

.top_bg{width: 100%; position: fixed; top: 0px; left: 0px; height: 160px; z-index: 9999;box-shadow: 0px 4px 5px rgba(9,2,4,.17);}
.my_top_box{width: 100%; height: 160px; overflow: hidden;}
.top_box{height: 100px; background: #fff;}
.top_nav{width: 1200px; margin: 0px auto; overflow: hidden; background: url(top_bg.jpg) 880px 26px no-repeat; height: 100px;}
.top_nav .logo{width: 800px; height: 54px; overflow: hidden; margin-top: 32px; float: left;}
.top_nav .logo a{display: block; height: 54px; background: url(logo.jpg) no-repeat; text-indent: -99999px;}
.top_btn{margin-top: 42px; float: right;}
.top_btn li{float: left; padding-left: 12px; padding-right: 18px; border-radius: 18px; background: #d5002b; margin-left: 8px; line-height: 36px; height: 36px; cursor: pointer; color: #fff; position:relative;}
.top_btn li:hover{background: #37464b;    transition: all 0.3s;    -webkit-transition: all 0.3s;}
.top_btn a{color:#fff; font-size:14px;}
.top_btn span{ padding-left: 28px; height: 36px; display: block;}
.top_ico1 span{background: url(top_ico1.png) 0px 9px no-repeat; background-size: auto 53%;}
.top_ico2 span{background: url(top_ico2.png) 3px 8px no-repeat; background-size: auto 50%;}
.top_ico3 span{background: url(top_ico3.png) 0px 9px no-repeat; background-size: auto 51%;}
.top_qr{position:absolute; top:38px; left:5px; z-index:999; display:none;}
.top_qr img{width:112px; border:8px solid #fff;}
.top_ico1:hover .top_qr{display:block;}

.top_menu{width: 100%; overflow: hidden; height: 28px; line-height: 28px; background: #FFF;}
.top_menu a{display: block; width: 14.28%; float: left; text-align: center;}

.menu_bg{background:#FFF; width:100%;}
.menu_bg .menu{width:1000px; margin:0px auto;}
.navBar{position:relative;z-index:1;height:60px;line-height:60px;}
.nav{margin:0 auto;width:1000px;font-family:"Microsoft YaHei",SimSun,SimHei;}
.nav h3{font-weight:300;font-size:100%;font-size:20px;text-align: center;}
.nav .m{position:relative;float:left;display:inline;width:125px;text-align:center;}
.nav .m h3 i{display:inline-block; width:11px;height:8px;background:url(ico1.png) right no-repeat; padding-left: 5px;}
.nav h3 a{display:inline-block;padding:12px 0;height:16px;color:#333;line-height:16px;zoom:1;}
.nav .sub{position:absolute;top:60px;left:0px;float:left;display:none;padding:10px 0;width:125px;background:#FFF;}
.nav .sub li{text-align:center; line-height:40px; height:40px; overflow: hidden;}
.nav .sub li a{display:block;color:#333;zoom:1; font-weight: normal;}
.nav .sub li a:hover{background:#d6d6d6}
.nav .on {background:#FFF;}
.nav .on a{font-weight:600;}

.top_banner{width: 100%; overflow: hidden; background: #fff; height: 288px;}

.index_banner{width: 1200px; overflow: hidden; margin: 0px auto}
.index_banner .tb_left{width: 200px; float: left; padding-bottom: 18px; background: #fff; border-radius: 8px;}
.index_banner .tb_left p{font-size: 18px; color: #fc8002; padding-top: 18px; margin-left: 18px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc;}
.index_banner .tb_left ul{display: block; height: 392px; overflow: hidden;}
.index_banner .tb_left ul li{line-height: 28px; height: 28px; overflow: hidden;}
.index_banner .tb_left ul li a{display: block;padding-left: 18px; }
.index_banner .tb_left ul li a:hover{background: #fc8002; color: #fff;}
.index_banner .tb_right{width: 985px; float: right; background: #fff; border-radius: 8px; overflow: hidden;}

.quick_form{height: 98px; overflow: hidden;}
.quick_form div{float: left; margin-top: 28px;}

.quick_form .qf_input input{height: 42px; line-height: 42px; width: 150px; margin-left: 18px; border: 1px solid #c8c8c8; border-radius: 8px; padding-left: 12px;}
.quick_form .qf_user_name input{width: 132px;}
.quick_form .qf_btn{height: 40px; line-height: 40px; margin-left: 18px; width: 128px; text-align: center; border-radius: 8px; cursor: pointer;}
.quick_form .qf_btn_red{background: #e62219; border: 1px solid #e62219; color: #fff;}
.quick_form .qf_btn_orange{background: #fc8002; border: 1px solid #fc8002; color: #fff;}
.quick_form .qf_btn_normal{background: #fff; border: 1px solid #ff9600; color: #ff9600;}
.quick_form .qf_btn:hover{opacity: 0.8;}
.quick_form .qq_service{width: 100px; float: right; margin-left: 0px; margin-right: 18px;}

.fullSlide{position:relative;width:100%;height:372px;background:#000;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;margin:0 auto;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{overflow:hidden;width:100%!important;height:372px;text-align:center; position:absolute; left:0px; top:0px;}
.fullSlide .bd li a{display:block;height:372px;}
.fullSlide .hd{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:32px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{display:inline-block;overflow:hidden;margin:1px;width:12px;height:12px; border-radius: 8px; line-height:999px;cursor:pointer;zoom:1; background: #fff; margin-left: 2px; margin-right: 2px;}
.fullSlide .hd ul .on{ background: #fc8002;}
.fullSlide .next,.fullSlide .prev{position:absolute;top:50%;left:5%;z-index:1;display:block;display:none;margin-top:-30px;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;opacity:.5;cursor:pointer;filter:alpha(opacity=50);}
.fullSlide .next{right:5%;left:auto;background-position:-6px -137px;}

.index_box{width: 100%; position: relative; overflow: hidden;}
.index_box_title{text-align: center;}
.index_box_title p{font-size: 36px;}
.index_box_title span{font-size: 18px;}

.ititle1{text-align: center; padding-bottom: 28px;}
.ititle1 p{display: inline-block; font-size: 30px;}
.ititle1 span{display: inline-block; font-size: 18px; color: #686868; padding-left: 8px;}

.six_area{width: 1200px; margin: 0px auto; overflow: hidden; padding-top: 45px;}
.six_area_left{width: 390px; height: 310px; float: left; overflow: hidden;}
.six_area_middle{width: 390px; height: 310px; float: left; overflow: hidden; margin-left: 15px; text-align: center;}
.six_area_middle div p,.six_area_right div p{padding-top: 52px; font-size: 20px;}
.six_area_middle div span,.six_area_right div span{font-size: 16px;}
.six_area_middle .six_foot{margin-top: 14px;}
.six_area_right{width: 390px; float: right; overflow: hidden; text-align: center;}
.six_area_right div{width: 183px;  color: #fff;}
.six_area_middle div,.six_area_right div{cursor: pointer; transition: all 0.2s linear; height: 144px;}

.six_area_box{position: relative; border:2px solid #fff; border-radius: 8px; color: #fff;}
.six_area_bg{width: 100%; position: absolute; top: 0px; left: 0px; border: none; filter: blur(2px); z-index: 99;transition: all 0.2s linear;}
.six_area_txt{position: absolute; top: 0px; left: 0px; height: 144px; z-index: 100; width: 100%;}
.sm4 .six_area_txt{height: 306px;}
.six_area_box:hover .six_area_bg{ filter: blur(0);}

.sm1{width: 386px;}
.sm2{width: 186px; float: left;}
.sm3{width: 186px; float: right;}
.six_area_right .sm4{float: left; height: 306px;}
.six_area_right .sm4 p{padding-top: 128px;}
.six_area_right .sm5{float: right;}
.six_area_right .sm6{float: right; margin-top: 14px;}
.six_area_right .sm6 p{padding-top: 44px;}

/*首页要闻 + 分类菜单*/
.index_small_menu, .index_white_menu{text-align: center; padding-top:32px; padding-bottom: 28px;}
.index_small_menu a{display: inline-block; margin-left: 15px; margin-right: 15px; font-size: 18px; font-weight: bold;}
.index_small_menu a.ism_on{color: #fc8002;}
.index_white_menu a{display: inline-block; margin-left: 15px; margin-right: 15px; font-size: 16px; font-weight: bold; color: #d6f3b7;}
.index_white_menu a.ism_on{color: #FFF; font-size: 20px;}

.inews_list{width: 1200px; margin: 0px auto; display: none;}
.inews_list:nth-child(1){display: block;}
.inews_box{width: 390px; float: left; overflow: hidden; margin-right: 15px; overflow: hidden; border-radius: 8px; background: #fff;}
.inews_list .ib_last{float: right; margin-right: 0px;}
.inews_box .inews_pic img{width: 390px; height: 292px;}
.inews_box .inews_title{font-size: 20px; padding-left: 18px; padding-right: 18px; margin-top: 12px; line-height: 24px; height: 48px; overflow: hidden;}
.inews_date{padding-top: 8px; padding-left: 18px;}
.inews_box .inews_info{font-size: 14px; padding-left: 18px; padding-right: 18px; margin-top: 8px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.inews_box .inews_more{padding-top: 28px; padding-right: 18px; padding-bottom: 18px; text-align: right; font-size: 16px;}
.inews_box:hover img{opacity: 0.8;}
.inews_box:hover .inews_title a,.inews_box:hover .inews_more a{color: #fc8002;}
.inews_box:hover .inews_info{color: #999;}


/*校园风光*/
.cs_list{width: 1200px; margin: 0px auto; padding-top: 15px; overflow: hidden; display: none; background: #fff;}
.cs_list:nth-child(1){display: block;}
.cs_list div{height: 260px; overflow: hidden; font-size: 0px; position: relative; border-radius: 8px;}
.cs_box{width: 380px; float: left; margin-right: 15px; margin-left: 15px; margin-bottom: 15px; position: relative;}
.cs_list:nth-child(3) a:before{content: ' '; background: url(/images/video_btn2.png) no-repeat center center; background-size: 100% 100%; height: 80px; width: 80px; position: absolute; top: 80px; left: 50%; margin-left: -40px; border-radius: 80px;}
.cs_box img{width: 380px; height: 260px; opacity: 0.8; cursor: pointer;}
.cs_box:nth-child(2),.cs_box:nth-child(5){margin-right: 0px; margin-left: 0px;}
.cs_list div span{position: absolute; height: 32px; line-height: 32px; font-size: 16px; display: block; bottom: 10px; left: 0px; color: #fff; transition: all 0.3s; padding-left: 20px; padding-right: 20px; width: 340px; overflow: hidden;}
.cs_list div:hover img{opacity: 1;}
.cs_list div a{color: #fff;}


/*常见问题*/
.index_question{width: 1200px; margin: 0px auto; overflow: hidden;}
.index_question .iq_box{width: 388px; height: 200px; margin-top: 28px; float: left; border-radius: 8px; border:1px dashed #fff; position: relative; z-index: 10; cursor: pointer; background: #ffb62b;}
.index_question .iq_box:nth-child(2),.index_question .iq_box:nth-child(5){margin-left: 15px; margin-right: 15px;}
.iq_box .iq_title{padding-top: 32px; padding-left: 28px; font-size: 30px; transition:all 0.2s;}
.iq_box .iq_subtitle{padding-left: 28px; font-size: 18px; transition:all 0.2s;}
.iq_box .iq_btn{height: 36px; line-height: 36px; border-radius: 36px; width: 112px; margin-left: 28px; text-align:center; background: #fc8002; color: #fff; margin-top: 12px; cursor: pointer;  transition:all 0.2s;}
.iq_box .iq_picture{position: absolute; top: 0px; left: 0px; z-index: -1; width: 390px; height: 200px; transition:all 0.2s;}
.iq_box .iq1{background: url(iq1.png);}.iq_box .iq2{background: url(iq2.png);}.iq_box .iq3{background: url(iq3.png);}
.iq_box .iq4{background: url(iq4.png);}.iq_box .iq5{background: url(iq5.png);}.iq_box .iq6{background: url(iq6.png);}
.iq_box:hover .iq_title{color: #fff;}.iq_box:hover .iq_subtitle{color: #ddd;}.iq_box:hover .iq_btn{background: #c4470f;}
.iq_box:hover .iq1{background: url(iq11.png);}.iq_box:hover .iq2{background: url(iq12.png);}.iq_box:hover .iq3{background: url(iq13.png);}
.iq_box:hover .iq4{background: url(iq14.png);}.iq_box:hover .iq5{background: url(iq15.png);}.iq_box:hover .iq6{background: url(iq16.png);}

/*校园之星*/
.cs_content{width: 1200px; height: 472px; background: #fff; border-radius: 8px; overflow: hidden; margin: 0px auto; margin-top: 28px; display: none;}
.cs_left{width: 660px; padding: 40px; float: left; position: relative; height: 380px;}
.cs_left .cs_title{font-size: 20px; padding-bottom: 12px; font-weight: bold;}
.cs_left .cs_info{font-size: 16px; color: #333; line-height: 36px; height: 288px; overflow: hidden; text-indent: 20px;}
.cs_right{width: 420px; height: 420px; padding-top: 28px; padding-right: 28px; float: right;}
.cs_right img{width: 420px; height: 420px; border-radius: 32px; overflow: hidden;}
.cs_btn{position: absolute; bottom: 28px; left: 40px;}

.cs_list2{width: 1200px; margin: 0px auto; margin-top: 28px; }
.cs_list2 li{width: 200px; float: left; text-align: center;}
.cs_list2 li img{width: 160px; height: 160px; border-radius: 160px; border:8px solid #fff;}
.cs_list2 li:hover img{opacity: 0.8; }


.in_left{width: 650px; float: left; padding-top: 22px;}
.il_title{width: 100%; border-bottom: 2px solid #db1516; font-size: 18px; line-height: 38px; position: relative; padding-left: 12px;}
.il_title:before{content:""; position: absolute; width:3px; height:15px; top:12px; left:0;  background:#db1516; border-radius: 3px; overflow: hidden;}
.il_title span{float: right; font-size: 14px;}

.il_news_list{margin-top: 8px; overflow: hidden;}
.il_news_list li{line-height: 32px; height: 32px; overflow: hidden;}
.il_news_list li a,.il_news_list li span,.il_news_list li p{float: left;}
.il_news_list li a{width: 386px; overflow: hidden; font-size: 16px;}
.il_news_list li span{color: #db1516;padding-left: 3px; padding-right: 8px;}
.il_news_list li p{ color: #db1516; font-size: 17px;}
.il_news_list .c{ font-size: 12px; padding-left: 0px;}
.il_news_list .c a{color: #B50C0C;background: #f4f4f4; height: 28px; line-height: 28px; padding-left: 12px; padding-right: 12px; margin-right: 8px;}
.il_news_list .c a:hover{color: #fff; background: #B50C0C;}


.in_list{margin-top: 8px; overflow: hidden; padding-left: 18px;}
.in_list li{line-height: 42px; height: 42px; overflow: hidden; border-bottom: 1px dashed #eee;}
.in_list li a,.in_list li span{float: left;}
.in_list li a{width: 356px; overflow: hidden; font-size: 16px;}
.in_list li span{color: #db1516;padding-left: 3px; padding-right: 8px;}
.in_list li p{ color: #db1516; font-size: 17px;}
.in_list .c{ font-size: 12px; padding-left: 0px; margin-top: 8px;}
.in_list .c a{color: #B50C0C;background: #f4f4f4; height: 28px; line-height: 28px; padding-left: 12px;  width: 60px;}
.in_list .c a:hover{color: #fff; background: #B50C0C;}


.il_news_box{width: 180px; overflow: hidden; float: left;}
.inb{margin-top: 12px;}
.inb_pic{width: 100%; height: 120px; overflow: hidden; padding-right: 8px; position: relative; margin-top: 8px;}
.inb_pic img{width: 180px; height: 120px;}
.inb_title{font-size: 12px; height: 24px; line-height: 24px; overflow: hidden; text-align: center; position: absolute; bottom: 0px; background: rgba(86,86,86,0.62); width: 100%;}
.inb_title a{color: #fff;}
.inb_content{font-size: 13px; color: #9B9B9B; line-height: 16px; height: 32px; overflow: hidden; margin-top: 8px;}

.in_right{width: 450px; overflow: hidden; float: right;}
.ir_box{width: 450px; height: 160px; background: url(i_box_bg.jpg) no-repeat; background-size: 100% 100%; border-radius: 8px; margin-top: 24px; overflow:hidden; position: relative; cursor: pointer;}
.ir_pic{width: 312px; height: 160px; float: right; overflow: hidden;}
.ir_title{position: absolute; color: #fff; font-size: 22px;}
.ir_title1{top: 36px; left: 40px; width: 20px;}
.ir_title2{top: 58px; left: 72px; width: 20px; background: #fff; padding: 6px 4px 6px 4px; color: #db1516; border-radius: 8px; font-size: 18px;}



.shetuan_list{width: 1200px; margin: 0px auto; overflow: hidden;}
.shetuan_box{position:relative;float:left;overflow:hidden;margin-top:23px; margin-bottom:23px; margin-right:28px;width:277px;height:342px;border-radius:3px;background:#fff;box-shadow:2px 1px 3px rgba(0,0,0,.07); border: 1px solid rgba(0,0,0,.07);
	-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:.3s;-ms-transition:transform .3s;}
.shetuan_list .last{margin-right:0px;}
.shetuan_box .shetuan_pic img{width:279px; height: 198px; display: block;}
.shetuan_txt{ padding: 15px;}
.shetuan_title{line-height: 24px; height: 24px; overflow: hidden; font-weight: bold; text-align: center;}
.shetuan_title2{color: #7b7d7d; font-size: 14px; text-align: center;}
.shetuan_info{color: #555;  line-height: 18px; overflow: hidden; margin-top: 5px; font-size: 14px;}
.shetuan_box:hover{box-shadow:0 14px 22px rgba(0,0,0,.1);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-ms-transform:translateY(-10px); cursor: pointer;}

/*主体内容*/
.container{width: 1200px; background:#FFF; margin: 0px auto; overflow: hidden; margin-top: 42px; border-radius: 8px;}
.location{border-bottom: 1px solid #ccc; overflow: hidden; line-height: 42px; height: 42px;}
.location p{float: left; font-size: 18px; color: #fc8002; font-weight: bold;}
.location span{float: right;}
.page_title{font-size: 18px; text-align: center; line-height: 30px; overflow: hidden; padding-bottom: 12px;}
.content{padding: 42px 20px 20px 20px; overflow: hidden; line-height: 28px; font-size: 16px;}
.content img{ width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center;}

.left_menu{overflow:hidden; padding-bottom:12px;}
.left_menu li{line-height:42px; height:42px; font-size:16px; border-bottom:#ccc 1px dashed; display:block; margin-right: 10px; overflow: hidden;}
.left_menu li a{display:block; color:#333; padding-left:18px;}
.left_title a{display:block; color:#fff; font-weight:bold; height:42px; line-height:42px; font-size: 16px; border-radius: 8px; padding-left: 18px; width: 182px; background: url(left_ico1.png) 175px 13px no-repeat #fc8002; background-size: auto 40%; overflow: hidden;}
.left_menu li a:hover,.left_menu .ls a{color:#fc8002; background:url(arrow10.png) 172px 14px no-repeat; font-weight:bold; background-size: auto 35%; overflow: hidden; height:42px; line-height:42px;}

.con_left{width: 200px; padding-left: 18px; padding-top: 20px; float: left; background: #FFF; min-height: 712px; padding-bottom: 172px; border-radius: 8px;}
.left_hot_news{overflow:hidden;}
.left_hot_news li{overflow:hidden; height:42px; line-height:42px; border-bottom:1px dashed #ccc; margin-right: 10px;}
.left_hot_news li a{display:block; padding-left:12px; background:url(dot_blue.gif) 3px 19px no-repeat; color: #333;}
.left_hot_news li a:hover{color: #fc8002;}

.con_right{width: 680px; float: left; background: #fff; min-height: 600px; padding-right: 15px; padding-top: 15px; margin-left: 30px;}

.hot_list{width: 220px; float: right; overflow: hidden; padding-top: 15px; margin-right: 18px;}
.hot_list p{height: 42px; line-height: 42px; border-bottom: 1px solid #ccc; font-size: 16px;}
.hot_list .hot_box img{width: 100%; padding-top: 18px;}
.hot_list .hot_box:hover{opacity: 0.8;}

/*列表页*/
.page_list{width: 100%; overflow: hidden; padding-bottom: 32px;}
.page_list_box{width: 205px; float: left; margin-right: 32px; overflow: hidden; margin-top: 32px; border-radius: 8px;  background: #f8f8f8; padding-bottom: 18px;}
.plb_last{margin-right: 0px;}
.page_list_pic img{width: 205px; height: 172px;}
.page_list .page_list_title{padding-left: 12px; padding-right: 12px; font-size: 15px; height: 32px; line-height: 32px; overflow: hidden;}
.page_list .page_list_info{padding-left: 12px; padding-right: 12px; color: #a8a8a8; line-height: 18px; height: 90px; overflow: hidden;}
.page_list_box:hover img{opacity: 0.8;}
.page_list_box:hover a{color: #fc8002;}
.page_list_box:hover .page_list_info{color: #ccc;}
.page_list .type_gaikuang img{height: 142px;}.page_list .type_gaikuang .page_list_info{height: 54px;}
.page_list .type_dongtai img{height: 132px;}.page_list .type_dongtai .page_list_title{height: 36px; line-height: 18px; overflow: hidden;}.page_list .type_dongtai .page_list_info{height: 54px;}
.page_list .type_jiuye img{height: 142px;}.page_list .type_jiuye .page_list_title{height: 36px; line-height: 18px; overflow: hidden;}.page_list .type_jiuye .page_list_info{height: 54px;}
.page_list .type_dangjian img{height: 132px;}.page_list .type_dangjian .page_list_title{height: 36px; line-height: 18px; overflow: hidden;}.page_list .type_dangjian .page_list_info{height: 54px;}

.page_btn{text-align: center; overflow: hidden; padding-bottom: 32px; display: none;}
.page_btn a{display: inline-block; padding:8px 18px 8px 18px; text-align: center; margin-left: 5px; margin-right: 5px; background: #d5002b; border-radius: 8px; color: #fff; margin-bottom: 18px;}
.page_btn a:hover,.page_btn .on{background: #1366BC;}

.aa:before{ content:""; position: absolute; width:0; height:4px; top:-4px; left:0; transition:all 0.2s; -webkit-transition:all 0.2s; background:#fc8002;}
.aa:hover:before{width: 100%;}

.call_me{width:90%; margin:0px auto; margin-top:42px; text-align:center; color:#fff; background:#257C17; height:42px; line-height:42px; border-radius:8px; cursor:pointer; font-size:18px;}
.call_me:hover{background:#d5002b;}

.scrollBox{width:1200px;position:relative; margin-top: 28px;}
.scrollBox .index_teacher_list{overflow:hidden;zoom:1}
.scrollBox .ohbox{overflow:hidden;position:relative;width:1200px;}
.scrollBox{position:relative;overflow:hidden;zoom:1}
.scrollBox .index_teacher_list li{float:left;display:inline; overflow:hidden; width: 288px; margin-left: 6px; margin-right: 6px; background: #fff; border-radius: 8px; padding-bottom: 18px;}
.scrollBox .index_teacher_list li img{width:288px; height:310px; border-bottom: 3px solid #fc8002;}
.scrollBox .index_teacher_list li span{height:32px;line-height:32px;display:block;text-align:center; font-size: 18px; font-weight: bold;}
.scrollBox .index_teacher_list li p{height: 72px; line-height: 24px; padding-left: 18px; padding-right: 18px; overflow: hidden; font-size: 14px; text-align:center; margin-top: 5px;}
.scrollBox .next,.scrollBox .prev{width:51px;height:45px;position:absolute;top:210px;left:0;z-index:100;cursor:pointer;background:url(btns3.png) no-repeat}
.scrollBox .next{left:auto;right:0;background-position:0 -90px}
.scrollBox .prev:hover{background-position:0 -45px}
.scrollBox .next:hover{background-position:0 -135px}


.ba_btn{ text-align: center; color: #fff; padding-top: 55px; margin-bottom: 42px;}
.ba_btn div{margin-left: 10px; margin-right: 10px; line-height: 50px; height: 50px; cursor: pointer; display: inline-block; font-weight: bold; padding-left: 72px; padding-right: 72px; border-radius: 8px;}
.ba_btn div:hover{opacity: 0.8;}
.ba_btn div a{color: #fff; display: block;}
.ba_btn .btn_red{background: #e74040;}
.ba_btn .btn_green{background: #01c26f;}
.ba_btn .btn_blue{background: #009eff;}
.ba_btn .btn_yellow{background: #fabe00;}

.page{padding-top:12px; padding-bottom:5px; overflow:hidden; width:100%; text-align: center; padding-bottom: 42px;}
.page li{ margin-right:5px; background:#d5002b; display: inline-block; border-radius: 8px;}
.page .active{background:#fc8002;}
.page .active a:link,.page .active a:visited{color:#fff;}
.page a:link,.page a:visited{text-decoration:none; display:block; padding-top:3px; padding-bottom:4px; padding-left:8px; padding-right:8px; font-size:14px; color:#FFF;}


.foot_bg{background: #666666; border-top: 3px solid #fc8002; padding-bottom: 18px;}
.foot_box{width: 1200px; margin: 0px auto; padding-top: 42px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #535353; position: relative;}
.foot_nav{width: 118px; float:left;}
.foot_nav p{font-size: 16px; padding-bottom: 8px; border-bottom:1px solid #535353; width: 80px;}
.foot_nav p a{color: #fff;}
.foot_nav li{line-height: 24px;}
.foot_nav li a{color: #FFF;}.foot_nav a:hover{color: #d5002b;}
.foot_nav:nth-child(1){width: 420px; font-size: 12px; margin-left: 8px;}
.foot_nav:nth-child(1) li{width: 130px; float: left;}
.foot_nav:last-child{float: right; width: 360px;}
.foot_nav .foot_input{width: 180px; float: left; padding-top: 8px;}
.foot_nav .foot_input input{height: 32px; line-height: 32px; border-radius: 8px; background: #fff; border:none; padding-left: 8px; width: 142px;}
.foot_nav .foot_input select{height: 32px; line-height: 32px; border-radius: 8px; background: #fff; border:none; width: 150px;}
.foot_nav .foot_btn{text-align: center; width: 150px; border-radius: 8px; background: #fc8002; color: #fff;height: 32px; line-height: 32px; float: left; margin-top: 8px; cursor: pointer;}
.foot_nav .foot_btn:hover{background: #ff6600;}

.foot_txt{width: 800px; color: #aaa; padding-top: 18px; padding-bottom: 18px;}
.foot_txt a{color: #aaa;}

.foot_qr{text-align: center; padding-top: 18px; width: 300px; float: right;}
.foot_qr div{display: inline-block; width: 90px; text-align: center; color: #fff;}
.foot_qr div span{width: 90px; display: block;}

.bg_circle{position:absolute;width:100%;height:100%;top:0;left:0; z-index: -1;}
.bg_circle .circle_img{position:absolute}
.bg_circle .circle_img_01{top:20%;right:10%;opacity:.4;-webkit-animation:circle_img_01 14s linear infinite alternate;animation:circle_img_01 14s linear infinite alternate}
.bg_circle .circle_img_02{top:10%;right:55%;opacity:.6;-webkit-animation:circle_img_02 22s linear infinite alternate;animation:circle_img_02 22s linear infinite alternate}
.bg_circle .circle_img_03{top:58%;right:-4%;opacity:.3;-webkit-animation:circle_img_03 14s linear infinite alternate;animation:circle_img_03 14s linear infinite alternate}
.bg_circle .circle_img_04{top:35%;left:-25%;opacity:1;-webkit-animation:circle_img_04 14s linear infinite alternate;animation:circle_img_04 14s linear infinite alternate}
.bg_circle .circle_img_05{top:57%;left:50%;opacity:.6;-webkit-animation:circle_img_05 14s linear infinite alternate;animation:circle_img_05 14s linear infinite alternate}
.bg_circle .circle_img_06{top:50%;left:58%;opacity:.6;-webkit-animation:circle_img_06 14s linear infinite alternate;animation:circle_img_06 14s linear infinite alternate}
@-webkit-keyframes circle_img_01{
0%{-webkit-transform:rotate(0) scale(1) translate(0,0)}
50%{-webkit-transform:scale(1.1) translate(8%,15%)}
100%{-webkit-transform:rotate(360deg) scale(1) translate(0,0)}
}
@-webkit-keyframes circle_img_02{
0%{-webkit-transform:rotate(0) translate(-20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(20%,-10%)}
}
@-webkit-keyframes circle_img_03{
0%{-webkit-transform:rotate(0) translate(20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(-20%,-10%)}
}
@-webkit-keyframes circle_img_04{
0%{-webkit-transform:translate(0,10%)}
100%{-webkit-transform:translate(20%,-10%)}
}
@-webkit-keyframes circle_img_05{
0%{-webkit-transform:translate(-50%,40%)}
50%{-webkit-transform:translate(20%,10%)}
100%{-webkit-transform:translate(30%,-30%)}
}
@-webkit-keyframes circle_img_06{
0%{-webkit-transform:translate(50%,-40%)}
50%{-webkit-transform:translate(20%,-10%)}
100%{-webkit-transform:translate(-30%,30%)}
}
@keyframes circle_img_01{
0%{transform:rotate(0) scale(1) translate(0,0)}
50%{transform:scale(1.1) translate(8%,15%)}
100%{transform:rotate(360deg) scale(1) translate(0,0)}
}
@keyframes circle_img_02{
0%{transform:rotate(0) translate(-20%,10%)}
100%{transform:rotate(-360deg) translate(20%,-10%)}
}
@keyframes circle_img_03{
0%{transform:rotate(0) translate(20%,10%)}
100%{transform:rotate(-360deg) translate(-20%,-10%)}
}
@keyframes circle_img_04{
0%{transform:translate(0,10%)}
100%{transform:translate(20%,-10%)}
}
@keyframes circle_img_05{
0%{transform:translate(-50%,40%)}
50%{transform:translate(20%,10%)}
100%{transform:translate(30%,-30%)}
}
@keyframes circle_img_06{
0%{transform:translate(50%,-40%)}
50%{transform:translate(20%,-10%)}
100%{transform:translate(-30%,30%)}
}

.pay_video_class{position: relative;}
.pay_video_class:before{content: ' '; width: 390px; height: 310px; position: absolute; top: 0px; left: 0px; background: url(video_btn.png) rgba(0,0,0,0.5) center center no-repeat; background-size: auto 30%; opacity: 0.6; transition: all 0.3s;}
.pay_video_class:hover{cursor: pointer;}
.pay_video_class:hover:before{opacity: 0.6;background: url(video_btn.png) rgba(0,0,0,0.01) center center no-repeat; background-size: auto 30%;}
.pay_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; bottom: 0px; height: 100%; width: 100%; display: none; z-index: 2147483630;}
.index_video{width: 800px; height: 450px; position: fixed; top: 200px; left: 50%; margin-left: -400px; z-index: 2147483640; background: #fff; display: none;}





.right_service{position: fixed; right: 0px; top: 272px; z-index: 99998;}
.right_service div{font-size: 0px; margin: 0px; margin-top: 5px; height: 58px; width: 65px; border-radius: 5px 0px 0px 5px; cursor: pointer; opacity: 1;}
.right_service div:hover{opacity: 0.9;}
.right_service .rs_ico1{background: url(right_ico1.png) center no-repeat #f5b024;}
.right_service .rs_ico2{background: url(right_ico2.png) center no-repeat #4cc4cb;}
.right_service .rs_ico3{background: url(right_ico3.png) center no-repeat #98d56e;}
.right_service .rs_ico4{background: url(right_ico4.png) center no-repeat #33a6f6;}
.right_service .rs_ico5{background: url(right_ico5.png) center no-repeat #9d7eff;}
.right_service .rs_ico6{background: url(right_ico6.png) center no-repeat #f54545;}
.pay_box{position:fixed; z-index:2147483635; left:50%; top: 20%; border:1px solid #e8e8e8; margin-left:-150px; background:#fff; text-align:center; display: none; cursor: pointer;}
.pay_bg{background: rgba(0,0,0,0.65); position: fixed; top: 0px; bottom: 0px; height: 100%; width: 100%; display: none; z-index: 2147483630;}