body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}

body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }

img{vertical-align: middle; border:none;}

ul,ol{list-style:none outside none;}

table{border-collapse:collapse; border-spacing:0;}

button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}

a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }

a:focus {outline: 0 none;}

h1,h2,h3,h4{ font-size:100%; font-weight:normal;}

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}

.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}

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

.clearfix{*zoom:1;}

.btn{ border: none; cursor: pointer;}

html,body{ width: 100%; }

li{ list-style:none;}

em,i{ font-style: normal; }

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

/* head */

.head{ width: 100%; position: absolute; left: 0; top: 0;  z-index: 9999; border-bottom: 1px solid #dfdfdf; height: 75px; background: url(../images/navbj.png) left top; }

h1{ float: left; line-height: 75px; }

.nav_ul{ float: right; }

.nav_ul li{ float: left; margin-left: 10px; position: relative; height: 75px; }

.nav_ul li a{ display: block; font-size: 16px; color: #fff; height:73px; line-height: 73px;  width:100px; text-align: center;   }

.nav_ul li a:hover{ border-bottom:3px solid #fff; background: url(../images/xzbj.png) left top;  }

.nav_ul li .subnav{width:190px; position:absolute; left:50%; top:75px; z-index:9999999; background:url(../images/svb.png) left top;  color:#fff; text-align:center;  margin-left:-95px;

 display:none;}

.nav_ul li .subnav a{ width: 100%; border: none; height:42px;background:url(../images/bj1.png) left top; line-height:42px; text-align:center; overflow:hidden; color:#fff; margin-bottom:1px;}

.nav_ul li .subnav a:hover{ color:#fff;background:url(../images/bj2.png) left top; border: none;}



/* foot */

.foot_box{ width: 1340px; margin: 0 auto 32px;}

.foot{ background: url(../images/footbj.jpg) left top no-repeat; height: 390px; overflow: hidden;}

.foot_top{ height:132px; border-bottom: 1px solid #444444;  }

.foot_logo{ float: left; height: 132px; line-height: 132px; }

.foot_ul{ float: right; padding-top: 55px; }

.foot_ul li{ float: left; }

.foot_ul li a{ display: block; transition: all 0.5s ease 0s; font-size: 14px; color: #fff; padding: 0 14px; height: 34px; line-height: 34px; background: url(../images/line.png) right center no-repeat; }

.foot_ul li:nth-last-child(1) a{ background: none; padding-right: 0; }

.foot_ul li a:hover{ color: #4089a6; transition: all 0.5s ease 0s; }

.sul_div{ float: left; width:226px; padding: 39px 0 0 0;  }

.sulting dt{ float: left; width: 54px; height: 54px; }

.sulting dd{ float: left; margin-left: 15px; width: 152px; }

.sul_tit{ display: block; font-size:14px; color: #999999; height:23px; line-height: 23px; overflow: hidden;   }

.sul_call{ display: block; color: #fff;height:30px; line-height: 30px; font-size:24px;   }

.vip{ display: block; padding-top: 38px; height: 32px; line-height: 32px; color: #fff; font-size:14px;  }

.duty{ float: left;padding: 56px 115px 0 230px; width: 486px; }

.duty_tit{ text-align: center; height:45px; line-height: 45px; margin-bottom:24px; overflow: hidden; color: #fff;   }

.foot_duty{ font-size: 24px; padding:0 9px;  }

.user_div{ height: 35px; line-height: 35px; overflow: hidden; text-align: center;  }

.suer_i{ padding:0 16px; color: #bebdbf; font-size:16px;   }

.what{ float: right; padding-top:39px;  }

.what_img{ width: 100px; height: 100px; overflow: hidden; margin-bottom: 10px; }

.what_img img{ width: 100px; height: 100px; overflow: hidden;}

.what_tit{ display: block; height:32px; line-height: 32px; text-align: center; color: #888888; font-size: 14px;  }

.foot_share{ float: left; padding: 150px 0 0 0; width: 128px; }

.foot_share a{ display: block; float: left; margin-left: 24px; height: 32px; line-height: 32px; }

.foot_add{background: url(../images/addbj.png) left top; width: 100%; height:43px; line-height: 43px; border-top: 1px solid #302e33; }

.add_left{ float: left; font-size: 14px; color: #555454 }

.add_left a{ color: #555454; }

.add_right{ float: right; }

.add_right a{font-size: 14px; color: #555454}





/* index */

.phone_banner{ display:none;}

.flex-control-nav {display:none;}

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

.slides li .banner_img{ width:100%; height:auto;}

.slides li { position:relative; width:100%; height:auto;}

.slides {width:100%; height:auto;}

.flex-direction-nav{ display: none; }

.flex-control-paging{ position: absolute; display: block; left: 0; bottom: 30px; z-index: 99; width: 100%; text-align: center; }

.flex-control-nav li{ display: inline-block; margin:0 5px;  }

.flex-control-nav a{ display: block; font-size: 0; width: 10px; height: 10px;transition: all 0.5s ease 0s; border-radius: 10px; background: url(../images/tab.png) right center; }

.flex-control-nav a.flex-active{ background: #ffffff; width: 20px; transition: all 0.5s ease 0s; }





.us{background: url(../images/indexbj1.jpg) center top no-repeat; height: 629px;}

.index_tit{ padding-top: 72px; }

.title{ margin: 0 auto; height: 92px;  position: relative; width:320px; }

.title_word{ display: block;font-size: 36px; position: absolute; left: 0; top: 0; font-weight: bold; height: 92px; line-height: 92px; color: #000000  }

.title_img{ padding-top: 36px; text-align: right; display: block; }

.us_word{ padding: 50px 0 0 0; height: 235px; overflow: hidden; margin-bottom: 47px; }

.us_see{ font-size: 16px; display: block; transition: all 0.5s ease 0s; color: #666666; text-align: center; width:174px; height: 40px; line-height: 40px; border-radius: 5px; margin: 50px auto 73px; border: 1px solid #b2b2b2;  }

.us_see:hover{ background: #468ea2; border: 1px solid #468ea2; padding: 0 20px; color: #fff; transition: all 0.5s ease 0s; }

.testing_ul li{ float: left; width: 50%; position: relative; overflow: hidden; }

.test_inner{ position: absolute; left: 0%;   width: 100%; top: 0;padding-top: 13%;height: 100%;transition: all 1s; }

.test_img img{ width: auto;transition: all 1s ease 0s;  height: auto; max-width: 100% }

.test_h3{ font-size: 30px; font-weight: bold; color: #fff; height:74px; line-height: 74px; text-align: center;  }

.test_word{ font-size: 14px;transition: all 0.5s ease 0s; color: #cfc9cc; height:0px; line-height: 32px; overflow: hidden; width:547px; margin: 0 auto;   }

.test_see{ display: block; text-align: center; font-size: 16px; color: #fff; height:50px; line-height: 50px;  }

.test_add{ text-align: center; display: block; padding: 25px 0 20px 0; }

.use{ font-size: 16px; text-align: center; color: #666666; }

.testing_ul li:hover .test_word{ height: 64px; transition: all 0.5s ease 0s; }

.testing_ul li:hover .test_img img{ transition: all 1s ease 0s; transform: scale(1.1); }

.testing_ul li:hover .test_inner{background: rgba(0,0,0,.5);transition: all 1s;}

.use{ height: 60px; line-height: 60px; text-align: center; color: #666666; font-size: 16px; overflow: hidden;  }

.vice_ul { padding: 40px 0 0px 0; }

.vice_ul li{ float: left; width: 33.3%; position: relative;overflow: hidden; }

.vice_inner{ position: absolute; transition: all 0.5s ease 0s; box-sizing: border-box; top: -457px; left: 0; width: 100%; height: 100%; z-index: 99;background: url(../images/casebj.png) center top repeat; padding-top: 172px; }

.vice_h3{ font-size: 30px; color: #fff; display: block; height:84px; line-height: 84px; text-align: center;  }

.vice_search{background: url(../images/casesearch.png) center top no-repeat; display: none; margin: 0 auto; display: none; width: 65px; height: 65px; position: relative;}

.vice_pic{ display: block; transition: all 0.5s ease 0s; width: 59px;  height: 59px;background: url(../images/casesearch1.png) center center no-repeat;} 

.vice_ul li:hover .vice_inner{ top: 0; transition: all 0.5s ease 0s; }

.vice_ul li:hover .vice_pic{ transition: all 0.5s ease 0.3s; transform: rotate(180deg); }



.dynamic{ background: #f2f2f2; padding-bottom: 1px; }

.dytitle{ width: 232px; }

.namic{ padding: 50px 0 0 0; }

.dynamic_ul{ margin:0 0 0 -18px;  }

.dynamic_ul li{ float: left; margin: 0 0 0 18px;overflow: hidden; width: 388px; height: 510px; position: relative; }

.dy_img{ display: block;width: 388px; height: 510px;overflow: hidden;  }

.dy_img img{width: 388px; transition: all 1s ease 0s;height: 510px;overflow: hidden;}

.namic_div{ position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 30px 32px 0; background: url(../images/dybj.png) center top repeat;}

.dy_tit{ height:55px; line-height: 55px; overflow: hidden; color: #fff; font-size: 18px;  }

.dy_word{ font-size: 12px;transition: all 0.5s ease 0s; color: #fff; font-size: 12px;  overflow: hidden; height:0px; line-height: 24px;  }

.dy_time{ display: block; height:50px; line-height: 50px; overflow: hidden; font-size: 14px; color: #c1c5c7;background: url(../images/sy.png) left center no-repeat; padding-left: 40px;  }

.link_ul{ margin:0 0 0 -24px; padding:30px 0 50px 0;   }

.link_ul li{ float: left; border: 1px solid #e6e6e6; position: relative; width:218px; height: 63px; overflow: hidden; margin:0 0 33px 24px;  }

.site{ background: #eeeeee; height:50px; overflow: hidden; margin-bottom: 40px;  }

.site_ul li{ float: left; }

.site_ul li a{ display: block; height:50px; line-height: 50px; text-align: center; width:138px; font-size: 16px;   }

.site_ul li a:hover,.site_ul li a.for{ background: url(../images/sitebj.jpg) left bottom no-repeat; }

.dynamic_ul li:hover .dy_word{ height:72px;  transition: all 0.5s ease 0s; }

 .dynamic_ul li:hover .dy_img img{ transition: all 1s ease 0s; transform: scale(1.1); }



.inner_xian {

  position:absolute;

  width:100%;

  height:100%;

  left:50%;

  top:50%;

  transform: translate(-50%,-50%);

}

.inner_xian span {

  position: absolute;

  background: #468ea2;

  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)

}

.inner_xian .span_1 {

  left: 0;

  top: 0;

  width: 0%;

  height: 2px

}

.inner_xian .span_2 {

  right: 0;

  top: 0;

  width: 2px;

  height: 0%

}

.inner_xian .span_3 {

  right: 0;

  bottom: 0;

  width: 0%;

  height: 2px

}

.inner_xian .span_4 {

  left: 0;

  bottom: 0;

  width: 2px;

  height: 0%

}

.link_ul li:hover .span_1,

.link_ul li:hover .span_3 {

  width: 100%

}

.link_ul li:hover .span_2,

.link_ul li:hover .span_4 {

  height: 100%

}







.about{background: url(../images/aboutbj.jpg) center top no-repeat;}

.seat{ margin-bottom: 40px; }

.seat_left{ float: left; font-size: 36px; height: 72px; font-weight: bold; color: #000000;background: url(../images/tit1.png) 120px bottom no-repeat; line-height: 54px; width: 450px; }

.seat_right{ float: right; padding-top: 30px;  color: #afaeae;}

.seat_right a{ height:30px; line-height: 30px; overflow: hidden; color: #afaeae; transition: all 0.5s ease 0s;   }

.seat_right a:hover{ color: #4089a6; transition: all 0.5s ease 0s; }

.about_word{ padding-bottom: 140px; }

.ser_a{background: url(../images/tit2.png) 120px bottom no-repeat;}

.cont_a{background: url(../images/tit5.png) 120px bottom no-repeat;}

.vice_a{background: url(../images/tit6.png) 120px bottom no-repeat;}

.news_a{background: url(../images/tit3.png) 120px bottom no-repeat;}

.case{background: url(../images/bj.jpg) left top no-repeat; padding-bottom: 40px;}

.case_ul{ margin: 0 0 0 -25px; }

.case_ul li{ margin: 0 0 48px 25px; float: left; width: 383px; }

.case_img{ width: 383px; height: 271px; position: relative; overflow: hidden; }

.case_pic{width: 383px; height: 271px;  overflow: hidden;}

.case_pic img{width: 383px; height: 271px;  overflow: hidden;}

.around{ position: absolute; transition: all 0.5s ease 0s; z-index: 99; left: 0; background: url(../images/casebj.png) left top repeat; top: -271px;width: 383px; height: 271px;  overflow: hidden; }

.round_i{ width:39px; height: 39px; overflow: hidden; margin: 102px auto 0; position: relative; display: none;  background: url(../images/case_img1.png) left top no-repeat;}

.round_img{ display: block;transition: all 0.5s ease 0s; background: url(../images/case_img2.png) center center no-repeat; width: 36px; height: 36px;}

.round_h3{ height: 50px; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -25px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; overflow: hidden; }

.round_word{background: #f5f5f5;transition: all 0.5s ease 0s; padding:13px 18px 24px; }

.round_tit{ display: block; height: 50px;transition: all 0.5s ease 0s; line-height: 50px; overflow: hidden; font-size:16px; color: #000000  }

.round_zi{ height:48px; line-height: 24px;transition: all 0.5s ease 0s; overflow: hidden; font-size:14px; color: #8c8c8c;   }



.case_ul li:hover .round_word{background: url(../images/act.jpg) left top no-repeat;transition: all 0.5s ease 0s; }

.case_ul li:hover .round_tit,.case_ul li:hover .round_zi{ color: #fff; transition: all 0.5s ease 0s; }

.case_ul li:hover .around{ top: 0; transition: all 0.5s ease 0s; }

.case_ul li:hover .round_img{ transform: rotate(180deg); transition: all 0.5s ease 0.3s; }



.cont{ margin-bottom:154px;  }

.cont_left{ float: left; box-sizing: border-box; padding: 0 32px 0 68px; background: url(../images/cont1.jpg) left top no-repeat; width: 476px; height: 602px;}

.tact_tit{ color: #fff; text-transform: uppercase; height: 120px; line-height: 120px; padding-top:134px; font-size: 42px; display: block;  }

.tact_i{ display: block; height:50px; line-height: 50px; overflow: hidden; color: #fff; font-size:16px;   }

.cont_right{ float: right; width: 724px; height: 602px;background: url(../images/cont2.jpg) left top no-repeat; }

.cont_mess{ font-size: 14px; color: #fff; height: 32px; line-height: 32px; overflow: hidden; text-align: center; padding:60px 0 30px 0; display: block;  }

.mess_form{ padding: 0 0 0 159px; }

.mess_txt{ width: 402px; height: 50px; background: #fff; border-radius: 50px; border: none; text-align: center; color: #c8c9ca; font-size: 18px; margin-bottom: 22px; }

.mess_area{ height: 100px;    color: #c8c9ca; background: #fff; border: none; border-radius: 5px; width: 402px; margin-bottom: 22px; text-align: center; color: #c8c9ca; font-size: 18px; resize: none; padding:10px 0 0 10px; box-sizing: border-box;  }

.mess_sub{ display: block;width: 402px;transition: all 0.5s ease 0s; height: 50px; background: #d00000; border: 1px solid #d00000; color: #fff; font-size:18px;  border-radius: 50px; text-align: center; }

.mess_div{width: 402px; height: 50px; position: relative; background: #fff; border-radius: 50px;  color: #c8c9ca;  margin-bottom: 22px;}

.code_img{ position: absolute; right: 26px; top: 8px; }

.sign{ font-size: 16px;transition: all 0.5s ease 0s; display: block; text-align: center; color: #fff; border: 1px solid #ffffff;padding: 0 10px; height: 34px; line-height: 34px; margin: 0 5px 0 ;display: inline-block;}

.sign_div{ padding-top:316px ; text-align: center;}

.service{ padding: 20px 0 40px 0; }

.mess_sub:hover{ color:#d00000; background: none; transition: all 0.5s ease 0s;  }

.news_ul li{ margin-bottom:30px; height:80px;transition: all 0.5s ease 0s; padding: 0 40px; box-sizing: border-box; line-height: 80px; overflow: hidden; background: #eaeaea   }

.news_left{ display: block; width: 75%;transition: all 0.5s ease 0s; float: left; height: 80px; overflow: hidden; font-size: 20px; }

.news_right{ float: right; width: 25%;transition: all 0.5s ease 0s; text-align: right; font-size: 18px; height: 80px; overflow: hidden; }

.news_ul li:hover{ background: #468ea2;transition: all 0.5s ease 0s; }

.news_ul li:hover .news_left,.news_ul li:hover .news_right{ color: #fff; transition: all 0.5s ease 0s; }

.sign:hover{ padding: 0 20px; border: 1px solid #3f88a7; background: #3f88a7; transition: all 0.5s ease 0s; }

.news_dl{ margin-bottom:30px;  }

.news_dl dt{ float: left; width:488px; height: 335px; overflow: hidden;  }

.news_dl dt img{width:488px; height: 335px; overflow: hidden;}

.news_dl dd{ float: left; position: relative; background: url(../images/news1.jpg) left top no-repeat; width: 711px; height: 335px; padding: 0 40px; box-sizing: border-box; }

.news_tit{ display: block; transition: all 0.5s ease 0s;color: #fff; padding-top: 34px; height:80px; line-height: 80px; overflow: hidden; font-size:36px;   }

.news_zi{  overflow: hidden; height:108px; line-height: 36px; color: #fff; font-size:16px; margin-bottom: 24px;   }

.news_see{ display: block; transition: all 0.5s ease 0s;  border-radius: 5px; text-align: center; height: 40px; line-height: 40px; width: 160px; border: 1px solid #ffffff; background: #ffffff; color: #4bb9a4; font-size:16px;  }

.day{background: url(../images/news.png) left top no-repeat; padding-right: 8px; box-sizing: border-box; width: 93px; height: 93px; position: absolute; bottom: 0; right: 0;}

.day_time{ display: block; text-align: right; height:36px; line-height: 36px; padding-top:18px;color: #fff; overflow: hidden; font-size: 28px;   }

.date{ display: block; text-align: right; font-size: 16px; height:24px; line-height: 24px; color: #fff;  }

.news_tit:hover{ transform: translateX(10px); transition: all 0.5s ease 0s; }

.news_see:hover{ color: #fff; background: #4bb9a4; border: 1px solid #4bb9a4; transition: all 0.5s ease 0s; }

.seat_news{ border-bottom:1px solid #efefef; padding-bottom: 14px; }

.seat_h3{ text-align: center; font-size:30px; font-weight: bold; height:62px; line-height: 62px; color: #333333; overflow: hidden;   }

.seat_i{ display: block; text-align: center; overflow: hidden; font-size: 14px; color: #afafaf; height: 45px; line-height: 45px; }

.news_word{ padding-top: 40px; }

.end{ float: right; font-size: 14px; margin-bottom: 30px; height: 30px; line-height: 30px; color: #333; transition: all 0.5s ease 0s; }

.end:hover,.piece a:hover{ color: #468ea2; transition: all 0.5s ease 0s; }

.piece{ padding:53px 0 74px 0; border-top: 1px solid #f0f0f0 }

.piece a{ display: block; transition: all 0.5s ease  0s; height: 30px; line-height: 30px; font-size: 14px; color: #333; }











.pagination{ width:100%; text-align:center; padding:30px 0 60px 0;}

 

 .pagination>li{display:inline-block}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin:0 3px;line-height:20px;color:#ffc51a;text-decoration:none;background-color:#fff;border:1px solid #ddd;height:auto!important;text-indent:0!important;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2!important;color:#fff!important;cursor:default!important;background-color:#ffc51a!important;border-color:#ffc51a!important; height:auto!important;text-indent:0!important;}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#ffc51a}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#ffc51a;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#ffc51a}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}

   #video1{object-fit: fill!important;}

   .test_img{ display: block; width: 100%; text-align: center; }