/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block; margin:auto;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
summary{display:block;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a,a:hover{text-decoration:none;}
a{color:#333;}
a:hover{color:#000;}
@font-face {font-family:'MyFont';src:url('newfont.ttf');}

body,textarea,input,button,select,keygen,legend{font:14px/1.5 Arial, '微软雅黑', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', sans-serif,\5b8b\4f53; color:#666; outline:0;}
html{font-size:10px;}
body{background:#fff; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}
input[type=submit]{cursor:pointer;}


.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}

html, body{width:100%; min-width:1000px; background:#000;}
#full_bg{width:100%; min-width:1000px; height:100%; position:absolute; top:0; left:0; z-index:0; -webkit-user-select:none; user-select:none; pointer-events:none;overflow: hidden;}
#full_bg img{display:none; width:100%; position:absolute; top:50%; left:50%; -webkit-animation: wp 15s 0s linear infinite alternate; -moz-animation: wp 15s 0s linear infinite alternate; animation: wp 15s 0s linear infinite alternate;}
@-webkit-keyframes wp{
	0%{-webkit-transform:translate3d(0,0,0) scale(1);}
	100%{-webkit-transform:translate3d(0,0,0) scale(1.1);}
}
@-moz-keyframes wp{
	0%{-moz-transform:translate3d(0,0,0) scale(1);}
	100%{-moz-transform:translate3d(0,0,0) scale(1.1);}
}
@keyframes wp{
	0%{transform:translate3d(0,0,0) scale(1);}
	100%{transform:translate3d(0,0,0) scale(1.1);}
}

#header{display:none; position:fixed; top:0; left:0; width:100%; height:65px; min-width:1200px; background:rgba(0,0,0,0.5);    z-index: 99999999;}
#nav{margin:auto; text-align:center;}
#nav a{margin:0 62px; line-height:65px; color:#fff; font-size:15px; -webkit-transition:color 0.3s; transition:color 0.3s;  -webkit-animation:upIn 0.6s ease 0.3s both; animation:upIn 0.6s ease 0.3s both;}
#nav a:hover{color:#e4cb3f;}
#back{position:absolute; top:0; right:0; width:150px; height:65px; color:#fff; border:none; background:none; -webkit-transition:0.3s; transition:0.3s;}
#back:active{background:#000;}

#nav a:nth-of-type(2){-webkit-animation-delay:0.4s; animation-delay:0.4s;}
#nav a:nth-of-type(3){-webkit-animation-delay:0.5s; animation-delay:0.5s;}
#nav a:nth-of-type(4){-webkit-animation-delay:0.6s; animation-delay:0.6s;}
#nav a:nth-of-type(5){-webkit-animation-delay:0.7s; animation-delay:0.7s;}
#nav a:nth-of-type(6){-webkit-animation-delay:0.8s; animation-delay:0.8s;}
@-webkit-keyframes upIn{
	0%{opacity:0; -webkit-transform:translateY(-60px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes upIn{
	0%{opacity:0; transform:translateY(-60px);}
	100%{opacity:1; transform:translateY(0);}
}



.logo{position:fixed; top:0; left:0;    z-index: 99999999;}


.gifimg{width: 800px; height: 40px; position: absolute;left: 50%;margin-left: -400px; top: 150px;}
.gifimg .titleline{width: 250px;height: 40px; background-image: url(../img/titleline.png);background-repeat: repeat-x;float: left;opacity: 0;transition: all 0.5s;}
.gifimg .indextitle { width: 300px; height: 40px; text-align: center;float: left;}
.gifimg .indextitle img{height:40px;width: 0;transition: all 1s;}
.onload .indextitle img{width: 291px; transition-delay:1.0s;}
.onload .titleline{opacity:1.0; transition-delay:1.5s;}








#menu_btn{width:132px; height:66px; position:fixed; top:12px; right:16px; color:#fff; line-height:66px; background:rgba(0,0,0,0.3) url(../img/menu_icon.png) no-repeat 82px center; text-indent:20px; cursor:pointer; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -webkit-transition:background 0.3s;    z-index: 99999999;}
#menu_btn:active{background:#000 url(../img/menu_icon.png) no-repeat 82px center;}



#main{width:100%; min-width:1200px; height:200px; margin:auto;position: absolute; }
#main ul{    width: 1000px;
    min-width: 1000px;
    max-width: 1280px;
    height: 100px;
    margin: 0 auto;
    color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -50px;}
#main ul li{float:left; width:20%; height:100px; position:relative;}
#main ul li a h2{margin-top:30px; padding-left:25px; font-size:24px; line-height:32px; position:relative; cursor:pointer; font-family:'MyFont';color: #fff;    left: 50px;}
#main ul li a h2:after{content:''; display:block; width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; top:13px; left:0;}

#main ul li img{    position: absolute;
    top: -60px;
    left: 80px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 70px;
}
#main ul li img.act{top:-90px;}
/*#main ul li h2:hover{color:#e4cb3f;}
#main ul li h2:hover:after{background-color:#e4cb3f;}*/
#main ul li dl{display:none; position:absolute; top:0px; left:50px; -webkit-animation:flipInY 1s ease both; -moz-animation:flipInY 1s ease both; animation:flipInY 1s ease both;}
#main ul li dl dt{font-size:20px; width:80px; padding:10px 20px; border-bottom:2px solid #fff; position:relative; text-align:center;}
#main ul li dl dt a{display:block; color:#fff; -webkit-transition:0.3s;}
#main ul li dl dt a:hover{color:#e4cb3f; text-shadow:0 0 0 20px rgba(0,0,0,0.6);}
/*#main ul li dl dt:after{content:''; display:block; width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; top:35px; left:-10px;}*/
#main ul li dl dd{font-size:16px; line-height:40px; text-align:center;}
#main ul li dl dd a{display:block; color:#fff; -webkit-transition:0.3s;}
#main ul li dl dd a:hover{color:#e4cb3f; text-shadow:0 0 0 20px rgba(0,0,0,0.6);}

.flipInY{-webkit-animation:flipInY 0.8s ease both; -moz-animation:flipInY 0.8s ease both; animation:flipInY 0.8s ease both;}
@-webkit-keyframes flipInY{
	0%{-webkit-transform:perspective(800px) rotateY(-90deg);}
	40%{-webkit-transform:perspective(800px) rotateY(10deg);}
	70%{-webkit-transform:perspective(800px) rotateY(-10deg);}
	100%{-webkit-transform:perspective(800px) rotateY(0deg);}
}
@-moz-keyframes flipInY{
	0%{-moz-transform:perspective(800px) rotateY(-90deg);}
	40%{-moz-transform:perspective(800px) rotateY(10deg);}
	70%{-moz-transform:perspective(800px) rotateY(-10deg);}
	100%{-moz-transform:perspective(800px) rotateY(0deg);}
}
@keyframes flipInY{
	0%{transform:perspective(800px) rotateY(-90deg);}
	40%{transform:perspective(800px) rotateY(10deg);}
	70%{transform:perspective(800px) rotateY(-10deg);}
	100%{transform:perspective(800px) rotateY(0deg);}
}

.industry_core{position: absolute;width: 490px; height: 60px; line-height: 30px; top: 120px; left: 50%;margin-left: -245px;text-align: center;background:rgba(119, 160, 50, 0.7)!important;
filter:Alpha(opacity=70); background:#77a032; /*　使用IE专属滤镜实现IE背景透明*/border:1px #80a756 solid;color: #fff; border-radius: 20px;-webkit-animation:upIn 0.8s 0.5s both;}
.industry_box p{position: relative;}










#news{width:220px; height:48px; padding-left:20px; position:absolute; bottom:60px; left:0;/* background-color:rgba(57,49,49,0.5);*/background-color:rgba(0,0,0,0.6); -webkit-transition:0.6s; /*-webkit-transition-timing-function: cubic-bezier(0.470, 1.650, 0.715, 0.795);*/}
#news:before, #news:after{content:''; display:block; width:17px; height:3px; position:absolute; top:23px; right:18px; background:rgba(255,255,255,0.6); -webkit-transition:0.6s; transition:0.6s;}
#news:after{-webkit-transform:rotate(90deg);}
#news h2{color:#fff; line-height:48px; float:right; font-size:14px; margin-right:60px; -webkit-transition:0.3s;}
#news h3{color:#fff; line-height:48px; font-size:14px; -webkit-transition:0.3s;}
#news h3 span{margin-right:15px;}


#news.detail{height:200px; width:720px; background:rgba(0,0,0,0.7);}
#news.detail:before, #news.detail:after{opacity:0;}
#news.detail h2{opacity:0;}

#news .news_info{display:none; width:700px; height:142px; margin-top:30px; position:relative;}
#news .news_info ul{position:relative;}
#news .news_info ul li{display:none; position:absolute; top:0; left:0; width:700px; height:142px; overflow:hidden;}
#news .news_info ul li picture{display:block; float:left; width:285px; height:142px; overflow:hidden;}
#news .news_info ul li picture img{width:100%;}
#news .news_info ul li article{width:390px; height:142px; overflow:hidden; float:right; color:#fff;}
#news .news_info ul li article h3{font-size:16px; color:#fff;}
#news .news_info ul li article h3 span{margin-right:25px;}
#news .news_info ul li article summary{font-size:12px;}

.leftIn{ -webkit-animation:leftIn 0.6s ease 0.5s both; animation:leftIn 0.6s ease 0.5s both;}
.rightIn{-webkit-animation:rightIn 0.6s ease 0.5s both; animation:rightIn 0.6s ease 0.5s both;}

@-webkit-keyframes rightIn{
	0%{opacity:0; -webkit-transform:translateX(30px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}
@keyframes rightIn{
	0%{opacity:0; transform:translateX(30px);}
	100%{opacity:1; transform:translateX(0);}
}



#news_btn{display:none; width:50px; height:200px; position:absolute; top:0; right:-50px; overflow:hidden; -webkit-animation:leftIn 0.6s ease both; animation:leftIn 0.6s ease both;}
#news_btn #prev, #news_btn #next{float:left; width:50px; height:99px; border:none; background:rgba(0,0,0,0.4) url(../img/news_btn.png) no-repeat 0 center; -webkit-transition:0.3s; transition:0.3s;}
#news_btn #prev{margin-top:2px; background-position:-50px center;}
#news_btn #prev:active, #news_btn #next:active{background-color:rgba(0,0,0,0.7);}


@-webkit-keyframes leftIn{
	0%{opacity:0; -webkit-transform:translateX(-30px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}
@keyframes leftIn{
	0%{opacity:0; transform:translateX(-30px);}
	100%{opacity:1; transform:translateX(0);}
}




.about_profile{width: 100%;margin-top: 80px;}

.about_profile .about_profile_l{width: 60%;float: left;}
.about_profile .about_profile_l img{   
	background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
}
.about_profile .about_profile_r{width: 38%;float: right;}
.about_profile .about_profile_r img{width: 100%;
    margin-bottom: 20px;
    margin-top: -8px;}
.about_profile .about_profile_r p{text-indent: 2em;
    font-size: 14px;
    margin-bottom: 15px;}

.about_honor{width: 100%;margin-top: 80px;}

.about_honor .about_honor_l{width: 38%;float: left;}
.about_honor .about_honor_l img{  
	width: 100%;
	margin: 30px 0;
}
.about_honor .about_honor_l p{
    font-size: 14px;
    margin-bottom:20px;
text-align: right;}


.about_honor .about_honor_r{width: 60%;float: right;}
.about_honor .about_honor_r img{
    background-size: cover;
    background-repeat: no-repeat;
	width: 100%;}

.about_progress{width: 930px; margin: 80px auto;}

.about_progress_t{margin-bottom: 50px;}

.about_progress_b ul li{width: 295px;margin-left: 22px;position: relative;height: 400px;background-color: #a0bc6f;color: #fff;text-align: center;float: left;
	-webkit-transition: background-color 0.8s;
	transition: background-color 0.8s;
}
.about_progress_b ul li:hover{background-color: #7ca92e;}
.about_progress_b ul li:first-child{margin-left: 0;}

.about_progress_b ul li .progressicon{width: 80px; height: 78px; position: absolute;bottom: -39px;left: 107px; }

.about_progress_b ul li .progress_year{font-size: 16px;line-height: 60px;
-webkit-transition: margin-top 0.8s;
	transition: margin-top 0.8s;}
.about_progress_b ul li:hover .progress_year{margin-top: 10px;}
.about_progress_b ul li .progress_name{font-size: 26px;font-weight: bold;margin-bottom: 60px;}
.about_progress_b ul li .progress_business{font-size: 20px;}




.about_progress_b ul li .progress_box::before,
.about_progress_b ul li .progress_box::after {
	position: absolute;
	top: 10px;
	right:10px;
	bottom: 10px;
	left:10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
}

.about_progress_b ul li .progress_box::before {
	border-top: 2px solid #a0bc6f;
	border-bottom:2px solid #a0bc6f;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.about_progress_b ul li .progress_box::after {
	border-right: 2px solid #a0bc6f;
	border-left: 2px solid #a0bc6f;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}



.about_progress_b ul li:hover .progress_box::before,
.about_progress_b ul li:hover .progress_box::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

















.about_customer{background-color: #f7f7f7;margin-top: 80px; padding: 50px 0;}
.about_customer_t{ margin: 0 auto;}
.about_customer_b {float: left;    margin-top: 50px;}
.about_customer_b .customer_item{float: left;width: 150px;}
.about_customer_b .customer_item img{width: 100%;}




.contactbox{width: 800px; margin: 0 auto ;margin-top: 200px; color: #fff;}
.contact_l{width: 405px; float: left;}
.contact_l .code img{width: 200px; margin-top: 10px;}
.contact_r{width: 270px; float: right;}
.contact_r span{display: inline-block;}
.contact_r span.position{width: 130px}
.contact_r span.name{width: 80px}
.contact_r span.number{width: 50px}

.jobbox{    background: #fff;
    padding: 60px 0;}

.job_item{ float: left;width: 46%;padding: 2%;}
.job_itemcon{background-color: #fff;padding: 20px;transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;}
.job_itemcon span{font-weight: bold;}

.job_itemcon:hover {    background: #caae6e;
    color: #fff;}
.jionus{width: 555px;
    font-size: 24px;
    color: #1BACF8;;
    line-height: 30px;
    margin: 0 auto;}
.jionus img{width: 30px; margin-right: 10px;}
#footer{position: fixed;
    bottom: 10px;
    left: 0;
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

.casetitle{text-align: center;
    line-height: 50px;
    font-size: 18px;
    letter-spacing: 8px;
    margin-bottom: 25px;
    color: #262626;}
.case_list{padding: 80px 0px 0px;}
.case_item{ float: left;width:230px;padding: 5px;}
.case_item>a{width:230px;height:190px;margin:5px 5px;position: relative;overflow:hidden; }
.case_item>a img {
    width: 100%;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

.case_item>a .mz {
    width: 230px;
    height: 190px;
    text-align: center;
    background-color: #81AF33;
    line-height: 190px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
	font-size: 18px;
	z-index: 22;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    color: #fff;
	transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}
.case_item a .toggle{
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
transition:all 1s ease 0s;
    -webkit-transition:all 1s ease 0s;}
.case_item a .mz:hover{
     opacity:1;
	color: #fff;
}






/*
.case_itemcon{background-color: #fff;padding: 10px;transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;}
.case_itemcon img{width: 100%;}
.case_itemcon h1{font-size: 18px; font-weight: bold;}
.case_itemcon .conbox{height: 85px;overflow: hidden;}

.case_itemcon:hover {    background: #caae6e;
    color: #fff;}
.case_itemcon:hover a{color: #fff;}
*/



.effect-2{max-height: 402px; min-height: 302px; overflow: hidden; width: 23%;margin: 1%;float: left;position: relative;
	-moz-box-shadow: 1px 2px 5px #E8E8E8; /* Firefox */
-webkit-box-shadow: 1px 2px 5px #E8E8E8; /* Safari 和 Chrome */
box-shadow: 1px 2px 5px #E8E8E8; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.effect-2 .member-info h3{padding-top: 7px; line-height: 33px;    font-size: 20px;color: #262626;}
.effect-2 .member-info p{ 
	font-size: 14px;
    color: #262626;
    font-weight: bold;}
.effect-2 .member-image{ height:332px; overflow: hidden; width: 100%;  display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{position: absolute;bottom: 0;border-top: 5px solid #1fb554;background-color: #fff;width: 100%;height: 73px;overflow: hidden;    padding-left: 2px;}
.effect-2 .member-image img{
	width: 100%;   
	transition: inherit;
	-webkit-transition: inherit;
}



.knowledge_page .knowledge_ordernum{   
	border-radius: 20px;
    border: 2px #fff solid;
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    margin-bottom: 10px;
	text-align: center;
    margin-right: 10px;
	background-color:#fff;
	color: #4EBDCE;
}

.knowledge_page .knowledge_title{
	padding: 10px 20px;
    border: 2px #fff solid;
    display: inline-block;
    margin-bottom: 10px;}
.knowledge_page .knowledge_con{
	font-size: 18px;
    line-height: 30px;}
.school_page .knowledge_con{
	font-size: 16px;
    line-height: 30px;}
.knowledgefee img{width: 900px;margin: 0 auto;display: block;}

.school_title{    border-bottom: 2px #fff solid;
    margin-bottom: 50px;}

.school_title h1 span{font-size: 24px;
    border-bottom: 5px #76a032 solid;
    margin-right: 10px;}





.invest_title{    border-bottom: 2px #fff solid;
    margin-bottom: 50px;color: #fff;}

.invest_title h1 span{font-size: 24px;
    border-bottom: 5px #a40000 solid;
    margin-right: 10px;
color: #834e00;}


.invest_page p{  color: #834e00;margin-bottom: 10px;}
.invest_page p span{   margin-right: 10px;}




.job_page .canvers{ width:980px;; height:auto; margin-bottom:80px; border-bottom:1px solid #ccc;}
.job_page .job_box{ width:980px; }
.job_box .job_title{ background:url(../img/titbg.png)scroll 20px 50% no-repeat;width:930px; height:53px; display:block;   cursor:pointer; float:left; text-align:left;padding-left:50px;font:400 15px/54px 'microsoft yahei';color:#7f7f7f; border-top:1px solid #ccc;}
.job_box .job_title i{ display:block;width:100px; float:left; background:url(../img/9libg.png) no-repeat scroll 66px 50%; }
.job_box .job_title .i1{width:630px;}
.job_box .job_title i em{color:#73c6fb;width:47px; text-align:center; display:inline-block; font-weight:bold;}
.job_box .job_title .inone{ background:none;}
.job_page .canvers p{ float:left; width:930px; display:none;color:#666666;font:400 14px/30px '΢ÈíÑźÚ';margin-left: 50px; margin-top: 27px;margin-bottom:27px;text-align:justify;_margin-left: 25px;}
.job_page .canvers .indent2{ }
.job_box .title:hover{background:url(../img/titbg1.png) #fafafa scroll 20px 50%   no-repeat;color:#7f7f7f;}
.job_page .canvers p .detail{ color: #33A1D2; font-size: 15px;}
.job_box .st{  background:url(../img/htitbg.png) #f4f4f4 scroll 20px 50%   no-repeat;color:#333;border-bottom:1px solid #ccc; }
.job_box .st:hover{  background:url(../img/htitbg.png) #f4f4f4 scroll 20px 50%   no-repeat;color:#333;border-bottom:1px solid #ccc; }


.page_box{width: 1002px;
    margin: 20px auto;
	text-align: center;}
.page_box ul{display: inline-block;}
.page_box ul li{float: left;
    padding: 0px 10px;
    border: 1px #ccc solid;
    margin: 0 5px;}
.page_box ul li.thisclass{background-color: #D7B771;
    border: 1px #D7B771 solid;
    color: #fff;}




#footer div{margin:0 25px;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer span{margin:0 10px; color:#fff;}
#footer .copy{color:#fff; font-size:12px;}