@charset "utf-8";

@keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-webkit-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-moz-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

@-o-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);

}

 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}

 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}

 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}

 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

}

/*@keyframes shake {  

 10%, 90% { transform: translate(-2px, 0, 0);}

 20%, 80% { transform: translate(2px, 0, 0);}

 30%, 50%, 70% { transform: translate(-4px, 0, 0);}

 40%, 60% { transform: translate(4px, 0, 0);}

}*/

/** reset css **/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

audio,canvas,video{display:inline-block;*display:inline;*zoom:1}

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; }

ol,ul,li{list-style:none}

caption, th { text-align: left; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { *font-size:100%;}

body, button, input, select, textarea { font:14px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color:#666;word-break:break-all;}

:focus { outline: 0; }

.lf { float: left; }

.rt { float: right; }

.clear { clear: both; }

.overflow{ overflow:hidden;}

.clearfix { display: inline; zoom: 1; }

a{ text-decoration: none; margin: 0; padding: 0; color:#555; }

a:hover{ text-decoration: none;}

.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }

html { _filter:expression(document.execCommand("BackgroundImageCache", false, true));}

em { font-style: normal; }

th{text-align:inherit;}

iframe{display:block;}

*{ margin: 0px; padding: 0px; list-style: none; }

/*reset end*/

/*top*/

.container{ margin:0 auto; width: 1200px; }

.top { background: #0c0c0c; height: 40px; }

.navbar { margin: 0 auto; background: #fff; }

.nav .present { background: url("../images/nav.jpg") no-repeat top center; color: #06a3f0; }

.nav h4:hover { background: url("../images/nav.jpg") no-repeat top center; color: #06a3f0; }

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; zoom:1;}

.nav { height: 80px; line-height: 80px; position: relative; z-index: 1;}

.nav .nLi{ float:left; position:relative; display:inline; margin-left: 40px; }

.nav .nLi h4{ float:left; line-height: 80px; color:#222; font-size: 20px; font-weight: normal; }

.nav .nLi h4 a{ display:block;  }

.nav .sub{ left:0; top:80px; display: none; position:absolute; background:#f8f8f8; padding:15px 15px 15px 0; height: 170px; }

.nav .subnav { margin-top: -170px; }

.nav .subnav a{ width: 140px; font-size: 18px; text-align: center; line-height: 46px; color: #555; display: block;}

.nav .subnav a:hover{ background:#6d6d6d; color:#fff;  }

.nav .subi img{ display: block; width: 226px; height: 170px; padding-left: 140px;}

/*banner*/

.banner{ position:relative;width: 100%;  margin: 0 auto; overflow:hidden; height:800px; }

.banner .hd{ position: absolute;display:block;text-align:center;overflow: hidden;z-index: 9;top: 90%;left: 0;right: 0;}

.banner .hd li{width: 15px;height: 15px; border-radius:20px;background: #f7f7f7;cursor: pointer;margin: 0 3px; display: inline-block;}

.banner .hd li.on{ background-color: #06a3f0;}

.banner .bd{ position:relative; height:100%; z-index:0; display: block;}

.banner .bd li{ zoom:1; vertical-align:middle; display: block; position: relative; }

.banner .bd img{width: 100%; display: block; height: 800px; }

.banner .bd .words { position:absolute; left:0; right:0; top:24%; text-align: center; color: #fff; }

.banner .bd .words p { overflow: hidden; color: #fff; }

.banner .bd .words .wa { font-size: 60px; line-height: 70px; }

.banner .bd .words .wb { font-size: 120px; line-height: 190px; }

.banner .bd .words .wc { font-size: 40px; border: solid 2px #fff; border-radius: 30px; width: 440px; margin: 0 auto; line-height: 60px; margin-top: 10px; }

.banner .bd .words .wd { font-size: 40px; line-height: 100px; }

.banner .bd .words2 { position:absolute; left:8%; top:32%; color: #fff;}

.banner .bd .words2 .woa { font-size: 100px; line-height: 100px; font-weight: bold; text-shadow: 0px 2px 4px rgba(0,0,0,0.4); }

.banner .bd .words2 .wob { font-size: 40px; line-height: 130px; }

.banner .bd .words2 .woc { font-size: 32px; background: #fff; color: #2e3693; border-radius: 8px; width: 280px; text-align: center; line-height: 80px; }

.banner .bd .words3 { position:absolute; left:15%; top:34%; width: 600px; text-align: center;}

.banner .bd .words3 p{ color: #46e6f5;}

.banner .bd .words3 .woa { font-size: 160px; line-height: 160px; margin-bottom: 60px; }

.banner .bd .words3 .wob { font-size: 54px; line-height: 80px; letter-spacing:8px; }

/*end banner*/

/*product*/

.product_box{ background: #222; padding: 45px 0; margin-bottom: 44px; }

.product { width: 1220px; margin-bottom: 44px; margin: 0 135px; overflow: hidden;}

.product li { float: left; width: 220px; text-align: center; padding: 0 45px; cursor: pointer;}

.product li p { font-size: 20px; color: #fff; padding: 14px 30px; }

.product li:hover img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; 

-o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; }

/*about us*/

.mtitle,.wtitle { text-align: center; margin-bottom: 30px; cursor: pointer;}

.mtitle h5,.wtitle h5{ font-size: 26px; color: #222; font-weight: 600; letter-spacing: 4px; }

.mtitle img,.wtitle img { margin-top: 16px; }

.mtitle p,.wtitle p { font-size: 16px; color: #222;}

.mtitle:hover p,.mtitle:hover h5,.wtitle:hover h5,.wtitle:hover p{ color:#06a3f0; -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); transition: transform 1.2s; }



.sec_title p { font-size: 24px; color: #333; text-align: center; }

.aboutus { margin-bottom: 44px; overflow: hidden; }

.aboutimg img { width: 500px; height: 360px; }

.aboutw { width: 630px; }

.aboutw p { font-size: 20px; line-height: 40px; color: #222; }

.aboutimg video { background: #333;}

.button { text-align: center; position: relative; left: 360px; top: -42px; height: 42px; line-height: 42px; width: 140px; background: #06a3f0; height: 42px; }

.button a { color: #222; font-size: 14px;}

/*case*/

.case_box { margin-bottom: 44px; overflow: hidden; background: #d0d0d0; padding: 50px 0;}

.case { width: 1230px; }

.case li { background-color: #fff; margin-right: 30px; width: 380px; height: 278px; float: left; }

.case li h5{ font-size: 22px; font-weight: normal; color: #424242; line-height: 20px; margin:-20px 0 54px 0; text-align: center;}

.case li p{ font-size: 14px; color: #606060; line-height: 14px; text-align: center; }

.case li p span{ font-size: 30px; position: relative; top: 4px; }

.case li .cnum{ position: relative; top:-55px; left: 30px; font-size: 58px; color: #f8f8f8; }

.case li img { position: relative; left: 157px; }

.case .case2 { background-color: #06a3f0; }

.case .case2 h5,.case .case2 p { color: #fff; }

.case .case2 .cnum { color: rgba(255,255,255,.2); }

.case .case1:hover h5,.case .case3:hover h5 { color: #06a3f0; }

.case .case1:hover p,.case .case3:hover p { color: #06a3f0; }

.case li:hover img {transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }

/*Cooperative partner*/

.mtitle hr { position: relative; border: solid 1px #475758; width: 340px; top: 34px; left: 150px; }

.mtitle .hrr { top: -31px; left: 708px; }

.partnerbox { background: #d0d0d0; padding: 50px 0; overflow: hidden;}

.partner { text-align: center; }

.partner li { float: left; overflow: hidden; height: 80px; width: 239px; border-right: dashed 1px #eee; border-bottom: dashed 1px #eee;}

.partner li img { width: 239px; height: 80px; cursor: pointer; transition: all 1.5s; display: block; }

.partner li .parimg { width: 240px; height: 80px; overflow: hidden; }

.partner li img:hover { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}

/*news*/

.newsbox { overflow: hidden; margin-bottom: 30px; }

.news .newsl{ width: 380px; margin-right: 30px; }

.news .newsl .hd{ position: relative;display:block;text-align:center;overflow: hidden;z-index: 9;top: -30px;left: 0;right: 0;}

.news .newsl .hd li{width: 10px;height: 10px; border-radius:20px;background: #f7f7f7;cursor: pointer;margin: 0 2px;display: inline-block;}

.news .newsl .hd li.on{ background-color: #06a3f0;}

.news .newsl .bd{ position:relative; height:100%; z-index:0; display: block;}

.news .newsl .bd li{ zoom:1; vertical-align:middle; display: block;}

.news .newsl .bd img{width: 100%; display: block; height: 220px;}

.news .newsl img{width: 380px; height: 220px; border-radius: 6px 6px 0 0;}

.news .newsl .xwbt { padding: 10px 15px; background: #f6f6f6; margin-top: -21px; border-radius: 0 0 6px 6px;}

.news .time{ margin-right: 15px; width: 76px; height: 60px; background-color: #06a3f0; color: #fff; text-align: center; padding: 14px 6px; font-size: 15px;}

.news .time span { font-size: 30px; display: block; line-height: 30px; font-style: normal; margin-bottom: 10px; }

.news .newsl h4 { font-size: 16px; overflow: hidden; margin: 14px 0; line-height: 22px; max-height: 44px; }

.news .newsl:hover h4 { color: #00a1e9; }

.news .newsl p { clear: both; overflow: hidden; padding-top: 8px; line-height: 22px; max-height: 44px; font-size: 14px; color: #666;}

.news .newsr { width: 790px; }

.news .newsr ul { width: 820px; overflow: hidden;}

.news .newsr li { float: left; margin:0 30px 26px 0; width: 360px; padding: 10px; background: #f6f6f6; border-radius: 6px;}

.news .newsr li:hover h4 { color: #00a1e9; }

.news .newsr h4 { font-size: 16px; color: #333; line-height: 35px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; } 

.news .newsr p { font-size: 14px; color: #666; line-height: 22px; max-height: 44px; overflow: hidden;}

.news .newst { height: 40px; border-bottom: solid 1px #eee; margin-bottom: 20px; padding-bottom: 10px;}

.news .newst h3 { font-size: 20px; color: #333; line-height: 40px; float: left; font-weight: normal;}

.news .newst i { font-size: 12px; color: #bbb; margin-left: 6px;}

.newst span { float: right; color: #00a1e9; font-size: 14px; line-height: 40px; }

.newst span:hover { text-decoration: underline;}

/*footer*/

.pageDon { background: #383838; overflow: hidden; padding: 50px 0;}

.pageDon a:hover { text-decoration: underline; }

.botcon { width: 960px; }

.botcon .pagenav, .pagenav a{ font-size: 16px; color: #fff; margin-bottom: 30px; line-height: 20px;}

.botcon .pagenav a { margin: 0 8px; }

.botcon p,.botcon p a { font-size: 14px; color: #ccc; line-height: 32px; }

.botcon p img { margin-right: 8px;}

.botcon img { margin-right: 20px; float: left;}

.ercode {  }

.ercode li img,.ercode li p { float: left; }

.ercode li p { width: 20px; line-height: 14px; font-size: 12px; color: #eee; text-align: center;}

.ercode li{ margin-left: 20px; float: left; }

.ercode li img{ width: 140px; height: 140px; }

.cominfo { clear: both; line-height: 40px; text-align: center; background: #383838; border-top: solid 1px #555; color: #999; font-size: 12px; }

.cominfo a { color: #999; }

/*second pages*/

.wtitle h5,.wtitle p{ color: #fff; }

.sbanner img{ width: 100%; margin-bottom: 40px; }



.jianjie { margin-bottom: 60px; }

.jj_a { border: solid 1px #06a3f0; height: 306px; }

.jj_a .jj_t { width: 460px; background: #06a3f0; color: #fff; font-size: 32px; line-height: 306px; height: 306px; text-align: center; }

.jj_a .jj_im { background: url("../images/ajianjie.jpg") no-repeat center; height: 306px; width: 738px; }

.jj_a .jj_im .round{ position: relative; top: 83%; left: 30%; }

.jj_a .jj_im .round p{ width: 100px; height: 100px; border-radius: 50px; background: #06a3f0; 

	color: #fff; font-size: 24px; line-height: 100px; text-align: center; float: left; margin-right: 92px; }

.jj_w { margin-top: 60px; }

.jj_w p{ color: #222; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 10px; }

.lcbox { margin-top: 30px; margin-bottom: 40px; }

.lcbox li { margin-bottom: 28px; overflow: hidden; }

.lcbox .lcdate { width: 120px; height: 64px; border: solid 1px #06a3f0; text-align: center; margin-right: 120px; cursor: pointer; }

.lcbox .lcdate p{ line-height: 32px; color: #222; }

.lcbox .lcdate .lctitle{ font-size: 18px; font-weight:bold;line-height: 24px; }

.lcbox .lccont { font-size: 16px; color: #222; line-height: 32px; max-width: 950px; }

.lcbox .lcdate:hover { background: #06a3f0; }

.lcbox .lcdate:hover p{ color: #fff; }

.wenhua { background: url("../images/wh.jpg") no-repeat center; padding: 40px; margin-bottom: 40px;}

.whbox { width: 1230px; height: 600px; margin-top: 72px; }

.whbox li{ width: 390px; height: 250px; margin-right: 15px; margin-bottom: 80px; background-color: rgba(255,255,255,0.4); text-align: center; color: #fff; float: left; }

.whbox li .wenhuat{ width: 156px; height: 72px; border-radius: 10px; background-color: #06a3f0; line-height: 72px; 

	font-size: 24px; top: -36px; left: 117px; position: relative; box-shadow: 0 5px 12px rgba(0,0,0,0.3); margin-bottom: 20px; }

.whbox li p{ line-height: 38px; font-size: 18px;letter-spacing:2px; }



.rybox { overflow: hidden; margin-bottom: 20px; }

.rybox .ryl{ width: 550px; margin-right: 30px; }

.rybox .ryl li { float: left; margin: 0 30px 20px 0; }

.rybox .ryl li img{ width: 245px; height: 165px; }

.rybox .ryl{ width: 620px; }

.rybox .ryr p{ font-size: 16px; color: #222; margin-bottom: 64px; line-height: 30px; }

.rybox .ryr p span{ margin-left: 30px; }

.rybox .ryr p img{ margin-right: 15px; }



.secbox { border-top: solid 1px #a0a0a0; overflow: hidden;}

.zpsm { font-size: 24px; color: #222; margin:10px 0 36px; line-height: 40px;}

.zpgw li { border:solid 1px #bfbfbf; width: 470px; margin-bottom: 80px; margin-left:85px; float: left; }

.zpgw .zpt { font-size: 24px; color: #222; background: #dcdcdc; line-height: 70px; padding: 0 14px;}

.zpgw .zhize { border-bottom: solid 1px #bfbfbf; }

.zpgw .zhize,.yaoqiu { padding:24px 14px; }

.zpgw .zhize h5,.yaoqiu h5{ font-size: 20px; color: #222; font-weight: normal; margin-bottom: 14px;}

.zpgw .zhize p,.yaoqiu p{ font-size: 15px; color: #222; line-height: 26px;}



.gongsi{ color: #00a0e9; border-bottom:dashed 3px #bbb; margin-bottom: 50px;padding-bottom:12px; }

.gongsi h4{ font-size: 22px; margin-top: 30px; }

.gongsi p{ font-size: 14px; }

.gsname { width: 150px; line-height: 50px; background:#00a0e9; font-size: 22px; color: #fff; text-align: center; margin-bottom: 30px; letter-spacing:6px; }

.lianxi img { width: 100%; }

.jieshao { color: #1e1b1b; margin: 20px 0 50px; }

.jieshao h5{ font-size: 20px; margin-bottom: 6px; }

.jieshao p{ font-size: 16px; line-height: 42px; }

.mtitle h4{ font-size: 26px; color: #222; font-weight: 600; letter-spacing: 4px; }

.mtitle h4:hover{ color: #06a3f0; }

.linebox { border-top: solid 1px #bbb; overflow: hidden; margin-bottom: 40px;}

.casesm { font-size: 16px; color: #222; background: #f7f7f7; line-height: 34px; padding: 15px 0; }

.sm { background: #fff;}

.anliname { font-size: 22px; line-height: 60px; color: #222; background: url(../images/caset.png) no-repeat center left; padding-left: 30px; }

.anliname img{ margin-right: 10px; }

.anliword { max-width: 640px; font-size: 16px; color: #222; line-height: 38px; padding: 20px 0; }



.stitle h5{ font-size: 26px; color: #222; font-weight: 600; letter-spacing: 4px; line-height: 54px; border-bottom:solid 1px #626262; margin-bottom: 10px; }

.yxbox { background: #f7f7f7; padding: 20px 0; overflow: hidden; margin-bottom: 40px; }

.b_yingx { width: 1230px; }

.b_yingx li { width: 285px; float: left; margin:0 20px 20px 0; display: block; position: relative; }

.b_yingx li img{ width: 285px; height: 210px; display: inline;}

.b_yingx li p{ padding: 10px; background: #e1e1e1; line-height: 26px; font-size: 16px; color: #333; height: 48px; overflow: hidden;}

.b_yingx li:hover p{ background: #06a3f0; color: #fff; }

.b_yingx li i{ background:url("../images/iconyx.png") no-repeat; width: 72px; height: 72px; position:absolute; top:68px; left:106px; display:none}

.b_yingx li:hover i{ display:block; }

.newshy,.newsgs { overflow: hidden; margin-bottom: 50px; }

.newsgs { background: #f7f7f7; padding: 40px 0; }

.nlist { width: 650px; border-bottom: 1px solid #cacaca; }

.xtitle h5{ font-size: 26px; color: #222; font-weight: 600; letter-spacing: 2px; line-height: 44px; border-bottom:solid 1px #06a3f0; margin-bottom: 10px; }

.nlist li { border-bottom: dashed 1px #bbb; height: 44px; line-height: 44px; }

.nlist li p{ max-width: 500px; float: left; color:#333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.nlist li p:hover{ color:#000; text-decoration: underline;}

.nlist li span{ color:#b9b9b9; font-size: 14px; float: right; }

.newsi img{ width: 480px; height: 340px; }

.npage { color: #6e6e6e;font-size: 14px; line-height: 24px; height: 24px; margin: 18px 0; }

.npage span{ padding: 0 6px; }

.npage a { border: 1px solid #d6d6d6;color: #6e6e6e; background-color: #f9f9f9; border-radius: 3px; padding: 0 5px; margin: 0 3px;}



.text_t h4{ font-size:25px; color: #333; line-height: 32px; font-weight: normal;}

.text_t p { font-size: 14px; color: #999; padding: 10px 0; margin-bottom: 18px; border-bottom: dashed 1px #eee; }

.text_t p span { margin:0 12px 0 0; }

.textarea { margin-bottom: 22px; }

.textarea p{ font-size: 16px; line-height: 24px; margin-bottom: 10px; text-indent: 2em; color: #444;}

.textarea img { display: block; margin: 0 auto 6px auto; }

.text_page p,.text_page p a { font-size: 14px; color: #888; }

.text_page p a:hover{ text-decoration: underline; }

.news_text { padding:0 50px; margin-bottom: 30px; }

.tuibox { border-top: solid 1px #a6a6a6; padding:30px 0; margin-top: 30px; }

.tuibox h5{ font-size:22px; font-weight: normal; line-height: 50px; color: #333; }

.ntui { background: #fff; overflow: hidden; }

.ntui li p{ background: #fff; padding: 0; }

.ntui li:hover p{ background: #fff; color: #333; }



.jj_t:hover p,.gsname:hover { -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); transition: transform 1.2s; }

.ryr p:hover img {transition: all 2s; transform: scale(1.4);-ms-transform: scale(1.4);-moz-transform: scale(1.4); -o-transform: scale(1.4);}

.whbox .wenhuat:hover,.gsname:hover { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; }

.round p:hover,.ryr p:hover img,.mtitle:hover h4,.anliname:hover,.anliimg:hover,.zpt:hover p { animation: shake 1s cubic-bezier(.36, .07, .19, .97) both; transform: translate(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }

.mtitle:hover h4 { color:#06a3f0; }

.zpt:hover p{ color: #fff; }