/**头部样式开始**/
#mobnav{display: none;}
header{/* position: relative; */}
.top-s{position: absolute; width:100%; height:370px; background-size: 100%; top:0; left:0; z-index: 1000; background: url("top_bg2.png") top center repeat-x;}
.top-one{ width: 1200px; margin: 0 auto;}
.top-left{color:#fff; font-size:14px; float:left;}
.top-left a,.top-right a{color:#fff; font-size:14px; line-height: 90px; padding:0 10px;}
.logo-s{margin: 10px auto; display:block; width: 380px; position: relative;}
.logo-s img{ width: 300px;}
.top-right{color:#fff; font-size:12px; float:right; height: 0;}
.top-right li{float:right;list-style:none; position: relative;}

/**搜索样式开始**/
.header-button {text-align:center;overflow:hidden;text-transform:capitalize;position:relative;z-index:10000;display:block;width:40px;height:40px;margin-top:20px;padding:0;outline:none;border-radius:4px;cursor:pointer;font-size:12px;color:#fff;background:#0a2b5f;border:none;}
#toggle-search {float:right;background-position:-60px 0;}
#toggle-search.open:after {top:40px;}
#toggle-search:after {-moz-transition:top,0.5s;-o-transition:top,0.5s;-webkit-transition:top,0.5s;transition:top,0.5s;position:absolute;top:52px;left:50%;margin-left:-8px;content:"";border-color:transparent transparent #e1e4e7;border-style:solid;border-width:8px 8px 12px;}
#toggle-basket {position:relative;float:right;background-position:-120px 0;}
#toggle-basket:before {position:absolute;top:5px;left:0;width:2px;height:50px;content:"";background-color:#000;}
#search-form {-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:70px;right:0;width:200px;max-height:0;overflow:hidden;background-color:#e1e4e7;z-index:10000;color:#666;}
#search-form.open {max-height:60px;}
#search-form fieldset {position:relative;margin:0 60px 0 0;padding:0;border:none;}
#search-form input {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;}
#search-form input[type="text"] {width:100%;padding:0 5px 0 10px;background:transparent;border:none;}
#search-form input[type="submit"] {position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;text-transform:uppercase;color:#333;background:#c6cacd;border:none;cursor:pointer;}
/**搜索样式结束**/

/**导航样式开始**/
nav{width: 1200px; margin: 0 auto; z-index: 9999; position: absolute; top: 100px;}
.navbar-brand{padding: 15px 15px; height: auto;}
nav.navbar.bootsnav{border: none; background: rgba(255,255,255,0);}
.navbar-nav{float: left;}
nav.navbar.bootsnav ul.nav > li > a{color: #fff; text-transform: uppercase; padding: 20px 45px; font-size: 18px;}
nav.navbar.bootsnav ul.nav > li > a:hover{ color: #fff;}
nav.navbar.bootsnav ul.nav > li:hover{ background: #004fa7;}
.nav > li:after {content:"";width:0;height:5px;background:#275db4;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s;}
.nav > li:hover:after {width:100%;color:#275db4;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {content:"+";font-family:'FontAwesome';font-size:16px;font-weight:500;position:absolute;top:35%;right:10%;transition:all 0.4s ease 0s;}
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {content:"\f105";transform:rotate(90deg);}
.dropdown-menu.multi-dropdown {position:absolute;left:-100% !important;line-height:30px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {box-shadow:0 0 10px rgba(0,0,0,0.3);border:none; background: rgba(255,255,255,0.9);}
.dropdown-menu {border-bottom:3px slide #275db4;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li {font-size:16px; padding:0 0;}
/*#myCarousel{min-height: 600px}*/
/*@media only screen and (max-width:1920px) and  (min-width:990px)   {#myCarousel{min-height: 600px}}*/
@media only screen and (max-width:990px) {nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {content:" ";}
.dropdown-menu.multi-dropdown {left:0 !important;}
nav.navbar.bootsnav ul.nav > li:hover {background:#ccc;}
nav.navbar.bootsnav ul.nav > li > a {margin:0;}
#myCarousel{min-height: 400px}
}
/**导航样式结束**/
/**头部样式结束**/
/**焦点图开始**/
.slide{height: 100%; font-family: arial;}
.carousel-inner{width: 100%; top:-50px;}
.carousel-caption {position:absolute; top: 25%; z-index:0; padding: 2% 5%; background:rgba(0,0,0,0.7); text-align: left; height: 220px;}
.carousel-caption h4 {font-size: 2.4em; line-height: 1.4; text-transform:uppercase; color:#fff; font-weight:normal; letter-spacing:2px;}
.carousel-caption h4 span {font-size:0.6em; font-weight:normal; font-family:arial;}
.carousel-caption p {color:#ffffff; font-size: 1.0em; letter-spacing:3px; line-height: 1.8;}
.banner_bg{background: url("banner_bg.png") repeat-x bottom; z-index: 100; height: 87px; width: 100%; position: absolute; bottom: 50px;}
.carousel-indicators{z-index: 110;}
@media only screen and (max-width: 750px) {
.carousel-caption h4 {font-size: 1.4em; line-height: 1.2; text-transform:uppercase; color:#fff; font-weight:normal; letter-spacing:2px;}
.carousel-caption h4 span {font-size:0.4em; font-weight:normal; font-family:arial;}
.carousel-caption p {color:#ffffff; font-size: 0.4em; letter-spacing:3px; line-height:0.6; display: none;}
.carousel-control {position: absolute; top: 25%;bottom: 0; left: 0; width: 15%; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); opacity: .5}
.carousel-control.left {font-size: 3em;}
.carousel-control.right {right: 0; left: auto; font-size: 3em;}
.carousel-indicators li:nth-child(4){ display: none} 
.fa{margin-left:0px }
}
/**焦点图结束**/
/**北语新闻样式开始**/
.blcu-news{width: 1200px;height: 720px;padding-top: 20px;margin: 0 auto;}
.blcu-news .img-list{ width:100%; height: 240px;}
.blcu-news .img-list li{width:280px; height: 240px; background: #ccc; float: left; margin-right:26px ; position: relative;}
.blcu-news .img-list li:nth-child(4){ margin-right: 0;}    
.blcu-news .img-list h3{width: 280px;height: 60;background: rgba(0,0,0,0.7);position: absolute;bottom: 0;/* line-height: 43px; *//* padding: 10px 0; */margin: 0;color: #fff;}
.blcu-news .img-list .date{width: 60px; height: 60px;  background: #004fa7; color: #fff; text-align: center; padding: 10px 0; float: left;}
.blcu-news .img-list .date .txt1{font-size: 22px;}
.blcu-news .img-list .date p{ font-size: 12px; line-height: 20px;}
.blcu-news .img-list .text2{height: 40px;font-size: 16px;float:left;margin-left: 10px;margin-top: 8px;line-height: 22px;width: 70%;text-overflow:ellipsis;overflow: hidden;display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blcu-news .img-list .text2 a{ color: #fff;}
.blcu-news .img-list .text2 a:hover{ color: #004fa7;}
.blcu-news .txt-list{ width:100%; height: 120px; margin: 50px 0;}
.blcu-news .txt-list li{float: left; width: 32%; padding:0 10px;}
.blcu-news .txt-list .date{width: 80px;height: 60px;color: #004fa7; text-align: center; padding: 20px 0; float: left; font-family: arial;}
.blcu-news .txt-list .date .txt1{font-size: 40px;}
.blcu-news .txt-list .date p{ font-size: 14px; line-height: 20px;}
.blcu-news .txt-list .text2{ width: 73%;  float: left; margin-left: 10px;}
.blcu-news .txt-list .text2 h4{width:100%; height:50px;font-size: 16px; color: #333; line-height: 24px; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blcu-news .txt-list .text2 p{width: 100%; height: 60px; font-size: 14px; line-height: 20px; color: #666; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.blcu-news .txt-list .li1{ width:36%; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.blcu-news .txt-list .li1 .text2 h4{width:100%; height:50px;font-size: 16px; color: #333; line-height: 24px; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blcu-news .txt-list .li1 .text2{width: 76%; }
.blcu-news .txt-list .li1 .text2 p{width: 100%; height: 60px; font-size: 14px; line-height: 20px; color: #666; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/**北语新闻样式结束**/
/**北语沙龙样式开始**/
.salon{width: 100%; height: 1065px; background: url("salonbg.png") top center;}
.salon .container{ padding-top: 80px; width: 1200px;}
.salon .title2{display: none;}
.salon .title{width: 120px;height: 150px; border-top:9px solid #004fa7; background: url(titbg.png) 0 8px no-repeat #fff;box-shadow:0 0 10px rgba(0,0,0,0.3);text-align: center;padding: 20px 10px;float: left;}
.salon .title h2{font-size: 38px;}
.salon .title p{font-size: 15px; color: #999;}
.salon .salon-list{ width: 100%; /*float: right;*/ height: 585px; margin-top: 180px;}
.salon .img-list{ width:100%}
.salon .img-list li{width: 306px;height: 400px; float: left;}
.salon .img-list .mar1{margin: 0 120px;}
.salon .img-list .line{ width:306px; height: 300px; background: none; border:1px solid #fff; position: relative;}
.salon .img-list .img01{ position: absolute; top: 17px; left: 17px;}
.salon .img-list .date{ width: 60px; height: 60px; background: #1dac35; color: #fff; z-index: 999; position: absolute; bottom: -10px; right: 7px; text-align: center; padding: 10px 0;}
.salon .img-list .date .txt1{font-size: 24px;}
.salon .img-list .date p{ font-size: 12px; line-height: 20px;}
.salon .img-list h3{ font-size: 16px; width: 270px; height: 50px; color: #fff; line-height: 24px; margin: 30px 18px; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.salon .img-list h3 a{ color: #fff;}
.salon .img-list h3 a:hover{color: #fff;}
.salon .img-list h4{ font-size: 16px; width: 270px; height: 50px; color: #fff; line-height: 24px; margin:0 18px 30px 18px; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.salon .img-list h4 a{ color: #fff;}
.salon .img-list h4 a:hover{color: #fff;}
.salon .img-list h5{display: none}
.salon .img-list .img02{ position: absolute; top:-17px; left: 17px;}
.salon .img-list .date1{ width: 60px; height: 60px; background: #1dac35; color: #fff; z-index: 999; position: absolute; top: -10px; right: 7px; text-align: center; padding: 10px 0;}
.salon .img-list .date1 .txt1{font-size: 24px;}
.salon .img-list .date1 p{ font-size: 12px; line-height: 20px;}
.salon .txt-list{ width: 45%; margin-bottom: 30px; margin-top: 20px;}
.salon .txt-list li{width: 100%; float: left; line-height: 30px; font-size: 16px;}
.salon .txt-list li a{ color: #fff; width: 70%; height: 40px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.salon .txt-list li a:hover{color: #fff;}
.salon .txt-list li span{ float: right; color: #ccc; font-size: 12px;}
.salon .txt-list li i{ color: #fff; float: left; line-height: 30px;}
/**北语沙龙样式结束**/
.mobtab{display: none;}
/**北语通知样式开始**/
.blcu-box{ width: 1200px; height: 546px; margin: 0 auto; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top: 50px; margin-bottom: 50px; padding: 50px 50px;}
.blcu-box .bytz{ width:500px; height: 546px; float: left; overflow: hidden;}
.blcu-box .zbgg{ width:500px; height: 546px; float: right; overflow: hidden;}
.mt-tabpage {width:500px;}
.mt-tabpage-title {height:44px; font-size:0; width:280px; margin:0 auto;}
.mt-tabpage-title .mt-tabpage-item {display:inline-block; width:140px; height:50px; line-height:50px; text-align:center; color:#666; font-size:28px; margin-bottom: 20px; text-decoration:none;}
.mt-tabpage-title .mt-tabpage-item:hover {color:#004fa7; text-decoration:none;}
.mt-tabpage-title .mt-tabpage-item-cur {color:#004fa7; font-size:28px; border-bottom:3px solid #004fa7;}
.mt-tabpage-count {position:relative;width:500px;height: 410px;overflow:hidden;}
.mt-tabpage-cont__wrap {position:absolute;}
.mt-tabpage-count .mt-tabpage-item {width:500px; height:410px; line-height: 28px; text-align:left; overflow: hidden; margin-top: 20px; }
.mt-tabpage-count .mt-tabpage-item .list li a{ width: 70%; height: 28px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 14px;}
.mt-tabpage-count .mt-tabpage-item .list li span{float: right; color: #999; font-size: 12px;}
.mt-tabpage-count .mt-tabpage-item .list li i{float: left; line-height: 36px;}
.mt-tabpage-count .mt-tabpage-item .more{ margin-top: 20px;}
/**北语通知样式结束**/
/**北语人物样式开始**/
.blcu-boxrw{width:100%; height:700px; background: url(img12.jpg) bottom;}
.blcu-ren{width: 100%; height: 500px;}
.blcu-ren .ren-list{ width: 100%; height: 320px; position: absolute; left:30px;}
.blcu-ren .ren-list li{ width: 25%; height: 320px; float: left; position: relative;}
.blcu-ren .ren-list .imgbg{ width: 95%; height: 295px; position: absolute; top: 0px; left: 0px;}
.blcu-ren .ren-list .imgbg img{width: 100%;}
.blcu-ren .ren-list .txt1{font-size: 16px; width: 85%; height: 80px; position: absolute; bottom: 0; left: 5%; line-height: 26px; }
.blcu-ren .ren-list .txt1 span{ color: #ccc; font-size: 14px;}
.blcu-ren .ren-list .txt1 a{width: 100%; height: 52px; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color: #333;}
.blcu-ren .ren-list .txt1 a:hover{color: #004fa7;}
.blcu-ren1{display: none;}

/**北语人物样式结束**/
/**媒体数据样式开始**/
.blcu_media1{display: none;}
.blcu_media{width:100%; height: 500px;}
.nr_media{height: 330px;}
.blcu_media li{width: 100%;font-size: 16px;line-height: 36px;color: #333;padding-left: 20px;}
.blcu_media li span{float: right; color: #999; font-size: 14px;}
.blcu_media li a{width:70%; text-overflow:ellipsis; overflow: hidden; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; color: #333; float: left; }
.blcu_media li a:hover{color: #004fa7;}
.info_img{width:100%; height: 320px; overflow: hidden;}
.info_img h3{width: 92.5%;background: rgba(0,0,0,0.7);position: absolute;bottom: 0;margin: 0;color: #fff;}
.info_img img{width: 100%;}
.info_img .date{width: 70px; height: 60px;  background: #004fa7; color: #fff; text-align: center; padding: 10px 0; float: left;}
.info_img .date .txt1{font-size: 22px;}
.info_img .date p{ font-size: 12px; line-height: 18px;}
.info_img .text2{height: 60px; font-size: 16px; float:left; margin-left: 10px; line-height: 60px; width: 70%; text-overflow:ellipsis;overflow: hidden;display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.info_img .text2 a{ color: #fff;}
.info_img .text2 a:hover{ color: #ff0;}
/**媒体数据样式结束**/
/**常用链接样式开始**/
.blcu-link .mobrollphotos{display: none;}
.blcu-link{width: 1200px; height: 300px; margin: 0 auto; padding-top: 30px;}
.blcu-link h2{color: #333; font-size: 34px;}
.blcu-link .rollphotos {width:1200px; display:inline-block; padding-bottom:20px;}
.blcu-link .rollphotos ul{padding:10px 0; display:block; height:auto; float: left;}
.blcu-link .rollphotos .width1{width: 250px;margin-right:40px}
.blcu-link .rollphotos .width2{width: 260px;}
.blcu-link .rollphotos .width3{width: 250px;}
.blcu-link .rollphotos .width4{width: 140px;}
.blcu-link .rollphotos .width5{width: 260px;}
.blcu-link .rollphotos li{line-height:30px; font-size:16px; color:#555; width:100%; line-height: 40px;}
.blcu-link .rollphotos li a{color:#555;}
.blcu-link .rollphotos li a:hover{color:#042c59;}
/**常用链接样式结束**/
/**2023常用链接样式开始**/
.blcu-link .rollphotos1 {width:1200px; display:inline-block; padding-bottom:20px;}
.blcu-link .rollphotos1 ul{padding:10px 0; display:block; height:auto; }
.blcu-link .rollphotos1 li{line-height:30px; font-size:16px; color:#555; width:20%; line-height: 40px; float: left;}
.blcu-link .rollphotos1 .log{width: 40%}
.blcu-link .rollphotos1 li a{color:#555;}
.blcu-link .rollphotos1 li a:hover{color:#042c59;}
/**其他网站样式开始**/
.blcu-qtwz{ width: 1200px; height: 150px; background: #fff; box-shadow:0 0 20px rgba(0,0,0,0.1); margin: 50px auto; padding: 50px; z-index: 999; position: relative;}
/**select下拉框**/
.blcu-qtwz h2{font-size: 34px; color: #042c59; float: left; width: 70px; height: 80px; line-height: 40px; margin-top: -20px;}
.zp_links {width:322px;padding-left:20px;margin-right: 20px;}
/*--select下拉框--*/
.selectBox{display:inline-block;vertical-align:middle;position:relative;z-index:1;cursor:pointer;text-align:left;background:url(tri_arr.gif) no-repeat right center;background-color:#004fa7;width:320px;height: 40px;border:1px solid #cfcfcf;}
.selectBox p{  vertical-align:top; padding:0 10px; background:#fff; margin-right:33px; border-right:1px solid #ccc; overflow:hidden; line-height:38px; height:38px; color:#777777;} 
.selectBox ul{width:100%;border:1px solid #cfcfcf;border-top:0;position:absolute;z-index:1;top: 38px;left: -1px;background-color:#fff;display:none;}
.selectBox ul.col2e{ border-color:#2e95c2;}
.selectBox ul li a{zoom:1; display:block; padding:10px 10px; color:#777777; border-top:1px solid #f2f2f2;}
.selectBox ul li a:hover{ background-color:#f5f5f5; color:#666;}
/**其他网站样式结束**/
/**底部样式开始**/
footer {min-width:100%; height:400px; background:url(footbg.jpg) center no-repeat; margin-top: -150px; z-index:100;}
.f_top { padding-top:165px; width: 1200px; margin: 0 auto;}
.f_nav { width:650px; color: #fff; font-size:14px; line-height: 40px; padding-left: 0; }
.f_nav a{color: #fff;}
.f_nav a:hover{color: #fff;}
.f_icon { width:406px;}
.f_icon li { float:left; width:48px; height:48px; margin-left:10px; background: #003269; text-align: center; border-radius: 4px;}
.f_icon li i{color: #1066c5; font-size: 26px; line-height: 48px;}
.f_icon li:hover{ color: #1066c5; background: #002c5d;}
.f_top1{display: none;} 
/**底部样式结束**/
/**新加样式**/
.icon {
  position: relative;
  width: 30px;
  height: 80px;
  margin-right: 10px;
  display: block;
  fill: rgba(51, 51, 51, 0.5);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.icon i{
	font-size: 30px;
}
.icon.active {
  color: #004fa7;
}

.icon.big {
  width: 64px;
  height: 64px;
  fill: rgba(51, 51, 51, 0.5);
}
#wrapper {
  width: 1200px;
  height:500px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
	  -ms-flex-pack: left;
		  justify-content: left;
  overflow: hidden;
}

#left-side {
  height: 80%;
  width: 15%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#left-side ul li {
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height:80px;
  color: rgba(51, 51, 51, 0.5);
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  font-size: 18px;
}
#left-side ul li:hover {
  color: #004fa7;
  -webkit-transition: all .2s ease-out;
		  transition: all .2s ease-out;
}
#left-side ul li:hover > .icon {
  fill: #004fa7;
}
#left-side ul li.active {
  color:#004fa7;
}

#border {
  height: 400px;
  width: 1px;
  background-color: rgba(51, 51, 51, 0.2);
}
#border #line.one {
  width: 5px;
  height: 100px;
  background-color: #004898;
  margin-left: -2px;
  margin-top: 35px;
  -webkit-transition: all .4s ease-in-out;
		  transition: all .4s ease-in-out;
}
#border #line.two {
  width: 5px;
  height: 100px;
  background-color: #004898;
  margin-left: -2px;
  margin-top: 140px;
  -webkit-transition: all .4s ease-in-out;
		  transition: all .4s ease-in-out;
}
#right-side {
  height:400px;
  width: 80%;
  overflow: hidden;
}
#right-side #first, #right-side #second, #right-side #third, #right-side #fourth {
  position: absolute;
  height: 400px;
  width: 80%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  margin-top: -350px;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#right-side #first h1, #right-side #second h1, #right-side #third h1, #right-side #fourth h1 {
  font-weight: 800;
  color: #333;
}
#right-side #first.active, #right-side #second.active, #right-side #third.active, #right-side #fourth.active {
  margin-top: 0px;
  opacity: 1;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
#indexpic{min-height: 600px; width: 100%;margin: 0 auto;}
/*@media only screen and (max-width:1800px) and  (min-width:1366px)   {.indexpic{min-height: 600px;}}
@media only screen and (max-width:1366px) and  (min-width:800px)   {.indexpic{min-height: 200px;}}*/