html{min-width:1200px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;color: #666;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
.clr{
    clear: both;
}

.w1201{
    width: 1200px;
    margin: 0 auto;

}
.w1202{
    width: 1200px;
    margin: 0 auto;
	margin-top:30px;
	text-align:left;
	line-height:32px;
	margin-bottom:60px;
	font-size:15px;
}
.obj img{

    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.obj1_1 img{
    width: 300px;
    height: 239px;}

.obj2_1 img{
        width: 300px;
        height: 239px;}

.obj:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*headers*/
.headers{
    width: 100%;
    height: 8px;
    background-color: #0d64c3;
}
/*内页图片*/
.tupian{
    width: 100%;
    height: 400px;
    margin: 0 auto;
	overflow:hidden; clear:both;
}
.abouts{
    background: url("../image/about.jpg") no-repeat center;

}
.news{
    background: url("../image/news.jpg") no-repeat center;

}
.pro{
    background: url("../image/product.jpg") no-repeat center;

}
.join{
    background: url("../image/job.jpg") no-repeat center;

}
.lx{
    background: url("../image/lx.jpg") no-repeat center;

}
.fw{
    background: url("../image/fw.jpg") no-repeat center;

}
/*内容页*/
.ban_bj1{ width:100%; height:160px; background:#F1F1F1; margin-top:1px; overflow:hidden; clear:both;}
.ban_k1{ width:1200px; height:120px; margin:0 auto;}
.ban_title{ width:1200px; height:55px; margin:0 auto; border-bottom:1px dashed #999; margin-top:15px;}
.ban_title_left{ width:280px; height:55px; text-align:left; line-height:60px; float:left;}
.ban_title_right{ width:400px; height:55px; float:right; line-height:60px; text-align:right; color:#666; font-size:14px;}

.about_f{ width:1200px; margin:0 auto; margin-top: 25px;}
.about_f li{float:left; width:216px; height:40px; background:#0d64c3 center no-repeat; color:#666; margin-right:4px;}
.about_f li a{width:216px; height:40px; display:block; text-align:center; line-height:40px; color:#fff;}
.about_f li a:hover,.about_f li a.active{text-decoration:none; background:#ffcc00 top center no-repeat; color:#fff;}

.about_f1{ width:1200px; margin:0 auto; margin-top: 25px;}
.about_f1 li{float:left; width:165px; height:40px; background:#0d64c3 center no-repeat; color:#666; margin-right:4px;}
.about_f1 li a{width:165px; height:40px; display:block; text-align:center; line-height:40px; color:#fff;}
.about_f1 li a:hover,.about_f li a.active{text-decoration:none; background:#ffcc00 top center no-repeat; color:#fff;}

/*header*/
.header {
	width: 100%;
	height: 106px;
	position:absolute;
	z-index:999999;
	background:url(../image/dh_bj.png) top center repeat-x;
	top: 8px;
}
.header_logo{
    width: 219px;
    float: left;
}
.head_right{ width:920px; float:right;  border-left:1px solid #F3F3F3}
#nav{width:920px; margin:0 auto; height:50px; line-height:100px;}
.menu{position:relative;z-index:999999; width:100%; height:100px; float:left;} 
.menu ul{visibility:hidden;position:absolute;left:0px;top:100px;} 
.menu ul p{font-size:14px; font-weight:bold;}
.menu table {position:absolute; top:0; left:0;} 
.menu li:hover ul,
.menu a:hover ul{visibility:visible;} 
.menu li{float:left;position:relative; line-height:100x; border-right:1px solid #F3F3F3;}
.menu li a{width:120px; text-align:center; height:100px; line-height:100px; display:inline-block !important;font-size:16px; color:#666;} 
.menu li a:hover,.menu li a.active{height:100px; line-height:100px; color:#0066CC; background:url(../image/bj.jpg) top center no-repeat;}
#m1{width:465px; height:240px; background:url(../image/nav_mbg.jpg) repeat-x; border-bottom:5px #0F61C4 solid;}
.m1lf{float:left; width:130px; padding-left:30px; background:url(../image/nav_lfbg.jpg) no-repeat right center; height:210px; padding-top:30px;}
.menu ul{clear:both;text-align:left; font-size:12px;}  
.menu ul li,.m1lf ul{position:static; float:left;}
.m1lf ul li{width:120px; height:22px; line-height:22px; margin-top:0px; margin-bottom:10px; background:none; float:left;}
.m1lf ul li a{display:block; width:103px; height:22px; font-family:"微软雅黑"; background:url(../image/nav_lbg.jpg) no-repeat; font-size:12px; line-height:22px; color:#656565; padding:0px; text-align:center; margin:0px;}
.m1lf ul li a:hover,.m1lf ul li a.aon{border:none; height:22px; line-height:22px; color:#fff; background:url(../image/nav_lhbg.jpg) no-repeat; text-decoration:none;}
.m1rt{float:right; display:block; width:235px; padding-right:35px; padding-top:30px;}
.m1rt img{float:left;}
.m1rt span{line-height:20px; color:#595959; padding-top:10px; line-height:20px; width:100%; font-size:12px; font-weight:normal; float:left;}
.m1rt_v1{width:150px; height:280px; padding-right:10px; float:left;}
.m1rt_v1 img{width:150px; height:100px; float:left;}
.m1rt .m1rt_v1 span{padding:0px; height:120px; overflow:hidden;}

/*导航*/
.nav_menu{ height:100px; background: white;float: right;}
.nav_menu .ul{ height: 100px;}
.nav_menu .tel{float: right;margin-top: 28px;}
.mainlevel{width: 125px; height:100px; text-align:center; position:relative; z-index:88; float:left;}
.mainlevel a{  height:100px; line-height:100px;width: 100%; display:inline-block; font-size:16px; color:#666666;}
/*.mainlevel>a:hover,.mainlevel>a.active{background: #0b84dd;color: #fff;border-right: 1px solid #eee;border-left: 1px solid #eee; width: 118px;}*/
.mainlevel ul{width:118px; display: none; position:absolute;top: 100px;left: 1px; padding:10px 0; background: #0b84dd; z-index:9;}
.nav_menu .ul .active{
    background: #0b84dd;
}
.nav_menu .ul .active a span{
    color: #fff;
}
.nav_menu .ul .mainlevel:hover{
    background: #0b84dd;
}
.nav_menu .ul .mainlevel:hover a{
    color: #fff;
}
.mainlevel ul li:hover{
    background: #b7cde0;
}
.mainlevel li{width:100%; height:30px; line-height:30px;}
.mainlevel li a{width:100%;display:block; padding:0px; height:30px; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{border-bottom: 4px solid #0b84dd; font-weight:normal; color:#fff;}
.nav_menus{
    width: 100%;
    height: 6px;
}
/*ban*/
#full-screen-slider{width:100%; height:700px; position:relative; z-index:0 }
#slides{display:block; width:100%; height:700px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:700px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:700px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:17px; height:17px; float:left; margin-left:15px; background:url(../image/ban_1.png) no-repeat; }
#pagination li a{display:block; width:100%; height:17px; padding:0; margin:0; font-size:0px;}
#pagination li.current{background:url(../image/ban_2.png) no-repeat;}
/*daohang*/
.daohang1{
    border-bottom: 1px solid #eeeeee;
    height: 50px;
    line-height: 50px;
	background:#F6F6F6;
}
.daohang1 span{
    font-size: 14px;
    color: #666666;
}
.daohang1 span a:hover{
    color: #0f61c4;
    font-size: 14px;
}

.main3_1s{
    width: 610px;
    height: 308px;
    overflow: hidden;
    margin: 65px auto 60px auto;
    display: block;
}
/*video*/
/*video*/
.dlg-video{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:repeat url(../image/bg_mask.png);z-index:99}
.video-show{display:none;position:fixed;top:50%;left:50%;width:580px;height:430px;margin-top:-215px;margin-left:-290px;z-index:100}
.video-show p{height:30px;line-height:30px;padding-left:10px;color:#fff;font-size:14px;background:#333}
.video-show p .j-close{float:right;width:30px;height:30px;background:no-repeat url(../image/close.png) 5px 5px;cursor: pointer;}

/*jiaotong*/
.jiaotong{
    width: 100%;
    height: 355px;
    background: #eeeeee;
    padding-top: 55px;
}

.jiaotong_1{
    width: 799px;
    height: 299px;
    background: #ffffff;
    float: left;
}
.qizi{
    width: 222px;
    height: 299px;
    background: url("../image/qizi.jpg") no-repeat center;
    position: relative;
    float: left;
}
.qizi_h2{
    position: relative;
    top: 115px;
    text-align: center;
    font-weight: bold;
    color: #045298;
    font-size: 22px;
}
.qizi_h3{
    position: relative;
    top: 115px;
    text-align: center;
    color: #045298;
    font-size: 12px;
}
.qizi1{
    padding: 43px;
    float: left;
    width: 490px;
    height: 209px;
}
.qizi1 a:hover .gaikuang_p p{
    color: #0b84dd;
}
.gaikuang{
    height: 68px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 16px;
}
.gaikuang_h2{
    font-size: 20px;
    color: #000;
}
.gaikuang_h3{
    color: #b9b9b9;
    font-size: 20px;
}
.gaikuang_p{
    width: 490px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 39px;
}
.gaikuang_p p{
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}
.chakan{
    color: #005098;
}
.jiaotong_2{
    width: 345px;
    height: 134px;
    float: right;
    background: url("../image/jiaotong_2.jpg") no-repeat center;
    margin-bottom: 30px;

}
.jiaotong_2 .jiaotong_2_h2{
    color: #e99134;
    font-size: 22px;
    margin-top: 30px;
    margin-left: 25px;

}
.jiaotong_2 .jiaotong_2_h3{
    margin-left: 25px;
    font-size: 14px;
    color: #666666;
}
.jiaotong_2:hover .jiaotong_2_h3{
    color: #0b84dd;
}
.jiaotong_3{
    width: 345px;
    height: 134px;
    float: right;
    background: url("../image/jiaotong_3.jpg") no-repeat center;
}
.jiaotong_3 .jiaotong_3_h2{
    color: #045199;
    font-size: 22px;
    margin-top: 30px;
    margin-left: 25px;
}
.jiaotong_3 .jiaotong_3_h3{
    margin-left: 25px;
    font-size: 14px;
    color: #666666;
}
.jiaotong_3:hover .jiaotong_3_h3{
    color: #0b84dd;

}
/*产品*/
/*chanpin*/
.chanpin{
    width: 100%;
    background-color: #fff;
    padding-top: 40px;

}
.chanpin hr{
    position: relative;
    top: 20px;
    z-index: 0;
    height:1px;border:none;border-top:1px solid #eaeaea;
}
.chanpin1{
    width: 100%;
    position: relative;
    z-index: 1;
}
.chanpin1_h2,.chanpin1_h3,.chanpin1_h4{
    text-align: center;
    color: #333;
}
.chanpin1_h2{
    font-size: 26px;
    width: 150px;
    margin: 0 auto;
    background: #FFFFFF;
}
.chanpin1_h3,.chanpin1_h4{
    font-size: 16px;
}
.chanpin1_h4{
    margin-top: 22px;
}
.chanpin2{
    width: 100%;
    margin: 60px auto 0 auto;
}
.chanpin2s{
    width: 83%;
    margin: 0 auto;
}
.chanpin2 span{
    display: inline-block;
    width: 130px;
    height: 35px;
    text-align: center;
    margin: 3px;
    line-height: 35px;
	border:1px solid #EEEEEE;
}
.chanpin2 span:hover{
    background: #025196;
}
.chanpin2 span a:hover{
    color: white;
    display: block;
}
.chanpin2s .chanpin2s_span{
    background: #025196;

}
.chanpin2s .chanpin2s_span a{
    color: #fff;
}




.in_al{ width:100%; background:#fff; margin:0 auto; margin-top:40px; overflow:hidden; clear:both;margin-bottom: 80px;}
.in_al_title{ width:1280px; height:63px; margin:0 auto ; margin-top:25px;}
.in_al_title_1{ width:260px; height:63px; margin:0 auto; line-height:63px; text-align:center; color:#304B9B; margin:0 auto; font-size:32px; color:#003366;}

.in_pro_list{ width:1200px; height:auto; margin:0 auto; margin-top:25px;}
ul.products_list{ padding-top:0;}
ul.products_list li{ float:left;}
ul.products_list li ul li { float:none; text-align:center; width:270px; margin:0; height:230px;}

.product_list_image { width:330px; display:block; background:#FFF; margin-right:20px; padding:5px;border: 1px solid #ececec;}
.product_list_image a img{  width: 100%;  height: 203px;}
.product_list_title { width:100%; height:40px; margin:0 auto;}
.product_list_title a{ width:100%; height:40px; line-height:40px; margin:0 auto; color:#666; text-align:left; display:block;}
.product_list_title a:hover{ color:#0e5698;}

#demo { overflow:hidden; width:1200px; }
#indemo { float:left; width:1800%;}
#demo1 { float:left;}
#demo2 {float:left;}


.in_pro_list1{ width:1200px; height:auto; margin:0 auto; margin-top:25px;}
ul.products_list1{ padding-top:0;}
ul.products_list1 li{ float:left;}
ul.products_list1 li ul li { float:none; text-align:center; width:260px; margin:0; height:300px;}

.product_list_image1 { width:260px; display:block; background:#FFF; margin-right:20px; padding:5px;border: 1px solid #ececec;}
.product_list_image1 a img{  width: 100%;  height: 300px;}
.product_list_title1 { width:100%; height:40px; margin:0 auto; text-align:center; line-height:40px;}
.product_list_title1 a{ width:100%; height:40px; line-height:40px; margin:0 auto; color:#666; text-align:left; display:block;}
.product_list_title1 a:hover{ color:#0e5698; line-height:40px;}

.obj1{
    width: 100%;
    background: #0e5698;
    height: 271px;
}
.obj1 .w1201 .obj1_1, .obj1_2{
    width: 300px;
    height: 239px;
    float: left;
    margin-top: 32px;
    overflow: hidden;
}
.obj1 .w1201 .obj1_2{
    background: white;
    padding: 0 20px;
    width: 260px;
}
.obj1 .w1201 .obj1_2:hover a div{
    color: #0e5698;
}
.obj1_2_h2{
    margin-top: 47px;
    font-size: 16px;
    color: #333;
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    overflow-wrap: normal;
}
.obj1_2_p{
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #666;

}
.obj1_2_div{
    margin-top: 26px;
    font-size: 14px;
    color: #666;
}
.obj2{
    width: 100%;
    background: #e8e8e8;
    height: 271px;
}
.obj2 .w1201  .obj2_1, .obj2_2{
    width: 300px;
    height: 239px;
    float: left;
    overflow: hidden;
}
.obj2 .w1201 .obj2_2{
    background: white;
    padding: 0 20px;
    width: 260px;
}
.obj2_2_h2{
    margin-top: 47px;
    font-size: 16px;
    color: #333;
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    overflow-wrap: normal;
}
.obj2_2_p{
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #666;

}
.obj2_2_div{
    margin-top: 26px;
    font-size: 14px;
    color: #666;
}
.obj2 .w1201 .obj2_2:hover a div{
    color: #0e5698;
}
/*生产场景*/
.shengchan{
    width: 100%;
    background: #FFFFFF;
    height: 420px;
    margin-top: 60px;
    position: relative;
}
.shengchan hr{
    position: relative;
    top: 20px;
    z-index: 0;
    height:1px;border:none;border-top:1px solid #eaeaea;
}

.in_al{ width:100%; height:330px; margin:0px auto 0 auto; }
.in_al1{ width:100%; height:380px; margin:0px auto 0 auto; }
.in_al_width{ width:1334px; height:auto; margin:0 auto; clear: both;}

.contact{
    width: 100%;
    background: url("../image/footer.jpg") no-repeat center;
    height: 382px;
	margin-top:80px; overflow:hidden; clear:both;
}
.contacts{
    width: 550px;
    float: right;
    height: 382px;
}
.contacts_1{
    height: 60px;
    line-height: 60px;
}
.contacts_1 span{
    display: inline-block;
    color: #0e5698;
    font-size: 20px;
}
.contacts_1_span{
    margin: 0 7px;
}
.contacts_2{
    margin-top: 35px;
}
.contacts_2 div{
    font-size: 24px;
    color: #ffcc00;
    margin-bottom: 17px;
}
.contacts_2 p{
    line-height: 26px;
    color: #fff;
}


/*底部*/
.footer{
    padding-top: 30px;
    clear: both;
    height: 250px;
}
.footer_ul{
    width: 169px;
    text-align: center;
    border-left: 1px solid #eeeeee;
    float: left;
    height: 210px;
}
.footer_ul_s{
    border-right: 1px solid #eeeeee;
}
.footer_ul .footer_ul_li a{
    font-size: 16px;
    color: #0e5698;
}
.footer_ul li{
    font-size: 14px;
    line-height: 30px;
    color: #333333;
}
.footer_ul li a:hover{
    color: #0e5698;
}
.footers{
    width: 100%;
    height: 50px;
    background: #0e5698;
}
.footers_p{
    line-height: 50px;
    height: 50px;
    color: white;
    float: left;
	font-size:14px;
}

.footer_b{
    float: right;
    line-height: 50px;
    color: white;
	font-size:14px;
}
/*内容页*/
/*.about*/
.about{
    margin-top: 20px;
    margin-bottom: 20px;
}
.about .w1201 p{
    line-height: 25px;
    font-size: 14px;
}
.about_msg{ width:1200px; height:auto; margin:0 auto; line-height:30px; text-align:left; font-size:14px; margin-top:30px; overflow:hidden; clear:both; }

/*产品列表*/
.pro_list { width:1200px; margin:0 auto; padding-top:10px;}
.pro_list li{ width:270px; height:255px; border:1px solid #E3E3E3; float:left; margin: 0 10px 40px 10px;}
.pro_list li .imgs{ padding:5px;}
.pro_list li .title{ width:270px; height:40px; line-height:40px; text-align:center;}

/*产品列表*/
.pro_list2 { width:1200px; margin:0 auto; margin-top:20px;}
.pro_list2 li{ width:270px; height:310px; border:1px solid #E3E3E3; float:left; margin: 0 10px 40px 10px;}
.pro_list2 li .imgs{ padding:5px;}
.pro_list2 li .title{ width:270px; height:30px; line-height:30px; text-align:center;}


.contact_p{
    width: 50%;
    float: left;
    margin-top: 20px;
}
.contact_p div{
    color: #666;
    font-size: 16px;
}
.contact_img{
    float: right;
    width: 50%;
    margin-top: 20px;
}

.contact_img_div{
    width: 100px;
    height: 120px;
    float: right;
}
.contact_img_img{
    width: 100px;
    height: 100px;
}
.contact_img_p{
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #666;
    text-align: center;
}

/*内页新闻列表*/
.news_list{margin:0 auto; width:1200px; margin-top:10px;}
.news_list li{ height:40px; *height:40px;  _height:40px; padding-left:0px; width:1200px; clear:both;  overflow:hidden; border-bottom:1px dashed #ccc;}
.news_list li a{ line-height:40px; *line-height:40px;  _line-height:40px; color:#5d5d5d; float:left; overflow:hidden; padding-left:15px; background:url(../image/dian.jpg) center left no-repeat;}
.news_list li a:hover{ line-height:40px; *line-height:40px;  _line-height:40px; color:#0991DF; float:left; overflow:hidden; padding-left:15px; background:url(../image/dian.jpg) center left no-repeat;}
.news_list li p{float:right; width:40%; text-align:right; line-height:40px; *line-height:40px;  _line-height:40px; padding-right:10px; font-size:12px;}

/*联系我们内容*/
.contact1{ width:1200px; margin:0 auto; margin-top:40px; maoverflow:hidden; clear:both;}
.contact_dt{ width:400px; height:400px; float:right;}
.contact_lx{ width:550px; height:400px; float:left; margin-right:20px;}
.contact_lx li{ width:500px; height:30px; line-height:30px; text-align:left; border-bottom:1px dashed #E0E0E0;}
.contact_lx_mc{ font-family:"微软雅黑"; font-size:16px; color:#FF6600; font-weight:bold;}
.contact_lx_ewm{ width:134px; height:134px; margin-top:10px; text-align:center; line-height:30px;}

.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:300px;
    width: 77px;
    z-index:999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size:12px;
    height:40px;
    line-height:40px;
    margin-top:0px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.wx_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../image/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
	font-size:12px;
    text-align: center;
}
.lxfx li {
    background:#0D64C3;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

.ny_wlxs_all{width:800px; margin:50px auto; position:relative}
.ny_wlxs_all img{width:100%; height:auto; display:block;}

.map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius:12px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background-color: rgba(26, 26, 26, 0.7);
    border: 2px solid #408fda;
}

.map-point .content {
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    left: 50%;
overflow: auto; }


.map-point .content *{
    display:none;
    -ms-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
}
.map-point.active *{display:block;text-align:center;}
.map-point.active{
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 250px;
    height: 300px;
    color: #e5e5e5;
    z-index: 99;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    border-radius:0px;
    border: none;
}
.map-point.active .content{
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    overflow: hidden;
}
.map-point.active .content a:hover,.map-point.active .content a:active {
    color: #afe1fa;
}

.map-point:focus *{display:block;}
.map-point:focus {
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 250px;
    height: 300px;
    color: #e5e5e5;
    z-index: 99;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    border-radius:0px;
    border: none;
}
.map-point:focus .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    overflow: hidden;
}
.map-point:focus .content a:hover,.map-point:focus .content a:active {
    color: #afe1fa;
}
.centered-y {

    height:100%;
    overflow:auto; padding:20px 10px 0
}

.map-point h2{text-transform:uppercase;width: 90%;margin-left: 12px;padding-bottom:0px;word-break:break-all;word-wrap:break-word;font-size: 23px;}
.map-point h3{text-transform:uppercase;border-bottom: 1px solid #f8f8f8;width: 100%; margin-top:10px; word-break:break-all;word-wrap:break-word;font-size:16px;}
.map-point p{font-size:14px; color:#fff; line-height:26px;}

.map_1{top:34%;left:20%}
.map_2{top:67%;left:85%}
.map_3{top:55%;left:82%}
.map_4{top:48%;left:56.5%}
.map_5{top:59.5%;left:83.5%}
.map_6{top:66.5%;left:50%}
.map_7{top:55%;left:72%}
.map_8{top:61%;left:78.5%}
.map_9{top:43%;left:74%}
.map_10{top:49%;left:78%}
.map_11{top:73%;left:76.5%}
.map_12{top:50%;left:38%}
.map_13{top:25%;left:89%}