@charset "utf-8";
/* 产品 */

p,div, ul, li{ box-sizing:border-box; font-size:100%;}
.flo{ float:left;}
.cle{
	clear:both;
	height:0px;}

.clearfix{ clear:both;}

.mainbody { width:96%; margin:0 auto; overflow:hidden;}
.mainbody2 { width:96%; margin:0 auto; overflow:hidden; background:#fff; padding:2%;}

/*关于我们*/
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2758a7;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.abtit { clear:both; width:100%; text-align:center; padding-bottom:20px; overflow:hidden;text-transform:uppercase; font-size:1.6em; color:#444;font-weight:400; }
.abtit p {padding-bottom:15px;}
.abtit h3 { padding-top:15px; background:url(../images/index_03.jpg) no-repeat center top;}
.tit3 h3 { padding-bottom:15px; padding-top:0; background:url(../images/index_03.jpg) no-repeat center bottom;}

.abtit2 { clear:both; width:100%; text-align:center; padding-bottom:20px; overflow:hidden;text-transform:uppercase;}
.abtit2 h3 { font-size:1.6em; color:#444; font-weight:600;overflow:hidden;}
.abtit2 p { color:#888; font-size:0.8em; padding-top:5px;}

.tit {clear:both; width:100%; background:#f0f0f0; border-radius:8px; height:40px;line-height:40px; margin-bottom:15px; border-bottom:#52a2e7 3px solid; font-family:Arial;}
.tit p { font-size:0.8em; color:#666; margin:0 10px; font-family:Arial; background:url(../images/index_27.jpg) no-repeat left center; padding-left:20px;}

.about { line-height:1.4em;overflow:hidden;}
.about p {  padding:5px 0;}
.about img { max-width:100%; height:auto !important; height:100%;}
.ab2 img { margin-top:10px;max-width:100%; height:auto !important; height:100%;}
.ab2 td { font-size:14px; line-height:20px;}

.about1 { padding:15px; padding-top:0; overflow:hidden; line-height:1.4em;}
.about2 { padding:15px; overflow:hidden; line-height:1.4em; background:#eef0f2;}

.zyyw li { width:100%; float:left; margin-bottom:15px; }
.zyyw li .txt { width:100%; color:#fff; padding:20px;background:#a21111;font-size:16px;}
.zyyw li .txt h3 { font-size:20px; padding-bottom:10px;}
.zyyw li .pimg { width:100%;}
.zyyw img { max-width:100%; height:auto !important; height:100%;}
.zyyw h1,.news h1 { width:90%; margin:0 auto; font-size:21px; text-align:center; padding:10px 0;}

.a5 a { padding:0 20px;}
.a6 a { padding:0 10px;}
.a7 a { padding:0 7px; margin:5px 2px;}


.mainbody2 h1 { text-align:center; font-size:20px;}

.product {overflow:hidden;line-height:1.4em; font-size:0.8em;}
.product img { max-width:100%; height:auto !important; height:100%;}
.product img.tt { max-width:45%; height:auto !important; height:100%;}
.ny_pro_title{text-align:center;background:#029f50;width:180px;height:40px;line-height:40px;border-radius:50px;color:#fff;font-size:1.2em; font-weight:500; margin:0 auto;}
.ny_pro_tille2{background:#f1f1f1;border-left:10px solid #029f50;height:44px;line-height:44px;padding-left:12px;font-size:18px;margin:25px 0 15px 0;color:#333;font-weight:bold;}
.product table { width:100%;}
.product td { font-size:14px; line-height:22px;}


.tex2 { color:#525355;width:100%;}
.tex2 h3 { font-weight:bold; padding-bottom:15px; font-size:20px; font-family:Arial; border-bottom:#ccc 1px dashed; padding-bottom:15px;color:#000;margin-bottom:10px;}
.tex2 p {line-height:30px}
.tex2 a.tex111 {display:block;float:right;font-size:16px; font-weight:bold; margin-right:20px;margin-top:7px;margin-bottom:10px; color:#fff; background:#F63; text-align:center;tttext-decoration:none;width:178px;}
.tex2 a.tex111:hover { color:#fff;background:#f00; transition:0.4s; margin-right:15px; text-decoration:none; margin-top:10px;}
.tex2 p.s1 { background:#f8f8f8; padding:10px;}

.tex2 p.s2 { font-style:italic; color:#4284cd;margin:10px 0;}
.tex2 p.s2 a.tt { display:block; background:#E6E6FA; color:#A52A2A; font-weight:bold; text-align:center; padding:5px 0;margin:5px 0; float:left; width:98%;}
.tex2 p.s2 a.tt:hover {transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; font-size:15px; background:#faefe6;}

.tel5 { clear:both; width:100%; background:#e6e6e6; padding:10px 0; border-top:#d4d4d4 1px solid; overflow:hidden; color:#1a1840;}
.tel5 img { vertical-align:middle; margin-right:10px; margin-left:20px;}
.tel5 span { padding:0 30px;}

.liuyan { padding:15px; background:#F2F2F2; overflow:hidden; clear:both;} 
.liuyan .shuoming{ font-size:1em; line-height:1.2em; color:#0082cd; padding-bottom:10px;}
.liuyan .ss{ font-size:1em; padding-bottom:20px;}

.more3 { width:90px; height:26px; line-height:26px; font-size:14px; text-align:center;}
.more3 a { display:block; height:26px; background:#eb5200; color:#fff; border-radius:25px; text-decoration:none; margin-top:15px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.more3 a:hover {transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}

table.neiyebiaoge { width:100%; margin:10px auto;border-top:#ccc 1px solid;border-left:#ccc 1px solid;}
.neiyebiaoge td,.neiyebiaoge th {padding:3px; font-size:14px; line-height:24px;color:#3a3a3a;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;}
.neiyebiaoge th { font-weight:bold; color:#000; text-align:center;}

table.zl_table { width:100%; margin:10px auto;border-top:#c0c9dd 1px solid;border-left:#c0c9dd 1px solid;}
.zl_table td,.zl_table th {padding:5px 3px; font-size:14px; line-height:20px;color:#000;border-bottom:#c0c9dd 1px solid;border-right:#c0c9dd 1px solid; text-align:center;}
.zl_table th { background:#f2f2f2; line-height:30px;color:#0d74cc; font-weight:bold; font-size:1em;}
.product tr:nth-child(odd){background:#e7e9ee;}
.product tr:nth-child(even){background:#d2d9e9;}

table.bak { width:98%; margin:0 auto;border-bottom:#98bac3 1px solid;border-right:#98bac3 1px solid;}
.bak td,.bak th {padding:5px; font-size:14px; line-height:20px;border-top:#98bac3 1px solid;border-left:#98bac3 1px solid; text-align:center; font-family:Arial;}
.bak th { background:#eff4fa; color:#444; font-weight:bold; line-height:35px;}
.bak td.pimg img { margin:5px 0;}

.bak .more a { height:20px;display:inline-block; padding:0 10px; font-size:0.8em; border:1px solid #0f7dcb; color:#0f7dcb; text-decoration:none;border-radius:25px;}

.news {padding:0 10px; overflow:hidden; line-height:1.4em;}
.news p { padding:5px 0;}
.news a { color:#444;}
.time0 { text-align:center; font-size:12px; color:#999; padding:10px 0; border-bottom:#ddd 1px dashed;}
.news img { max-width:100%; height:auto !important; height:100%;}
.aabb p { text-indent:0;}
.news-3 p { padding:5px 0; text-indent:0;}
.ab22 p { text-indent:0;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

.pro3 li { width:46%; margin:1% 1.8%; float:left; text-align:center; font-size:14px;}
.pro3 li .pimg { width:100%; height:120px; overflow:hidden; margin-bottom:10px;}
.pro3 li .pimg img { max-width:100%; height:auto !important; height:100%;}

.pnpage { font-size:14px; text-align:center; clear:both; padding-top:15px;}
.pnpage a { padding:0 15px;}

/*新闻*/
.tit2 { border-bottom:#ddd 1px solid; padding-bottom:5px; overflow:hidden; margin:0 10px; line-height:28px;}
.tit2 h3 {color: #3d3d3d;font-size:18px;font-weight:bold; float:left;}
.tit2 h3 span { color:#104895;}
.tit2 p { color:#333;font-weight: 300; font-size:14px; padding-left:10px; float:left;}
.tit2 a { float:right; display:block; font-size:14px; padding-right:10px;}

.pro5 li { float:left; width:100%; padding:15px 0; border-bottom:#ddd 1px solid; line-height:1em;}
.pro5 li .pimg { width:100%;}
.pro5 li .pimg img{ max-width:100%; height:auto !important; height:100%; border-radius:10px;}
.pro5 li .text { width:100%; padding-top:10px;}
.pro5 li .text h3 { font-size:1.2em; padding-bottom:10px;}
.pro5 li .text p { font-size:0.8em; color:#999;}
.pro5 li .text a { padding-top:10px; display:block; color:#024e8a; font-size:0.8em;}


.newbg { clear:both; padding:15px 10px; overflow:hidden; font-size:0.8em;}
.newbg img { max-width:100%; height:auto !important; height:100%;}
.synews .time { width:25%; float:left; height:70px; background:url(../images/wap_bg.png) repeat; text-align:center; color:#fff; overflow:hidden;}
.synews .time span { display:block; font-size:1.8em; padding:10px 0 0 0;}
.synews .tex { width:75%; float:right; height:70px; background:url(../images/wap_bg1.png) repeat; overflow:hidden;}
.synews .tex h3 { padding:15px; font-size:1em; font-weight:400;}
.synews .tex h3 a { color:#fff;}

/*底部*/

.downb{ background:#1a1a1a; width:100%; padding:10px 0; margin-bottom:60px; clear:both;}
.downb .foot_p2{ font-size:14px; color:#fff; text-align:center;}
.downb .foot_p2 a{color:#fff;}

.pppp { padding-left:10px;}
.pppp li { display:inline-block; width:33%; padding:0 1.5%; float:left;}
.pppp li h2 { font-size:24px; color:#ff9100; font-weight:100; padding:15px 0; font-family:Arial;}
.pppp li p { color:#666; font-size:14px; text-align:left;}
.aaaa li h2 { font-size:20px;}

.pppp2 { padding-left:10px;}
.pppp2 li { display:inline-block; width:46%; text-align:center; margin:1%; border:#ddd 1px solid; float:left; font-family:Arial; overflow:hidden;}
.pppp2 li .pimg { padding:3px; height:120px; overflow:hidden;}
.pppp2 li .pimg img { max-width:100%; height:auto !important; height:100%;}
.pppp2 li h2 { font-size:16px; color:#ff9100; font-weight:500;}
.pppp2 li p { color:#666; font-size:14px; padding:5px 0;}

.sytex2 {color:#444; font-size:16px; line-height:26px; overflow:hidden;}
.sytex2 p { padding:5px 0;}
.sytex2 a { color:#444;}

.more22 { width: 120px;height:30px;line-height:30px;text-align: center; clear:both; margin-top:15px;}
.more22 a{ display:block; color:#fff; font-size:14px;background: #e1671e; text-decoration:none; border-radius:25px;}
.more22 a:hover {background: #fff;transition: all 500ms; color:#e1671e;}

.blank5 { clear:both; height:5px; display:block; overflow:hidden;}
.blank10 { clear:both; height:10px; display:block; overflow:hidden;}
.blank15 { clear:both; height:15px; display:block; overflow:hidden;}
.blank20 { clear:both; height:20px; display:block; overflow:hidden;}
.blank30 { clear:both; height:30px; display:block; overflow:hidden;}
.blank40 { clear:both; height:40px; display:block; overflow:hidden;}
.blank50 { clear:both; height:50px; display:block; overflow:hidden;}
.blank60 { clear:both; height:60px; display:block; overflow:hidden;}

.ssou { width:96%; height:50px; margin:10px auto; border:#0f7dcb 3px solid; border-radius:5px; background:#fff;}
.ssou input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou input.search1 { width:62%; background:url(../images/ss.png) no-repeat 15px center;padding:0 5% 0 13%;}
.ssou input.searchimg1 { width:20%; background:#0f7dcb; color:#fff; border:0;height:44px; text-align:center; float:right; cursor:pointer;}

.contact {overflow:hidden;line-height:1.8em;}
.contact p { font-size:1em;}
.contact .txt {background:#f8f8f8; overflow:hidden;}
.contact .txt img {max-width:100%; height:auto !important; height:100%;}
.contact .txt li.s2 { width:55%;}
.contact .txt div { font-size:1.1em; color:#029f50; padding:10px 0 0 20px;}
.contact .txt p { padding:10px 10px 10px 20px; font-size:0.8em;}
.contact .txt2 { border:#ddd 1px solid; padding:15px; overflow:hidden;}
.contact .txt2 li { width:100%; float:left; padding:10px 0; line-height:40px; border-bottom:#ddd 1px solid; overflow:hidden;}
.contact .txt2 li.s1 { line-height:18px;}
.contact .txt2 li.s2 { line-height:20px;}
.contact .txt2 img {max-height:40px; width:auto !important; width:100%; margin-right:10px; float:left;}
.contact .txt2 p {font-size:0.9em; float:right; width:85%;}

.liuyan { line-height:30px;}
.liuyan p { padding:2px 0;}
.liuyan input { width:90%; padding:5px 3%;color:#8a8a8a; border:#ccc 1px solid;}
.liuyan input.aak { width:25%; display:inline-block; margin-right:10px; background:#2758a7; color:#fff;}
.liuyan p img { height:50px; vertical-align:middle; margin-left:10px;}

.newlist { width:100%; margin:0 auto; background:#fff; overflow:hidden; border-radius:5px;}
.newlist ul { padding:2% 1%;}
.newlist li { float:left; width:100%; margin:10px 0;border:#efefef 1px solid; -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.newlist li .nwimg { padding:10px 10px 0 10px;}
.newlist li .nwimg img { max-width:100%; height:auto !important; height:100%;}
.newlist li h3 { font-size:18px; color:#030303; font-weight:bold; padding:10px 10px 0 10px;}
.newlist li .tex { padding:10px; color:#666; font-size:16px;}
.newlist li .time { padding:0 10px 10px 10px; color:#999; font-size:14px;}

.newlist2 li { float:left;line-height:50px; width:100%; margin-bottom:5px; border-bottom:#999 1px dotted;}
.newlist2 li a.kk { font-size:0.8em; color:#030303; width:75%; font-size:16px; height:50px; display:block; float:left;overflow:hidden;}
.newlist2 li span { color:#2165ac; padding-right:5px;}
.newlist2 li p { float:right; color:#999; font-size:12px; text-align:right; width:20%;}


.ysbg { padding:25px 10px; overflow:hidden; background-image:url(../images/index_05.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.ysbg .syab { font-size:1em; line-height:24px; color:#787878;}
.ysbg .syab a { color:#787878;}
.more5 { clear:both; padding-top:20px; text-align:center; overflow:hidden;}
.more5 a { display:inline-block; padding:0 35px;height:30px; line-height:30px;text-decoration:none;font-size:14px;background:#1383bd; color:#fff;}

.syimg {background-image:url(../images/index_01.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; color:#fff; font-size:1.2em; text-align:center; padding:25px 15px;}
.syimg span { display:block; font-size:1.4em;}

.yous { clear:both; padding-top:10px;}
.yous li { width:100%; float:left;background-image:url(../images/index_12.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.yous ul li img{ max-width:50%; height:auto !important; height:100%; margin:0; padding:0;}
.yous li .aa {width:50%; float:left; text-align:center}
.yous ul li .aa img.a1{ max-height:35px; width:auto !important; width:100%; margin-top:10px;}
.yous ul li .tex { padding:15px; font-family:Arial;}
.yous li p { font-size:0.7em; color:#fff; line-height:16px; padding:10px 10px 0 15px;}

.yous2 { clear:both; padding-top:10px;}
.yous2 li { width:100%; float:left;overflow:hidden;}
.yous2 li .img img{ max-width:100%; height:auto !important; height:100%;}
.yous2 li .tt { width:10%; float:left; height:70px; background:#029f50; text-align:center; color:#fff; font-size:1.2em; font-weight:bold; padding-top:10px;}
.yous2 li .tt b { display:block; width:20px; height:3px; margin:0 auto; font-size:0; overflow:hidden; background:#fff; margin-top:15px;}
.yous2 li .text { float:right; width:85%}
.yous2 li .text h3 { font-size:1.2em; font-weight:600; padding-bottom:5px; color:#029f50;}
.yous2 li .text p { font-size:0.8em; color:#666;}
.yous2 li .text span { display:block; font-size:1em; line-height:0.8em; padding-bottom:5px; color:#4a4a4a;}

.more25 { width:150px; height:45px; line-height:45px; text-align:center; padding:5px 0; clear:both; margin:0 auto;}
.more25 a {height:45px; text-decoration:none; display:block; font-size:14px; color:#fff;}
.more25 a:hover { transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

.sybg { clear:both; padding:25px 15px; background-image:url(../images/wap_1.jpg); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sybg h3 { font-size:0.8em; color:#3a3a3a; padding-bottom:15px;}
.sybg h3 span { display:block; color:#0757ac; font-weight:bold; font-size:1.4em;}
.sybg p { font-size:16px; color:#fff; width:90%;}

.sybg2 { clear:both; width:100%; overflow:hidden; padding-top:10px;}
.sybg2 li { width:16%; float:left; padding-left:5%; font-size:14px; text-align:center;}
.sybg2 li img { max-width:80%; height:auto !important; height:100%; margin-bottom:10px; display:inline-block;}

.flimg li { width:46%; float:left; margin:2%; text-align:center; overflow:hidden;}
.flimg li .pimg { width:100%; height:120px;border:#ddd 1px solid;position: relative; text-align:center;display: inline-block;line-height: 150px;vertical-align: middle;overflow:hidden;}
.flimg li .pimg img { position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:96%; max-height:96%;}
.flimg li p a{ width:100%; height:30px; line-height:30px; color:#333; display:block; font-size:0.8em; margin-top:2px;background:#f7f7f7;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}

.pro_img td { padding:0 10px;}
.pro_img2 td { padding:0 10px;}
.pro_img2 img { height:120px;}

.probg { clear:both; padding:25px 10px; overflow:hidden; background-image:url(../images/index_06.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.probg .abtit2 h3,.probg .abtit2 p { color:#fff;}

.sypro { width:98%; margin:15px auto; background:url(../images/wap_bg.png) repeat; overflow:hidden;}
.sypro .pimg { float:left; width:30%; padding:10px;}
.sypro .pimg img { max-width:100%; height:auto !important; height:100%; border:#fff 3px solid;}
.sypro .tex { width:70%; padding:0 5%; float:right; color:#fff;}
.sypro .tex h3 { border-bottom:#fff 1px solid; padding:10px 0; font-size:1.1em;}
.sypro .tex p { font-size:0.8em;}

.prolist { text-align:center;}
.prolist a { display:inline-block; margin:5px; padding:5px 10px; background:#e9e9e9; color:#444; font-size:0.8em;}
.prolist a:hover { background:#006cb4; color:#fff;}

.nypro li { float:left; width:50%; text-align:center;}
.nypro li .pimg {position: relative;display: inline-block; border:#f1f1f1 1px solid;width: 100%;height: 160px;line-height: 160px;vertical-align: middle;overflow:hidden;}
.nypro li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:96%; max-height:96%;}
.nypro li .tex { background:#f3f3f3; padding:5px 0;}
.nypro li h3 {font-size:16px; color:#666;}
.nypro li p { font-size:14px; color:#999; padding-top:5px;}

.iw_poi_title { font-size:16px;}
.iw_poi_content { font-size:14px;}

.ssou2 { width:98%; margin:10px auto; border:#2784ca 3px solid; border-radius:5px; background:#fff;}
.ssou2 input { font-size:16px; color:#666;padding:0; height:40px; line-height:0px; margin:0; border:0; background:none; outline:none;}
.ssou2 input.search1 { width:62%; background:url(../images/ss.png) no-repeat 15px center;padding:0 15px 0 45px;font-family:Microsoft YaHei;}
.ssou2 input.searchimg1 { width:20%; background:#2784ca; color:#fff; border:0; text-align:center; float:right; cursor:pointer;font-family:Microsoft YaHei;}

.abimg { clear:both; overflow:hidden; text-align:center; margin-top:50px;}
.abimg img { max-width:100%; height:auto !important; height:100%;}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #006cb4;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}