#header{ height:125px; z-index:9999;}
#header .logo{ float:left; margin-top:35px;}
#header .logo img{ max-height:53px;}
#header .logo img.logo-index{ display:none;}

/*---菜单---*/
.nav{ float:right; height:35px; margin-top:45px;}
.nav li.nLi{float:left;display:inline;position:relative; margin-right:80px;}
.nav li.nLi:last-child{ margin-right:0px;}
.nav li.nLi h3{font-weight: normal;}
.nav li.nLi h3 a{color:#333;font-size:16px; display: block; height:32px; text-align:center; }
.nav li.nLi h3 a:hover,
.nav .active h3 a {border-bottom:#006C5E solid 3px;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:-20px; top:47px; z-index:9999; width:100px; background:#fafafa; padding:10px;border-radius: 0 0 5px 5px;box-shadow: #666 3px 3px 5px;border-top:#006C5E solid 3px;}
.nav .sub li{line-height:30px;}
.nav .sub li a{display:block; font-size:14px; height:30px;line-height:30px;color:#545454; padding-left:10px;}
.nav .sub li a:hover{color:#006C5E;}

.banner-txt{ color:#fff; margin-top:200px;}
.banner-txt .group{ font-size:42px; height:55px;}
.banner-txt .line{height: 4px; width: 244px; margin:30px 0 15px 0;background-color: #fff; overflow: hidden;}
.banner-txt .f-title{ font-size:42px; font-weight:700;}
.banner-txt .f-subtitle{ font-size:32px; height:36px;}

#footer {background:#222; overflow:hidden; padding:30px 0; font-size:12px; color:#666;}
#footer i{ font-style:normal; display:inline-block; padding:0 8px; height:14px; overflow:hidden;}
#footer p{padding:5px 0;}
#footer .bdsharebuttonbox{ margin-top:25px;}
#footer .bdsharebuttonbox span{ float:left; height:28px; line-height:28px;}

/*关于我们*/
.subBanner{ width:100%;}
.subBanner img{ display:block; width:100%;}

.c-banner{ background:url(../images/cbg.jpg) center no-repeat; background-size: cover; padding-top:80px; padding-bottom:80px;}
.c-banner-txt{ width:650px; margin:0 auto;}
.c-banner-txt h2{ color:#006C5E; font-size:45px; text-transform:uppercase; font-family:Arial; font-weight:500; text-align:center; line-height:120%;}
.c-banner-txt h3{ color:#000; font-size:35px; font-weight:500; text-align:center; line-height:120%; margin-bottom:80px;}
.c-banner-txt img{ float:left;}
.c-banner-txt .txt{ float:right; font-size:18px;color:#000;}
.c-banner-txt .txt strong{ font-size:30px; font-weight:500;}
.c-banner-txt .txt2{text-align:center; border-top:#006C5E solid 1px; margin-top:70px; padding-top:60px;color:#000;}
.c-banner-txt .txt2 strong{ font-size:24px; font-weight:500;color:#006C5E;}
.c-banner-txt .txt2 p{ font-size:18px;text-transform:uppercase;}

.page-about{ height:500px;}
.page-about img{ float:left; display:block; width:400px;}
.page-about img.gray:hover {-webkit-filter: none;filter: none;}
.page-about .box{float:right; width:600px; height:300px; margin-top:50px; box-shadow: 0 0 15px 0 #ddd; }
.page-about .box .text { padding: 50px;color: #777; line-height:28px;}
.page-about .box .text h2{ font-size:28px;}
.page-about .box .text p{ margin-top:30px; font-size:18px; line-height:2.5;}

.course-box .lang{ }
.course-box .zh{font-size:30px; color:#333;font-weight:700}
.course-box .zh .zh-en{margin-top:20px;color:#555; font-weight:700;font-size:24px;}
.course-box .line-text{padding-bottom:14px;border-bottom:4px solid #006C5E}
.course-box .o-h {overflow: hidden}
.course-box .course-line { padding:60px 0;}
.course-box .course-line .line-top { float: right; width: 530px;height: 44px; border-left: 2px solid #aaa}
.course-box .course-line .left-box { float: left; width: 528px; border-right: 2px solid #aaa; text-align: right; position: relative}
.course-box .course-line p { font-size: 16px; color:#777; line-height:28px;}
.course-box .course-line .left-box .con { margin-right: 20px; padding-bottom: 20px}
.course-box .course-line .time { font-size: 20px; color: #006C5E; font-weight:700;}
.course-box .course-line .zh-tag{ margin-top:10px;}
.course-box .course-line .line-bottom { border: none}
.course-box .course-line .left-box .radius { position: absolute; top: 5px;right: -6px;height: 10px; width: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAIAAADJDItPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YTk2NzZkYy0wNWFmLTQzYzYtOGQ1OC1mMWM5ZDVhZDNkNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDczOEVCODlDNTlEMTFFNjg1M0I5MDM3MTlDODFGMjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDczOEVCODhDNTlEMTFFNjg1M0I5MDM3MTlDODFGMjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzIxNTU0MkZFQ0NFNjExOTdGRUI3MDk0OTJFNjY1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1YTk2NzZkYy0wNWFmLTQzYzYtOGQ1OC1mMWM5ZDVhZDNkNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tH8PVAAAApElEQVR42nSQTQqFIBSFX7eiJjUJBGkBTQIX0PobOG/iAgQRnKiDoMAO9Og9CO9AD9/HwZ8ipfTJT3VvIQSllHMOeRiGaZq6rkMu0LbWrut6nuevVFXLsjDGCFRK+e8wDyRjzL7v71MBoSjGmLsXFDVNk9NQxDkvy/LtAKGobVshxFsDQhX3t2itt23z3iP3fT/P8ziO33c/jeM4sNZ1/ZBLgAEAmrpNo9KswP4AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    z-index: 1000
}
.course-box .course-line .right-box {float: right; width: 530px; border-left: 2px solid #aaa; position: relative}
.course-box .course-line .right-box .con { margin-left: 20px; padding-bottom: 20px}
.course-box .course-line .right-box .radius { position: absolute; top: 5px; left: -6px; height: 10px; width: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAIAAADJDItPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YTk2NzZkYy0wNWFmLTQzYzYtOGQ1OC1mMWM5ZDVhZDNkNjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDczOEVCODlDNTlEMTFFNjg1M0I5MDM3MTlDODFGMjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDczOEVCODhDNTlEMTFFNjg1M0I5MDM3MTlDODFGMjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQzIxNTU0MkZFQ0NFNjExOTdGRUI3MDk0OTJFNjY1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1YTk2NzZkYy0wNWFmLTQzYzYtOGQ1OC1mMWM5ZDVhZDNkNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tH8PVAAAApElEQVR42nSQTQqFIBSFX7eiJjUJBGkBTQIX0PobOG/iAgQRnKiDoMAO9Og9CO9AD9/HwZ8ipfTJT3VvIQSllHMOeRiGaZq6rkMu0LbWrut6nuevVFXLsjDGCFRK+e8wDyRjzL7v71MBoSjGmLsXFDVNk9NQxDkvy/LtAKGobVshxFsDQhX3t2itt23z3iP3fT/P8ziO33c/jeM4sNZ1/ZBLgAEAmrpNo9KswP4AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    z-index: 1000
}

.financing-box{ padding-bottom:80px;}
.financing-box .zh{font-size:30px; color:#333;font-weight:700}
.financing-box .zh .zh-en{margin-top:20px;color:#555; font-weight:700;font-size:30px;}
.financing-box .line-text{padding-bottom:14px;border-bottom:4px solid #006C5E}
.financing-box .left { float:left; width:320px;}
.financing-box .left .lang {text-align: right}
.financing-box .lang .line { height: 4px; width: 50px; display: inline-block; margin-top: 12px}
.financing-box .zh .en { margin-top: 12px}
.financing-box .des { margin-top: 44px}
.financing-box .left .des p {  font-size: 16px}
.financing-box .left .bottom { font-size: 16px; margin-top: 12px}
.financing-box .left a {color: #006C5E;text-decoration: underline}
.financing-box .rihgt { float:right; width:600px;}
.financing-box .financing-info { float:left; width:280px; position: relative; overflow: hidden;font-size: 16px;color: #fff; z-index: 1000; margin-bottom: 18px}
.financing-box .financing-info:nth-child(2n){ float:right;}
.financing-box .financing-info .img-box { float: right; width: 220px; height: 156px; margin-bottom: 12px}
.financing-box .financing-info .img-bg1 { background: url(../images/s1.png) no-repeat; background-size: 100% 100%}
.financing-box .financing-info .img-bg2 { background: url(../images/s2.png) no-repeat; background-size: 100% 100%}
.financing-box .financing-info .img-bg3 {background: url(../images/s3.png) no-repeat; background-size: 100% 100%}
.financing-box .financing-info .img-bg4 { background: url(../images/s4.png) no-repeat; background-size: 100% 100%}
.financing-box .financing-info .bottom { position: absolute; bottom: 0; width: 120px;height: 80px; opacity: .7; line-height: 22px; text-align: center; background-color: #000; display: flex; align-items: center; justify-content: center; cursor:pointer;}
.financing-box .financing-info .bottom:hover { background-color: #006C5E}

.buy-box {margin-top: 100px; padding: 90px 0;text-align: center; background: url(../images/buy.png) no-repeat; background-size: 100% 100%; width: 100%; color: #fff}
.buy-box .zh{color:#fff}
.buy-box .zh .zh-en{color:#fff;}
.buy-box .des { margin-top: 44px; text-align: center}
.buy-box .des p { font-size: 15px}
.buy-box .buy-info { float:left; width: 21%; margin-top:75px; margin-right:5.3333%; align-items: center;}
.buy-box .buy-info:last-child{ float: right; margin-right:0;}
.buy-box .buy-info div{ border: 1px solid #fff; height: 90px; line-height:90px; font-size: 18px}
.buy-box .buy-info:hover div {background-color: #006C5E; border: 1px solid #006C5E}

.invest-box {background-color: #f5f5f5; margin: 200px auto 150px}
.invest-box .col-left { float:left; width:450px; position: relative; height: 420px}
.invest-box .col-left .left { position: absolute; top: -80px; bottom: 55px; width: 95%; background: url(../images/q.png) no-repeat; background-size: 100% 100%; z-index: 1000;}
.invest-box .col-left .left:hover {-webkit-filter: none;filter: none;}
.invest-box .col-left .left-border {position: absolute; top: -20px;bottom: -50px;left: 50px; width: 90%; border: 1px solid #006C5E;}
.invest-box .col-right { float:right; width:570px; position: relative; height: 420px;}
.invest-box .col-right .right { position: absolute; top: -80px; bottom: -100px}
.invest-box .col-right .content { font-size: 14px; margin-top: 35px; color:#777;}
.invest-box .col-right .text { margin-top: 12px; overflow: hidden}
.invest-box .col-right .tit { float: left; width: 25%; font-weight: 600; text-align: justify;}
.invest-box .col-right .tit:after {display: inline-block;width: 100%;content: '';}
.invest-box .col-right .quto-box {float: left; width: 5%;text-align: center; margin-top: 3px}
.invest-box .col-right .text-right { width: 70%;  float: left; text-align: left}

.bond-box { margin: 80px 0 126px;}
.bond-box .bond-left{ float:left; width:740px;}
.bond-box .col-band { float:left; width:240px; margin-right:10px; cursor: pointer;}
.bond-box .col-band:last-child{ float: right; margin-right:0;}
.bond-box .bond-info { position: relative; width: 100%; height: 543px; color: #fff}
.bond-box .img-bg1 {background: url(../images/z1.png) no-repeat; background-size: 100% 100%}
.bond-box .img-bg2 {background: url(../images/z2.png) no-repeat; background-size: 100% 100%}
.bond-box .img-bg3 {background: url(../images/z3.png) no-repeat; background-size: 100% 100%}
.bond-box .bond-info .bottom {text-align: center; font-size: 20px; height: 70px; padding-top: 10px;display: flex; align-items: center;justify-content: center; font-weight: 600}
.bond-box .bond-info .all,
.bond-box .bond-info .bottom { position: absolute; bottom: 0;width: 100%; opacity: .7; background-color: #006C5E;color: #fff}
.bond-box .bond-info .all { display:none; top: 0; padding: 60px 0 10px}
.bond-box .bond-info .all .tit { font-size: 20px; margin-bottom: 30px;text-align: center}
.bond-box .bond-info .all p { font-size: 15px; padding:0 25px}
.bond-box .bond-info:hover .all { display: block}
.bond-box .bond-info:hover .bottom{ display:none;}
.bond-box .bond-right{ float:right; width:300px;}
.bond-box .bond-right .text {margin-top: 15px;font-size: 15px}
.bond-box .bond-right .text2 { margin-top: 37px; font-size: 15px}
.bond-box .bond-right .more {color: #006C5E;text-decoration: underline}

.page-contact{ margin-top:100px; margin-bottom:50px;}
.page-contact img { float:right; display:block; width:450px;}
.page-contact .txt{ float:left; width:550px;}
.page-contact li{ clear:both; overflow:hidden; height:45px; line-height:45px; background:url(../images/ico-lx.png) no-repeat;}
.page-contact li.f2{ background-position:0 -47px;}
.page-contact li.f3{ background-position:0 -95px;}
.page-contact li.f4{ background-position:0 -142px;}
.page-contact li.f5{ background-position:0 -190px;}
.page-contact li.f6{ background-position:0 -240px;}
.page-contact li.f7{ background-position:0 -287px;}
.page-contact li div{ color:#252122; font-size:16px; padding-left:30px;}
.page-contact li div span { float:left; display:inline-block; width: 70px; text-align: justify;}
.page-contact li div span:after {display: inline-block;width: 100%;content: '';}

#allmap{ width:100%; height:500px; margin-top:20px; margin-bottom:50px;}
.main_con{ position:absolute; left:45%; top:0; margin-top:-100px; z-index:50; width:353px; height:212.5px; padding-left:13px; background:url(../images/main_img13.png) no-repeat; overflow:hidden;}
.main_con .t_340{ padding:0 20px 12px 20px;}
.main_con .t_340 .t_290_1{ color:#000000; font-size:14px; line-height:46px; border-bottom:#bfbfbf solid 1px;}
.main_con .t_340 .t_290_2{ color:#000000; line-height:28px; padding-top:15px; word-wrap:break-word; font-size:18px;}
.main_con .t_340 .t_290_3{ color:#000000; line-height:28px; padding-top:20px; word-wrap:break-word; font-size:12px;}


/*新闻*/
.news_list{ margin-top:10px;}

.news_list li{position:relative;border-bottom:1px dashed #ccc; padding:20px 0; overflow:hidden;}
.news_list li a{font-size:18px; font-weight:600;}
.news_list li a:hover{text-decoration:underline;}
.news_list li span{position:absolute;right:0px; color:#888; font-size:12px;}
.news_list li p{font-size:14px; margin-top:5px; color:#888;}

/*正文定义*/
#article-lsf { padding:20px 0; line-height:28px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{WIDTH: expression(this.width > 780 && this.width > this.height ? 780 : true);max-width: 780px;}
#article-lsf .imgcss{ display:block; margin:10px auto 20px auto;}
#article-lsf table{border-collapse: collapse; width:100%; margin-top:20px;}
#article-lsf table th{padding:10px; border:#aaa solid 1px;}
#article-lsf table td{padding:10px; border:#aaa solid 1px;}
#article-lsf table td p{ margin-bottom:0px;}

/*正文文章样式*/
.single_title{font-size:28px; text-align:center; color:#333; margin-top:25px;}
.single_add{color:#A0A0A0;text-align:center; padding-bottom:10px; border-bottom:#DBDEE1 solid 1px;}
.pre_next{line-height:28px;border-top:1px dotted #D7D7D7;padding:15px 0px;margin-top:15px; font-size:12px;}


/*搜索样式*/
.search-kwd{font-size:16px; font-weight:bolder; color:#000; padding:15px 0 0 10px;}

/*关键词*/
.sitetag{ padding:35px 0 10px 0; font-weight:bolder;}
.sitetag span{ margin-right:30px;}
.sitetag a{ border:#aaa solid 1px; font-weight:normal; background:#efefef; margin-right:10px; padding:0px 5px;}
.sitetag a:hover{ background:#ddd;}

/*表单*/
.table_post{ padding:0 30px;}
.table_post h1{font-size:24px; padding:10px 0; color:#3071a8;border-bottom:1px solid #ebebeb;}
.table_post h2{font-size:34px; padding:0 0 15px 0; text-align:center; color:#3071a8;border-bottom:1px solid #ebebeb;}
.table_post table{border-collapse: collapse; width:100%; margin:20px auto;}
.table_post th{ width:180px; padding:10px; font-size:14px; text-align:right; font-weight:normal;}
.table_post td{ padding:10px 10px; font-size:14px;}
.table_post em{ color:#F00; font-style:normal;font-size:14px; margin-left:5px;}
/*form*/
.table_post label{ display:block;}
.table_post label input{ margin-right:5px;}
.table_post select{ height:30px;border:1px solid #6688AA;border-color: #9ab #cde #cde #abc;-moz-border-radius: 2px;-webkit-border-radius: 2px; margin-right:20px;}
.table_post textarea{width:450px; height:100px;padding:6px 5px;border:1px solid #6688AA;border-color: #9ab #cde #cde #abc;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.table_post input[type="text"] { width:450px;color: #336699;background: url(../images/text_bg.gif) #F7FAFC repeat-x left top;border:1px solid #6688AA;border-color: #9ab #cde #cde #abc;padding:6px 5px;vertical-align:middle;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.table_post input[type="text"]:hover {border-color: #EEBB00;}
.table_post input[type="text"]:focus{color:#147;border-color: #66AFE9;background-color:#F7FAFC;	outline:1px solid rgba(102, 175, 233, 0.3);}
.table_post input.btn {
	width:150px;
	color: #fff;
	background: #66BCF7;
	border:0px;
	cursor: pointer;
	font-size:18px;
	padding: 10px 8px;
	margin-right:10px;
	vertical-align:middle;
	white-space:nowrap;
	overflow:visible;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
	-moz-transition:-moz-box-shadow linear .2s;
	-webkit-transition: -webkit-box-shadow linear .2s;
	transition: box-shadow linear .2s;
	text-align: center;
	text-transform: none;
 	-webkit-appearance: button;
	font-family:Microsoft Yahei;
}
input[type="submit"], input[type="reset"], input[type="button"] {}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus{ background:#3071a8;}




/*分页样式开始*/
.turnover { height:50px; font-family:"宋体" ;text-align:center; margin-top:30px; font-size:14px;border-top:#DBDEE1 solid 1px; padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block; height:32px; line-height:32px; padding:0 12px;margin-left:2px; text-align:center;}
.turnover a, .turnover .disabled { background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #006C5E; background:#006C5E; color:#fff;  }

.modal,.modal-open { overflow: hidden}
.modal { display: none; position: fixed; top: 0; right: 0;bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0}
.modal.fade .modal-dialog {-webkit-transform: translateY(-25%);transform: translateY(-25%); transition: transform .3s ease-out}
.modal.in .modal-dialog { -webkit-transform: translate(0); transform: translate(0)}
.modal-open .modal { overflow-x: hidden; overflow-y: auto}
.modal-dialog { position: relative;width: auto; margin: 10px}
.modal-dialog { width: 800px!important}
.modal-dialog .modal-content { width: 100%; line-height: 30px}
.modal-dialog .modal-body {width: 100%; background-color: #f6f6f6; border-radius: 5px; position: relative}
.modal-dialog .modal-body .over-box {overflow: hidden; padding: 40px}
.modal-dialog .modal-body .bottom-box { position: absolute; bottom: -50px;left: 0;right: 0; text-align: center}
.modal-dialog .modal-body .bottom-box .close-radius { position: relative; display: inline-block; height: 100px; width: 100px;border-radius: 50px; text-align: center;  background-color: #f6f6f6}
.modal-dialog .modal-body .bottom-box .close-radius .bg-close { position: absolute; top: 55%; left: 50%;  margin-top: -20px; margin-left: -20px;  background: url(../images/close.png) no-repeat;background-size: 100% 100%; width: 40px; height: 40px}
.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px;box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000}
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0)}
.modal-backdrop.in {opacity: .5; filter: alpha(opacity=50)}
.modal-header { padding: 15px;  border-bottom: 1px solid #e5e5e5}
.modal-header:after,.modal-header:before {content: " "; display: table}
.modal-header:after { clear: both}
.modal-header .close { margin-top: -2px}
.modal-title { margin: 0; line-height: 1.42857}
.modal-body { position: relative; padding: 15px; text-align:center;}
.modal-body h2{ font-size:24px; margin-bottom:15px;}
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5}
.modal-footer:after,.modal-footer:before { content: " "; display: table}
.modal-footer:after { clear: both}
.modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0}
.modal-footer .btn-group .btn+.btn { margin-left: -1px}
.modal-footer .btn-block+.btn-block { margin-left: 0}
.modal-scrollbar-measure { position: absolute;top: -9999px; width: 50px; height: 50px;overflow: scroll}

@media (min-width: 768px) {
    .modal-dialog { width:600px;  margin: 30px auto }
    .modal-content {box-shadow: 0 5px 15px rgba(0,0,0,.5)}
    .modal-sm {width: 300px}
}

@media (min-width: 992px) {
    .modal-lg { width:900px }
}