@import "icon.css";
.dropdown {
  height: 100%;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  font-family: '微软雅黑', Verdana, Geneva, sans-serif;
  padding-top: 20px;
  font-size: 12px;
  border-right:1px solid #eee;
}
.treeview .icon{
  font-size: 16px;
  font-weight: bold;
  color:#af9165;
}
.treeview .node-selected .icon{
  color:#fff;
}
.dropdown li {
  padding: 0 10px;
  font-size: 16px;
}
.dropdown li.selected {
  background-color: #f8f6f2; }
.dropdown li.selected>a{
  color:#af9165;
  font-weight: bold;
}
.dropdown li.selected>a:after{
  transform: rotate(90deg);

}
.dropdown li a {
  display: block;
  width: 100%;
  padding:  18px;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  position: relative;
  font-size: 14px;
  color: black;
}
.dropdown>li>a:before{
  content: '';
  left:0;
  height: 2px;
  width: 6px;
  background:#af9165 ;
  top:50%;
  position: absolute;
  transform: translate(0,-50%);

}
.dropdown li a:after{
  position: absolute;
  right:0;
  content: '\e665';
  font-size: 12px;
  color:#af9165;
  font-family: iconfont;
}
.dropdown li > ul li {
  padding: 0 20px; }
.dropdown li > ul li a {
  color: gray; }
.dropdown li > ul li > ul li {
  padding: 10px 0 10px 30px; }
.dropdown li > ul li > ul li a {
  color: black;
  font-size: 14px;
  text-transform: none;
  padding: 14px 0;
  cursor: pointer;
}
.dropdown li.active>a{
  color:#af9165;
  font-weight: bold;
}
.dropdown li > ul li > ul li.active a{
  color:#af9165;
  font-weight: bold;
}
.dropdown li > ul li > ul li.active a:before{

}
.dropdown li > ul li > ul li:last-child a{
  border-bottom: 0;
}
.dropdown li > ul li > ul li a:after{
  display: none;
}
.right-content h4{ font-size:16px; margin: 0 0 20px 0; }
.right-content{ line-height:22px; padding:20px }
.right-content p{ margin: 0 0 20px 0}
.right-content a{ color: #4b4b4b}
.right-content a:hover{ color: #af9165}
.right-content a:visited{ color: #4b4b4b}
.right-content .col-sm-6{ padding:0 40px 0 0}
.right-content .line{ border-bottom: 1px #CCC solid; margin: 0 0 20px 0 }
.line-top { border-top:1px solid #d8d8d8;padding:20px 0 10px 0;position:relative;}
.line-top2 { border-bottom:1px solid #d8d8d8; padding:10px 0 12px 0;position:relative; margin-bottom:15px}
.line-top img,.line-bottom img {position:absolute; top:30px; right:20px;}
.line-bottom { border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8;padding:20px 0 10px 0;position:relative; }
.case-list {width:100%;
  margin-top: 20px;}
.case-list ul { margin:0 -1%; padding:0;display: flex;flex-wrap: wrap}
.case-list ul .imgitembox { width: 30.333%;margin:10px 1%; height: 261px;float: left; overflow: hidden;}
.case-list ul li{ list-style:none}
.case-list ul li{ margin-left:-117px }
.case-list ul li img{ height:261px;
  width: 100%;}
.case-list .imgbox { height:261px; margin:0 auto; position:relative; }
.case-list .text { margin-left:117px; width:100%; height:auto; border-top:2px solid #af9165;background:rgba(0,0,0,.6); position:absolute; left:0px; bottom:0px; }
.case-list .imgbt { width:301px; height:30px; padding:0px 10px; }
.case-list .imgbt span { display:block; }
.case-list .span_a { width:110px; line-height:30px; float:left; font-size:14px; color:#af9165; padding-right:10px; }
.case-list .span_b { width:60px; line-height:30px; float:left; font-size:16px; color:#af9165; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; }
.case-list .imgtext { width:250px; height:auto; float:left; padding:10px 0 10px 10px; color:#fff; font-size:12px; line-height:200%; }
.case-list .imgtext span{
  display: none;
  line-height: 1.6;
}
.case-list .imgtext:hover span{
  display: block;
}
.case-list .imgtext a:link { color:#fff;}
.case-list .imgtext a:visited{ color:#fff;}
.case-list .imgtext a:hover{ color:#af9165;}
.case-list .imgtext p { font-size:11px; line-height:14px; margin:6px 0 6px 0;}
.case-list .text img { width:17px; height:15px;  position:absolute; float:right; top:15px; right:12px; }

/* --- main --- */
.main{ margin: 35px auto 80px auto}
.sub-title{ font-size: 12px; font-weight:bold; margin: 0 0 12px -5px}
.sub-title span.results {}
.sub-banner{ margin: 0 auto 25px!important;width:613px;display: flex;justify-content: center}
.sub-banner img{ width:100%}
.right-content h4{ font-size:16px; margin: 0 0 20px 0; }
.right-content{ line-height:22px;  }
.right-content p{ margin: 0 0 20px 0}
.right-content a{ color: #4b4b4b}
.right-content a:hover{ color: #b7232c}
.right-content a:visited{ color: #4b4b4b}
.right-content .col-sm-6{ padding:0 40px 0 0}
.right-content .line{ border-bottom: 1px #CCC solid; margin: 0 0 20px 0 }


.video-wrap{ list-style:none; padding:0; width:110%; margin: 0 0 0 -1.5% }
.video-wrap li{ float:left; margin:0 1.5% 22px 1.5%;  width: 44%;}
.video-img{ position: relative}
.video-player{ position:absolute}
.video-img img{ width:100%}
.video-title{ font-size:14px; font-weight:bold; margin: 8px 0 0 0; color:#4d4d4f}
.video-time{ color:#77787b}



.media {
  background-color:#fff;
  margin-top:20px;
}
.media-body {
  padding: 15px 5px;
}
button.red {
  border: 0;
  background-color: #b7232c;
  color: #FFF;
  font-weight: bold;
  padding:7px 20px;
  margin-top:10px;
}
/*button.red:hover{
	text-decoration:underline;
}*/
.more {
  color:#b7232c;
  font-weight:bold;
}
/*---viseo modal ---*/
button.close, .close:hover, .close:focus {
  background-color:#b7232c;
  color:#fff;
  opacity:1;
  padding: 2px 5px 5px;
}

.modal-backdrop{
  z-index: 999;
}
.blank30{
  height: 30px;
}
.rc-text{
  line-height: 1.8;
}
.line-sx { border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8; padding:30px 0 120px 0;}
.job-list { clear:both; }
.job-list-a { width:220px; text-align:left; font-weight:bold; color:#4d4d4f; float:left;}
.job-list-b { width:385px; text-align:left;  float:left;}
.job-list-test { width:190px;  text-align:left; color:#4d4d4f; float:left; line-height:30px;}
.job-an {width:110px; height:30px; background-color:#292728; color:#FFF; text-align:center; line-height:30px; font-weight:bold; float:left; margin-bottom:10px; }
.job-forms-t { width:100%; min-height:30px; margin-bottom:16px;}
.job-forms-t p { line-height:0px; color:#4d4d4f;}
.job-forms-t input { width:300px; height:30px; border:0; margin-bottom:10px; }
.submit { width:170px; height:30px;background-color:#b7232c; color:#FFF; text-align:center; line-height:30px; font-weight:bold; float:right; margin-top:20px; }
.job-filename{ float:left; margin: 0 0 0 15px; line-height:30px}


.case-list2 {width:105%;}
.case-list2 ul { margin:0; padding:0;}
.case-list2 ul li{ list-style:none}
.case-list2 ul li{ float:left; width:448px; margin:10px 20px 10px 0; }
.case-list2 ul li img{ width:448px; height:261px}
.case-list2 .imgbox { width:448px; height:261px; position:relative; float:left;}
.case-list2 .text { width:448px; height:auto; border-top:2px solid #951f27;background:rgba(0,0,0,.6); position:absolute; left:0px; bottom:0px; }
.case-list2 .imgbt { width:448px; height:30px; padding:0 10px; }
.case-lis2t .imgbt span { display:block; }
.case-list2 .span_a { width:110px; line-height:30px; float:left; font-size:14px; color:#FF3366; padding-right:10px; }
.case-list2 .span_b { width:60px; line-height:30px; float:left; font-size:16px; color:#FF3366; font-family:'微软雅黑', Verdana, Geneva, sans-serif; text-align:right; }
.case-list2 .imgtext { width:400px; height:auto; float:left; padding:10px 0 10px 10px; color:#fff; font-size:12px; line-height:200%; }
.case-list2 .imgtext p { font-size:11px; line-height:14px; margin:6px 0 6px 0;}
.case-list2 .text img { width:17px; height:15px;  position:absolute; float:right; top:15px; right:12px; }


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px; }
#n a{ padding:0 4px; color:#333}
.line-top { border-top:1px solid #d8d8d8;padding:20px 0 10px 0;position:relative;}
.line-top2 { border-bottom:1px solid #d8d8d8; padding:10px 0 12px 0;position:relative; margin-bottom:15px}
.line-top img,.line-bottom img {position:absolute; top:30px; right:20px;}
.line-bottom { border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8;padding:20px 0 10px 0;position:relative; }

.Menubox5 { width:100%; line-height:39px; float:left; float:left;}
.Menubox5 ul{ margin:0px auto;padding:0px;display: flex}
.Menubox5 li{ list-style:none;
  height:39px;
  width:24%;
  line-height:39px;
  float:left;
  display:block;
  cursor:pointer;
  text-align:left;
  padding-left:8px;
  color:#666;
  margin:0 3px 0 0px;
  background-color:#ddd;
  flex:1;
}
.Menubox5 li.hover{
  height:39px;
  line-height:39px;
  font-weight:bold;
  background:#af9165;
  color:#fff;
}
.dw-list { background-color:#FFF;
  margin-left: 20px;  line-height:50px;}
.dw-list a {color:#4d4d4f;}
.dw-list ul li{
  list-style: disc;
}


.Menubox6 { width:100%; line-height:39px; float:left; float:left; margin-bottom:10px;}
.Menubox6 ul{ margin:0px auto;padding:0px;}
.Menubox6 li{ list-style:none;

  height:30px;
  width:29%;
  line-height:30px;
  float:left;
  display:block;
  cursor:pointer;
  text-align:center;
  padding-left:8px;
  color:#FFF;
  margin:0 20px 0 0px;
  background-color:#b7232c;
}
.Menubox6 li.hover{
  height:30px;
  line-height:30px;
  color:#FFF;
  background-color:#000000;
}

.Menubox4 { width:97%; line-height:39px; float:left; background-color:#FFF; padding-left:20px;}
.Menubox4 ul{ margin:0px auto;padding:0px;}
.Menubox4 li{ list-style:none;

  height:25px;
  width:auto;
  line-height:25px;
  float:left;
  display:block;
  cursor:pointer;
  text-align:center;
  padding-left:8px;
  padding-right:8px;
  color:#4d4d4f;
  font-weight:bold;
  margin:18px 5px 0 0px;
  background-color:#dcddde;
}
.Menubox4 li.hover{
  height:25px;
  line-height:25px;
  color:#fff;
  font-weight:bold;
  background-color:#b7232c;
}


.media-a { float:left; width:45%; margin-right:27px;}
.media-a dd { color:#b7232c; font-weight:bold; border-bottom:1px solid #d8d8d8; line-height:60px;  }
.media-a p { margin:15px 0; color:#4d4d4f;}

.atlist { background-color:#FFF; width:97%; float:left;}
.atlist ul { margin:0px; padding:0 0 30px 30px; }
.atlist ul li{ list-style:none; line-height:48px; border-bottom:1px solid #d0d0d1;width:94%;display: flex;align-items: center;justify-content: space-between }
.atlist ul li span { width:96%; float:left;}
.atlist ul li a{
  width: auto;
}

.r-list { background-color:#FFF; width:97%; float:left;}
.r-list ul { margin:0px; padding:0 0 30px 15px; }
.r-list ul div{ list-style:none; margin:20px 12px 0 0; float:left; width:131px; overflow:hidden; line-height:18px; margin-bottom:25px;}
.r-list ul li{ list-style:none; margin-left:-10px;}
.r-list ul li img { margin-bottom:8px; height:131px;}
.r-more { color:#b7232c; font-weight:bold; float:right; margin:0 20px 30px 0;display: flex;align-items: center}
.r-more a {color:#b7232c;}

.sp-list { background-color:#FFF; width:97%; float:left; padding:0 0 30px 20px;}
.sp-list p { font-weight:bold; color:#4d4d4f; line-height:50px; margin:0;}
.sp-list ul { margin:0; padding:0;}
.sp-list ul li { list-style:none; width:585px; line-height:26px;}
.sp-list ul li span.sp1 { width:228px; background-color:#d1d3d4; margin:0 1px 1px 0; display:block; float:left; padding-left:10px;}
.sp-list ul li span.sp2 { width:330px; background-color:#f1f2f2; margin:0 1px 1px 0; float:left;padding-left:10px;}
.sp-list ul li span.sp3 { width:330px; background-color:#e6e7e8; margin:0 1px 1px 0; float:left;padding-left:10px;}
.sp-list ul li {width:98%; display:table;}/*--- add by pu ---*/
.sp-list ul li span.sp1 {display:table-cell; float:none; border-bottom:1px solid #FFF;	}/*--- add by pu ---*/
.sp-list ul li span.sp2 {display:table-cell; float:none; border-bottom:1px solid #FFF;	border-left:1px solid #FFF;	}/*--- add by pu ---*/

.dr-botton { width:286px; height:81px; background-image:url(../images/r-6.jpeg); float:left; color:#FFF; padding:20px 0 0 20px; margin-top:60px; margin-right:20px;}
.dr-botton2 { width:286px; height:81px; background-image:url(../images/r-6.jpeg); float:left; color:#FFF; padding:10px 0 0 20px; line-height:18px;margin-top:60px;}

.clearfloat{display:block;clear:both;content:"";visibility:hidden;height:0; line-height:0; font-size:1px;}
/* CSS�հ� */
.blank1{margin:0 auto;height:1px;font-size:1px;clear:both;}
.blank2{margin:0 auto;height:2px;font-size:1px;clear:both;}
.blank3{margin:0 auto;height:3px;font-size:1px;clear:both;}
.blank20{margin:0 auto;height:20px;font-size:1px;clear:both;}
.blank30{margin:0 auto;height:30px;font-size:1px;clear:both;}


.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  margin:0 10px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
/*---left menu ---*/
.left-menu { }
.left-menu h3{ font-size: 16px; color:#272830;   margin: -10px 0 0 0;   padding: 0 0 5px 26px; }
.left-news h3{ font-size: 16px; color:#272830;  padding:20px 0 10px 0; }
.left-contact h3{ padding: 0 0 5px 0; }


.sub-nav{
  margin: 0 0 20px 0;
  text-transform: uppercase;

}
.sub-nav li{list-style:none; width:100%;position:relative; }
.sub-nav li a{
  display:block;
  padding:1px 20px 0 12px;
  line-height:40px;
  border-bottom: 1px solid #eee;
  color:#585858;
  width: 100%;
  background-size: 16px 10px;
  background-repeat: no-repeat;
  background-position: right center;
}

.sub-nav li a{ line-height:20px;   padding:14px 50px 14px 12px;  }
.sub-nav .second{ margin: 0 0 0 -20px; }
.sub-nav .second span{
  width: 100%;
}
.sub-nav .second a{padding:12px 50px 12px 30px;
  width: 100%;}
.sub-nav .second p{ margin: 0 0 0 -20px; }
/*.sub-nav .second p a{padding: 0 0 0 60px; line-height:40px;}*/
.sub-nav .second p a{padding:12px 24px 12px 60px;
  border-bottom: 1px solid #eee;}
.sub-nav .second p .current{color:#af9165;}
.sub-nav li a:hover{
  color:#af9165;
  text-decoration:none;
}
.sub-nav li span.r-left { }
.sub-nav li span.r-right {width:30%; position:absolute; top:11px; right:29px; color:#b7232c; text-align:right;}
/**.sub-nav li:first-child a{ border-top: 1px solid #d8d8d8}**/
.sub-nav .current > a{
  color:#af9165;
}
.second {padding-left:20px;}
.second p {padding-left:20px;}
.second p a{ border:0px;}

/* --- main --- */
.main{ margin: 35px auto 80px auto}
.sub-title{ font-size: 12px; font-weight:bold; margin: 0 0 12px -5px}
.sub-title span.results {}
.sub-banner{ margin: 0 0 25px 0}
.sub-banner img{ width:100%}
.right-content h4{ font-size:16px; margin: 0 0 20px 0; }
.right-content{ line-height:22px;overflow: hidden  }
.right-content p{ margin: 0 0 20px 0}
.right-content a{ color: #4b4b4b;}
.right-content a:hover{ color: #b7232c}
.right-content a:visited{ color: #4b4b4b}
.right-content .col-sm-6{ padding:0 40px 0 0}
.right-content .line{ border-bottom: 1px #CCC solid; margin: 0 0 20px 0 }

.left-menu h4{ font-size:13px; }
.left-menu h5{ font-size:13px; line-height: 20px;}
.left-menu .media{ width: 98%; margin-top: 15px;}
.left-menu .media a{ color:#555}
.left-menu .media:hover{ border:1px solid #c6c7c8;}
.left-item a:visited{text-decoration:none;}
.left-item a:focus{text-decoration:none;}
.left-item a:hover {text-decoration:none;}
.left-item {height:98px;}


.left-menu .row{ margin-bottom: 30px;}
.navigation { text-align:right; height: auto;margin-bottom: 6px; color:#77787b; font-size:11px;}
.navigation a:link{ color:#77787b}
.navigation a:hover{ color:#77787b}
.navigation a:visited{ color:#77787b}
.list-group-item{
  border:none!important;
}
.treeview{
  padding-top: 16px;
  border-right:1px solid #eee;
  height: 100%;
  position: relative;
}
.list-group-item:first-child{
  border-radius:0
}
.list-group-item:last-child{

}
.node-selected{
  background: #af9165!important;
  color:#fff!important;
}
.treeview .node-treeview{
  border-bottom: 1px solid #eee!important;
  margin-bottom: 0;
}
.treeview .node-treeview:last-child{
  border-bottom: 0!important;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px 10px;
  text-indent: -999px;
  cursor: pointer;
  background: #c7c8ca;
  border-radius: 50px;
  border:none;
  opacity:1;
  z-index: 999;
}
.carousel-indicators li.active {
  background-color: #b7232c;
  border:none;
  border-radius: 50px;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.Contentbox{
  border:1px solid #eee;
  margin-right: 3px;
  overflow: hidden;
}
.Contentbox .Contentbox{
  overflow: inherit!important;
}
.video-js{
  width: 613px;
  margin-left:auto;
  margin-right: auto;
}
.treeview .list-group-item{
  display: flex;
}
.carousel-inner > .item,.carousel-inner > .item img,.carousel-inner > .item .video-js{
  height: 300px;
  object-fit: cover;
}
@media screen and (min-width: 1200px) { /*--- full size ---*/
  .modal-content {width:900px;	margin:60px auto;}
}
@media screen and (max-width: 768px) {
  .header-center{
    display: none!important;
  }
  .sub-banner{
    width: 100%;
  }
  .imgbox img,.imgbox a{
    width: 100%;
  }
}
  @media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}