@charset "utf-8";

@keyframes nameo {
	10% { transform: rotate(3deg);}
    20% { transform: rotate(5deg);}
    30% { transform: rotate(8deg);}
    40% { transform: rotate(5deg);}
    50% { transform: rotate(3deg);}
    60% { transform: rotate(0deg);}
    70% { transform: rotate(-3deg);}
    80% { transform: rotate(-5deg);}
    90% { transform: rotate(-3deg);}
    100% { transform: rotate(0deg);}

}

@-webkit-keyframes nameo {
	10% { transform: rotate(3deg);}
    20% { transform: rotate(5deg);}
    30% { transform: rotate(8deg);}
    40% { transform: rotate(5deg);}
    50% { transform: rotate(3deg);}
    60% { transform: rotate(0deg);}
    70% { transform: rotate(-3deg);}
    80% { transform: rotate(-5deg);}
    90% { transform: rotate(-3deg);}
    100% { transform: rotate(0deg);}
}

.news_con li:hover span {
	animation:nameo .2s;
	-webkit-animation:nameo .2s;
	
}

.bx-wrapper { margin-bottom: 90px;}
.slide,.bx-wrapper {min-width: 1200px;height: 730px;}
.bx-controls-direction { display: none;}
.bx-controls { position: relative; margin-top: -26px;}
.bx-pager {width: 1000px; text-align: center; position: absolute; top: 0; left: 50%; margin-left: -500px;}
.bx-pager-item a {display: inline-block;width: 7px;height: 7px;border-radius: 50%;border: 1px solid #fff;margin: 0 5px;text-indent: -9999px;}
.bx-pager-item  { display: inline;}
.bx-pager-item a:hover,.bx-pager-item a.active { background: #fff;}
.slide,.case1div { background-size: cover; background-position: center center; background-repeat: no-repeat;}
.slide a { width: 100%; display: block; height: inherit;}

.main,.case,.case_tit,.caseimg { min-width: 1200px;}
/*case*/
.case { font-size: 0; margin-bottom: 113px;}
.case_tit { background: url(../images/index/caseline.png) center bottom no-repeat;text-align: center; margin-bottom: 67px;}
.case_tit h2 { color: #f4c22d; font-weight: bold; font-family: "arial"; font-size: 24px; }
.case_tit h2 em { color: #494949;}
.case_tit h2 i {display: inline-block; width: 30px; height: 20px; background: url(../images/index/indexbg.png) 11px -15px no-repeat;}
.case_tit h2 strong { font-size: 22px; font-family: "微软雅黑"; color: #434343;}
.case_tit p {color: #434343; padding: 20px 0 37px; font-size: 12px;}
/*.caseimg li { display: inline-block;}
.caseli1 { width: 35%; height: 490px; display: inline-block;margin-right: 1%; position: relative; vertical-align: top;}
.caseli1 h3,.caseli2 h3,.caseli3 h3 {color: #434343;}
.caseli1 h3 a,.caseli2 h3 a,.caseli3 h3 a {color: #434343; font-size: 14px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.caseli1 p a,.caseli2 p a,.caseli3 p a {color: #a6a6a6; font-size: 12px;}
.caseli2 {margin-right: 1%; width:42% ; vertical-align: top; }
.caseli2 .case1 { margin-bottom: 10px;}
.caseli2 .case1 .case1div,.caseli2 .case2 .case1con { float: right;}
.caseli3 {width: 21%;}
.caseli2 h3 { padding: 13px 0;}
.caseli2 p { padding-top: 18px;}
.caseli1 .case1div { height: 490px;}
.caseli2 .case1div {background-size: cover; width: 42%; height: 240px; display: inline-block;}
.caseli2 .case1div a { width: 100%; height: inherit;display: block; }
.caseli2 .case1con {padding: 0 7%;} 
.caseli2 .case1con { width: 56%; height: 240px; border: 1px solid #eee; display: inline-block;vertical-align: top;}
.caseli3 .case1div {width: 100%; height: 490px;}
.caseli2 strong { color: #9fc43d; font-size: 18px; font-family: arial; padding-top: 45px; display: block;}
.caseli2 .line { height: 1px; background: #f4c22d; width: 19%;}
.caseli1 {padding-top: 380px;}
.caseli1 .case1 { height:110px; background:url(../images/index/whit.png) repeat; padding:0 38px}
.caseli1 h3 { padding:22px 0 10px;}
.caseli1 p { line-height:20px;}
.caseli3 .case1div a { display:block; width:100%; height:inherit;}*/

.case_list { font-size: 0;margin:0 auto; width: 1200px;}
.case_list li { display: inline-block; height: 240px; vertical-align: top;  padding: 0 36px; margin-right: 10px; margin-bottom: 10px; 
border: 2px solid #eee;}
.case_list li:hover {border: 2px solid #9fc43d;}
.list_tit strong {font-size: 18px; color: #9fc43d; font-family: arial;padding: 10px 0 13px; display: block;}
.list_tit h3 { color: #212121; font-size: 14px;  padding-top: 44px;}
.list_tit i {width: 80px; height: 1px; background: #f4c22d; display: block; margin-bottom: 15px;}
.list_con { font-size: 12px; line-height: 23px;}
.list_con a {color: #787878;}
.case_list li:nth-child(2n) .list_tit,.case_list li:nth-child(2n) .list_con{  width: 100%;height: 50%;padding:0 5%; display: none;overflow:hidden; background:rgba(250,220,230,0.8); }
.case_list li:nth-child(2n):hover .list_tit{display: block;position: absolute;top: 0px;left:0 }
.case_list li:nth-child(2n):hover .list_con{display: block;position: absolute;top: 120px;left:0 }
.case_list li span { width: 340px; height: 240px; display: none; background-position: center; background-repeat: no-repeat; background-size: 100%; transition:all .2s; -moz-transition:all .2s; /* Firefox 4 */ -webkit-transition:all .2s; /* Safari and Chrome */ -o-transition:all .2s; /* Opera */}
.case_list li:hover .list_tit strong {text-shadow: 2px 2px 3px #9fc43d;}
.case_list li:hover .list_tit h3 {text-shadow: 2px 2px 3px #ccc;}
.case_list li:hover span {background-size: 110%;}


.case_list li span a { width: inherit; height:inherit; display:block;}
/*about*/
.about { width: 100%; position: relative; height: 425px;   margin-bottom: 84px;}
.about1 { width: 77%; height: 425px; border: 2px solid #eee; position: absolute; top: 0; right: 2%; padding: 0 17% 0 1.8%;}
.about1 h2 {color: #9fc43d;font-size: 22px;/* font-weight: bold; *//* font-family: arial; */padding-top: 35px;display: inline-block;}
.about1 strong {color: #5b5b5b;font-size: 24px;padding: 8px 0 29px 0;/* text-indent: 6px; */display: block;font-family: simhei;}
.about1 p { color: #979797; font-size: 14px; display: inline-block;}
.about1 .more { float: right; width: 61px; height: 23px; border: 1px solid #e4e4e4; text-align: center; line-height: 23px; color: #5b5b5b; margin-top: 56px;}
.about1 .more:hover {background: #aaca52; border-radius: 3px; color: #fff;}
.about2 {/*width: 81%;position: absolute;top:50%;left: 0;*//* height: 148px; *//* background: #aaca52; *//* padding: 2% 0 0; *//* width: 1200px; *//* margin: 0 auto; */padding-top: 212px;}
.about2 ul {
    width: 1300px; 
    background: #aaca52;
    background: #aaca52;
    padding: 30px 50px; 
    height: 148px;
    margin: 0 auto;
    position:  relative;
    z-index: 99;
}
.about2 ul:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #aaca52;
    z-index: -1;
    top: 0;
    left: -700px;
}
.about2 .aul1 li,.about2 .aul2 li {height: 94px; line-height:55px; padding:0 3%;font-size: 3vw; font-size: 44px\9;font-family: arial;color: #fff;display: inline-block;text-align: center;float: right; background: url(../images/index/about.png) no-repeat left center;}
.about2 .aul1 li em,.about2 .aul2 li em { font-size: 14px; display: block; font-family: "微软雅黑"; margin-top: -10px;}
.about2 .aul2 {display: none;}

.news_con,.cooperation_con { width: 1200px; margin: 0 auto;   }
.news_con ul,.cooperation_con ul {width: 1200px; margin: 0 auto 80px; font-size: 0; overflow: hidden;}
.news_con span { display: inline-block; width: 50%; height: 328px; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=Size , src=URL)}
.news_con span a { display: block;  width: 100%; height: inherit;}
.newsc { width: 50%; display: inline-block; vertical-align: top; padding: 24px 6% 0;}
.newsc h3 a { font-size: 14px; color: #434343;}
.newsc p { font-size: 12px; padding-top: 25px; line-height: 28px; height: 116px; overflow: hidden;}
.newsc p a { color: #aaa;}
.newsc .news_con_a {display:block; text-align: center; line-height: 25px; height: 25px; width: 71px; color: #434343; font-size: 12px; border: 1px solid #d2d2d2; border-radius: 3px;}
.newsc .news_con_a:hover { background: #aaca52; color: #fff;}
.news_con .more { display: block; margin: 0 auto 80px; width: 9%; height: 40px; border: 1px solid #d2d2d2; text-align: center; color: #949494; font-size: 14px; line-height: 40px;}
.news_con .more:hover { background: #aaca52; border-radius: 3px; color: #fff;}


.cooperation .case_tit {margin-bottom: 52px;}

.cooperation { font-size: 0; padding: 0 43px;}
.cooperation li { display: inline-block; margin: 0 30px 40px 0;}
.cooperation li a {width: 256px; height: 126px; display: block; border: 1px solid #ccc; border-radius: 5px;background-size: 100%; transition:all .2s;
-moz-transition:all .2s; /* Firefox 4 */
-webkit-transition:all .2s; /* Safari and Chrome */
-o-transition:all .2s; /* Opera */ }
.cooperation li:hover a { background-size: 120%;}


/*.cooperation_con ul { margin-bottom:60px;}
.cooperation_con li { display: inline-block; margin: 0 1% 10px 0; width: 19.2%;}
.cooperation_con a {display: block;  width: 100%; height: 150px; border: 1px solid #dedede; background-position: center; background-repeat: no-repeat; background-size: 100%;  transition:all .3s;-moz-transition:all .3s; -webkit-transition:all .3s;-o-transition:all .3s;}
.cooperation_con li:hover a {background-size: 110%;}*/

/*移动端*/
@media screen and (max-width:800px ) {
	.slide,.bx-wrapper,.main,.case,.case_tit,.caseimg {width: 100%; min-width: 320px;}
	.slide,.bx-wrapper {height: 62vw;}
	.bx-wrapper {margin-bottom: 40px; }
	.bx-pager {width: 300px; margin-left: -150px;}
	.slide { background-size: 180%;}
	.bx-controls {margin-top: -15px;}
	.case_tit {margin-bottom: 21px;}
	.caseli1 { width: 100%; height: 74vw; margin-right: 0;}
	.caseli1 .case1div { height: 190px;}
.case {background: #f7f7f7;  margin-bottom: 34px;}
.caseli1 { margin-bottom: 10px;}
.caseli2 { width: 100%; margin-right: 0; margin-bottom: 10px;}
.caseli2 .case1con,.caseli2 .case1div { height: 132px;}
.caseli2 .case1con {border: 2px solid #eee;}
.caseli2 strong { padding-top: 12px; font-size: 14px;}
.caseli2 h3 { font-size: 12px; padding: 4px 0 10px;}
.caseli2 .case1con { padding: 0 2%;}
.caseli2 .copy { height: 60px; overflow: hidden; padding-top: 12px;}

.caseli1 { padding-top:0;}
.caseli1 .case1 {display:none;}


.caseli3 { width: 100%; height: 78vw; border-bottom: 2px solid #eee;} 
.caseli3 .case1div { height: 70vw;}

.about { height: auto; margin-bottom: 40px;}
.about1 { width: 100%; right: 0; padding: 0 4.6% 0; position: relative; height: auto;}
.about1 p {line-height: 22px;height: auto;color: #979797;font-size: 14px; display: inline-block; margin-bottom: 28px;}
.about2 { width: 100%; padding: 0 4.6% 0; height: auto; position: relative;    background: #aaca52;}
.about2 .aul2 li { width: 50%;line-height: 45px; height: 120px; border-bottom: 1px solid #c3d984; float: left; background: url(../images/index/about.png) no-repeat right center; font-size: 36px; padding-top: 23px;overflow: hidden;}
.about2 .aul2 li:last-child { border: none;}
.about2 .aul1 {display: none;}
.about2 .aul2 {display: block;width: 100%;padding: 2% 0 0 0;height: auto;}
.about2 .aul2 li:last-child { width: 100%;}
.about1 strong {padding: 0px 0 19px;}

.about2 li:last-child {background:none;}
.about2 .aul2 li:nth-child(2n) {background:none;}


.news_con,.cooperation_con {width: 100%;}
.news_con span,.newsc,.news_con ul,.cooperation_con ul { width: 100%;}
.newsc { margin-bottom: 36px; padding: 24px 3.4% 0;}
.news_con span { height:50vw;}
.newsc p { padding-top: 20px;}
.news_con .more {display: none;}

.cooperation .case_tit {margin-bottom: 24px;}
.cooperation .case_tit h2,.cooperation .case_tit h2 strong { font-size: 16px;}
.news_con ul { margin-bottom: 10px;}

.cooperation_con ul { margin-bottom: ; height: auto;}
.cooperation_con li { margin: 0 3.1% 10px; width: 45.3%;}
.cooperation_con li:nth-child(2n) { margin-left: 0;}
.cooperation_con a { height: 21vw;}
.cooperation_con ul {margin-bottom: 40px;}

.about2 .aul2 li { text-align: center; padding: 23px 0 0 0 ;}
.caseli2 p {padding-top: 9px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 26px;}
.newsc p {height: auto; margin-bottom:20px;}



.case_list { background: #f7f7f7; display: none;width:96%;margin:0 auto;}
.case_list:first-child { display: block; margin-top: -17px;}
.case_list li { width:100%; margin: 0 0 10px 0; padding: 0 5% 9%; height: auto; border: 3px solid #eee;}
.case_list li:hover { border: 3px solid #9fc43e;}
.case_list li:nth-child(2n) { height: 70vw; padding: 0;  border:none;}
.case_list li:last-child { margin: 0;}
.case_list li span { width: 100%; height: 100%; }

.cooperation { height: auto; overflow: hidden; padding: 0;width:100%;}
.cooperation li { margin: 0 4.6% 20px 0; width:43%;}
.cooperation li:nth-child(2n) { margin-right: 0;}
.cooperation li a {width: 100%; height: 70px;}
.cooperation li:nth-child(odd) { margin-left:4.5%;}

}


@media screen and (max-width:360px ) {
.case_tit h2,.case_tit h2 strong { font-size: 21px;}
}