@charset "utf-8";
body { color: #000000; font-size: 14px; background-color: #FFFFFF; overflow-x: auto; font-family: "微软雅黑", "Microsoft YaHei", "Tahoma", "宋体"; *font-family: "微软雅黑", "Microsoft YaHei", "Tahoma", "宋体";
}
.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.left { float: left; }
.right { float: right; }
img { display: inline-block; border: none; }
a { cursor: pointer; text-decoration: none; }
li { list-style: none; }
input { border: none; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0; overflow: hidden; }
.clearfix { zoom: 1; }
.wrapper { width: 1000px; margin: 0 auto; }
.grey { background-color: #f3f4f7; }
.grey2{ background:#666 url(../img/bg4.jpg) no-repeat center top; padding-top:80px;}
.bg2{ background:url(../img/bg2.jpg) no-repeat center top;}
.bg3{ background:url(../img/bg3.jpg) no-repeat center top; padding-top:80px;}
/*<!--头部【导语和表单】-->*/

.header { width: 100%; background: url(../img/headBanner.jpg) no-repeat center top; height: 480px; }
.headContent { width: 1000px; margin: 0 auto; }
.headContent .toply { overflow: hidden; margin: 105px 0 0 0; }
.headContent .toply .button { display: inline-block; width: 176px; height: 48px; border: 1px solid #333; border-radius: 3px; text-align: center; line-height: 48px; text-align: center; font-size: 18px; color: #333; }
.headContent .toply .button:hover { color: #fff; background-color: #333; }
.headContent h3 { font-size: 30px; line-height: 30px; margin-bottom: 27px; ; }
.headContent h1 { font-size: 60px; line-height: 80px; font-weight: bold; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(219, 0, 37, 1)), to(rgba(243, 158, 84, 1))) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bannerlead { text-align: center; padding-top: 25px; }
.bannerlead h2 { height: 42px; line-height: 42px; overflow: hidden; color: #333; font-size: 30px; font-weight: bold; }
.bannerlead p { line-height: 28px; font-size: 16px; color: #333; }
/*<!--导航-->*/
.mainNav { clear: both; width: 100%; margin: -70px auto 0; overflow: hidden; }
.mainNav .mainNav_wrap { width: 100%; height: 70px; line-height: 70px; overflow: hidden; position: static; background: url(../img/titleBg.png) no-repeat center; background: -webkit-linear-gradient(left, #008260, #51c21a); background: -o-linear-gradient(left, #008260, #51c21a); background: -moz-linear-gradient(left, #008260, #51c21a); background: -ms-linear-gradient(left, #008260, #51c21a); background: linear-gradient(left, #008260, #51c21a);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008260', endColorstr='#0051c21a', GradientType=1);
opacity: 1; }
.mainNav .mainNav_wrap.fixedTop { position: fixed; z-index: 999; top: 0; }
.mainNav ul { width: 1024px; margin: 0 auto; color: #fbfbfb; }
.mainNav ul li { padding: 15px 18px; text-align: center; font-size: 14px; cursor: pointer; display: inline-block; line-height: 20px; }
.mainNav ul li:hover { color: #26a03f; background: #fff; }
.mainNav ul a:hover { color: #26a03f; }
.mainNav ul .activeNav { color: #26a03f; background: #fff; }
.mainNav a { text-align: center; font-size: 14px; cursor: pointer; color: #fff; }
/*<!--导航-->*/

/*<!--头部【导语和表单】-->*/

.leadAndForm { padding: 50px 0 60px 0; }
/*导语*/

.lead { float: left; width: 500px; margin: 0 auto; }
.lead-tit { font-size: 36px; font-weight: bold; margin-bottom: 12px; margin-top: -10px; text-align: center; }
.lead p { line-height: 36px; font-size: 16px; margin-bottom: 35px; }
.lead-ly { width: 352px; border: 1px solid #577fff; margin: 0 auto 10px; cursor: pointer; height: 55px; line-height: 55px; color: #577fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: block; text-align: center; font-size: 18px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.lead-ly:hover { background-color: #577fff; color: #FFFFFF; }
/*表單*/

.biaodan { float: right; width: 425px; margin: 0 auto 40px; background-color: #5ea882; position: relative; padding: 40px 0 45px; position: relative; }
.biaodan:before { content: ""; position: absolute; width: 426px; height: 30px; background: url(../img/formShadow.png) no-repeat center; bottom: -30px; }
.biaodan form div { margin-bottom: 10px; }
.biaodan form div.noMR { margin-right: 0; }
.biaodan h3 { font-size: 20px; color: #FFFFFF; font-weight: bold; text-align: center; margin-bottom: 20px; }
.biaodan form input, .biaodan form select { height: 38px; font-family: "微软雅黑"; width: 264px; color: #aab2bd; }
.biaodan form input { padding-left: 5px; width: 256px; position: relative; top: 1px; }
.mobile, .name, .branch, .Pchengji { width: 265px; padding: 1px 0; margin: 0 auto; padding-left: 42px; margin-bottom: 10px; height: 40px; }
.biaodan form div.mobile { background: url(../img/telBox.jpg) no-repeat center; }
.biaodan form div.name { background: url(../img/nameBox.jpg) no-repeat center; }
.biaodan form div.Pchengji { background: url(../img/PchengjiBox.jpg) no-repeat center; }
.biaodan form div.branch { background: url(../img/cityBox.jpg) no-repeat center; }
#submit { display: block; width: 300px; height: 50px; font-size: 18px; color: #FFFFFF; cursor: pointer; margin: 0 auto; background-color: #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/*表單*/


.dymain { width: 100%; height: 173px; overflow: hidden; background: url(../img/dybg.jpg) no-repeat center; }
.dymain p { padding: 40px 25px 0 115px; line-height: 30px; font-size: 14px; color: #fbfbfb; }
/*<!--头部【导语和表单】-->*/


/*头部title*/

.titleh2 { font-size: 30px; padding-bottom: 25px; color: #333; display: block; margin-bottom: 3px; margin-top: 30px; background: url(../img/titleh2.png) no-repeat center 20px; }
.titleh2 strong { display: block; margin-bottom: 16px; font-size: 36px; height: 36px; line-height: 36px; }
.titleh2 span { background: url(../img/titleh2.png) no-repeat center top; padding-top: 22px; }
.grey2 .titleh2{font-size: 36px; padding-bottom: 25px; color: #fff; display: block; margin-bottom: 3px; margin-top:70px; background:none; }
/*.sectionp4 .titleh2, .sectionp7 .titleh2, .sectionp8 .titleh2 { height: 42px; line-height: 42px; padding-bottom: 50px; font-size: 40px; color: #333; font-weight: bold; }*/
.titlef { font-size: 30px; color: #333; height: 24px; line-height: 24px; padding-top: 5px; margin-bottom: 20px; }
.btnbox { text-align: center; padding: 50px 0 60px; }
.btnbox a { width: 320px; height: 53px; margin: 0 10px; display: inline-block; line-height: 53px; background: url(../img/btn2.png) repeat-x center top; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 18px; color: #577fff; cursor: pointer; border: 1px solid #577fff; }
.btnbox a:hover { border: 1px solid #577fff; color: #fff; background: #577fff url(../img/btn2.png) repeat-x center top; }
.btnbox a.btn2 { width: 320px; height: 53px; margin: 0 10px; display: inline-block; line-height: 53px; background: url(../img/btn2.png) repeat-x center top; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 18px; color: #fff; cursor: pointer; border: 1px solid #fff; }
.btnbox a.btn2:hover { border: 1px solid #fff; color: #26a03f; background: #fff url(../img/btn2.png) repeat-x center top; }
.gery { background-color: #f5f5f5; }
/*********************<!--公共模块-->**********************/

.section { width: 100%; padding-top: 57px; font-family: "微软雅黑"; }
.section_content { width: 1000px; margin: 0 auto; }
 
/*********************<!--公共模块-->**********************/
.sizeul { text-align: center; display: block; padding-left: 224px; }
.sizeul li { float: left; padding: 0 50px; height: 68px; display: inline-block; border: 1px solid #333; text-align: center; margin-bottom: 15px; cursor: pointer; font-size: 20px; }
.sizeul li.current { background-color: #333; color: #fff; }
.sizeul li p { vertical-align: middle; line-height: 68px; }
.sizeul li.none { margin-right: 0; }
.sizeCon { }
.sizeCon .item .con { width: 290px; border-radius: 10px; margin-top: 20px; padding: 0 15px; margin-right: 13px; float: left; height: 320px; box-shadow: 2px 2px 15px #CCCCCC; background-color: #fff; }
.sizeCon .item .con img { display: block; margin: 40px auto 25px; width: 80px; height: 80px; }
.sizeCon .item .con .txt { font-size: 16px; line-height: 24px; text-align: center; display: block; padding-bottom: 10px; color: #17944c; }
.sizeCon .item .con .txt strong { display: block; }
.sizeCon .item .con p { color: #333; text-align: left; line-height: 24px; padding: 0 30px; font-size: 14px; }
.sizeCon .item .con2 { width: 463px; border-radius: 10px; margin-top: 20px; padding: 0 15px; margin-right: 13px; float: left; height: 220px; box-shadow: 2px 2px 15px #CCCCCC; background-color: #fff; }
.sizeCon .item .top { margin: 20px 0; text-align: center; }
.sizeCon .item .top img { display: inline-block; width: 80px; height: 80px; }
.sizeCon .item .top .txt { font-size: 16px; margin-left: 25px; line-height: 24px; text-align: center; display: inline-block; margin-top: 17px; color: #17944c; }
.sizeCon .item .top .txt strong { display: block; }
.sizeCon .item .con2 p { color: #333; text-align: left; line-height: 24px; padding: 0 28px; font-size: 14px; display: block; }
.sizeCon .item .none { margin-right: 0; }
/*require*/
.require { }
.require li { height: 170px; background: #5ea882; width: 100%; color: #fff; float: left; margin-top: 15px; }
.require li.t1 { background: #5ea882 url(../img/req1.jpg)no-repeat left top; display: inline-block; }
.require li.t2 { background: #5ea882 url(../img/req2.jpg)no-repeat left top; display: inline-block; }
.require li.t3 { background: #5ea882 url(../img/req3.jpg)no-repeat left top; display: inline-block; }
.require li strong { float: left; width: 360px; text-align: center; display: inline-block; font-size: 24px; line-height: 170px; }
.require li p { width: 560px; padding: 30px 40px 0; float: left; line-height: 23px; }
/*<!--flow-->*/
.bgflow{background: url(../img/bgflow.jpg) no-repeat center top; }
.flow-content { width: 1000px; background: url(../img/bgCircle.png) no-repeat 16px top; height:608px; position: relative; padding-bottom:80px; color:#fff;}
.flow-time p { padding:42px 0; width: 112px; background-color: #B6B6B6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; color: #FFFFFF; line-height: 24px; cursor: pointer; position: absolute; -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; -ms-transition: ease 0.5s; -o-transition: ease 0.5s; transition: ease 0.5s; font-size: 18px; font-weight: bold; }
.flow-time p i { background: url(../img/activeFlow.png) no-repeat center; width: 33px; height: 22px; position: absolute; opacity: 0; -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; -ms-transition: ease 0.5s; -o-transition: ease 0.5s; transition: ease 0.5s; }
.flow-time b { display: block; }
.flow-time p.currentTime { background:#4d92e7;}
.flow-time p.currentTime i { opacity: 1; }
.flowContent { position: absolute; height: 414px; width: 414px; left: 50%; margin-left: -207px; top:71px; z-index: 1; }
.flowStep { width: 414px; height: 414px; vertical-align: middle; display: none;text-align:center; }
.flowStep strong{ font-size:16px; display:block; padding-bottom:20px;}
.flowStep.active-flowStep { display: table-cell; }
.flowStep p { width: 314px; line-height: 36px; padding: 0 60px; color: #FFFFFF; position: relative; text-align:left; }
.flowStep p:before {/* content: "* "; */ position: absolute; top: 2px; left: 95px; }
.flowStep p.p1 { width: 314px; padding: 0 50px; }
.flowStep p.p1:before { left: 75px; }
.flowStep p.p2 { width: 294px; padding: 0 50px 0 70px; }
.flowStep p.p2:before { left: 55px; }
/*<!--flow-->*/
/*pointbg*/
.pointbg{ background:url(../img/pointbg.jpg) no-repeat center top; height:1048px; padding-top:40px; }
.point{}
.point li{ background:#f5f5f5; border-radius:5px; width:100%; float:left; height:170px; margin-top:10px;}
.point li strong{line-height:30px; color:#666; width:264px;font-size:18px; text-align:center; float:left; padding-top:55px;}
.point li b{display:block; color:#333; }
.point li p{ float:left; width:674px; line-height:30px; color:#666; padding-top:40px;}
/*sucScroll*/
.sucScroll { overflow: hidden; position: relative; width: 1000px; margin-top: 30px; margin-bottom:28px; }
.sucScroll .hd .prev, .sucScroll .hd .next { display: block; width: 28px; height: 46px; cursor: pointer; position: absolute; z-index: 1; top: 50%; margin-top: -23px; }
.sucScroll .hd .prev { left: 0; background: url(../img/prev.png) no-repeat center; }
.sucScroll .hd .next { right: 0; background: url(../img/next.png) no-repeat center; }
.sucScroll .hd .next:hover { background: url(../img/next_hover.png) no-repeat center; }
.sucScroll .hd .prev:hover { background: url(../img/prev_hover.png) no-repeat center; }
.sucScroll .hd ul { float: right; overflow: hidden; zoom: 1; width: 100%; height: 15px; position: absolute; z-index: 1; bottom: 0; text-align: center; }
.sucScroll .hd ul li { display: inline-block; margin: 0 5px; width:12px; height:12px; border: 1px solid #333; overflow: hidden; text-indent: -999px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.sucScroll .hd ul li.on { background-color: #333; }
.sucScroll .bd { padding: 0 118px; }
.sucScroll .bd ul { padding-bottom: 35px !important; }
.sucScroll .bd ul li { float: left; text-align: center; width: 880px; }
.sucScroll .bd li div { width:360px; height:385px; margin-right: 30px;  background:#e8e8e8;  /*box-shadow: 2px 2px 15px #CCCCCC;*/ }
.sucScroll .bd li .right { margin-right: 0; }

.sucScroll .stu-logo{margin-top:35px; text-align:center; display:inline-block;}
.sucScroll .stu-logo img{ width:185px; height:58px; display:block;}
.sucScroll .stu-name {color: #333; text-align: center; font-size: 14px;  margin-bottom:12px; line-height:22px; margin-top:12px; padding:0;}
.sucScroll .stu-name strong{ font-size:20px; display:block;}
.sucScroll p { line-height:35px; color: #666; padding: 0 0 0 40px; text-align: left; font-size:15px; }
.sucScroll .bd  .none{ margin-right:0;}
/*jiedu*/
.jiedul { text-align: center; display: block; padding-left:300px;}
.jiedul li { float:left; padding: 0 80px; height: 63px; display: inline-block; border: 1px solid #333;text-align: center; margin-bottom: 15px; cursor: pointer; font-size: 18px; }
.jiedul li.current { background-color: #333; color: #fff; font-size:18px; }
.jiedul li p { vertical-align: middle; line-height: 63px; }
.jiedul li.none { margin-right: 0; }
.jieduCon { padding-bottom: 70px; padding-top:30px;}
.jieduCon h3{ font-size:24px; text-align:center; font-weight:bold; margin-bottom:27px; color:#333;}
.table-wrap { width: 1000px; margin: 0 auto; outline: none; position: relative; font-size: 14px; color: #444; text-align: center; }
.table-head { padding-right: 17px; background-color: #635f65; border-bottom: 1px #fff solid; color: #fff; min-height: 24px; line-height: 24px; }
.table-head-wrap { /* width: 100%;position: relative;*/ overflow: hidden; }
.grid { margin: 0px; table-layout: fixed; width: 100%; max-width: none; border-spacing: 0px; empty-cells: show; border-width: 0px; outline: 0px none; border-collapse: collapse; }
.grid tr th { padding: 9px 5px; vertical-align: middle; overflow: hidden; border-left: 1px #fff solid; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-weight: normal; }
.grid tr th:first-child { border-left-width: 0; }
.grid tr td { border-left: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; padding: 7px 5px; overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis; background-color: #fff; color: #666; text-align:center; }
.grid tr td:first-child { border-left-width: 0px; }
.grid tr:last-child td { border-bottom: none; }
.grid tr:nth-of-type(2n) td { background-color: #eefeff; }
.grid tr.over td { background-color: #f1f1f1; color: #333; }
.tab-link { display: block; text-align: center; min-height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; }
.table-content { overflow-x: auto; height:555px; overflow-y: scroll; white-space: normal; position: relative; width: 100%; min-height: 0; }
.grid tr td a { display: block; width: 110px; margin: 0 auto; height: 30px; overflow: hidden; line-height: 30px; text-align: center; color: #db0125;/* background: #ed5562; border-radius: 15px;*/ }
.grid tr td a:hover { color: #fff; }
/*major*/
.major{ margin-bottom:10px;}
.major li{ width:335px; padding-left:155px;height:160px; padding-top:20px; background:#3e9463; margin-bottom:20px; color:#fff;}
.major .m1{ background:#3e9463 url(../img/maj1.png) no-repeat 38px 44px;}
.major .m2{ background:#3e9463 url(../img/maj2.png) no-repeat 38px 44px;}
.major .m3{ background:#3e9463 url(../img/maj3.png) no-repeat 38px 44px;}
.major .m4{ background:#3e9463 url(../img/maj4.png) no-repeat 38px 44px;}
.major li strong{ font-size:20px; margin:15px 0 13px; display:block;}
.major li p{ line-height:24px; padding-right:30px;}
/*gather*/

.gather{ margin-top:15px;}
.gather li{ width:235px; height:320px; float:left; position:relative; margin-right:15px;}
.gather .show-info {
	color: #fff;background: url(../img/show-info.jpg) no-repeat;
	font-size: 18px; text-align:center;
	height: 320px;
	vertical-align: middle;
}
.gather .show-info strong{ font-size:20px; line-height:36px; margin-top:100px; display:inline-block;}
.gather .other-info{ display:none;width:235px; height:320px; background:#fff;position: absolute;top: 0;	left: 0;}
.gather .other-info p{ padding: 30px 25px 0; line-height:30px; color:#666;}
.gather li:hover .other-info,.factors li:hover .other-info{display: block;}

.factors{ margin-top:15px; margin-bottom:50px;}
.factors li{ width:310px; height:300px; float:left; position:relative; margin-right:23px; margin-bottom:18px;}
.factors .show-info {
	color: #fff;background:#333; background:#333;
	font-size: 18px; text-align:center;
	height:270px; padding-top:30px;
	vertical-align: middle; 
}
.factors .show-info img{ display:block; margin:0 auto; height:66px;}
.factors .show-info strong{ font-size:22px; line-height:36px; margin-top:30px; display:inline-block; height:110px;}
.factors .show-info .bot{ background:url(../img/show-info_icon.png) no-repeat; width:50px; height:36px; display:block; margin:0 auto;}

.factors .other-info{ display:none;width:310px; height:300px; background:#ebebeb; background-image:none;position: absolute;top: 0;	left: 0;}
.factors .other-info p{ padding: 60px 35px 0; line-height:30px; color:#333;}

/*ul_pro*/
.ul_pro { margin-top: 30px; margin-bottom:50px;}
.ul_pro li { float: left; margin-bottom: 20px; margin-right: 18px; position: relative; top: 0px; border-radius: 5px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.ul_pro li:hover { top: -10px; -webkit-box-shadow: 0 0 30px #ccc; -moz-box-shadow: 0 0 30px #ccc; box-shadow: 0 0 30px #ccc; }
.nomarR { margin-right: 0 !important; }
.marbottom30 { margin-bottom: 30px !important; }
.nopadding { padding-top: 0 !important; }

/*end*/

 