/*banner*/
.main_layout{width: 100%; position:relative; z-index:1; max-width: 1920px;margin: 0 auto;}
.banner_container{width: 100%; min-width: 1200px;}
.banner_content{ position:relative; height:420px; top: 0;z-index: 1;width: 100%;}
.banner_pic{ display:block; position:absolute; top:0; z-index:1; opacity:0; filter:alpha(opacity=0); text-align:center; width:100%; height: 420px; overflow: hidden;}
.banner_pic > a{position: absolute;width: 1920px;box-shadow: inset 0 -5px 10px #000;height: 420px; left: 50%;margin-left: -960px;top: 0; overflow:hidden; background-repeat: no-repeat;background-attachment:fixed; background-position: 50% 0;}
.banner_pic img{ height: 560px; width: auto;margin-top: -50px; position: absolute;left: 0; display: none;}
.banner_pic .img-txt{width: 1920px;height: 420px; position: absolute;top: 0; left: 0; z-index: 2}

.smallpic_container{ margin-top:0px;height:120px;position: relative;z-index:2;}
.smallpic_content { position:relative;height: 120px;width: 100%;}
/*.btn_turnleft,
.btn_turnright{ position:absolute; width:70px; height:100px; z-index: 10; opacity: 0.8; top: -353px;}
.btn_turnleft{ background:url(../images/btn_left_pic.png) center center #000 no-repeat;left:0;}
.btn_turnright{ background:url(../images/btn_right_pic.png) center center #000  no-repeat; right:0;}*/
.smallpic_bg{ position:absolute; width:100%; margin:0 auto; height:135px; overflow:hidden; z-index: 1;top: -15px;}
.smallpic_bg ul{ position:absolute; left:0; top:0; z-index:3; width: 100%; text-align: center; font-size: 0; line-height: 0;}
.smallpic_bg li{float:left;width:20%!important; height:120px; cursor:pointer; position:relative; margin-top:15px; display: inline-block; max-width: 384px;}
.smallpic_bg li span{ border:0; position:absolute;left:0; top:0;width:100%!important; height:120px; z-index: 2;background:#fff;opacity:0.8;filter:alpha(opacity=80);border:5px solid #fff;}
.smallpic_bg li i{ position:absolute; left:50%; top:-15px;background:url(../images/arrow_pic.png) no-repeat; width:56px; height:21px; margin-left:-28px;display:none; opacity: 0.8;z-index: 10;}
.smallpic_bg li.active i,.smallpic_bg li.hover i{ display:block;}
.smallpic_bg li .active_pic{ width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 1;display: block;}
.smallpic_bg li img{ width:100%; position: absolute;left: 50%; height: 100%; z-index: 1}
.smallpic_bg li.active span,.smallpic_bg li.hover span{border:5px solid #194c2d;width:345px; height:120px; opacity: 0.9;background:#194c2d;}
.smallpic_bg li.active span{background:#194c2d;}
.smallpic_bg li.active img,.smallpic_bg li.hover img{  }
.smallpic_bg li p{width: 80%;position: absolute;left: 10%;top: 26px;color: #4c4c4c;text-align: center;z-index: 3;padding: 12px 0;font-size: 14px;line-height: 20px;}
.smallpic_bg li.active p,.smallpic_bg li:hover  p {color:#fff;}

.banner_pic .info {z-index:2; top:140px;}
.banner_pic .info div{height:240px;position: relative;}
.banner_pic .info div h5{ /*margin: 30px 0 100px; */font-size: 36px; color: #FFFFFF;  text-shadow: 2px 2px 0 #0b0305}
.banner_pic .info div .title{ font-size: 32px; font-weight: bold; color:#399145; }
.banner_pic .info div em{display: block; margin: 30px 0;}
.banner_pic .info span{position: absolute;bottom:0;left:50%;margin-left:-90px; display:inline-block; width:180px;height: 50px; line-height: 50px; background:url(../images/s2_bg.png); font-size: 22px; color:#fff; text-align: center;}

.highlight { padding: 97px 0 85px;  overflow: hidden;}
.highlight .column {width: 340px; float: left; border-right: 1px solid #cccccc; text-align: center}
.highlight .column:last-child {border-right: none;}
.highlight .column h2 { font-size: 30px;color: #343434; line-height: 88px;}
.highlight .column p { font-size: 18px;color: #646464; line-height: 35px;}
.highlight .column a{ display:inline-block; width:203px;font-size: 24px;color: #FFFFFF; line-height: 50px;background: #9a9a9a;
    font-style: italic; font-weight: bold; border-radius: 5px; margin-top: 20px;}
.highlight .column a:hover { background: #194c2d}

.warp_form{ height:376px; background:#f1f1f1; clear: both}
.name_project{ position:absolute; left:-400px; top:50px; z-index:3; transition:left 1s;}
.project_littlename{ position:absolute; left:400px; top:168px; z-index:3; transition:left 1s;}
.warp_form_fly .name_project{ left:26px;}
.name_project{ color: #343434; font-size: 36px;}
.name_project span{font-size: 60px;color: #194c2d}
.warp_form_fly .project_littlename{ left:26px;}
.project_littlename dt{ color:#194c2d; font-size: 18px;  line-height: 30px;margin-top: 30px;}
.project_littlename dd{ color:#4d4d4d; font-size: 14px; line-height: 26px;padding-left: 18px; background: url(../images/form_list.png) no-repeat left center;}
.form_container{ margin-left:655px; padding-top:60px; width:369px;}
.form_container input{ margin-bottom: 23px; width:366px; border:1px solid #b1b1b1; font:18px/48px 'Segoe UI'; height:48px; color:#b2b2b2; text-indent: 16px; border-radius:5px; outline:none; box-shadow:1px 2px 2px #e4e4e4 inset;}
.form_container input:hover,
.form_container input:active{ border:1px solid #194c2d;}
.btn_join,a.btn_join,a.btn_join:link,a.btn_join:visited,a.btn_join:hover{ display:block; width:369px; border:1px solid #194c2d; color:#fff; font:400 italic 24px/48px 'Segoe UI'; text-align:center; border-radius:5px; background:#194c2d;transition:box-shadow 1s;}
.btn_join:hover{ box-shadow:3px 3px 5px #ccc; background-color: #194c2d;}
.form_container input.btn_join{ box-shadow: none;height: auto;color: #fff;cursor:pointer;font:400 italic 24px/48px 'Segoe UI';}

.news_tab { padding: 32px 0 48px;}
.news_tab .tab_nav {height:49px; border-bottom: 1px solid #cdcdcd;}
.news_tab .tab_nav li{float: left; margin-right: 6px; width:auto; }
.tab_nav li a{display: inline-block; text-align: center; line-height: 50px;width:160px;text-align: center; font-size: 24px;color: #4c4c4c}
.tab_nav li.on a{background:url(../images/s1_bg.png);margin-bottom: -1px;color: #FFFFFF;}
.tab_container { height: 360px; margin-top: 20px; position: relative}
.tab_container .slideBox { position: relative;width: 1024px;height: 360px;}
.tab_container li {width: 330px; height:320px;float: left; margin: 0 16px 3px 3px;}
.tab_container dl{width: 330px;height:290px;*border:1px solid #ccc;border:1px solid #ccc\9; border-top: 3px solid #e48500; border-radius: 5px;
    box-shadow: 0 0 5px #e1e0e0; padding-top: 26px;float: left; position:relative;}
.tab_container dl:nth-child(3n){margin-right: 0;}
.tab_container dl dt,.tab_container dl dd { padding: 0 18px;}
.tab_container dl dt {height: 40px;color: #e48500; font-size: 18px; font-weight: bold; font-style: italic;}
.tab_container dl .tit{}
.tab_container dl .tit a{color: #4c4c4c}
.tab_container dl .tit a:hover{text-decoration: underline;}
.tab_container dl .n_content { line-height: 20px; margin-top:10px;}
.tab_container dl span {display: block; text-align: center; line-height: 40px; border-top: 1px solid #cccccc;color: #b2b2b2;width:100%; position:absolute; bottom:0;left:0;}
.slideGroup{ width:1024px;}
.slideGroup .parHd{ position:relative;}
.slideGroup .slideBox{ zoom:1; padding:10px 0;  }
.slideGroup .sPrev,.slideGroup .sNext{ display: block;width: 21px;height: 34px; background: url(../images/icon.png) no-repeat 0 -65px; position: absolute;  top: 50%; margin-top: -17px; z-index: 999;left: -46px; }
.slideGroup .sNext{ background: url(../images/icon.png) no-repeat -25px -65px; right: -46px;left: auto }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}

.alumni {background: #f7f7f7;
    overflow: hidden; padding-bottom: 25px; }
.alumni .header {height: 50px;}
.alumni .header a{line-height: 50px;color: #4c4c4c; background: url(../images/icon.png) no-repeat 0 -134px; padding-left: 13px;}
.alumni h3,.voice h3 {display:inline-block;background:url(../images/s5_bg.png); text-align: center;line-height: 50px;color: #fff;width:111px;}
.alumni .alu_container {width: 657px;height: 330px; background: #FFFFFF; padding: 13px; margin-top: 30px;}
.alu_container dd{ margin-right: 22px;}
.alu_container dt{ width:425px; float:left;}
.alu_container dt h4{ display:inline-block; float:left;}
.alu_container dt span{ display: inline-block; padding: 0 10px; line-height: 30px; background: #ffb54c;color: #FFFFFF;
    border-radius: 5px; float:right;}
.alu_container dt p { line-height: 30px; clear:both; margin-top:10px; height:200px; position:relative}
.alu_container dt p a {float: right;color: #194c2d; padding-right: 18px; background: url(../images/more.png) no-repeat right center; position:absolute; right:0; bottom:0;}
.alu_list {width: 324px; margin-top: 30px;}
.alu_list li{width: 147px;height: 160px; float: left; overflow: hidden; margin-right: 13px;margin-bottom:13px;position: relative;}
.alu_list li div{width:100%; position: absolute; bottom:-28px; background:url(../images/white80.png) repeat;  padding-bottom:10px;text-align:center;}
.alu_list li div p ,.alu_list li div span { text-align:center;}
.alu_list li div p { line-height: 30px; margin-bottom:0;}
.alu_list li div span{ color: #194c2d; margin-top: 0px; display:block;}
.alu_list li:hover div{bottom:0; transition:bottom  0.3s ease-in;}
.alu_container .bd li {height: 233px;}
.hd.ss {height: 20px; margin: 40px auto 0; width: 100px;}
.hd.ss ul{width:55px;margin-left:25px;*width:auto;}
.hd.ss li{width: 7px;height: 7px;float:left;}
.hd.ss .s_btn {display:block; float: left; margin-top:-6px; width:18px; height:20px;  overflow:hidden;
    cursor:pointer; background:url(../images/icon.png) no-repeat 0 -40px;}
.hd.ss .btn_next {float: right; background:url(../images/icon.png) no-repeat -18px -40px;}

.voice { background: #FFFFFF; padding-bottom: 36px;}
.voice h3{ background:url(../images/s5_bg.png); color:#fff;}
.voice .slide .bd li { height: 225px;}
.voice .slide dd {width: 724px; padding: 22px 28px; margin-right: 9px; height:225px; position:relative;}
.voice .slide dd  .name{ position:absolute; right:28px; bottom:-10px;}
.voice .slide dd p{ line-height: 30px;}
.voice .slide dd h5{ text-align: right; margin-bottom: 5px;}
.voice .slide dt,.box .slider {position: relative}
.voice .slide dt .arrow{ display: block;width: 8px;height: 18px; background: url(../images/icon.png) no-repeat 0 0; position: absolute;
    left: 0;top: 50%; margin-top: -9px;}
.hd { text-align: center; height: 12px;margin-left:400px;}
.hd li{ float:left;width: 11px;height: 12px; background: #b3b3b3; border-radius: 2px; margin: 0 5px;}
.hd li.on{  background: #194c2d;}

.partner { background: #194c2d; padding-top: 30px;}
.partner .tit{ width: 450px;margin: 0 auto; border-top: 2px solid #FFFFFF; position: relative;color: #FFFFFF; text-align: center;
    padding-top: 20px; margin-bottom: 25px;}
.partner .tit h3{ position: absolute; top: -18px; background:#194c2d;left: 50%; margin-left:-180px; padding: 0 15px; width:320px; font-size:24px;}
.partner .tit p{ line-height: 30px;}
.u_logo td {width: 20%; text-align: center}

.form_container .select2-container--default .select2-selection--single {height: 50px;}
.form_container .js-states {height: 50px;}
.form_container .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px; color: #b2b2b2;
font-size: 18px;}
.form_container .select2-container--default .select2-selection--single .select2-selection__arrow {top:0; height: 50px;}


/*Ê×Ò³Ìí¼Ó*/
.service { background-color: #f7f7f7; padding: 40px 0;}
.service li{ width: 255px;height: 230px; border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 30px; float:left;}
.service li a{ display: block;width: 256px; height: 230px;}
.service li a em{ display: block; width: 110px; height: 110px; background: url(../images/services.png) no-repeat 0 0; margin: 0 auto;}
.service li a span{ display: block; text-align: center; font-weight: bold; color: #343434; text-transform:uppercase;}
.service li:hover em { background-position: -110px 0;}
.service li:hover span{color:#194c2d}
.service li.s_2 em { background-position: 0 -110px;}
.service li.s_2:hover em {background-position:-110px -110px;}
.service li.s_3 em{ background-position: 0 -220px;}
.service li.s_3:hover em{background-position:-110px -220px;}
.service li.s_4 em { background-position: 0 -330px;}
.service li.s_4:hover em {background-position:-110px -330px;}
.service li.s_5 em { background-position: 0 -440px;}
.service li.s_5:hover em {background-position:-110px -440px;}
.service li.s_6 em { background-position: 0 -550px;}
.service li.s_6:hover em {background-position: -110px -550px;}
.service li.s_7 em { background-position: 0 -660px;}
.service li.s_7:hover em {background-position:-109px -660px;}
.service li.s_8 em { background-position: 0 -770px;}
.service li.s_8:hover em {background-position:-110px -770px;}
.service li.s_4,.service li.s_8 {border-right: none;}
.service li.s_5,.service li.s_6,.service li.s_7,.service li.s_8 {border-bottom:none;}

.u_logo .cont { width: 25%;height: 210px; float:left;overflow: hidden; position: relative;}
.u_logo .cont img {display: block; margin: 0 auto;width:100%;}
.u_logo .cont .inner{position: absolute;left: 0; top: 0; width: 100%; height: 210px; background: #194c2d; opacity: 0.7; filter:alpha(opacity=70); padding: 15px 5%; display: none;color:#fff;}
.u_logo .cont p{ color: #194c2d; text-align: center; margin-bottom: 20px;}
.u_logo .cont li{ padding-left: 16px; background: url(../images/arr_y.png) no-repeat 0 5px; margin-bottom: 15px;}
.u_logo .cont li a{ color: #fff;}
.u_logo .cont li a:hover{ text-decoration: underline;}
.u_logo .cont:hover .inner {display: block;}