a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{color:#444;padding:0px 0;
font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';-webkit-text-size-adjust:none;
background:#fff; }
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';font-size:14px;color:#45515c;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer;-webkit-appearance: none;}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:400; }
th{font-weight: normal; }



.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}
.th{ font-family:'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-button{height:0;width:0;}::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar-thumb{background:#ccc;}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}

a,body{ color:#444;}
a:hover{color:#4bbdea;}
.hidden{visibility:hidden;}


/*设置选中文字时的背景色*/
::selection{ background:#99ca3b; color:#fff; }
::-moz-selection    { background:#99ca3b; color:#fff; }
::-webkit-selection { background:#99ca3b; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/
body{ background-color:#fff;}

.w_1120{ width:1120px; margin:0 auto;}

.min_1120{margin: 0 auto; min-width: 1120px; _width:expression((documentElement.clientWidth < 1120) ? "1120px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #6e777f!important;}
input::-webkit-input-placeholder{color: #6e777f;}
input:focus::-webkit-input-placeholder{color: #45515c;}
input::-moz-placeholder{color: #6e777f;}
input:-ms-input-placeholder{color: #6e777f;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}


/*-------------star首页*/
/*头文件*/
.header{ height:100px; background-color: #fff; position: relative; width: 100%; z-index: 11;}
/*浮动*/
@-webkit-keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
@keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
.top_header{position: absolute; top: 0; left: 0;}
.header_fixed{position: fixed; padding: 0; top: 0; left: 0; height: 70px; _position: absolute; animation: hdnav2-show .3s; -moz-animation: hdnav2-show .3s; -webkit-animation: hdnav2-show .3s; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom: 1px solid #ccc\9;}
* html{background-image: url(about:blank); background-attachment: fixed;}
.header_fixed .logo{ padding-top:10px;}
.header_fixed .header_r{ padding-top:18px;}
/*end浮动*/



/*标志*/
.logo{ padding:30px 0 0 0;}
/*头文件右*/
.header_r{ padding:35px 0 0 0;}
/*导航*/
.nav{ color:#999; border-right:1px solid #eee; line-height: 22px; margin:3px 0 0 0;}
.nav .item_a{ color:#999; float:left; position: relative;}
.nav .item_a::before{ position:absolute; bottom: -9px; left: 50%; width: 0; height: 3px; border-radius: 3px; content: ''; display: block; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; overflow: hidden; font-size: 0; background-color: #4bbdea;}
.nav .item_a:hover::before{ width:16px;}
.nav .item_a:hover{ color:#4bbdea;}
.nav li{float:left; padding: 0 28px 0 0;}
.nav .active .item_a{ color:#333;}

/*电话*/
.h_tel{ font-size:13px; padding: 0 0 0 20px; text-align: center; line-height: 1.1;}
.h_tel h4{ font-size:13px;}
.h_tel p{ margin:3px 0 0 0;}

/*-----------------------------------------banner*/
.ibn{position: relative; clear:both;width:100%; min-width:1120px; margin:0 auto;  height: 780px; overflow: hidden;}
/*.ibn .bd, .ibn .bd li{width: 100%!important; height: 600px;}*/
.ibn .bd, .ibn .bd li{width: 100%; height: 780px;}

.ibn .bd li{position: relative; overflow: hidden;}
.ibnbg{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0;}
.ibn .bndec{font-size: 26px;line-height:1.2; margin:0 auto; width:1120px; padding:310px 0 0 0px; position:relative\9; z-index:2\9;}
.ibntitle{font-size: 40px;  font-weight: bold; }
.ibn .ibnp{ margin:20px 0 10px 0;}



/*banner_视频播放*/
.ibn .bndec_video{ width:746px; height:420px; padding: 0;  position: relative; margin:180px auto 0 auto; background-color: #000;}
.focusvideo_div{position: relative; overflow: hidden; height: 420px;}
.focusvideo_div img{display: block; width: 100%; height: 100%; opacity: .5;}
.playbtn{display: block; padding:0; width: 110px; height: 110px; background-image: url(../images/banner/video.png); background-repeat: no-repeat; background-position: center center;  cursor:  pointer; transition: .2s linear; -moz-transition: .2s linear; -webkit-transition: .2s linear; position: absolute; top:50%; left:50%; z-index: 2; margin: -55px 0 0 -55px;}
.playbtn:focus{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.playing.focusvideo_div img, .playing.focusvideo_div .playbtn{display: none;}
.playing.focusvideo_div video{display: block;width: 746px; height:420px;}

/*视频阴影*/
.video_shadow{ width:800px; height: 60px; bottom: -60px; position: absolute; let:-27px; right: -27px; font-size: 0; overflow: hidden; background-image: url(../images/banner/shadow.png); background-position: center center; background-repeat: no-repeat;}

/*动画数字*/
.ibn .hd{position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; line-height: 0; font-size: 0;}
.ibn .hd li{margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 12px; background-color: #fff; border-radius: 6px; cursor: pointer; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.ibn .hd .on{width: 34px; background-color: #6eb92b; box-shadow: 0 0 5px rgba(0,0,0,.4);}


/*动画按钮*/
.ibn .btn{ position: absolute; top:50%; cursor: pointer;margin-top: -25px; width:50px; height: 50px;/* background-image:url(../images/banner/btn.png); background-repeat: no-repeat; background-size:cover;*/ font-size: 30px; font-weight: bold; color:#fff; background-color: rgba(0,0,0,.3); text-align: center; overflow: hidden; line-height: 50px; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000);}
.ibn .prev{ left:5%; /*margin-left: -550px;*/}
.ibn .next{ right:5%; /*margin-right: -550px;*/}
.ibn .btn:hover{ background-color: #4bbdea; color:#fff;-moz-box-shadow: 0 5px 15px rgba(66,187,217,.5);-webkit-box-shadow: 0 5px 15px rgba(66,187,217,.5);box-shadow: 0 5px 15px rgba(66,187,217,.5);}

/*-------------------star中间区域*/
.box_p200{ padding:200px 0; }
.box_p100{ padding:100px 0;}
.box_pd100{ padding-bottom:100px;}
.white_bj{background-color: #fff;}

/*关于我们*/
.h_th{text-align:center; font-size: 30px; line-height: 1.1; margin-bottom: 40px;}
.h_th .t_r{ padding:0 0 0 40px; text-align: left;}
.h_th .green_text{ font-size:36px; text-transform: uppercase;}
.h_th p{ margin:6px 0 0 0;}
.h_th .small{ color:#999; font-size: 14px; margin:10px 0 0 0;}

.h_th_l,.h_th .t_l{text-align:left;}



.h_about_text{ margin:60px 0px 0 0px; color:#666; line-height: 2;}
.h_about_text p{text-indent:2em; margin-bottom: 12px;}
.h_about_text .th_t{ font-size:16px; font-weight: bold; margin-bottom: 15px;}
.box_mt70{ margin-top:70px;}
.h_about_text .sec_ul{ list-style:disc; padding-left: 1em;}
.h_about_text .sec_ul li{ padding-left:.5em; margin: 10px 0;}
.box_pw50{ padding-left:50px; padding-right: 50px;}
.box_ph30{ padding-top:30px; padding-bottom: 30px;}

/*课程体系*/
.course_bj{ background-color: #fff; background-image: url(../images/bj/h_course.png); background-repeat: no-repeat; background-position: center 0px;}
.course_bj2{background-image: url(../images/bj/course.png);background-position: center 140px;}
.h_course_ul{ margin-right:-40px; *zoom:40px; padding-top: 10px;}
.h_course_ul .li_o{ margin:40px 0 0 0;}
.h_course_ul .box{ padding:30px 40px; margin: 0 40px 0 0; background-color: #fff; height: 380px;}
.h_course_ul h5{ margin:0 0 25px 0;}
.h_course_ul .t_d{ color:#666; line-height: 2;}
.h_course_ul .t_d p{ margin:10px 0 0 0;}


/*居中按钮*/
.btn_c_div{text-align:center; margin:70px 0;}
.blue_btn_a{ color:#fff; display: inline-block;text-align: center; vertical-align: middle; width: 180px; line-height: 60px; height: 60px; border:none; cursor: pointer; font-size: 20px; 
-moz-text-shadow: 0 2px 0 rgba(28,143,193,.8); -webkit-text-shadow: 0 2px 0 rgba(28,143,193,.8);text-shadow: 0 2px 0 rgba(28,143,193,.8);
-moz-box-shadow: 0 10px 57px rgba(66,187,217,.5);-webkit-box-shadow: 0 10px 57px rgba(66,187,217,.5);box-shadow: 0 10px 57px rgba(66,187,217,.5);
background: -moz-linear-gradient(left, #4fcfea, #49b6ea); /* Firefox */
background: -webkit-linear-gradient(336deg, #4fcfea, #49b6ea); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fcfea', endColorstr='#49b6ea', GradientType='0'); /* IE*/
background-color:#49b6ea\0;
background: linear-gradient(to right, #4fcfea, #49b6ea);/* ie11*/
}
.blue_btn_a:hover{ color:#fff; -webkit-text-shadow: 0 2px 0 rgba(0,0,0,.2); -moz-text-shadow: 0 2px 0 rgba(0,0,0,.2);text-shadow: 0 2px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 10px 57px rgba(86,187,70,.5);-webkit-box-shadow: 0 10px 57px rgba(86,187,70,.5);box-shadow: 0 10px 57px rgba(86,187,70,.5);
-moz-transform: translateY(-4px);-webkit-transform: translateY(-4px);transform: translateY(-4px);
background: -moz-linear-gradient(left, #6bc067, #16a882); /* Firefox */
background: -webkit-linear-gradient(336deg, #6bc067, #16a882); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bc067', endColorstr='#16a882', GradientType='0'); /* IE*/
background-color:#16a882\0;
background: linear-gradient(to right, #6bc067, #16a882);/* ie11*/
}


/*全国校区分布*/
.h_campus{ margin:220px 0 150px 0;}
.h_campus .h_th{text-align:left; margin-bottom: 20px;}
.h_campus .t_r{ padding:0 0 0 15px;}
.h_campus .pic{ width:810px;}
.h_campus .pic img{filter: drop-shadow(0px 15px 15px rgba(209,216,219,0.3)); -webkit-filter: drop-shadow(0px 15px 15px rgba(209,216,219,0.3)); -moz-filter: drop-shadow(0px 15px 15px rgba(209,216,219,0.3)); transform: translate3d(0, -.5em, 0); -moz-transform: translate3d(0, -.5em, 0); -webkit-transform: translate3d(0, -.5em, 0);}
.h_campus .box{ margin:35px 0 0 0;}
.h_campus .box h5{ font-size:18px;}
.h_campus .ul_d{ color:#666;}
.h_campus .ul_d .t_r_s{ padding:12px 0 0 0; line-height: 1.3;}
.h_campus .ul_d .t_l{width:70px; margin-right: 20px;}
.h_campus .btn{ margin:60px 0 0 0;}
.h_campus:hover .pic img,.hover_pic_shadow2 .box:hover .pic,.hover_li_box li:hover .box{filter: drop-shadow(10px 5px 4px rgba(209,216,219,0.3)); -webkit-filter: drop-shadow(10px 5px 4px rgba(209,216,219,0.3)); -moz-filter: drop-shadow(10px 5px 4px rgba(209,216,219,0.3)); transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0);}

/*图标*/
.icon_a{ width:70px; height: 70px; background-image: url(../images/icon/th_num.png); }
.icon_a2{background-position: 0 -70px;}
.icon_a3{background-position: 0 -140px;}

/*新闻动态*/
.h_news{ background-image: url(../images/bj/h_news.png); background-position: center 750px; background-repeat: no-repeat; background-color: #fff;}

.h_news_ul{ margin-right:-35px; *zoom:35px; margin-bottom: 80px; /*padding-top:10px;*/}
.h_news_ul .li_o{ margin:20px 0 20px 0; width: 33.3%;}
.h_news_ul .box{ margin:0 35px 0 0; background-color: #fff; height: 500px;}
.h_news_ul .pic{ height:260px; overflow: hidden; text-align: center;}
.h_news_ul .text{ padding:15px 15px 10px 15px;}
.h_news_ul .t_t{ color:#999;}
.h_news_ul h5{ font-size:26px; margin:10px 0 25px 0;}
.h_news_ul h5.hide2{ line-height: 1.2em; height: 2.4em;}
.h_news_ul p{ position:relative; color:#999;}
.f_more_text{ position:absolute; background-color: #fff; padding: 4px 5px 0 5px; right:0; bottom: 0;}


/*校区*/
.i_campus_ul { margin-bottom:50px;}
.i_campus_ul .box{ position:relative;}
.i_campus_ul h5{ margin-bottom:20px;}
.i_campus_ul .t_d_c{text-align:center; position: absolute; width: 100%; line-height: 55px; height: 55px; bottom: 0; left:0;}
.i_campus_ul .t_d p{ margin:8px 0 0 0;}
.display_a{ display:block; text-align: center;}
.i_campus_ul .box:hover .blue_link a{background-color:transparent;}
.display_a:hover,.box:hover .display_a{ color:#fff;
	background: -moz-linear-gradient(left, #55d4f0, #5abff0); /* Firefox */
background: -webkit-linear-gradient(336deg, #55d4f0, #5abff0); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55d4f0', endColorstr='#5abff0', GradientType='0'); /* IE*/
background-color:#5abff0\0;
background: linear-gradient(to right, #55d4f0, #5abff0);/* ie11*/}
.i_campus_ul .text{ border-bottom:1px solid #eee; height: 184px;}
.i_campus_ul .box:hover .text{ border-bottom:none;}




.h_join{ margin:70px 0 0px 0;}
.h_join .t_t{ padding:55px 55px; color:#666;}
.h_join .t_t p{ margin:0 0 15px 0;}
.h_join_dl h5{ font-size:18px; font-weight: bold;}
.h_join_dl dd p{ margin:8px 0 0 0; color:rgba(255,255,255,.6); color:#c5e4cd\9;*color:#c5e4cd;}
.h_join_dl{ padding:45px 55px; color:#fff;
background: -moz-linear-gradient(left, #6cc067, #14a782); /* Firefox */
background: -webkit-linear-gradient(336deg, #6cc067, #14a782); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cc067', endColorstr='#14a782', GradientType='0'); /* IE*/
background-color:#14a782\0;
background: linear-gradient(to right, #6cc067, #14a782);/* ie11*/
}
/*按钮*/
.white_btn_a{ color:#17a67e; display: inline-block; vertical-align: middle; width: 180px; line-height: 60px; border:none; cursor: pointer; background-color: #fff; font-size: 20px; text-align: center; font-weight: bold;}
.white_btn_a:hover{color:#17a67e; -moz-transform: translateY(-4px); -webkit-transform: translateY(-4px);transform: translateY(-4px);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.2);box-shadow: 0 10px 15px rgba(0,0,0,.2);}


/*文件底*/
.footer{ padding:60px 0; background-color: #fafafa;}
.footer_logo img { height:40px;}
.footer,.footer a,.footer_d,.footer_d a{ color:#b2b2b2;}
.footer a:hover,.footer_d a:hover{ color:#33a6dd;}
.footer dt{ width:680px;}
.footer .ul_l .t_o{ margin:0 0 15px 0;}
.footer .ul_l .t_l_l{width:20px; margin-right: 8px;}
.footer dd h5{ font-size:24px; margin:6px 0 0 0;}
.footer dd .t_d{ margin:85px 0 0 0; line-height: 1.1; font-size: 24px; text-transform: uppercase;}

.f_th{ color:#333; font-size: 18px; font-weight: bold; margin-bottom: 20px;  line-height: 1.2;}
.f_th .t_d{ font-size:0; overflow: hidden; margin:10px 0 0 0;}

.th_line50{ width:50px; display: inline-block; vertical-align: top; height: 3px; overflow: hidden; font-size: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
background: -moz-linear-gradient(left, #4fd2ef, #48baef); /* Firefox */
background: -webkit-linear-gradient(336deg, #4fd2ef, #48baef); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fd2ef', endColorstr='#48baef', GradientType='0'); /* IE*/
background-color:#14a782\0;
background: linear-gradient(to right, #4fd2ef, #48baef);/* ie11*/}

/*图标*/
.icon_b{ width:20px; height: 20px; margin:0 10px 0 0; background-image: url(../images/icon/footer_icon.png); }
.icon_b2{background-position: 0 -20px;}
.icon_b3{background-position: 0 -40px;}
.footer .icon_b{ margin:0;}

/*文件底下*/
.footer_d{ padding:35px 0; background-color: #f2f2f2; text-align: center;}

/*返回顶部*/
.ftool_top{position: fixed; right: 6px; bottom: 10px; z-index: 40; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html,* html body{background-image:url(about:blank);background-attachment: fixed;}
.top_ftoolab{ width:50px; height:50px; display:block; background-color:rgba(0,0,0,.5); background-image:url(../images/icon/top.png); background-repeat:no-repeat; background-position:center center;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000);}
.top_ftoolab:hover{ background-color:#33a6dd;}
/*end 返回顶部*/


/*-----------------------star关于我们*/
.body_about,.body_campus{ background-color:#fff; /*background-attachment: fixed;*/ background-image: url(../images/bj/about.png); background-position: center top; background-repeat: no-repeat;}
.body_campus{background-image: url(../images/bj/i_course.png);background-position: center 190px;  }

.i_about .t_t{ margin:40px 0 50px 0; line-height: 2; color:#666;}
.i_about .dl_d .h_th{text-align:left;}
.i_about .dl_d dt{ width:360px; margin-right: 60px;}
.i_about .dl_d dd{ padding:50px 0 0 0;}
.i_about .dl_d dd .t_d{ color:#666; line-height: 2;}


/*-----------------------------star课程体系*/
.i_course_ul3{ margin-right:-35px; *zoom:35px; margin-bottom: 200px;}
.i_course_ul3 li{ margin:35px 0 0 0;}
.i_course_ul3 .t_t{ color:#666; line-height: 2;}
.i_course_ul3 h5{ font-size:22px; margin-bottom: 20px;}
.i_course_ul3 .box{ margin:0 35px 0 0; padding: 30px 35px; background-color: #fff; height: 450px;}
/*图标*/
.th_icon{ width:50px; height: 50px; margin-right: 15px; background-image: url(../images/icon/icon_b.png); }
.th_icon2{background-position: 0 -50px;}
.th_icon3{background-position: 0 -100px;}

/*课程问答*/
.i_qa_ul{ margin:70px 0 0 0;}
.i_qa_ul .t_l{ font-size:20px;text-transform: uppercase; font-weight: bold; padding-left: 5px; margin-right: 10px;}
.i_qa_ul h5{ font-size:20px; margin-bottom: 10px; line-height: 1.4;}
.i_qa_ul .t_o .t_r{ color:#999; line-height: 1.8;padding-top: 4px;}
.i_qa_ul li{ margin:0 0 55px 0;}
.i_qa_ul li:hover h5 .t_l{ color:#fff; background-color: #99ca3b; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}


.i_campus_div{ width:1000px; margin:130px auto 200px auto;}
.i_campus_div .ul_t,.city_select_box{ margin-right:-100px; *zoom:100px;}
.i_campus_div .ul_t .box{ margin:0 100px 0 0;}
.city_select_box{ margin-bottom:40px;}
.i_campus_div .ul_d .t_r{ width:186px; margin-left: 100px;}


/*flowstep*/
.flowstep{position: relative; display: block; height: 1500px;}
.flowsteplinebox{margin: 0 auto; position: relative; display: block; width: 910px;}
.flowstep_list{position: absolute; z-index: 5; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.flowstep_item{position: absolute; width: 210px; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fadeIn;animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s;}
.flowstep_item:nth-of-type(1){top: 33px; left: 0;}
.flowstep_item:nth-of-type(2){top: 70px; left: 300px; -webkit-animation-delay: 1s; animation-delay: 1s;}
.flowstep_item:nth-of-type(3){top: 70px; left: 600px; -webkit-animation-delay: 2s; animation-delay: 2s;}
.flowstep_item:nth-of-type(4){top: 140px; left: 910px; -webkit-animation-delay: 3s; animation-delay: 3s;}
.flowstep_item:nth-of-type(5){top: 440px; left: 600px; -webkit-animation-delay: 4s; animation-delay: 4s;}
.flowstep_item:nth-of-type(6){top: 440px; left: 300px; -webkit-animation-delay: 5s; animation-delay: 5s;}
.flowstep_item:nth-of-type(7){top: 540px; left: 0; -webkit-animation-delay: 6s; animation-delay: 6s;}
.flowstep_item:nth-of-type(8){top: 810px; left: 300px; -webkit-animation-delay: 7s; animation-delay: 7s;}
.flowstep_item:nth-of-type(9){top: 810px; left: 600px; -webkit-animation-delay: 8s; animation-delay: 8s;}
.flowstep_item:nth-of-type(10){top: 900px; left: 910px; -webkit-animation-delay: 9s; animation-delay: 9s;}
.flowstep_item:nth-of-type(11){top: 1180px; left: 600px; -webkit-animation-delay: 10s; animation-delay: 10s;}
.flowstep_item:nth-of-type(12){top: 1180px; left: 300px; -webkit-animation-delay: 11s; animation-delay: 11s;}
.flowstep_item:nth-of-type(13){top: 1173px; left: 0; -webkit-animation-delay: 12s; animation-delay: 12s;}

.flowstep_item .dt{margin: 0 auto 10px; text-align: center; line-height: 20px; font-size: 16px; color: #0ba29a;}
.flowstep_item:first-of-type .dt{color: #000;}
.flowstep_item .circle{margin: 0 auto; position: relative; display: block; width: 40px; height: 40px; border-radius: 50%;}
.flowstep_item .circle::before{position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; display: block; content: ""; width: 12px; height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #000; border-radius: 50%;}
.flowstep_item:first-of-type .circle, .flowstep_item:last-of-type .circle{background-color: #ededed;}
.flowstep_item:nth-of-type(4) .circle, .flowstep_item:nth-of-type(7) .circle, .flowstep_item:nth-of-type(10) .circle{display: none;}

.flowstep_item .ico{margin: 0 auto; display: block; width: 60px; height: 60px; background-image: url(../images/icon/flowstep.html); background-repeat: no-repeat;}
.fore02.flowstep_item .ico{background-position: 0 0;}
.fore03.flowstep_item .ico, .fore05.flowstep_item .ico, .fore09.flowstep_item .ico, .fore11.flowstep_item .ico{background-position: 0 -60px;}
.fore04.flowstep_item .ico{background-position: 0 -120px;}
.fore06.flowstep_item .ico{background-position: 0 -180px;}
.fore07.flowstep_item .ico{background-position: 0 -240px;}
.fore08.flowstep_item .ico, .fore12.flowstep_item .ico{background-position: 0 -300px;}
.fore10.flowstep_item .ico{background-position: 0 -360px;}
/*end flowstep*/




/*下拉框*/
.city_select_box select{ width:150px; margin:0 120px 0 0; font-size: 18px; border:none; border-bottom:1px solid #e6e6e6;  height:44px; line-height:44px; padding: 0; position: relative;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden;filter: none !important;appearance:none;-moz-appearance:none; -webkit-appearance: none; background:#fff; background-image:url(../images/icon/option.png); background-position:98% center; background-repeat:no-repeat;  }
.city_select_box select::before{ width:0; height: 1px; content: ''; display: block; position: absolute; bottom: 0; left: 50%; font-size: 0; overflow: hidden; background-color: #9fcd47; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.city_select_box select::-ms-expand { display: none; }
.city_select_box select:hover::before{ width:100%;}

.green_btn{ border:none; color:#fff; font-size: 16px; cursor: pointer; vertical-align: middle; font-weight: bold; line-height: 60px; height: 60px; width: 100%; text-align: center; display: inline-block; 
-moz-text-shadow: 0 2px 0 rgba(0,0,0,.17); -webkit-text-shadow: 0 2px 0 rgba(0,0,0,.17);text-shadow: 0 2px 0 rgba(0,0,0,.17);
-moz-box-shadow: 0 8px 35px rgba(27,169,128,.2);-webkit-box-shadow:0 8px 35px rgba(27,169,128,.2);box-shadow: 0 8px 35px rgba(27,169,128,.2);
background: -moz-linear-gradient(left, #6bc067, #16a882); /* Firefox */
background: -webkit-linear-gradient(336deg, #6bc067, #16a882); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bc067', endColorstr='#16a882', GradientType='0'); /* IE*/
background-color:#16a882\0;
background: linear-gradient(to right, #6bc067, #16a882);/* ie11*/
}
.green_btn:hover{ color:#fff; -webkit-text-shadow: 0 2px 0 rgba(0,0,0,.2); -moz-text-shadow: 0 2px 0 rgba(0,0,0,.2);text-shadow: 0 2px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 10px 57px rgba(73,182,234,.2);-webkit-box-shadow: 0 10px 57px rgba(73,182,234,.2);box-shadow: 0 10px 57px rgba(73,182,234,.2);
-moz-transform: translateY(-4px);-webkit-transform: translateY(-4px);transform: translateY(-4px);
background: -moz-linear-gradient(left, #4fcfea, #49b6ea); /* Firefox */
background: -webkit-linear-gradient(336deg, #4fcfea, #49b6ea); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fcfea', endColorstr='#49b6ea', GradientType='0'); /* IE*/
background-color:#49b6ea\0;
background: linear-gradient(to right, #4fcfea, #49b6ea);/* ie11*/
}
.w_180{ width:180px;}

/*灰色按钮*/
.gray_btn_a{ color:#888; background: #e6e6e6;
-moz-box-shadow: 0 8px 35px rgba(0,0,0,.02);-webkit-box-shadow:0 8px 35px rgba(0,0,0,.02);box-shadow: 0 8px 35px rgba(0,0,0,.02);}
.gray_btn_a:hover{ background: #ccc; color:#666;
-moz-box-shadow: 0 10px 57px rgba(0,0,0,.12);-webkit-box-shadow:0 10px 57px rgba(0,0,0,.12);box-shadow: 0 10px 57px rgba(0,0,0,.12);}


/*表单*/
.fill_text_line{border:none; border-bottom:1px solid #e6e6e6; line-height: 24px; height: 44px; padding: 10px 0; background-color: transparent; vertical-align: top; font-size: 18px; width: 100%;}
.fill_text_line:focus,.city_select_box select:hover{ border-bottom-color: #9fcd47; -moz-box-shadow: 0 20px 30px rgba(159,205,71,.05);-webkit-box-shadow: 0 20px 30px rgba(159,205,71,.05);box-shadow: 0 20px 30px rgba(159,205,71,.05);}

/*错误提示*/
.fill_error{ color:#ff3232; font-size: 12px; line-height: 1.1; margin:6px 0 0 0;}
.error_fill_text,.error_fill_text:focus{ border-bottom-color:#ff3232;}
.error_fill_text:focus{-moz-box-shadow: 0 20px 30px rgba(255,50,50,.05);-webkit-box-shadow: 0 20px 30px rgba(255,50,50,.05);box-shadow: 0 20px 30px rgba(255,50,50,.05);}



/*页码*/
.page{text-align:center;color:#ccc; padding: 10px 0; line-height: 28px;}
.page a{ margin:0 15px;color:#ccc;}
.page a:hover{ color:#33a6dd;}
.page .not_a:hover{ color:#ccc; cursor: default;}
.page_link a{ display:inline-block; vertical-align: middle; margin: 0 2px; padding: 0 10px; }
.page_link .active,.page_link .active:hover{ color:#fff;
background: -moz-linear-gradient(left, #4fcfea, #49b6ea); /* Firefox */
background: -webkit-linear-gradient(336deg, #4fcfea, #49b6ea); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fcfea', endColorstr='#49b6ea', GradientType='0'); /* IE*/
background-color:#49b6ea\0;
background: linear-gradient(to right, #4fcfea, #49b6ea);/* ie11*/
}

/*-------------star校区详情页*/
.d_campus_div .t_l{ padding:30px 30px 0 30px; position: relative; height: 300px;}
.d_campus_div .f_t_d{ position:absolute; bottom:0; padding:0 30px 30px 30px; left: 0; width: 100%; color:#888;}
.d_campus_div .f_t_d p{ margin:5px 0 0 0;}
.map-container{ width:740px; height: 300px; -moz-border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;}
.d_campus_div .t_t{ font-size:16px;}
.d_campus_div h4{ font-size:26px; margin:10px 0 0 0;}

/*滚动*/
.campus_scroll{ position:relative; height: 260px; margin:80px auto 0 auto;}
.campus_scroll .bd li{float:left; width: 350px; margin-right: 35px; height: 260px; text-align: center; overflow: hidden; background-color: #000;}
.campus_scroll .bd { overflow: hidden;}
.campus_scroll .btn{ position:absolute; top:50%; font-size:50px; font-weight: bold; color:#ccc; cursor: pointer; width: 60px; height: 60px; line-height: 60px; text-align: center; overflow: hidden; margin-top: -30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.campus_scroll .prev{left:-80px;}
.campus_scroll .next{right:-80px;}
.campus_scroll .btn:hover{ color:#fff; background-color: #99ca3b;}
/*不可点击状态*/
.campus_scroll .prevStop, .campus_scroll .nextStop{ cursor: default; background-color:#ccc;color: #eee;}

.campus_scroll .bd li:hover img{ opacity:.6; -moz-transform: scale(1.02);-webkit-transform: scale(1.02);transform: scale(1.02);}

/*--------------star新闻列表*/
.i_news{ margin:40px 0 80px 0;}
.i_news .box{ margin:40px 0 0 0; height: 260px; overflow: hidden;}
.i_news .pic{ width:350px; height: 260px; overflow: hidden;}
.i_news .t_r{ padding:20px 40px 0 40px; line-height: 1.1;}
.i_news h5{ font-size:26px; width: 680px;}
.i_news p{ position:relative; line-height: 2em; height: 4em; margin:70px 0 0 0; color:#999;}
.i_news .t_date{ color:#666; margin: 10px 0;}





/*-------------star新闻详情*/
.box_mw70{ margin:0 70px;}

/*标题*/
.d_th{ margin:0 0 80px 0;}
.d_th h2{ font-size:28px;}
.d_th p{ color:#666;}
.wechat_icon{ width:28px; height: 28px; background-color: #87c036; background-image: url(../images/icon/wechat_icon.png); background-position: center center;}
.wechat_icon:hover{background-color: #33a6dd;}

/*正文*/
.d_wen{ margin:80px 0; font-size: 18px;}
.d_wen p{text-indent:2em; margin-bottom: 50px;}
.d_wen .pic_c{text-align:center; text-indent: 0; margin: 50px 0;}
.d_wen .pic_c p{ text-indent:0; font-size: 14px; margin: 5px 0;}

/*上下篇*/
.d_other{ margin:40px 0;}
.d_other a,.d_other{ color:#999;}
.d_other a:hover{ color:#33a6dd;}
.w_5{ width:45%;}
.d_other .hide1{ width:360px; vertical-align: middle; display: inline-block;}
.d_other .box{ display: inline-block;padding: 2px 8px; vertical-align: middle; background-color: #f7f7f7;}
.d_other .t_r{text-align:right;}

/*------------------------star加盟合作*/
.i_jobs_text{ margin:80px 55px 0px 55px; color:#666; line-height: 1.8;}
.i_jobs_text p{ margin:0 0 15px 0;}

/*数字列表*/
.num_ol{ list-style:decimal; padding-left: 1em;}
.num_ol li{ padding-left:.8em;}

/*加盟资格*/
.i_jobs_ul .li_o{float:left; width: 49.9%; margin-bottom: 60px;}
.i_jobs_ul{ margin:60px -60px 0 0; *zoom:60px;}
.i_jobs_ul .box{ margin:0 60px 0 0; background-color: #fff; padding: 20px 35px; height: 370px;}
.i_jobs_ul h5{ border-bottom:1px solid #eee; font-weight: bold; font-size: 20px; text-align: center; line-height: 59px; height: 59px;}
.i_jobs_ul .t_d{ margin:35px 0px 0 0px; color:#666;}
.i_jobs_ul .t_d b{ color:#333;}
.i_jobs_ul .t_d p,.i_jobs_ul .t_d li{ margin:10px 0 0 0;}


.box_p160{ padding:160px 0;}

/*加盟流程*/
.i_jobs_step{text-align:center; margin:60px 0 250px 0;}

/*服务支持*/
.i_jobs_service{ margin:0 0 200px 0;}
.i_jobs_service .t_l{ width:110px; text-align: center; margin-right:50px; font-size: 22px; line-height: 1.1; }
.i_jobs_service .box{ color:#fff; padding: 33px 0 0 0; height: 110px; background-color: #fecc40; display: inline-block; vertical-align: top; width: 100%;}
.i_jobs_service .box1{ background-color: transparent; background-image: url(../images/icon/box_num.png); background-position: center top; background-repeat: no-repeat;}
.i_jobs_service .t_r_l{ width:200px; margin-right: 40px;}
.i_jobs_service .t_r_ul .i_box{ margin:0 40px 0 0;}
.i_jobs_service .t_r_ul{ margin-right:-40px; *zoom:40px;}
.i_jobs_service .li_o{ margin:60px 0 0 0;}
.i_jobs_service h5{ font-size:18px; font-weight: bold; margin-bottom: 10px;}
.i_jobs_service .t_r p{ line-height:1.8; color:#666;}


.r_num{ width:60px; height: 60px; line-height: 60px; text-align: center; background-color: #99ca3b; color:#fff; display: inline-block; vertical-align: middle; margin-right: 40px; font-size: 30px; font-weight: bold;}

.i_jobs_ul_d li{ margin:45px 0 0 0; height: 70px;}
.i_jobs_ul_d{ margin-right:-80px; *zoom:80px; margin-bottom: 40px;}
.i_jobs_ul_d .box{ margin:0 80px 0 0; }
.i_jobs_ul_d .t_r{ width:210px;}


/*----------star弹出框(申请加盟)*/
.box_mw90{ margin:0 90px;}
.f_join_box{  position: relative;}
.f_join_scroll{/*height:400px;*/ position: relative;}
.f_logo_pic{ position:absolute; bottom: -30px; right:0; z-index: 0;}

.f_join_fill{ margin:0 -50px 30px 0; *zoom:50px; }
.f_join_fill .box{ margin:0 50px 0 0;}
.f_join_box .btn_o{ margin:30px 0 0 0; text-align: center; clear: both;}

.f_join_fill .input_div{position:relative;}
.f_join_fill .input_div:hover{ z-index: 4;}

/*性别*/
.select_gender{line-height: 34px; font-size: 18px; margin:5px 0 0 0;}
.select_gender,.select_gender a{ color:#ccc;}
.select_gender a{ display:inline-block; vertical-align: middle; margin-right: 30px;  }
.select_icon{width:25px; height: 25px; margin:0 0 0 10px; background-color: #e6e6e6; background-image: url(../images/icon/icon_c.png); }
.select_icon2{background-position: 0 -25px;}
.active .select_icon{background-color: #99ca3b;}
.select_gender .active{ color:#333;}


@media screen and (max-width:1440px){
	.f_join_fill{ margin-bottom: 10px; }
	.f_join_fill .fill_text_line{  height:34px; padding: 5px 0;}
	.f_logo_pic{  bottom: -55px; right:-30px;}
	.f_join_box .btn_o{ margin:20px 0 0 0; }
}


/*--------------star滚动条的样式*/
.scroll_box ::-webkit-scrollbar-track-piece{background-color: #F8F9FA; -webkit-border-radius: 0;}
.scroll_box ::-webkit-scrollbar{width: 4px;}
.scroll_box ::-webkit-scrollbar-thumb{height: 50px; background-color: #D1D4DB; -webkit-border-radius: 5px;}
.scroll_box ::-webkit-scrollbar-thumb:hover{height: 50px; background-color: #BFC1C9; -webkit-border-radius: 5px;}


/*-------------star联系我们*/
.i_contact_dl .map-container{ width:100%; height: 350px;}
.i_contact_dl dt{ width:640px; position: relative; margin-right:30px; margin-left: 100px;}
.i_contact_dl .f_pic{ position: absolute; bottom: -50px; right: -90px; z-index: 10;}
.i_contact_dl .ul_d li{ margin:30px 0 0 0;}
.i_contact_dl .ul_d{ margin-top:70px;  color:#666; line-height: 1.8;}

/*-------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#999; font-family:Arial;font-weight:normal;}
/*宋体*/
.china{ font-family:"宋体";}
.eng,.prit_r{font-family:Arial;}
/*距离*/
.mt30{margin-top: 30px!important; }
.red_text,.red_link a{ color:#ff0000;}
.link_h_line a:hover{text-decoration: underline;}
.gray_text{ color:#888;}
.yellow_link a,.yellow_text{ color:#ffcc40;}

.green_text,.green_link a{color:#99ca3b;}
.green_text_b{ color:#25b887;}
.green_link a:hover{text-decoration:underline; color:#333;}
.m_l{ margin-left:1em;}
.m_l_b{ margin-left:2em;}
.m_text{ margin:0 2em;}
.mr_40{ margin-right:40px;}
.m_t{ margin:0 .5em;}
.orange_text,.orange_link a{ color:#f5821e;}
.orange_link a:hover{ color:#fff; background-color: #fb9e01;}
.gray_link_l a{ color:#888;}
.blue_link a,.blue_text,.gray_link_l a:hover{ color:#33a6dd;}
.blue_link a:hover{ color:#fff; background-color: #33a6dd; }
.gray_text_l{ color:#888;}


.graw_link a,.graw_text{ color:#d5ad50;}
.graw_link a:hover{ color:#fff; background-color: #d5ad50;}

.link_line a{ text-decoration:underline; }
.link_line a:hover{text-decoration: none;}
.white_text,.white_link a{ color:#fff;}
.font_12{ font-size:12px;}
.font_14{ font-size:14px;}
.font_16{ font-size:16px;}
.font_20{ font-size:20px;}
.font_24{ font-size:24px;}
.font_28{ font-size:28px;}
.font_30{ font-size:30px;}
.font_36{ font-size:36px;}
.font_40{ font-size:40px;}
.font_b{ font-weight:bold;}
/*隐藏*/
.hide_box{ height:auto; overflow: hidden;}
/*列表*/
.list_2 li{ float:left; width:49.99%;}

.list_4 li{float:left; width: 24.99%;}
.list_5 li{float:left; width: 19.99%;}
.list_6 li{float:left; width: 16.666%;}
.list_7 li{float:left; width: 14.28%;}

.list_3 li{ float:left; width:25%;*width:25%;}
/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;}
.hide2,.hide6,.hide4,.hide3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hide2{height:3.2em;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}

.pic_cell{ vertical-align:middle; text-align:center; display:table-cell; overflow:hidden;}
.pic_cell img{ max-width:100%; max-height:100%; width:100%\9;width:100%\0;*width:100%;vertical-align:middle; overflow:hidden;}
/*自定义动画*/
.transition_a,.transition_o a,.hover_table tbody tr{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}

/*图标*/
.icon_public{  display: inline-block; vertical-align: middle; font-size: 0; overflow: hidden; background-repeat: no-repeat;}

.img_w{ width:100%; height: 100%; overflow: hidden;}
.img_w_w{ width:100%; overflow: hidden;}
.img_m,.text_m{ display:inline-block; vertical-align: middle;}
.box_sizing{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*经过*/
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_box_t .box:hover{ -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px); }
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_pic_shadow_t .box:hover .pic{-moz-box-shadow: 0 10px 57px rgba(66,187,217,.5);-webkit-box-shadow: 0 10px 57px rgba(66,187,217,.5);box-shadow: 0 10px 57px rgba(66,187,217,.5);}

/*阴影*/
.box_shadow{ -moz-box-shadow:0 15px 85px rgba(229,234,236,.76); -webkit-box-shadow:0 15px 85px rgba(229,234,236,.76); box-shadow:0 15px 85px rgba(229,234,236,.76); background-color: #fff;}

/*经过线*/
.hover_box_dline .box{ position:relative;}
.hover_box_dline .box::before{ position:absolute; bottom: 0; left: 50%; width: 0; height: 8px; overflow: hidden; font-size: 0; content: ''; -moz-transform: translateX(-50%);-wekbit-transform: translateX(-50%);transform: translateX(-50%); -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;
-moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;
background: -moz-linear-gradient(left, #4cceed, #45b1e0); /* Firefox */
background: -webkit-linear-gradient(0deg, #4cceed, #45b1e0); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cceed', endColorstr='#45b1e0', GradientType='1'); /* IE*/
background-color:#45b1e0\0;
background: linear-gradient(to right, #4cceed, #45b1e0);/* ie11*/
}
.hover_box_dline .box:hover::before{ width:100%;}


/*-------------------------star动画*/
.fadeInUp{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/*放大*/
.zoombg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat; animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;}
@-webkit-keyframes zoom1{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}
@keyframes zoom1{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}



/*动画时间*/
.delay2{-webkit-animation-delay: .5s; animation-delay: .5s;}
.delay3{-webkit-animation-delay: 1s; animation-delay: 1s;}
.delay4{-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.delay5{-webkit-animation-delay: 2s; animation-delay: 2s;}
.delay6{-webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
.delay7{-webkit-animation-delay: 3s; animation-delay: 3s;}
.delay8{-webkit-animation-delay: 3.5s; animation-delay: 3.5s;}
.delay9{-webkit-animation-delay: 4s; animation-delay: 4s;}
.delay10{-webkit-animation-delay: 4.5s; animation-delay: 4.5s;}


/*---------------------------------------------图片缩小后摇动（不错）*/
/*左右摇摆*/
.hover_arrow .box:hover .icon_public,.hover_box_img .box:hover img{animation: landr 0.8s ease-in-out; 
-ms-animation: landr 0.8s ease-in-out;
-moz-animation: landr 0.8s ease-in-out;
-webkit-animation: landr 0.8s ease-in-out;
-o-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
0% {transform: rotate(0deg);transform-origin: right bottom 0;}
39% {transform: rotate(5deg);transform-origin: right bottom 0;}
40% {transform: rotate(5deg); transform-origin: left bottom 0;}
75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}

/*经过图片有闪光效果*/
.hover_pic a{position: relative; overflow: hidden; display:block;}
.hover_pic a:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.hover_pic a:hover:before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}

/*效果*/
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-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}}


.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/*----------------往下拉动画*/
@-webkit-keyframes down {0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}40% {-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}80% {-webkit-transform: translate3d(0,2px,0);transform: translate3d(0,6px,0);-moz-box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);box-shadow:0 10px 15px rgba(0,0,0,.2);}}
@keyframes down {0%,100% {-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}40% {-webkit-transform: translate3d(0,-2px,0);-ms-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}80% {-webkit-transform: translate3d(0,2px,0);-ms-transform: translate3d(0,2px,0);transform: translate3d(0,2px,0);-moz-box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);box-shadow:0 10px 15px rgba(0,0,0,.2);}}

.down_animation{animation: down 1s infinite;-webkit-animation: down 1s infinite;}




/*---------------------------star滤镜的样式*/
/*圆角*/
.round_s_s{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_s,.round_s_a a { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_20{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.round_d20{-moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;}
.round_d10{-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.round_s_b{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.round_s_b_t,.round_s_b_t img{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_s_img img{ -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;}
.round_m_s{ -moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em;}
.round_r,.round_img img{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*链接文件*/
.round_s,.round_r,.round_m,.round_img img,.round_m_s,.round_m_a a,.round_s_a a,.round_s_s,.round_s_b,.round_s_b_t,.round_img_s img,.round_bj_a a,.round_bj,.round_s_b_t img,.round_d10{position:relative\9;behavior: url(js/pie.html);}