@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.scale_img dl dt img,.scale_img li img { transition:all 1s linear 0s; }
.scale_img dl:hover dt img,.scale_img li:hover img { transform:scale(1.05) rotate(0deg) translateY(0); }
/*header*/
/*banner*/
.banner { position:relative; background:#000; margin:0 auto; overflow:hidden; }
.banner .bd { position:relative; z-index:0; }
.banner .bd li img { width:100%; vertical-align:top; }
.banner .hd { position:absolute; bottom:50px; width:600px; right:50%; height:8px; cursor:pointer; z-index:9; font-size:0; text-align:left; display:none; }
.banner .hd li { display:inline-block; width:12px; height:12px; background:#fff; opacity:0.5; border-radius:50%; transition:all 0.5s ease; margin-right:10px; cursor:pointer; }
.banner .hd li.on { background:#fff; opacity:1; }
.banner .prev,.banner .next { width:54px; height:54px; cursor:pointer; margin-left:10px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.2); top:46%; left:-100px; position:absolute; z-index:9; transition:all 0.5s ease; }
.banner .prev:hover,.banner .next:hover { border-color:#fff; }
.banner .next { left:auto; right:-100px; }
.banner:hover .prev { left:3%; }
.banner:hover .next { right:3%; }
/*test*/
.test { width:1200px; margin:-75px auto 0; position:relative; z-index:9; }
.test li { width:290px; height:112px; background:#ffffff url(/images/more.png) no-repeat 236px 68px; border-radius:6px; box-shadow:0px 10px 20px -5px #f1f1f1; margin-right:13px; float:left; line-height:0; box-sizing:border-box; padding:23px 27px 22px; transition:all 0.5s ease; }
.test li img { height:34px; width:auto; display:block; margin-bottom:14px; }
.test li span { display:block; font-size:20px; line-height:100%; color:#444; }
.test li:hover { margin-top:-4px; background-position-x:242px; }
.test li:last-child { margin-right:0; }
/*title*/
h2.main_title a { display:block; text-align:center; font-size:0; line-height:0; padding-top:66px; background:url(/images/t_bg.png) no-repeat center top; }
h2.main_title strong { display:inline-block; font-size:36px; line-height:100%; color:#457ED8; height:36px; position:relative; }
h2.main_title strong:before,h2.main_title strong:after { position:absolute; content:""; width:64px; height:27px; background:url(/images/t_bg_left.png) no-repeat center; left:-74px; top:6px; }
h2.main_title strong:after { background:url(/images/t_bg_right.png) no-repeat center; left:auto; right:-74px; }
h2.main_title span { display:block; font-weight:normal; font-size:18px; line-height:100%; color:#666; margin-top:16px; }
/*intro*/
.intro { padding-top:61px; text-align:center; font-size:0; line-height:0; padding-bottom:138px; position:relative; }
.intro .intro_nav { margin:39px auto 30px; display:inline-block; height:46px; background:#ebebeb; border-radius:23px; }
.intro .intro_nav h3 { display:inline-block; }
.intro .intro_nav h3 a { display:block; padding:0 43px; font-size:24px; line-height:46px; color:#666; font-weight:normal; border-radius:23px; transition:all 0.5s ease; }
.intro .intro_nav h3.on a,.intro .intro_nav h3:hover a { color:#fff; background:#50b883; }
.intro .intro_con { height:600px; position:relative; }
.intro .intro_a li { width:147px; height:48px; border:1px solid #50b883; border-radius:3px; box-sizing:border-box; padding:1px; position:absolute; transition:all 0.5s ease; }
.intro .intro_a li h4 { height:44px; background:#50b883; border-radius:3px; font-size:18px; line-height:44px; color:#fff; text-align:center; font-weight:normal; transition:all 0.5s ease; }
.intro .intro_a li:hover { margin-top:-4px; }
.intro .intro_a li:hover h4 { letter-spacing:0.5px; }
.intro .intro_a li:nth-child(1) { left:144px; top:371px; }
.intro .intro_a li:nth-child(2) { left:442px; top:199px; }
.intro .intro_a li:nth-child(3) { left:755px; top:192px; }
.intro .intro_a li:nth-child(4) { left:715px; top:399px; }
.intro .intro_a li:nth-child(5) { left:977px; top:256px; z-index:2; }
.intro .intro_pic li { position:absolute; transition:all 0.5s ease; }
.intro .intro_pic li:hover { margin-top:-4px; }
@-webkit-keyframes flying {
  0% { transform:translateX(0px) translateY(0px); }
  25% { transform:translateX(10px) translateY(8px); }
  50% { transform:translateX(-12px) translateY(-10px); }
  75% { transform:translateX(12px) translateY(8px); }
  100% { transform:translateX(0) translateY(0); }
}
@keyframes flying {
  0% { transform:translateX(0px) translateY(0px); }
  25% { transform:translateX(10px) translateY(8px); }
  50% { transform:translateX(-12px) translateY(-10px); }
  75% { transform:translateX(12px) translateY(8px); }
  100% { transform:translateX(0) translateY(0); }
}
.intro .intro_pic li:nth-child(1) { width:22px; height:54px; left:247px; top:435px; }
.intro .intro_pic li:nth-child(2) { width:21px; height:49px; left:278px; top:436px; }
.intro .intro_pic li:nth-child(3) { width:107px; height:65px; left:309px; top:381px; }
.intro .intro_pic li:nth-child(4) { width:41px; height:52px; left:571px; top:289px; }
.intro .intro_pic li:nth-child(5) { width:124px; height:123px; left:323px; top:92px; animation:flying 24s linear 0s infinite normal none running; }
.intro .intro_pic li:nth-child(6) { width:125px; height:123px; left:578px; top:122px; animation:flying 30s linear 0s infinite normal none running; }
.intro .intro_pic li:nth-child(7) { width:98px; height:72px; left:575px; top:381px; }
.intro .intro_pic li:nth-child(8) { width:97px; height:124px; left:615px; top:425px; }
.intro .intro_pic li:nth-child(9) { width:34px; height:44px; left:758px; top:253px; }
.intro .intro_pic li:nth-child(10) { width:17px; height:94px; left:893px; top:249px; }
.intro .intro_pic li:nth-child(11) { width:43px; height:225px; left:951px; top:237px; }
.intro .intro_pic li:nth-child(12) { width:77px; height:126px; right:84px; top:341px; }
.intro .ask { position:absolute; right:0; bottom:0; z-index:2; width:864px; height:267px; padding-top:97px; padding-left:515px; background:url(/images/ask_bg.png) no-repeat center; box-sizing:border-box; text-align:left; }
.intro .ask span { display:block; font-size:18px; line-height:100%; color:#fff; }
.intro .ask a { display:block; margin-left:77px; margin-top:11px; width:101px; height:32px; background:#ffffff; border-radius:16px; font-size:16px; line-height:32px; color:#45b883; transition:all 0.5s ease; text-align:center; }
.intro .ask a:hover { width:110px; }
/*project*/
.project { padding-top:25px; overflow:hidden; }
.project .project_con { height:550px; position:relative; margin-top:40px; }
.project .project_nav { right:50%; top:0; position:absolute; background:url(/images/project_nav_bg.jpg) no-repeat center top; width:960px; height:550px; }
.project .project_nav h3 { height:177px; position:relative; transition:all 0.5s ease; }
.project .project_nav h3 a { display:block; padding-left:360px; padding-top:40px; height:100%; box-sizing:border-box; transition:all 0.5s ease; }
.project .project_nav h3 img { display:block; max-width:100%; padding-top:10px; }
.project .project_nav h3 img:first-child { float:left; margin-right:28px; padding-top:0; }
.project .project_nav h3 span { display:block; font-size:24px; line-height:100%; color:#fff; font-weight:normal; margin-top:12px; }
.project .project_nav h3:after { position:absolute; content:""; width:550px; height:1px; background:rgba(255,255,255,0.3); left:360px; bottom:-1px; }
.project .project_nav h3:last-child:after { display:none; }
.project .project_nav h3.on { height:196px; background:url(/images/project_hover.jpg) no-repeat center top; z-index:2; }
.project .project_nav h3.on a { padding-top:51px; }
.project .project_nav h3.on:after { display:none; }
.project .bd { left:50%; top:0; position:absolute; }
.project .bd img { width:960px; }
/*product*/
.product { padding-top:61px; text-align:center; position:relative; padding-bottom:39px; overflow:hidden; }
.product:after { position:absolute; content:""; width:1277px; height:524px; background:#f7f7f7; left:50%; margin-left:-317px; bottom:0; }
.product .pro_nav { margin:30px auto 54px; display:inline-block; height:46px; background:#ebebeb; border-radius:23px; font-size:0; }
.product .pro_nav h3 { display:inline-block; position:relative; }
.product .pro_nav h3 a { display:block; padding:0 43px; font-size:24px; line-height:46px; color:#666; font-weight:normal; border-radius:23px; transition:all 0.5s ease; }
.product .pro_nav h3:after { position:absolute; content:""; border-style:solid; border-width:10px; border-color:#50B883 transparent transparent transparent; left:50%; margin-left:-10px; bottom:-20px; transition:all 0.5s ease; opacity:0; }
.product .pro_nav h3.on a,.product .pro_nav h3:hover a { color:#fff; background:#50b883; }
.product .pro_nav h3.on:after,.product .pro_nav h3:hover:after { opacity:1; }
.product .bd { position:relative; z-index:2; height:450px !important; }
.product .bd dt { float:left; width:600px; height:450px; overflow:hidden; line-height:0; }
.product .bd dt img { width:600px; }
.product .bd dd { float:left; width:421px; margin-left:71px; padding-top:91px; text-align:left; }
.product .bd dd h4 { font-size:24px; line-height:100%; color:#457ed8; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:14px; position:relative; }
.product .bd dd h4:before { position:absolute; content:""; width:3px; height:24px; background:#457ed8; border-radius:2px; left:0; top:0; }
.product .bd dd p { font-size:14px; line-height:24px; color:#666; margin:30px 0 25px; }
.product .bd dd span { display:block; width:120px; height:36px; background:#50b883; border-radius:18px; font-size:14px; line-height:36px; color:#fff; text-align:center; transition:all 0.5s ease; }
.product .bd dd span:hover { width:130px; }
.product .switch { position:absolute; left:548px; bottom:0; }
.product .switch div { cursor:pointer; width:52px; height:52px; background:rgba(255,255,255,0.8); float:left; }
.product .switch .pro_next { background:#457ed8; }
/*ys*/
.ys { padding-top:61px; padding-bottom:60px; }
.ys .bd { height:490px; overflow:hidden; }
.ys_nav { margin-top:30px; margin-bottom:13px; position:relative; height:150px; }
.ys_nav .ys_nav_con { position:absolute; z-index:2; }
.ys_nav h3 { width:290px; height:150px; background:#ffffff; border:1px solid #457ed8; box-sizing:border-box; float:left; padding-top:48px; padding-left:55px; position:relative; margin-right:13px; transition-property:background-color,height; transition-duration:0.5s,0.5s; }
.ys_nav h3 i { display:block; top:50px; left:55px; width:57px; height:54px; overflow:hidden; position:absolute; }
.ys_nav h3 i img { position:absolute; display:block; left:0; top:0; }
.ys_nav h3 > span,.ys_nav h3 strong { display:block; font-size:24px; line-height:100%; color:#457ED8; font-weight:normal; margin-left:73px; }
.ys_nav h3 strong { margin-top:12px; }
.ys_nav h3 p { font-size:14px; line-height:26px; color:#fff; height:0; overflow:hidden; font-weight:normal; }
.ys_nav h3 p span { display:block; }
.ys_nav h3:last-child { margin-right:0; }
.ys_nav h3.on { height:360px; border:none; background:#457ED8 url(/images/ys_bg.png) no-repeat right bottom; padding-top:33px; padding-left:38px; padding-right:38px; }
.ys_nav h3.on > span { display:none; }
.ys_nav h3.on strong { padding-top:63px; background:url(/images/ys_icon.png) no-repeat left top; color:#fff; margin-top:0; margin-left:0; }
.ys_nav h3.on p { height:auto; margin:43px 0; }
.ys_nav h3.on i { position:relative; left:auto; top:auto; }
.ys_nav h3.on i img { top:-54px; }
.ys_list ul { font-size:0; line-height:0; }
.ys_list ul li { display:inline-block; vertical-align:bottom; margin-right:13px; }
.ys_list ul li img { width:100%; }
.ys_list ul li:last-child { margin-right:0; }
.ys_list .ys1 li:first-child { width:290px; height:280px; }
.ys_list .ys1 li:nth-child(2) { width:897px; height:490px; }
.ys_list .ys2 li:first-child { width:290px; height:490px; }
.ys_list .ys2 li:nth-child(2) { width:290px; height:280px; }
.ys_list .ys2 li:nth-child(3) { width:593px; height:490px; }
.ys_list .ys3 { position:relative; }
.ys_list .ys3 li { float:left; display:block; width:290px; }
.ys_list .ys3 li:first-child { height:198px; }
.ys_list .ys3 li:nth-child(2) { position:absolute; left:0; bottom:0; height:280px; }
.ys_list .ys3 li:nth-child(3) { height:490px; }
.ys_list .ys3 li:nth-child(4) { height:198px; float:right; margin-right:0; margin-bottom:12px; }
.ys_list .ys3 li:nth-child(5) { width:593px; height:280px; }
.ys_list .ys4 li:first-child { width:897px; height:490px; }
.ys_list .ys4 li:nth-child(2) { width:290px; height:280px; }

.ys_list ul li { display:inline-block; vertical-align:bottom; margin-right:13px; position:relative; }
.ys_list ul li img { width:100%; }
.ys_list ul li p { position:absolute; background:rgba(0,0,0,0.5); font-size:14px; color:#fff; line-height:24px; left:0; bottom:0; width:290px; box-sizing:border-box; padding:20px; }
.ys_list ul li p span { display:block; position:relative; padding-left:10px; }
.ys_list ul li p span:before { position:absolute; content:""; left:0; top:10px; width:4px; height:4px; background:#fff; border-radius:2px; }


/*case*/
.case { background:url(/images/case_bg.jpg) no-repeat center top; padding-top:51px; padding-bottom:100px; overflow:hidden; }
.case h2 { height:163px; }
.case h2 a { background-image:url(/images/t_bg1.png); padding-top:65px; }
.case h2 strong { color:#fff; }
.case h2 strong:before { background-image:url(/images/t_bg_left1.png); }
.case h2 strong:after { background-image:url(/images/t_bg_right1.png); }
.case h2 span { color:#fff; margin-top:15px; }
.case .case_con { width:1240px; position:relative; margin:0 auto; height:478px; }
.case .case_con .tempWrap { overflow:visible !important; }
.case .case_con .tempWrap .bd { overflow:visible !important; }
.case .case_con dl { width:580px; height:478px; margin:0 20px; }
.case .case_con dt { height:326px; overflow:hidden; border:10px solid #fff; line-height:0; border-bottom:none; box-sizing:border-box; }
.case .case_con dt img { width:560px; height:316px; }
.case .case_con dd { height:152px; background:#f8f8f8; position:relative; }
.case .case_con dd a { display:block; padding:21px 144px 30px 30px; }
.case .case_con dd h4 { font-size:18px; line-height:100%; color:#555; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.case .case_con dd p { font-size:14px; line-height:22px; color:#666; margin-top:13px; }
.case .case_con dd span { display:block; position:absolute; width:86px; height:152px; background:#c3c3c3 url(/images/s_btn.png) no-repeat center 53px; right:0; top:0; padding-top:83px; box-sizing:border-box; text-align:center; font-size:14px; line-height:100%; color:#fff; transition:all 0.5s ease; }
.case .case_con dl:hover dd span { background-color:#50B883; }
.case .case_prev,.case .case_next { position:absolute; width:52px; height:52px; cursor:pointer; background:rgba(255,255,255,0.8); top:153px; left:-72px; }
.case .case_next { left:auto; right:-72px; background:#50B883; }
@media screen and (max-width:1370px) {
  .case .case_prev { left:-32px; }
  .case .case_next { right:-32px; }
}
/*client*/
.client { background:url(/images/client_bg.jpg) no-repeat center; height:430px; box-sizing:border-box; margin-bottom:100px; }
.client h2 { margin-left:70px; margin-top:114px; float:left; }
.client h2 a { display:block; font-size:0; }
.client h2 strong { display:inline-block; font-size:36px; line-height:100%; color:#fff; position:relative; }
.client h2 strong:after { position:absolute; content:""; width:64px; height:27px; background:url(/images/t_bg_left1.png) no-repeat; top:6px; right:-74px; }
.client h2 span { display:block; font-size:18px; line-height:100%; color:#fff; margin-top:23px; font-weight:normal; }
.client ul { float:right; height:280px; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box; padding:4px 23px; width:808px; margin-top:75px; }
.client li { width:180px; float:left; margin:0 5px 29px; }
.client li > a { display:block; width:180px; height:90px; background:#ffffff; border-radius:10px; overflow:hidden; margin-bottom:13px; }
.client li > a img { width:180px; }
.client li h4 > a { display:block; font-size:18px; line-height:100%; color:#fff; text-align:center; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/*history*/
.history { background:url(/images/history_bg.jpg) no-repeat center top; overflow:hidden; height:815px; box-sizing:border-box; padding-top:57px; }
.history h2 { height:414px; }
.history h2 a { background-image:url(/images/t_bg1.png); padding-top:65px; }
.history h2 strong { color:#fff; }
.history h2 strong:before { background-image:url(/images/t_bg_left1.png); }
.history h2 strong:after { background-image:url(/images/t_bg_right1.png); }
.history h2 span { color:#fff; }
.history .history_con { width:1080px; margin:0 auto; }
.history .history_con li { width:170px; float:left; padding-right:10px; position:relative; padding-top:40px; }
.history .history_con li:before { position:absolute; content:""; width:8px; height:8px; background:#ffffff; left:0; top:2px; border-radius:4px; }
.history .history_con li h4 { font-size:24px; line-height:100%; color:#457ED8; margin-bottom:44px; }
.history .history_con li p { width:140px; }
.history .history_con li strong { display:block; font-size:16px; line-height:24px; color:#457ED8; font-weight:normal; padding-left:12px; position:relative; }
.history .history_con li strong:before { position:absolute; content:""; width:6px; height:6px; background:#457ed8; left:0; top:9px; border-radius:3px; }
.history .history_con li span { display:block; font-size:14px; line-height:24px; color:#666; }
.history .history_con li strong + span { padding-left:12px; }
.history .content { position:relative; }
.history .history_prev,.history .history_next { position:absolute; cursor:pointer; background:rgba(0,0,0,0.1) url(/images/product_prev.png) no-repeat center; width:42px; height:42px; border-radius:50%; top:-17px; left:-92px; }
.history .history_next { background:#50B883 url(/images/product_next.png) no-repeat center; left:auto; right:-92px; }
@media screen and (max-width:1370px) {
  .history .history_prev { left:-32px; }
  .history .history_next { right:-32px; }
}
/*news*/
.news { padding-top:61px; }
.news h2 { margin-bottom:31px; }
.hot { width:520px; float:left; position:relative; }
.hot h3 { height:46px; margin-bottom:20px; }
.hot h3 strong { display:block; float:left; width:140px; height:46px; background:#ebebeb; border-radius:2px 6px 6px 2px; position:relative; text-align:center; font-size:24px; line-height:46px; color:#666; font-weight:normal; }
.hot h3 strong:before { position:absolute; content:""; width:3px; height:46px; opacity:0.8; background:#457ed8; border-radius:2px; left:0; top:0; }
.hot h3 span { float:right; font-size:14px; line-height:100%; color:#999; padding-top:32px; font-weight:normal; transition:all 0.5s ease; }
.hot h3 span:hover { color:#457ED8; }
.hot dt { height:384px; overflow:hidden; }
.hot dt img { width:100%; }
.hot dd h4 { font-size:18px; line-height:100%; color:#555; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s ease; padding-top:30px; }
.hot dd p { font-size:14px; line-height:20px; color:#666; max-height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:20px 0 37px; }
.hot dd span { display:block; font-size:14px; line-height:100%; color:#999; transition:all 0.5s ease; }
.hot dd span:hover { color:#50B883; }
.hot dl:hover dd h4 { color:#50B883; }
.hot .hot_con { position:relative; }
.hot .switch { position:absolute; right:0; top:334px; }
.hot .switch div { cursor:pointer; width:50px; height:50px; background:#50B883 url(/images/product_prev.png) no-repeat center; float:left; }
.hot .switch .news_next { background:rgba(255,255,255,0.8) url(/images/product_next.png) no-repeat center; }
.news_con { width:619px; float:right; position:relative; }
.news_con:before { position:absolute; content:""; left:-31px; top:66px; width:1px; height:550px; background:rgba(0,0,0,0.1); }
.news_nav { height:46px; margin-bottom:20px; }
.news_nav .fl { display:inline-block; height:46px; background:#ebebeb; border-radius:5px; }
.news_nav h3 { float:left; }
.news_nav h3 a { display:block; text-align:center; font-size:24px; line-height:46px; color:#666; font-weight:normal; padding:0 22px; border-radius:5px; position:relative; transition:background-color 0.5s ease; }
.news_nav h3 a:before { position:absolute; content:""; border-style:solid; border-width:11px; border-color:#50B883 transparent transparent transparent; left:50%; margin-left:-11px; bottom:-22px; transition:all 0.5s ease; opacity:0; }
.news_nav h3.on a { background:#50B883; color:#fff; }
.news_nav h3.on a:before { opacity:1; }
.news_nav span { float:right; }
.news_nav span a { display:block; font-size:14px; line-height:100%; color:#999; padding-top:32px; transition:all 0.5s ease; }
.news_nav span a:hover { color:#50B883; }
.news_slogan { width:619px; height:116px; position:relative; margin-bottom:20px; }
.news_slogan p { position:absolute; font-size:20px; line-height:24px; color:#fff; right:35px; top:33px; font-style:italic; text-align:right; }
.news_slogan p span { display:block; }
.news_con .bd { height:414px; }
.news_con .bd ul { height:414px !important; position:relative; background:#fff; }
.news_con .bd ul:before { position:absolute; content:""; width:100%; height:1px; background:rgba(0,0,0,0.1); left:0; top:192px; }
.news_con .bd ul:after { position:absolute; content:""; height:100%; width:1px; background:rgba(0,0,0,0.1); left:309px; top:0; }
.news_con .bd li { width:280px; float:left; padding-right:7px; padding-top:23px; }
.news_con .bd li h4 { font-size:18px; line-height:100%; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; transition:all 0.5s ease; }
.news_con .bd li p { font-size:14px; line-height:20px; color:#666; max-height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:11px 0 45px; height:40px; }
.news_con .bd li span { display:block; font-size:12px; line-height:100%; color:#999; }
.news_con .bd li:hover h4 { color:#50B883; }
.news_con .bd li:nth-child(even) { float:right; }
.news_con .bd li:nth-child(1),.news_con .bd li:nth-child(2) { margin-bottom:67px; }
/*links*/
.links { height:16px; overflow:hidden; margin-top:-30px; position:relative; clear:both; }
.links em { font-style:normal; font-size:12px; line-height:100%; color:#666; float:left; }
.links a { display:block; font-size:12px; color:#666; line-height:1; margin-left:30px; transition:all 0.5s ease; float:left; }
.links a:hover { color:#50B883; }
/*footer*/
.f_info { line-height:52px !important; }
/*animate*/
@-webkit-keyframes fadeInDown1 {
  from { opacity:0; transform:translate3d(0,-50%,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes fadeInDown1 {
  from { opacity:0; transform:translate3d(0,-50%,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
.fadeInDown1 { -webkit-animation-name:fadeInDown1; animation-name:fadeInDown1; }
@-webkit-keyframes fadeInDown2 {
  from { opacity:0; transform:translate3d(0,-20%,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes fadeInDown2 {
  from { opacity:0; transform:translate3d(0,-20%,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
.fadeInDown2 { -webkit-animation-name:fadeInDown2; animation-name:fadeInDown2; }
@-webkit-keyframes fadeInLeft1 {
  from { transform:translate3d(-10%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
@keyframes fadeInLeft1 {
  from { transform:translate3d(-10%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
.fadeInLeft1 { -webkit-animation-name:fadeInLeft1; animation-name:fadeInLeft1; }
@-webkit-keyframes fadeInLeft2 {
  from { transform:translate3d(-5%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
@keyframes fadeInLeft2 {
  from { transform:translate3d(-5%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
.fadeInLeft2 { -webkit-animation-name:fadeInLeft2; animation-name:fadeInLeft2; }
@-webkit-keyframes fadeInRight1 {
  from { transform:translate3d(10%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
@keyframes fadeInRight1 {
  from { transform:translate3d(10%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
.fadeInRight1 { -webkit-animation-name:fadeInRight1; animation-name:fadeInRight1; }
@-webkit-keyframes fadeInRight2 {
  from { transform:translate3d(3%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
@keyframes fadeInRight2 {
  from { transform:translate3d(3%,0,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
.fadeInRight2 { -webkit-animation-name:fadeInRight2; animation-name:fadeInRight2; }
@-webkit-keyframes zoomLeft {
  from { transform:scale3d(0.3,0.3,0.3); opacity:0; }
  50% { opacity:1; }
}
@keyframes zoomLeft {
  from { transform:scale3d(0.3,0.3,0.3); opacity:0; }
  50% { opacity:1; }
}
.zoomLeft { transform-origin:0 50%; -webkit-animation-name:zoomLeft; animation-name:zoomLeft; }
.zoomRight { transform-origin:100% 50%; -webkit-animation-name:zoomLeft; animation-name:zoomLeft; }
@-webkit-keyframes zoomIn1 {
  0% { opacity:0; transform:scale3d(0.9,0.9,0.9) }
  50% { opacity:1 }
}
@keyframes zoomIn1 {
  0% { opacity:0; transform:scale3d(0.9,0.9,0.9) }
  50% { opacity:1 }
}
.zoomIn1 { -webkit-animation-name:zoomIn1; animation-name:zoomIn1 }
@-webkit-keyframes fadeInUp1 {
  from { transform:translate3d(0,10%,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
@keyframes fadeInUp1 {
  from { transform:translate3d(0,10%,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
.fadeInUp1 { -webkit-animation-name:fadeInUp1; animation-name:fadeInUp1; }
@-webkit-keyframes fadeInUp2 {
  from { transform:translate3d(0,2%,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
@keyframes fadeInUp2 {
  from { transform:translate3d(0,2%,0); opacity:0; }
  to { transform:translate3d(0,0,0); opacity:1; }
}
.fadeInUp2 { -webkit-animation-name:fadeInUp2; animation-name:fadeInUp2; }