@charset "utf-8";



/* CSS Document */







*{ margin:0; padding: 0;}



a{ text-decoration:none; font-size: 14px; color:#000;}



input{ outline:none;}



.clear{clear:both;}







/*---------------------------------首页---------------------------------------*/



header{ width:100%; max-width:1200px; margin: 0 auto; background: #fff; padding: 30px 0;}

header .logo{ float: left;}

header .hotline{ float: right;}




.tableborder *{ color:#fff; }



.lan{ float: right; margin: 30px 20px 0 0; }
.lan img{ vertical-align: middle; margin: 0 0 0 5px;}
.lan a{ margin: 0 0 0 10px;}



.detailtable .detail a:first-child{ display:none; }

#products li:hover{ background:#064685; }
.spro .right #products ul li p{ margin: 0 !important; line-height: normal; padding: 5px 0;}

nav{ width:100%; height: 50px; background: #fbfbfb; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #9ba4b8;}



nav ul{ width:100%; max-width: 1200px; margin: 0 auto;}



nav ul li{ float: left; display: block; width: 133px; height: 45px; text-align: center; border-bottom: 5px solid #fbfbfb;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



nav ul li a{ display: block; height: 20px; color: #3d3d3d; margin: 14px 0 0 0; font-weight: bold; font-size: 14px; border-left: 1px solid #6a6b6d;}



nav ul li.this,
nav ul li:hover{ border-color: #064685;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}











.banner{ width: 100%; height: 590px; position: relative; z-index: 9;}

.nbanner{ width: 100%; height: 450px; position: relative; z-index: 9;}



























.stitle{ text-align:center; margin:0 auto;}

.stitle .cntitle{ font-size: 40px; font-weight: bold; line-height: 46px;}

.stitle .cntitle li{ display: inline-block;}

.stitle .cntitle li:nth-child(1){color: #064685;}

.stitle .cntitle li:nth-child(2){color: #e9670f;}

.stitle .sline{ margin:10px 0 0 0;}

.stitle .entitle{ font-size: 12px; color:#454545; margin:10px 0 0 0;}























.spro{ padding:60px 0; background: #f7f7f7;}







.sproul{ width:100%; max-width: 1200px; margin: 0 auto;}



.spro .sprofl{ width:1200px; margin: 30px 0; text-align: center;}

.spro .sprofl ul li{ display: inline-block; line-height: 36px;}

.spro .sprofl ul li a{ display: block; font-size: 12px; background: #e2e2e2; color: #0e0e0e; padding: 0 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .sprofl ul li:hover a{ background: #064685; color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}









.spro .right{ width: 1200px;}

.spro .right ul{ margin: 20px 0 0 0;}

.spro .right ul li{ display: block; width:364px; padding: 10px; margin: 0 20px 20px 0; float: left; background:url(../images/pj.png) right 15px bottom 15px no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right ul li a{ display: block;}

.spro .right ul li .pic{ border:1px solid #c6c6c6; overflow: hidden;}

.spro .right ul li img{ width:100%; display: block; transition: all 0.5s;transform: scale(1);}

.spro .right ul li:hover img{ transition: all 0.5s;transform: scale(1.2);}

.spro .right ul li p{ line-height: 36px; margin: 10px 0 10px 0; font-size: 12px; padding: 0 0 0 5px; border-bottom: 1px solid #565656;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right ul li:hover{ background:url(../images/pj1.png) #064685 right 15px bottom 15px no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right ul li:hover p{ color:#fff; border-bottom: 1px solid #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right ul li span{ line-height: 36px; float: right; display: block; margin: 10px 50px 10px 0; font-size: 14px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right ul li:hover span{ color:#fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.sproul ul li:nth-child(3),

.sproul ul li:nth-child(6),

.sproul ul li:nth-child(9){ margin:0 0 20px 0;}















.sabout{padding: 80px 0 150px 0;background: url(../images/abg.jpg) #f0f0f0 center bottom no-repeat;}

.sabout .atext{width: 500px;height: 330px;margin: 90px auto 0 auto;padding: 0 630px 0 70px;}

.sabout .atext h1{ font-size: 30px; color: #fff; margin-bottom: 9px; border-bottom: 4px solid #00ba5c; float: left;}

.sabout .atext p{ font-size: 14px; color: #fff; line-height: 26px;}

.sabout .atext .amore{ line-height: 29px; margin: 15px 0 0 0;}

.sabout .atext .amore img{ float: left; margin: 0 10px 0 0;}

.sabout .atext .amore a{ font-size: 14px; color: #fff;}

















.sadv{ }

.sadv ul{ height: 1659px; background: url(../images/advbg.jpg) center no-repeat;}

.sadv ul li{ display:block; width: 100%;}

.sadv ul li .tarea{ width: 1200px; margin: 0 auto; text-align: justify;}

.sadv ul li .tarea h1{ font-size:22px; line-height: 38px; font-weight: bold; color: #000000; margin: 0 0 0 0;}

.sadv ul li .tarea p{ font-size:12px; line-height: 20px; font-weight: normal; color: #4d4d4d; margin: 0 0 20px 0;}

.sadv ul li .tarea .tcontent{ width: 500px;}

.sadv ul li .tarea1 .tcontent{float: left;margin: 280px 0 0 100px;}

.sadv ul li .tarea2 .tcontent{float: left;margin: 45px 0 0 100px;}

.sadv ul li .tarea3 .tcontent{float: right;margin: 158px 0 0 0;}

.sadv ul li .tarea4 .tcontent{float: right;margin: 88px 0 0 0;}

.sadv ul li .tarea5 .tcontent{float: left;margin: 127px 0 0 100px;}

.sadv ul li .tarea6 .tcontent{float: left;margin: 75px 0 0 100px;}





















.snews{ width: 100%; padding: 50px 0 0 0; }



.snews{ width:100%;}



.snews .nbottom { width:100%; max-width:1200px; margin: 50px auto;}

.snews .nbottom .left{ width:525px; float: left;}

.snews .nbottom .left .picnews{ }

.snews .nbottom .left .picnews .pic{ width:257px; float: left}

.snews .nbottom .left .picnews .pic img{ width:257px; display: block;}

.snews .nbottom .left .picnews .pntext { width: 205px; padding: 19px 20px; float: left; background: #e9e9e9;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .left .picnews .pntext .title{ margin: 0 0 6px 0; line-height: 32px; font-size: 16px; color: #000; font-weight: bold;}

.snews .nbottom .left .picnews .pntext .title a{ display: block;}

.snews .nbottom .left .picnews .pntext .smalltext{font-size: 14px; color: #666666; line-height: 24px; }

.snews .nbottom .left .picnews .pntext .smalltext a{ display: block; color: #000; }

.snews .nbottom .left .picnews:hover .pntext{ background: #064685;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews .nbottom .left .picnews:hover .pntext *{ color: #fff !important;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.snews .nbottom .left li{ display: block; margin: 110px 0 0 0; padding: 19px 0 19px 0; background: url(../images/nli.jpg) left center no-repeat;}

.snews .nbottom .left li a{ display: block;}

.snews .nbottom .left li .rdate{ width:90px; height: 100px; float: left; font-size: 30px; color: #757575; text-align: right;}

.snews .nbottom .left li .rdate span{ display: block; font-size: 14px; line-height: 24px;}

.snews .nbottom .left li .rdate div{ font-size: 12px; padding: 5px 0; margin: 5px 0; border-top: 1px solid #757575; text-align: center;}

.snews .nbottom .left li .rtext{ width:375px; height: 100px; float: left; margin: 0 0 0 50px;}

.snews .nbottom .left li .rtext .rtitle{ font-size: 16px; margin: 0 0 15px 0; font-weight: bold;}

.snews .nbottom .left li .rtext .rjj{ line-height: 22px;}



.snews .nbottom .left li:hover *{ color:#e9670f !important;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}











.snews .nbottom .right{ width:605px; float: left; margin-left:70px;}

.snews .nbottom .right .rightnews .pic{ width:90%; border: 1px solid #cecece; margin: 30px auto 0 auto;}

.snews .nbottom .right .rightnews .pic img{ width:100%;}

.snews .nbottom .right .rightnews .rtitle{ color:#454545; font-size: 18px; font-weight: bold; text-align: center; line-height: 50px;}

.snews .nbottom .right .rightnews .rsmalltext{ color:#454545; font-size: 12px; line-height: 24px; width:90%; margin: 0 auto;}





.snews .nbottom .right ul li{ display: block; padding: 19px 0 19px 10px;  border-bottom: 3px solid #000;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .right ul li a{ display: block;}

.snews .nbottom .right ul li .rdate{ width:90px; height: 100px; float: left; font-size: 30px; color: #757575; text-align: right;}

.snews .nbottom .right ul li .rdate span{ display: block; font-size: 14px; line-height: 24px;}

.snews .nbottom .right ul li .rdate div{ font-size: 12px; padding: 5px 0; margin: 5px 0; border-top: 1px solid #757575; text-align: center;}

.snews .nbottom .right ul li .rtext{ width:455px; height: 100px; float: left; margin: 0 0 0 50px;}

.snews .nbottom .right ul li .rtext .rtitle{ font-size: 16px; margin: 0 0 15px 0; font-weight: bold;}

.snews .nbottom .right ul li .rtext .rjj{ line-height: 22px;}



.snews .nbottom .right ul li:last-child{ border:none;}




.snews .nbottom .right ul li:hover *{ color:#e9670f !important;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}































.fmenubg{ width:100%; background: url(../images/fbg.jpg) center no-repeat; padding: 60px 0 90px 0;}

.fmenubg .fmenu{ width:100%; max-width: 1200px; margin: 0 auto;}



.fmenubg .fmenu .ewm{ float: left;}

.fmenubg .fmenu .ewm h1{ float: left; margin: 0 0 30px 0; padding: 0 0 10px 0; font-size: 30px; line-height: 26px; border-bottom: 2px solid #ddd; color: #ddd;}

.fmenubg .fmenu .ewm img{ float:left; margin: 0 30px 0 0;}



.fmenubg .fmenu .ftext{ float: left; width: 400px;}

.fmenubg .fmenu .ftext h2{ color: #aaa !important; font-weight: normal; font-size: 18px; margin: 0 0 20px 0;}

.fmenubg .fmenu .ftext p{ color: #aaa !important; font-size: 12px; line-height: 22px;}



.fmenubg .fmenu .fmessage{ float: right;}









footer{ width:100%; color:#fff; text-align: center; line-height: 65px; font-size: 12px; background: #3b5680;}

footer .fcopy{ width:1200px; margin: 0 auto;}

footer .fcopy a{ color:#fff; font-size: 12px;}

footer .fcopy p{ float:left;}

footer .fcopy div{ float:right;}









.nowposbg{ background:#fff;}

.nowposbg .nowpos{ width:100%; max-width:1200px; margin: 15px auto; line-height: 30px; color: #333; font-size: 14px; border-bottom: 1px solid #dcdcdc;}

.nowposbg .nowpos a{ color: #333; font-size: 14px;}

.nowposbg .nowpos span{ display: block; width:14px; height: 30px; background: #000; float: left; margin: 0 8px 0 0;}









.introflbg{}

.introflbg .introfl{ width:100%; max-width:1200px; margin: 0 auto; line-height: 55px; color: #333; font-size: 14px; background:#f5f5f5;}

.introflbg .introfl li{ display:block; float: left; width: 170px; border-right: 1px solid #fff; position: relative;}

.introflbg .introfl li:first-child{ border-left: 1px solid #fff;}

.introflbg .introfl li a{ display:block; text-align: center; color: #878787; }

.introflbg .introfl li:hover{ background: url(../images/aflbg.png) #0061ae center bottom no-repeat;}

.introflbg .introfl li:hover a{ color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.ncon{ width:1200px; margin: 0 auto; padding: 50px 0;}



.nconbg{ margin:50px auto;}



.nabout{ width:100%; margin: 50px auto;}

.nabout h1{ margin: 0 0 50px 0;}

.nabout p{ line-height: 36px; font-size: 14px;}

.nabout .nconbg{ background:#f8f8f8;}







.nenv{ width:100%; margin: 50px auto;}

.nenv .nconbg{ background:#f8f8f8;}

.nenv ul li{ width:283px; display:block; float: left; margin: 0 22px 0 0; text-align: center;}

.nenv ul li:last-child{ margin: 0;}

.nenv ul li .pic{ padding: 15px; border: 1px solid #a0a0a0; overflow: hidden;}

.nenv ul li .pic img{ display: block; max-width: 100%; transition: all 0.5s;transform: scale(1);}

.nenv ul li:hover .pic img{transition: all 0.5s;transform: scale(1.2);}

.nenv ul li p{ line-height: 30px; background: #064685; line-height: 45px; font-size: 16px; color: #fff;}





.nhonor{ width:100%; margin: 50px auto 0 auto;}

.nhonor .nconbg{ background:#f8f8f8; margin: 50px auto 0 auto;}

.nhonor ul li{ width:589px; display:block; float: left; margin: 0 22px 0 0; text-align: center;}

.nhonor ul li:last-child{ margin: 0;}

.nhonor ul li .pic{ padding: 15px; border: 1px solid #a0a0a0; overflow: hidden;}

.nhonor ul li .pic img{ display: block; max-width: 100%; width: 100%; transition: all 0.5s;transform: scale(1);}

.nhonor ul li:hover .pic img{transition: all 0.5s;transform: scale(1.2);}

.nhonor ul li p{ line-height: 30px; background: #064685; line-height: 45px; font-size: 16px; color: #fff;}









.npro{ background:#fff;}

.npro .sprofl ul li{ border-right: 1px solid #a0a0a0;}

.npro .sprofl ul li:last-child{ border-right: none;}

.npro .sprofl ul li a{ background: none; margin: 0;}

.npro .sprofl ul li.this a,
.npro .sprofl ul li:hover a{ background: #064685; color: #fff;}





.relativenews{ width:1200px; margin: 50px auto;}

.relativenews h3{ padding: 10px 20px; background: #064685; color: #fff; font-weight: normal; display: block; font-size: 16px; float: left;}

.relativenews ul li{ display:block; line-height: 50px; margin: 5px 0; border-bottom: 1px solid #c5c5c5;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.relativenews ul li a{ margin:0 20px; color: #000; display: block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.relativenews ul li a span{ float: right; margin: 0 20px 0 0;}

.relativenews ul li:hover{ background: #064685;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.relativenews ul li:hover a{ color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.relativepro{ width:1200px; margin: 50px auto;}

.relativepro h3{ padding: 10px 20px; background: #064685; color: #fff; font-weight: normal; display: block; font-size: 16px; float: left;}

.relativepro .npro{ padding:0;}



.nnews{ padding:50px 0;}







.nnews .nnewsfl{ width:1200px; margin: 30px 0; text-align: center;}

.nnews .nnewsfl ul li{ line-height: 36px; display: block; float: left; border-right: 1px solid #a0a0a0;}

.nnews .nnewsfl ul li a{ display: block; font-size: 16px; background: none; margin: 0 10px; color: #0e0e0e; padding: 0 20px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nnewsfl ul li.this a,
.nnews .nnewsfl ul li:hover a{ background: #064685; color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}










.nnews .nbottom{ margin:30px auto 0 auto;}

.nnews .nbottom .left{ width:1200px;}

.nnews .nbottom .left .picnews{ padding:20px 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews a{ display: block;}

.nnews .nbottom .left .picnews .pic{ -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews:hover .pic{ margin-left:20px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews:hover{ box-shadow: 0 0 12px 0 #ccc; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews .pntext{ background:none; padding: 10px 30px; width: 620px;}

.nnews .nbottom .left .picnews .pdate{ width: 100px; float: right;}

.nnews .nbottom .left .picnews .pdate span{ display: block; font-size: 24px; font-weight: lighter; line-height: 30px; margin: 16px 0 0 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews .pdate .img{ width: 30px; height: 44px; background: url(../images/new_03.png) center no-repeat; margin: 80px 0 0 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews:hover .pdate .img{ margin: 80px 0 0 20px;background: url(../images/new_04.png) center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.nnews .nbottom .left .picnews:hover .pdate span{ margin: 16px 0 0 20px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews .nbottom .left .picnews .pntext .title{ line-height: 40px; margin: 0 0 10px 0;}
.nnews .nbottom .left .picnews .pntext .title a{ line-height: 40px;}





.nnews .nbottom .left .picnews:hover .pntext{ background: none;}
.nnews .nbottom .left .picnews:hover .pntext *{ color: inherit !important;}




.nmessage .subbutton
{
	border:1px solid #064685;
	background:#064685;
}











.nshouhou .nconbg{ background:none;}
.nshouhou .nconbg .ncon h1{ font-size: 16px; color: #064685;}



.nmessage{ margin:50px auto 0 auto;}
.nmessage .nconbg{ background:none;}

.nmessage form{ float:left;}
.nmessage .ewm{ float:right;}
.nmessage .ewm h1{ float: left; margin: 0 0 30px 0; padding: 0 0 10px 0; font-size: 30px; line-height: 26px; border-bottom: 2px solid #ddd; color: #ddd;}
.nmessage .ewm img{ float:left; margin: 0 30px 0 0;}

.nmessage .ftext{ float: left; width: 400px;}
.nmessage .ftext h2{ color: #000; font-weight: normal; font-size: 18px; margin: 0 0 20px 0;}
.nmessage .ftext p{ color: #000; font-size: 14px; line-height: 30px;}






.ncontact .ewm{width: 740px;margin: 0 auto;}
.ncontact .ewm h1{ float: left; margin: 0 0 30px 0; padding: 0 0 10px 0; font-size: 30px; line-height: 26px; border-bottom: 2px solid #ddd; color: #ddd;}
.ncontact .ewm img{float:left;margin: 0 50px 0 100px;}

.ncontact .ftext{ float: left; width: 400px;}
.ncontact .ftext h2{ color: #000; font-weight: normal; font-size: 18px; margin: 0 0 20px 0;}
.ncontact .ftext p{ color: #000; font-size: 14px; line-height: 30px;}



.nmap .nconbg{ background: none;}
.nmap .nconbg .ncon{ padding:0;}




.nrec .nbottom .left{ width:100%;}
.nrec .nbottom .left li{ padding:0; margin: 0 0 20px 0; border-bottom: 1px solid #d6d6d6;}
.nrec .nbottom .left li .sttitle{ width:150px; height: 50px; background: #064685; color: #fff !important; font-size: 18px; text-align: center; line-height: 50px;}
.nrec .nbottom .left li .stsmall{ margin: 20px 0; font-size: 18px; line-height: 36px; color: #7a7a7a;}



.nrec .nbottom .left li:hover .sttitle{ color:#fff !important;}
.nrec .nbottom .left li:hover .stsmall{ color:#7a7a7a !important;}
.nrec .nbottom .left li:hover .stsmall *{ color:#7a7a7a !important;}





#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}