@charset "gb2312";
/*
* Description: 二建新版
* Update:      04/05/2017
* Author:      yixiaofang
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px; background:#ffffff; position: relative; color:#666;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;position:relative;}
.btn{  height:40px;width:165px; line-height:40px;  display:block; text-align:center; margin:0 auto;}
.title h3{ font-size:60px; font-weight:bold; color:#5b7eff; }
/*banner*/
	.banner{ width:100%;}
	.banner_01{ height:130px; background:url(../images/banner_01.jpg) no-repeat top center; }
	.banner_02{ height:121px; background:url(../images/banner_02.jpg) no-repeat top center; }
	.banner_03{ height:84px; background:url(../images/banner_03.jpg) no-repeat top center; }
	.banner_04{ height:113px; background:url(../images/banner_04.jpg) no-repeat top center; }
	.btna{ padding-left:310px;}
	.btna a{color:#5b7eff; background-color:#fff; float:left; margin-right:48px; }
	.btna .btn1{ color:#fe3947;}
	.btna a:hover,.teacher .btn:hover,.btnb a:hover{ background-color:#f1f1f1;}
	
/*nav_r*/
	.nav_r{ z-index:99; width:153px; height:376px; background-color:#5b7eff; position:fixed; top:10%; right:0; padding:4px; }
	.nav_rc{ padding-top:5px; border:3px solid #fff; line-height:36px; text-align:center; color:#fff; height:365px;}
	.nav_rc img{ margin:0 auto;}
	.nav_rc ul{ padding:0 13px;}
	.nav_rc li{ height:37px; line-height:37px; border-bottom:1px solid #2142be;  }
	.nav_rc li a{ display:block; color:#fff; font-size:18px;}
	.nav_rc li a:hover{ color:#fbb766;}

/*invitation*/
	.invitation{ display:none;  position:fixed; top:50%; left:50%; width:486px; margin:-176px 0 0 -243px; height:352px; background:url(../images/inv_bg.png) no-repeat; z-index:100;}
	.invitation h4{ font-size:30px; color:#d75451; text-align:center; line-height:75px; padding-top:40px; }
	.inv_ul{ padding:20px 0 0 16px;}
	.inv_ul li{ margin-bottom:20px; font-size:18px; color:#d75451; float:left; line-height:39px;}
	.inv_ul .li01{ width:166px;}
	.inv_ul li input,.inv_ul li img{display:inline-block; vertical-align:middle; }
	.inv_ul li input{  margin:0 5px; width:119px; height:39px; line-height:39px; background-color:#d5938d; text-align:center; color:#fff;}
	.inv_ul li a{ color:#d75451; text-decoration:underline; }
	.invitation .btn_01{ width:163px; height:43px; background-color:#c1574d; font-size:18px; color:#fff; }
	.invitation .btn_01:hover{ background-color:#e4867d;}
	.invitation .xx{ color:#000; top:106px; right:5px;}

/*tan*/
	.tan{ display:none; width:397px; height:135px; z-index:100; background-color:#fe3947; position:fixed; top:50%; left:50%; margin:-67px 0 0 -198px; }
	.tan h3{ line-height:70px; text-align:center; font-size:24px; color:#fff; font-weight:bold;}
	.tan h3 img{ display:inline-block; vertical-align:middle; margin:-9px 10px 0 0;}
	.btnb a{ float:left; color:#fe3947; font-size:20px; width:173px; height:48px; line-height:48px; background-color:#fff; border-radius:30px;}
	.btnb .btn1{ margin:0 18px;}
    .xx{ position:absolute; color:#fff; position:absolute; top:-5px; font-size:20px; cursor:pointer; right:0;}
/*灰背景*/
	.gray{width:100%;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-webkit-opacity:0.5;-o-opacity:0.5; -ms-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;position: absolute;z-index: 99;display: none;left:0;top:0;}  
	
/*test*/
	.test{ width:100%; height:271px; background:url(../images/tes_bg.jpg) no-repeat top center;}
	.tes_con{ padding:50px 0 0 60px; } 
	.tes_con h4{ font-size:36px; color:#5b7eff; line-height:56px; }
	.tes_con p{ font-size:14px; line-height:30px; color:#fff; }
	
/*process	*/
	.process{ padding:75px 0 130px 0;}
	.title_01{ height:189px; line-height:189px; background:url(../images/title_01.png) no-repeat 490px 0;}
	.title_01 h3{ padding-left:245px;}
	.pro_con{ padding-bottom:30px;}
	.pro_ul{ padding:25px 0 35px 155px;}
	.pro_ul li{ width:176px; float:left; position:relative; margin-right:80px;}
	.pli_d{ cursor:pointer; text-align:center;}
	.pli_d h4{ font-size:24px; color:#4e4c4c; line-height:50px; }
	.pli_d p{ color:#767474; font-size:18px; }
	.pro_ul li span{ display:block; width:48px; height:12px; background:url(../images/pro_04.png) no-repeat; position:absolute; top:87px; right:-65px;}
	.pro_d{ display:none; width:678px; height:273px; background-color:#fff7f8; margin:0 auto; position:relative; }
	.pro_d.current{ display:block;}
	.pro_d h4{ font-size:30px; font-weight:bold; color:#fe3947; }
	.pro_d h4 span{ display:inline-block; vertical-align:middle; width:33px; height:34px; line-height:34px; background-color:#fe3947; text-align:center; font-weight:bold; color:#fff; font-size:30px; margin:-5px 5px 0 0;}
	.pro_d img{ position:absolute; bottom:-27px; right:7px;}
	.pro_d p{ font-size:18px; color:#535353; line-height:30px; padding-top:12px; }
	.prod_c{ position:relative; z-index:10; padding:60px 0 0 35px;}
	.pro_d1 img{  bottom:-25px; right:-53px;}
	.pro_d2 img{  bottom:-25px; right:-5px;}
	.process .btn{ background-color:#fe3947; color:#fff; }
	.process .btn:hover{ background-color:#fa5864;}
	
/*teacher*/	
	.teacher{ width:100%; height:788px; background:url(../images/tea_bg.jpg) no-repeat top center;}
	.teacher .autoin{ position:relative;}
	.teacher .tea_t{ position:absolute; left:235px; top:-70px;}
	.tea_t{ text-align:center;}
	.tea_t img{ margin:0 auto 9px;}
	.tea_t h4{ font-size:28px; color:#5b7eff; width:525px; height:43px; margin:0 auto; line-height:43px; background-color:#fff; border-radius:30px; border:1px solid #5b7eff; }
	.title_02{ height:252px; overflow:hidden; background:url(../images/title_02.png) 404px 50px no-repeat; }
	.title_02 h3{ text-align:center; line-height:310px;}
	.tea_con{ width:680px; padding-left:158px;}
	.tea_ul li{ height:376px; float:left; cursor:pointer; position:relative; }
	.tea_ul .li01{ width:249px; background:url(../images/tea_02.png) no-repeat; }
	.tea_ul .li02{ width:235px; background:url(../images/tea_03.png) no-repeat; }
	.tea_ul .li03{ width:194px; background:url(../images/tea_04.png) no-repeat; }
	.tea_ul li p{ color:#fff; font-size:18px; position:absolute; left:10px; bottom:50px;}
	.tea_ol{ padding:25px 0 15px 0;}
	.tea_ol li{ display:none; color:#fff; font-size:16px; line-height:24px;}
	.tea_ol li.cur{ display:block;}
	.teacher .btn{ background-color:#fff;}
	
/*youh*/	
	.youh{ width:100%; height:690px; padding-top:44px; background:url(../images/you_bg.jpg) no-repeat top center;}
	.title_03{ margin-top:23px; background:url(../images/title_03.png) no-repeat 490px 0; height:188px; line-height:188px;}
	.title_03 h3{ padding-left:245px;}
	.you_con{ padding-top:30px;}
	.you_l{ margin:0 56px 0 158px;}
	.you_l,.you_r{ position:relative; width:296px; height:294px; border:4px solid #e9e9e9; float:left;text-align:center;}
	.you_con h4{ font-size:24px; line-height:26px; color:#fe3947; background-color:#fff; position:relative;  top:-15px; padding:0 5px; display:inline-block;}
	.you_con .p1{ text-align:center; font-size:18px;}
	.you_d{ width:270px; color:#fff; height:103px; background:url(../images/you_01.png) no-repeat; margin:10px auto 0; }
	.youd_l,.youd_r{ float:left;}
	.youd_l{ padding-top:25px; width:160px; text-align:center;}
	.youd_l span{ font-size:24px; line-height:30px; }
	.youd_l span em{ font-size:48px;}
	.youd_l em,.your_d p em,.tli_t p em{ font-family:"impact";}
	.youd_l p{ font-size:20px; color:#931019; }
	.youd_r{ text-align:left; width:99px;padding:20px 0 0 10px;  background:url(../images/you_03.png) no-repeat  70px 27px; }
	.youd_r a{  font-size:28px; color:#f5d74d; line-height:30px; }
	.youd_r a:hover{ color:#fff;}
	.your_d{ width:270px; height:143px; background:url(../images/you_02.png) no-repeat; margin:35px auto 0; color:#fff; }
	.your_d h5{ line-height:50px; padding-top:25px; font-size:32px; font-weight:bold; }
	.your_d p{ line-height:30px; font-size:28px; }
	.your_d p em{ font-size:50px; display:inline-block; vertical-align:middle; color:#f9e856; }

/*course*/
	.course{ padding:58px 0 38px 0; width:100%; background-color:#f3f6fd;}
	.cou_t{ margin:0 auto; width:791px; height:226px; background:url(../images/cou_01.png) no-repeat; }
	.cou_t h3{ padding:70px 0 0 290px; font-size:34px; font-weight:bold; color:#727272; line-height:48px; }
	.cou_t span{ color:#5b7eff;}
	.cou_t em{ color:#fe3947;}
	.cou_con{ position:relative; height:910px; background-color:#fff; box-shadow:rgba(0,0,0,0.08) 0 0 35px 0;}
	.cou_con li{ cursor:pointer; position:absolute;  background-color:#fff; box-shadow:#cacaca 0 0 21px 1px; padding:18px 13px;}
	.cou_con li.cur{animation:zoom 0.8s ease-in 0s;
	-webkit-animation: zoom 0.8s ease-in 0s;
	-moz-animation:zoom  0.8s ease-in 0s;
	-ms-animation:zoom 0.8s ease-in 0s;
	-o-animation:zoom 0.8s ease-in 0s;  z-index:10;}
	@keyframes zoom{
		from{opacity:0.4;transform:scale(1.2,1.2);}
		100%{opacity:1.0;transform:scale(1.0);}
	}
	@-webkit-keyframes zoom{
		from{opacity:0.4;transform:scale(1.2,1.2);}
		100%{opacity:1.0;transform:scale(1.0);}
	}
	@-moz-keyframes zoom{
		from{opacity:0.4;transform:scale(1.2,1.2);}
		100%{opacity:1.0;transform:scale(1.0);}
	}
	@-o-keyframes zoom{
		from{opacity:0.4;transform:scale(1.2,1.2);}
		100%{opacity:1.0;transform:scale(1.0);}
	}
	@-ms-keyframes zoom{
		from{opacity:0.4;transform:scale(1.2,1.2);}
		100%{opacity:1.0;transform:scale(1.0);}
	}
	.cou_con li span{ display:block; width:93px; height:32px; background:url(../images/cou_09.png) no-repeat; position:absolute; top:-18px; left:50%; margin-left:-46px; }
	.cli_01{ top:60px; left:196px; transform:rotate(-10deg);}	
	.cli_02{ top:60px; left:463px; transform:rotate(5deg);}	
	.cli_03{ top:217px; left:153px; transform:rotate(-5deg);}	
	.cli_04{ top:313px; left:513px; transform:rotate(8deg);}	
	.cli_05{ top:412px; left:199px; transform:rotate(-3deg); z-index:2;}	
	.cli_06{ top:497px; left:528px; transform:rotate(-3deg);}	
	.cli_07{ top:590px; left:146px; transform:rotate(-10deg); z-index:3;}	

/*one*/
	.one{ width:100%; height:1075px; padding-top:50px; background:url(../images/one_bg.jpg) no-repeat top center;}
	.title_04{ height:250px; background: url(../images/title_04.png)  560px 2px no-repeat; text-align:center; }
	.title_04 h3{ padding-top:95px;}
	.title_04 em{ color:#fe3947;}
	.one_con{ padding-top:40px; color:#fff; }
	.one_t{ margin:0 auto; width:829px; height:283px; background:url(../images/one_01.png) no-repeat; position:relative; }
	.one_t li{ float:left; position:relative; width:224px;}
	.olit_01{ margin-right: 377px; text-align:right;}
	.one_con h4{ line-height:46px; font-size:18px; font-weight:bold;}
	.one_con p{ line-height:30px; text-align:left; padding-top:10px; }
	.one_con a{ display:block; width:101px; height:98px;  position:absolute;}
	.olit_01 a{ top:27px; right:-123px;}
	.olit_02 a{ top:86px; left:-121px;}
	.olit_02{ padding-top:62px;}

	.one_b{ width:913px; height:403px;padding-top:20px; background:url(../images/one_02.png) no-repeat; margin:0 auto; }
	.one_b li{ position:relative; height:134px; width:230px; float:left; }
	.one_b .li01 p{ padding-left:5px;}
	.one_b .li02 p{ padding-right:5px;}
	.one_con .one_b h4{ line-height:30px;}
	.one_b .li01 h4{ text-align:right;}
	.olib_01{ margin:0 289px 0 80px;}
	.olib_03{ margin:0 450px 0 0px;}
	.olib_05{ margin:0 289px 0 80px;}
	.one_b li a{ position:relative; width:98px; height:108px;}
	.olib_01 a{  top:-90px; right:-252px;}
	.olib_02 a{  top:-90px; left:-113px;}
	.olib_03 a{  top:-88px; right:-250px;}
	.olib_04 a{  top:-87px; left:-116px;}
	.olib_05 a{  top:-90px; right:-241px;}
	.olib_06 a{  top:-90px; left:-105px;}

/*tao_c*/
	.tao_c{ width:100%; height:720px; padding-top:42px; background:url(../images/tao_bg.jpg) no-repeat top center; }
	.title_05{ text-align:center; height:182px; background:url(../images/title_05.png) 215px 0 no-repeat; } 
	.title_05 h3{ padding-top:80px;}
	.tao_ul{ padding:55px 0 0 98px;}
	.tao_ul li{width:271px; float:left; background-color:#fff; }
	.tao_ul .li01{ margin-top:20px; background-color:#f5f5f5;}
	.tao_ul .li01 h4{ background-color:#4862c3;}
	.tao_ul h4{ height:66px; line-height:66px; background-color:#5b7eff; text-align:center; color:#fff; font-size:30px; font-weight:bold; }
	.tli_t{ line-height:64px; border-bottom:1px dashed #cdcdcd; width:245px; margin:0 auto; text-align:center; color:#ff992c; }
	.tli_t p{ font-size:24px;}
	.tli_t p em{ font-size:42px; }
	.tli_t p i{ display:inline-block; vertical-align:middle; margin-top:-40px;}
	.tli_p{ height:126px; padding:10px 0 0 43px;}
	.tli_p p{ line-height:30px; color:#7e7e7e; }
	.tli_p p input{ display:inline-block; vertical-align:middle; width:18px; height:18px; margin-right:10px;}
	.tli_b{ overflow:hidden; padding:14px 0 4px 0; background-color:#f3f3f3;}
	.tli_b a{ width:188px; height:38px; border:1px solid #ffc5c9; line-height:38px; margin:0 auto 10px; background-color:#fe3947; color:#fff; }
	.tli_b a:hover{ background-color:#ff6570;}
	.tli_b .btn1{ background-color:#ff992c; border:1px solid #fcd7af;}
	.tli_b .btn1:hover{ background-color:#ffad56; }
 
/*扉页*/
.feiye{ line-height:30px;font-size:12px; color:#f3eeee; text-align:center;margin-top:20px;}