html {padding:0;margin:0;font-size:10px; font-size:62.5%;}
body {padding:0;margin:0; font-size:14px; background-color:#052C6B; font-family:"Microsoft YaHei", "Hiragino Sans GB",Tahoma,SimSun , sans-serif;color:#fff;min-width:768px;
background-image:url(../images/cibisbodybg.jpg); background-repeat:repeat; background-position:center center;  }
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1.2;}
li,ul,dd,dt,dl { list-style:none;margin:0;padding:0;}
.btn {border-radius:0;letter-spacing: 1px;}
.btn:focus {box-shadow:none;outline:none;}
.form-control:focus { box-shadow:none;outline:none;}
p { max-height: 999999px; }
a, a:hover, a:active, a:focus, a:visited {
    color:#62E2F4;
    text-decoration: none; text-shadow:none; box-shadow:none;outline:none;
}
a { cursor:pointer;
 transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
img {
    max-width: 100%;border:0;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
	border-radius: 4px;}

.btn-primary {
  color: #222;
  background-color: #FFAD02;
  border-color: #FFAD02;
}
.btn-primary:focus,.btn-primary:active,.btn-primary:hover {
  color: #222;
  background-color: #FFBB2F;
  border-color: #FFBB2F;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,.btn-default:hover,.btn-default:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}


/*-------common------*/
.left-nav { position:relative;position: fixed;left:30px;top:140px; z-index:198; display:none!important;}
.leftnav-show .left-nav {display:none!important;}
.left-nav-ul {width:134px;height:362px;padding-top:52px;background-image:url(../images/leftnavbg.png); background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.left-nav li { text-align:center;}
.left-nav li a { display:block; font-size:16px;color:#fff; padding:5px 15px;}
.left-nav li.active a {color:#FFAD02; font-weight: bold;}
.left-nav .nav li a,.left-nav .nav li a:hover,.left-nav .nav li a:focus { background:none;}
.left-nav .point-a { position:absolute;left:-6px;top:104px; width:23px;height:23px;
background-image:url(../images/leftnavbg2.png); background-repeat:no-repeat; background-position:center center;
	-webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;  }
.left-nav .point-b {position:absolute;right:-6px;top:232px; width:23px;height:23px;
background-image:url(../images/leftnavbg2.png); background-repeat:no-repeat; background-position:center center;
	-webkit-animation: rotatetwo 3s linear infinite;
            animation: rotatetwo 3s linear infinite; }


.bottom-tips { position: fixed;  bottom:0; right:0; z-index:199;}
.weixin {height:56px;width:56px; background-color:#3bb30a; text-align:center; padding:10px;cursor: pointer; }
.weixin span { font-weight:bold;}
.weixin p, .weixin .weixin-img { display:none;}
.weixin:hover {width:140px;height:auto; background-color:#fff; border:1px solid #ccc;padding:15px; color:#333;}
.weixin:hover p { display:block;margin-top:10px;margin-bottom:0;}
.weixin:hover span { display:none}
.weixin:hover .weixin-img { display:block;}
.weixin .icon {width:32px;height:32px; display: inline-block; position:relative; background-image:url(../images/icon01.png); background-repeat:no-repeat; background-position:center;
background-size:32px;	animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite}
.weixin:hover .icon { display:none;}
.scrollup { width: 56px; height:56px; opacity:1; color: #fff; display:none;cursor: pointer;overflow:hidden;position:relative; float:right; background-color:#ccc; z-index: 1000;
    transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -webkit-transition: opacity .5s, background-color .5s;
}
.scrollup:hover {  background:#999; opacity: 1;}
.scrollup a {padding:11px; display:block;}
.scrollup .icon {display: inline-block; position:relative; background-image:url(../images/icon02.png); background-repeat:no-repeat; background-position:center;
background-size:32px;width:32px;height:32px; }


.sanjiao-down {padding:10px;left:50%;bottom:0; position:fixed; z-index:99;margin-left:-20px;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite}
.sanjiao-down .icon {width:32px;height:32px; display: inline-block; position:relative; background-image:url(../images/icon03.png); background-repeat:no-repeat; background-position:center;
background-size:32px;}


.mod-title { overflow:hidden;text-align:center;background-image:url(../images/cibistitle.png); background-position:center center; background-repeat:no-repeat; position:relative;}
.mod-title strong { display:block; color:#fff;font-size:24px; font-weight:normal;font-weight:100;}
.mod-title span { display:block;color:#62E2F4;font-size:40px;font-weight:normal;font-weight:200;}
.mod-title span span { color:#FFAD02; display:inline;}
.mod-title p {font-size:18px;display:block; color:#DDB47F; padding-top:10px;}
.mod-title .action { width: 109px;height: 11px;position: absolute;left:0;top:50%; margin-top: -22px;
background-image:url(../images/cibistitlebg.png); background-position:center -5px; background-repeat:no-repeat;
    -webkit-animation: myfirst 2s linear infinite alternate;
	animation: myfirst 2s linear infinite alternate; }

@-webkit-keyframes myfirst{from{left:830px}to{left:950px}}
@keyframes myfirst{from{left:830px}to{left:950px}}


a.btn-triangle { display:inline-block;padding:8px 10px;margin:0 auto; width:140px; cursor:pointer;line-height:1.42; color:#000; background:#FFAD02;border:0; text-align:center; font-size:16px; position:relative;}
a.btn-triangle:before {content:" ";width: 0; position:absolute;left:-15px;top:-1px;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 15px solid #FFAD02;
    border-bottom:20px solid transparent;}
a.btn-triangle:after {content:" "; position:absolute;right:-15px;top:-1px;
 width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #FFAD02;
    border-bottom:20px solid transparent;}



.blue-tabs {width: 736px; margin: 0 auto; margin-bottom:65px; overflow:auto;}
.blue-tabs li {width:170px;height:40px;display:inline-block;margin-left:55px;}
.blue-tabs li a { display:block; height:100%;width:100%;color:#fff; text-align:center; line-height:40px;font-size:18px; background-size:100%;
 background-image:url(../images/tabblue.png);background-repeat:no-repeat; background-position:center bottom;
  transition:none;
    -webkit-transition:none;
    -moz-transition: none;}
.blue-tabs li.active a {background-position:center top;color:#000;}


.main-container { position: relative; }
.mod {}
@media (max-width: 991px) {
.mod > .container {width:auto;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
}
.modal-deep {}
.modal-content {border-radius:0;box-shadow:none;  color:#666;}
.modal-deep .modal-content {color:#fff;background-color:#052C6B;}
.modal-content .modal-header {border-bottom:0;}
.modal-deep .modal-content .modal-header {border-bottom:0;color:#fff;}
.modal-deep .modal-content .close {color:#fff;    font-size: 30px; position: relative; top: -5px;}
.modal-dialog {margin:20px auto;}
.modal-dialog .modal-content {min-height:400px;margin-top:20%;}

@media (min-width: 768px) {
.blue-tabs li {height:50px;width:215px; margin-left:18px;}
.blue-tabs li a {line-height:50px; }

}

@media (min-width: 992px) {
.sanjiao-down { display:none!important;}
.modal-dialog .modal-content {min-height:400px;margin-top:30%;}
.blue-tabs li { margin-left:70px;}
 .blue-tabs {width:auto;}
}
@media (min-width: 1200px) {

.modal-dialog .modal-content {min-height:500px;margin-top:40%;}
.blue-tabs li { margin-left:123px;}

}
@media (min-width: 1400px) {
.leftnav-show .left-nav { display: block!important;}

}

/* ie678 error
==================================== */
.error-backdrop {width:100%;position:absolute;left:0;right:0;top:0;height:4000px; overflow:hidden;z-index:10000;background:#000000;
-moz-opacity:0.7;
opacity: 0.7;
filter:Alpha(opacity=70);

 }
.error-modal {position:absolute;width:480px;height:210px;left:50%;margin-left:-230px;top:50%;margin-top:-100px;  background-color:#fff;color:#444; z-index:10001;  }
.error-modal .error-text {padding-left:180px;padding-top:25px; background:url(../images/error.jpg) no-repeat 50px 55px;}
.error-modal .error-text h2 { font-size:24px; line-height:40px;color:#052C6B; font-weight:normal;}
.error-modal .error-text p { font-size:14px;line-height:160%;padding-right:30px;}

/*-------header------*/

.top-subnav { background-color:#fff; height:40px; position: relative;z-index: 2;}
.top-subnav li {float:left;}
.top-subnav li a {color:#888;padding:0 10px; font-size:12px; line-height:40px;}
.top-subnav .right li { float:right;}



.header { position: absolute;z-index:1;  top: 0; left: 0; right: 0;background: transparent;}
.header .navbar { z-index:999; background:none; margin-bottom:0; border:0;border-radius:0; background-color:#0a2652;margin-top:775px;}
.header .navbar-bg {  border-bottom:1px solid #466fb1; }
.navbar-brand { width:160px; padding:0;}
.navbar-brand .logo {width:90px;height:auto;margin-top:14px; display:none;}
.header .navbar.menu-scroll { padding-top: 0px;  padding-bottom: 0px;position: fixed;top: 0;  left: 0;  right: 0; margin-top:0;}
.header .menu-scroll .navbar-bg {border-top:0;  border-bottom:0px solid #466fb1; }
.header .navbar.menu-scroll{ background-color: rgba(10, 38, 82, 0.9);  }


.navbar-nav { width:100%; }
.navbar-nav > li { margin:0;}
.navbar-nav > li > a { text-align: center; margin:0;border:0;padding-left:15px;padding-right:15px; padding-top:25px;padding-bottom:25px; font-size:17px;}
.navbar-nav > li > a:after {content: " "; position: absolute; left:50%;margin-left:-20px; bottom:14px; z-index:-1;background-color:#62E2F4;
     height:2px;width:0;
	transition:width .3s;
	-webkit-transition:width .3s;}
.navbar-nav .visible-lg { display:none!important;}
.navbar-default .navbar-nav li.open > a,
.navbar-default .navbar-nav > li.open > a:focus,
.navbar-default .navbar-nav > li.open > a:hover,
.navbar-default .navbar-nav > li.open {background-color:transparent;color:#fff; }
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#fff;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color:#62E2F4;}
.navbar-default .navbar-nav > li > a:hover:after {width:40px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#62E2F4;border:0; background:none; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent;margin:0;padding:20px 17px;
border:0;  border-radius:0;}
.navbar-default.menu-scroll .navbar-toggle, .navbar-default.menu-scroll .navbar-toggle:hover,.navbar-default.menu-scroll .navbar-toggle:focus {background:none; }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; width: 25px; }
.navbar-collapse { border: 0;}
.menu-scroll .navbar-collapse {background-color:transparent;  border: 0;}

.header .navbar.navbar-review {margin-top:0px;}
.header .navbar.navbar-review.menu-scroll {margin-top:0px;}

.city-menu { width:700px;left: -440px;margin:0; z-index:99;padding:30px 15px;border-radius:10px!important; background-color:#082046; border:1px solid #36578e; box-shadow:none;}
.city-menu-b { width:430px;left: -160px; }
 .navbar-nav>li>.dropdown-menu.city-menu {margin-top:10px;}
.city-menu li { float:left; width:16.666%;}
.city-menu-b li { float:left; width:33.333%;}
.city-menu li a {padding:0;margin:0; display:block; text-align:center;font-size:14px;color:#fff; background-repeat:no-repeat; background-position: right bottom;
background-image:url(../images/icon30.png); background-size:42px;}
.city-menu li:last-child a { background:none; }
.city-menu-b li a {background:none;}
.city-menu li a,.city-menu li a:hover,.city-menu li a:focus {background-color:transparent;color:#fff; }
.city-menu li a strong {font-size:16px;color:#fff; line-height:2; font-weight:bold;display:block;}
.city-menu li.on a strong {color:#FFAD02; font-weight:bold;}
.city-menu-b li a strong { font-weight:normal;}
.city-menu-b li a:hover strong,.city-menu-b li a:focus strong { color:#FFAD02; }
.city-menu li b { background-color: rgba(10, 38, 82, 0.7); border-radius:100px; display:block;width:55px;height:55px;
    font-weight:normal; padding: 10px;margin: 17px;color:#fff;font-size:12px; line-height:1.6;}
.city-menu span.img { display:block;width:90px;height:90px;margin:0 auto;border-radius:50%; margin-bottom:10px;overflow:hidden; background-position:center center; background-size:cover;}
.city-menu span.img-a { background-image:url(../images/city01.jpg);}
.city-menu span.img-b { background-image:url(../images/city02.jpg);}
.city-menu span.img-c { background-image:url(../images/city03.jpg);}
.city-menu span.img-d { background-image:url(../images/city04.jpg);}
.city-menu span.img-e { background-image:url(../images/city05.jpg);}
.city-menu span.img-f { background-image:url(../images/city06.jpg);}
.city-menu span.img-g { background-image:url(../images/city07.jpg);}
.city-menu span.img-h { background-image:url(../images/city08.jpg);}
.city-menu span.img-i { background-image:url(../images/city09.jpg);}

.city-menu li a span.img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	}
.city-menu li.on a span.img ,.city-menu li.on a:hover span.img,.city-menu li.on a:focus span.img,
.city-menu li a:hover span.img,.city-menu li a:focus span.img,.city-menu-b li a span.img  {filter:initial;}
.navbar-nav > li.logo-li { }
.navbar-nav > li.logo-li a {padding:0;text-align: center; padding-right:30px; }
.navbar-nav > li.logo-li a:after { display:none}

@-webkit-keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
  0%  {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
@media (min-width: 768px) and (max-width: 991px) {
.header .navbar-bg .container {padding:0; }
}

@media (min-width: 992px) {
.city-menu { width:850px;left: -445px;}
.city-menu-b { width:430px;left: -160px;}
.navbar-nav > li > a {font-size:17px; padding-left:9px;padding-right:9px;  }
.navbar-brand {  width:220px;height:auto;}
.navbar-brand .logo { display:none;}
.navbar-nav .visible-lg { display:inline!important;}
}
@media (min-width:1200px) {
	.navbar-nav > li > a:after { margin-left:-35px;  width:0;  }
.navbar-default .navbar-nav > li > a:hover:after {width:70px; }
.navbar-nav > li > a {font-size:17px;padding-left:19px;padding-right:19px;  }
.navbar-nav .visible-lg { display:inline!important;}
}


/*-------footer------*/
.footer { clear: both; background-color:#fff;padding-top:40px;padding-bottom:20px;text-align:center;border-top:1px solid #ddd;}
.footer .brand {width:300px;height:auto;}
.footer p { margin-top:15px;color:#999; font-size:12px; }
.footer p a {color:#666;margin:0 5px; }

@media (min-width: 992px) {
.footer p a {color:#444;margin:0 15px; font-size:14px;}
}


/*-------cover------*/

.mod-cover {color:#fff;position:relative; z-index:1;height:735px; overflow:hidden; background-color:#052C6B; }
.mod-cover .container-bg { position:absolute;left:0;top:0;width:100%; z-index:9; height:100%;}
.mod-cover .container {padding-top:15px; position:relative;height:100%;}
.mod-cover .cover-info { float: right; height:100%;width:100%; z-index:3; text-align:center;}
.mod-cover .logo { margin:0 auto;margin-top:70px; width:550px;position: relative;}
.mod-cover .logo > img {height:auto;width:100%;}
.mod-cover .logo .action-a { position: absolute;left:192px;top:129px;height:41px;width:41px;}
.mod-cover .logo .action-a img {
	-webkit-animation: rotate 4s linear infinite;
            animation: rotate 4s linear infinite; }
.mod-cover .logo .action-b { position: absolute;left:192px;top:129px;height:41px;width:41px;}
.mod-cover .logo .action-b img {
	-webkit-animation: rotatetwo 3s linear infinite;
            animation: rotatetwo 3s linear infinite;}

.mod-cover .zhuban { float: right; text-align:center;width:100%; line-height:1.2;margin-top:10px; }
.mod-cover .zhuban strong { display:block; font-weight:normal; font-size:32px; line-height:2; font-weight:200;}
.cover-bg { position:absolute;left:0;z-index:1;height:900px;width: 100%; overflow:hidden; }
.cover-bg #output { width:100%; overflow:hidden;height: 100%; opacity:0.4;}
.cover-bg #output canvas {width:100%; }

 .cibislogo {width:290px;height:auto;margin-left:5px; float:left;}
 .cibislogo img {width:100%;height:auto;}


.star-bg { width:100%;height:100%; position:absolute; left:0;top:0;z-index:2;
background-image:url(../images/cibistopbg.png); background-position:center top; background-repeat:no-repeat;}
.star-bg > div { position:absolute; display: none;  }

 @-webkit-keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);

            }
            100% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);
            }
        }
@keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);

            }
            100% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);
            }
        }
 @-webkit-keyframes rotatetwo {
            0% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);

            }
            100% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);
            }
        }
@keyframes rotatetwo {
            0% {
                -webkit-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                     -o-transform: rotate(360deg);
                        transform: rotate(360deg);

            }
            100% {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                     -o-transform: rotate(0deg);
                        transform: rotate(0deg);
            }
        }
.city-bg { position:absolute;bottom:0;left:10px;width:80%;height:500px;color:#62E2F4; font-size:15px; display:none;
background-image:url(../images/cibisbannerbg.png); background-position:left bottom; background-repeat:no-repeat;}
.city-bg > div { position:absolute;width:85px;height:46px;}
.city-bg strong {color:#fff; display:block;padding-bottom:2px;}
.city-bg .city-a {left:173px;top:344px; text-align:right;}
.city-bg .city-b {left:79px;top:260px; text-align:right;}
.city-bg .city-c {left:-17px;top:170px; text-align:right;}
.city-bg .city-d {left:-30px;top:28px;text-align:center;}
.city-bg .city-e {left:110px;top:28px;text-align:center;}
.city-bg .city-f {left:253px;top:28px;text-align:center;}

.city-bg .point { position:absolute; right:-50px;top:5px;width:13px;height:13px;overflow:hidden;border-radius:50%;}
.city-bg .city-d .point,.city-bg .city-e .point,.city-bg .city-f .point { right: 32px; top: 61px;}
.city-bg a.now .point {position:absolute;width:23px;height:23px; cursor:pointer;
background-image:url(../images/leftnavbg2.png); background-repeat:no-repeat; background-position:center center;
	-webkit-animation: rotatetwo 2s linear infinite;
            animation: rotatetwo 2s linear infinite;
	 }
.city-bg .city-a a.now .point {left:114px;top:2px; }
.city-bg .city-b a.now .point {left:114px;top:2px; }
.city-bg .city-c a.now .point {left:114px;top:2px; }
.city-bg .city-d a.now .point {left:33px;top:58px; }
.city-bg .city-e a.now .point {left:33px;top:58px; }
.city-bg .city-f a.now .point {left:33px;top:58px; }
.city-bg a.now {cursor:pointer; position:relative;display:block;width:100%;height:100%; }
.city-bg a.now:hover:after { position:absolute;left:0;top:0;display:block;width:100%;height:100%; line-height:46px; opacity:1;border-radius:2px;
 background-color:#052C6B; color:#57E8DE;font-size:14px; content:"进入会场"; text-align:center;border:1px solid #57E8DE; }


#cityform .modal-dialog .modal-content {margin-top:22%; }
#cityform .modal-cityform {height:400px; overflow:auto;}
#cityform .modal-cityform .table {width:95%;margin:0 auto;}
#cityform .modal-cityform .table th {padding:6px; font-size:16px; color:#FFAD02;}
#cityform .modal-cityform .table td {padding:6px 12px; border :1px solid #365d9c;}
#cityform .text-center {padding-top:15px; font-size:16px; color:#FFAD02;}


@media (min-width: 992px) {
.mod-cover .logo { width:600px;}
.mod-cover .logo > img {height:auto;}
.mod-cover .logo .action-a { left:212px;top:142px;height:41px;width:41px;}
.mod-cover .logo .action-b {left:212px;top:142px;height:41px;width:41px;}
#cityform .modal-dialog {width:800px;}
}

 @media (min-width: 1200px) {
.mod-cover .cover-info {width:620px; text-align:right;}
.mod-cover .zhuban { text-align: left;  width: 605px;}
.mod-cover .logo {margin-right:20px;margin-top:160px; }
.city-bg { display:block}

	 }

 @media (min-width: 1400px) {
.mod-cover .cover-info {width:640px; text-align:right;}
.mod-cover .zhuban { text-align: left;  width: 605px;}


	 }


/*-------intro------*/
.mod-intro {padding-top:50px; }
.mod-intro .mod-title {margin-top:120px;}
.intro-c {padding-top:60px;background-image:url(../images/cibismodbg_a.png); background-position:left bottom; background-repeat:no-repeat;}
.intro-c .intro-bg {background-image:url(../images/cibismodbg_b.png); background-position:right bottom; background-repeat:no-repeat; }
.mod-intro .btn-div { position:relative;bottom:-15px; clear:both; text-align:center;}

.intro-text {padding-bottom:50px;}
.intro-text .text { position: relative; float:left;width:33%;padding-left:25px;padding-right:25px;height:150px; line-height: 1.7;
	padding-top:60px;color:#fff; font-size:16px; text-align: center; }
.intro-text .text strong {color:#FFAD02; display: block; font-size:42px; font-weight:normal; font-style:italic;
	position: absolute;left:0;top:0;width:100%; text-align: center; }

.middle-logo-c {width:360px;height:360px; overflow: hidden;margin:0 auto;margin-bottom:20px; position:relative; z-index: -1;}
.middle-logo-bg {height:100%;width:100%;background-size:100%;
	background-image:url(../images/cibisabout.jpg); background-position:center center; background-repeat:no-repeat;
-webkit-animation: rotate 7s linear infinite;
            animation: rotate 7s linear infinite;  }
.middle-logo-bg-b { position:absolute;left:0;top:0;height:100%;width:100%;
background-image:url(../images/icon22.png); background-position:center center; background-repeat:no-repeat; background-size:235px;
-webkit-animation: rotatetwo 12s linear infinite;
            animation: rotatetwo 12s linear infinite;  }
.middle-logo { display:table;width:360px;height:360px;  margin:0 auto; position:absolute;left:0;top:0; border-radius:50%;}
.middle-logo span {display:table-cell; vertical-align:middle; text-align:center;}
.middle-logo img {}

@media (min-width: 992px) {
.middle-logo-c {margin-top:20px;width:290px;height:290px;  margin-bottom:0;  }
.middle-logo { width:290px;height:290px;}
.intro-text .text {width:auto; float:none;padding-top:20px;height:120px;font-size:16px;color:#fff; position:relative; line-height:1.7;}
.intro-text .text strong {color:#FFAD02; font-size:46px; position:absolute; font-weight:normal; font-style:italic; display: inline; width:auto;}
.intro-text .left .text {padding-right:80px;padding-left:20px;text-align:right;}
.intro-text .right .text {padding-left:110px;padding-right:20px;text-align:left;}
.intro-text .text-a {margin-right:-40px;}
.intro-text .text-b {}
.intro-text .text-c {margin-right:-40px;}
.intro-text .text-d {margin-left :-40px;}
.intro-text .text-e {}
.intro-text .text-f {margin-left:-40px;}
.intro-text .left .text strong {right:10px;top:10px; text-align: right;}
.intro-text .right .text.text-f {padding-left:130px;}
.intro-text .right .text strong {left:0;top:10px; text-align: left;}
}
@media (min-width: 1200px) {
.middle-logo-c {margin-top:0px;width:360px;height:360px;}
.middle-logo { width:360px;height:360px;}

}
/*-------point------*/
.mod-point {}
.mod-point .blue-tabs {padding-top:40px;}
.mod-point .point-tab-content {padding-top:30px;min-height:450px;}
.mod-point .point-img { position:absolute;width:55%;left:0;top:40px;}
.mod-point .point-text { min-height:350px;overflow:auto;padding:30px 50px 50px 0; background-color: rgba(10, 38, 82, 0.7); border:1px solid #62E2F4;}
.mod-point .point-text h3 {padding-left:65%; display:block;color:#FFAD02; font-size:22px; margin-bottom:20px;}
.mod-point .point-text p { padding-left:65%; font-size:15px; line-height:1.8;}
.mod-point .point-a { position:relative;}
.mod-point .point-b { position:relative;}
.mod-point .point-c { position:relative;}
.mod-point .swiper-container {border:1px solid #62E2F4; z-index:0;}
.mod-point .swiper-slide { display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.mod-point .swiper-slide img {width:100%;height:auto;}
.mod-point .swiper-pagination {bottom:25px;}
.mod-point .swiper-pagination-bullet {
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 22px;
        font-size: 12px;
        color:#fff;
        opacity: 1;
        background:#000;
    }
.mod-point .swiper-pagination-bullet-active { color:#fff;opacity: 1; background:#11DFDB; }

@media (min-width: 992px) {
	.mod-point .point-img { position:absolute;width:50%;left:50px;top:-40px;}
}

@media (min-width: 1200px) {

}

/*------expert-----*/
.mod-expert {}
.mod-expert .expert-list {padding-top:80px; overflow:hidden;padding-left: 15px;  padding-right: 15px; }
.each-expert {position: relative; z-index:0; margin-bottom:30px; height:340px; text-align:center;
	background-image:url(../images/icon10.png); background-repeat:no-repeat; background-position:left top; background-size: 26px;}
.each-expert .expert-bg {border:1px solid #62E2F4; width:100%;height:100%;padding-top:24px;background-image:url(../images/icon11.png); position:relative;
	background-repeat:no-repeat; background-position:right bottom; background-size:95px;}
.each-expert .logo {width:160px;height:160px;margin:0 auto; border-radius:50%; overflow:hidden; border:2px solid #62E2F4; position:relative; z-index:2;}
.each-expert .logo img {width:100%;height:100%;}
.each-expert h4 { font-size:18px; font-weight:bold;margin-top:18px;color:#fff; line-height:1.42;}
.each-expert p { color:#fff; font-size:14px;padding:10px 20px 0 20px;padding-bottom:4px; border-top:1px solid #1C618C; }
.each-expert .info-div { position:absolute; z-index:4;top:0;left:0; height:338px; width:100%; overflow:hidden;text-align:left;background-color: rgba(10, 38, 82, 0.9);  display:none;}
.each-expert .info-div p { padding:25px 15px; color:#fff; font-size:14px; line-height:1.8; overflow:hidden;}
.each-expert .circle-a { position:absolute;left:50%;top:12px;margin-left:-92px;width:184px;height:184px; z-index:1;
background-image:url(../images/icon22.png); background-repeat:no-repeat; background-position:center center;background-size:184px;
-webkit-animation: rotate 7s linear infinite;
            animation: rotate 7s linear infinite; }
.each-expert .circle-b { position:absolute;left:50%;top:12px;margin-left:-92px;width:184px;height:184px;z-index:0; opacity:0.5;
background-image:url(../images/icon23.png); background-repeat:no-repeat; background-position:center center;background-size:184px;
-webkit-animation: rotatetwo 15s linear infinite;
            animation: rotatetwo 15s linear infinite; }

@media (min-width: 992px) {
.each-expert p {padding:10px 60px 0 60px;}
.each-expert .circle-a {top:12px;}

}
@media (min-width: 1200px) {
.each-expert p {padding:10px 20px 0 20px;}
.each-expert .logo {width:160px;height:160px; }
.each-expert .circle-a {top:12px;}
}


/*-----service----*/

.mod-service {position: relative;  z-index: 0;}
.service-info { position: relative; padding-top:60px;}
.service-info .service-info-menu {}
.service-info .service-tab-content { position: relative;margin-top:-60px; background-color: rgba(10, 38, 82, 0.7); border-top:2px solid #62E2F4; z-index:1;
background-image:url(../images/cibismodbg_a.png); background-position:left bottom; background-repeat:no-repeat;}
.service-info .service-tab-content .bg {background-image:url(../images/cibismodbg_b.png); background-position:right bottom; background-repeat:no-repeat;}
.service-info .btn-div {padding-top:15px;padding-bottom:40px;clear:both; text-align:center;}
.service-info .text {padding:90px 30px 40px 30px; min-height:200px;}
.service-info .text h3 { display:block;color:#FFAD02; font-size:22px; margin-bottom:20px;padding-left:20px;}
.service-info .text p { font-size:15px;padding-bottom:30px; line-height:1.8;padding-right:20px;padding-left:20px;}
.service-info .text img {display: block;  text-align: center; margin: 0 auto;}

.service-tabs { display: table;width:96%;margin:0 auto; min-height:150px; position: relative; z-index: 2;}
.service-tabs li { display: table-cell; vertical-align: middle; text-align: center;}
.service-tabs li a {width:87%;margin:0 auto;padding-top:20px;padding-bottom:15px; display: block;border:1px solid #11E1DC; background-color: #052C6B;}
.service-tabs li.active {}
.service-tabs li.active a { background-color:#32d8de;border:1px solid #32d8de;}
.service-tabs .icon {width:45px;height:45px;margin:0 auto; display: inline-block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.service-tabs strong {font-size:16px;color:#fff; font-weight: normal;display: block; line-height:1.4;padding-top:10px;}
.service-tabs li.active .icon {}
.service-tabs li.active strong { font-weight: bold; color:#333;}
.service-tabs .icon.icon-a { background-image:url(../images/icon13.png);}
.service-tabs .icon.icon-b { background-image:url(../images/icon14.png);}
.service-tabs .icon.icon-c { background-image:url(../images/icon15.png);}
.service-tabs .icon.icon-d { background-image:url(../images/icon16.png);}
.service-tabs .icon.icon-e { background-image:url(../images/icon17.png);}
.service-tabs .icon.icon-f { background-image:url(../images/icon18.png);}
.service-tabs .icon.icon-g { background-image:url(../images/icon19.png);}

@media (min-width: 992px) {
.service-info .text {padding:120px 50px 10px 50px;}
.service-tabs { width:96%;}
.service-tabs li a {width:88%;padding-top:30px;padding-bottom:25px; }
.service-info .text h3,.service-info .text p {padding-left:30px;}
	.service-tabs .icon {width:55px;height:55px;}
}
@media (min-width: 1200px) {
.service-info .text {padding:140px 50px 20px 50px;}
.service-tabs { width:90%;}
.service-tabs li a {width:80%}
}


/*-----review----*/
.mod-review {color:#fff;position: relative;z-index: 0;}
.mod-review .mod-content {padding-top:50px;padding-bottom:30px;}

.review-tabs {}
.review-tab-content { padding:10px;}
.review-banner { width:100%; }
.review-banner .swiper-container {width:100%; }
.review-banner .swiper-slide { width:600px;height:400px;background-position: center; background-size: cover; }
.review-banner .swiper-slide img { width:100%;  }
.review-banner .swiper-pagination-review { text-align:center; bottom:15px; }
.review-banner .swiper-pagination-review .swiper-pagination-bullet { opacity:1; background-color:#000; }
.review-banner .swiper-pagination-review .swiper-pagination-bullet-active { background-color:#62E2F4; }
.review-banner .swiper-slide .title { position: absolute;bottom:0;left:0;width:100%;color:#fff; text-align:left; text-indent:30px;font-size:16px;opacity:0.7; padding:13px 0;
background-color: rgba(0,0,0,0);
background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));
background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));}
.review-banner .swiper-button-prev {left:40px;width:42px;height:79px;background-image:url(../images/prev.png); background-repeat:no-repeat;
	background-position:left top ; background-size:42px 79px;top:45%;}
.review-banner .swiper-button-next {right:40px;width:42px;height:79px;background-image:url(../images/next.png); background-repeat:no-repeat;
	background-position:right top ; background-size: 42px 79px;top:45%;}

.mod-review .each-expert .logo {width:180px;height:180px;}
.mod-review .each-expert .circle-a { top:15px;margin-left:-99px;width:198px;height:198px; background-size:198px;  }

.review-table {color:#fff; border: 1px solid #62E2F4;  background: #06265B;
background-image:url(../images/icon10.png); background-repeat:no-repeat; background-position:left top; background-size:36px;}
.review-table-bg {padding:10px 50px;  background-image:url(../images/icon11.png); background-repeat:no-repeat; background-position:right bottom; background-size:195px;}
.review-table h3 {font-size:20px;/*border-bottom:1px dashed #62E2F4;*/padding-bottom:15px; text-align: center; margin:20px 0; color:#62E2F4;}
.review-table td {padding:8px;}
.review-table td div {padding:5px 8px;width:95%; background-color: #fff;margin:0 auto; text-align: center;}
.review-table td div img {width:100%;height:auto;}
.review-table td p {font-size:15px; text-align: center;padding-top:10px;}

@media (min-width: 992px) {
.mod-review .each-expert .logo {width:160px;height:160px;}
.review-table td div { width:90%;}
.review-banner .swiper-slide { width:800px;height:460px;}
.mod-review .each-expert .circle-a { top:15px;margin-left:-89px;width:178px;height:178px; background-size:178px;  }
}
@media (min-width: 1200px) {
.review-table td div { width:82%;}
.mod-review .each-expert .logo {width:180px;height:180px;}
.mod-review .each-expert .circle-a { top:15px;margin-left:-99px;width:198px;height:198px; background-size:198px;  }
}


/*-----city----*/

.mod-city {position: relative;  z-index: 0; background-color: rgba(10, 38, 82, 0.7);  padding: 60px 0 30px 0;}
.city-info { position: relative; padding-top:60px;}
.city-info .city-info-menu {}
.city-info .text { padding:0 30px;min-height:200px;}
.city-info .text .row {}
.city-info .city-tab-content { position: relative;margin-top:60px;  /*border-top:2px solid #62E2F4; z-index:1;
/*background-image:url(../images/cibismodbg_c.png); background-position:left bottom; background-repeat:no-repeat;*/}
.city-info .city-tab-content .bg {/*background-image:url(../images/cibismodbg_d.png); background-position:right bottom; background-repeat:no-repeat;*/}
.city-info .city-img { position: relative;
    width: 100%;
    height:420px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.city-info .city-a { background-image:url(../images/city01.jpg);}
.city-info .city-b { background-image:url(../images/city02.jpg);}
.city-info .city-c { background-image:url(../images/city03.jpg);}
.city-info .city-d { background-image:url(../images/city04.jpg);}
.city-info .city-e { background-image:url(../images/city05.jpg);}
.city-info .city-f { background-image:url(../images/city06.jpg);}
.city-info .city-img strong {
    position: absolute;
        bottom: 10px;
    right:20px;
    color: #fff;
    font-size: 70px;
    font-weight: 100;
}
.city-info .right-text {padding-left:20px;}
.city-info .right-text > p {font-size:14px;padding-bottom:30px; line-height:1.8; }
.city-info .info {padding-bottom:20px;margin-bottom:40px; position:relative;}
.city-info .info:after {content:" ";bottom:0;left:0; position:absolute;height:2px; background-color:#FFAD02;width:150px;}
.city-info .btn-div {padding-top:15px;padding-bottom:40px;clear:both; text-align:center;}
.city-info .info h3 { display:block;color:#FFAD02; font-size:22px; margin-bottom:20px;}
.city-info .info p { font-size:16px; line-height:1.8; }
.city-info .info img {display: block;  text-align: center; margin: 0 auto;}
.city-info .btn-div { text-align:left;padding-left:10px;}

.city-tabs { display: table;width:96%;margin:0 auto; min-height:150px; position: relative; z-index: 2;}
.city-tabs li {    width: 16.666%; display: table-cell; vertical-align: middle; text-align: center;}
.city-tabs li a {width:80%; margin:0 auto;padding-top:20px;padding-bottom:15px; display: block;border:1px solid #11E1DC;  background-color: #052C6B;}
.city-tabs li.active a {background-color:#061B3C;}
.city-tabs li.on a,.city-tabs li.active.on a { background-color:#32d8de;border:1px solid #32d8de;}
.city-tabs .icon {width:45px;height:45px;margin:0 auto; display: inline-block; overflow: hidden;
background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.city-tabs strong {font-size:16px;color:#fff; font-weight: normal;display: block; line-height:1.4;padding-top:1px;}
.city-tabs li.on strong { font-weight: bold; color:#333;}
.city-tabs .icon.icon-a { background-image:url(../images/icon24.png);}
.city-tabs .icon.icon-b { background-image:url(../images/icon25.png);}
.city-tabs .icon.icon-c { background-image:url(../images/icon26.png);}
.city-tabs .icon.icon-d { background-image:url(../images/icon27.png);}
.city-tabs .icon.icon-e { background-image:url(../images/icon28.png);}
.city-tabs .icon.icon-f { background-image:url(../images/icon29.png);}


@media (min-width: 992px) {
	.city-info .right-text {padding-left:30px;}
.city-info .text { padding:0 30px;}
.city-tabs { }
.city-tabs li a {width:86%;padding-top:30px;padding-bottom:25px; }
.city-tabs .icon {width:55px;height:55px;}
}
@media (min-width: 1200px) {
.city-info .text { padding:0 40px;}
.city-tabs {  }
.city-tabs li a {width:80%; }
}


/*----- album----*/
.mod-album {color:#fff;background-color: rgba(10, 38, 82, 0.7); padding:60px 0;}
.mod-album .mod-content {padding-top:50px;padding-bottom:30px;}

.album-tabs {padding-left:50px;margin-bottom:0;}
.album-tabs li { margin-left:-40px;width:149px;}
.album-tabs li a {    background-image: url(../images/tabblueb.png);}
.album-tab-content { padding:10px;}
.album-banner { width:100%; }
.album-banner .swiper-container {width:100%;border :1px solid #62E2F4; }
.album-banner .swiper-slide { }
.album-banner .swiper-slide img { width:100%; height:auto; }
.album-banner .swiper-pagination-album { text-align:right; padding-right:20px;bottom:12px; }
.album-banner .swiper-pagination-album .swiper-pagination-bullet { opacity:1; background-color:#000; }
.album-banner .swiper-pagination-album .swiper-pagination-bullet-active { background-color:#62E2F4; }
.album-banner .swiper-slide .title { position: absolute;bottom:0;left:0;width:100%;color:#fff; text-align:left; text-indent:30px;font-size:16px; padding:13px 0;
background-color: rgba(0,0,0,0.4);
/*background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));
background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));*/}
.album-banner .swiper-pagination-bullet {
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 22px;
        font-size: 12px;
        color:#fff;
        opacity: 1;
        background:#000;
    }
.album-banner .swiper-pagination-bullet-active { color:#fff;opacity: 1; background:#11DFDB; }

@media (min-width: 992px) {
.album-banner .swiper-container {width:670px;margin:0 auto; }
.album-tabs {padding-left:25px;}
.album-tabs li { margin:0;margin-bottom:16px;float:none;}
.album-tab-content {padding:0;}
 }

@media (min-width: 1200px) {
.album-banner .swiper-container {width:900px;margin:0 auto; }
 .album-tabs li { margin-bottom:35px; }
  .album-tabs { padding-left:5px;padding-top:15px;}
 }


/*-------news------*/

.mod-news { }
.mod-news-info {padding-top:60px;}
.swiper-container-news {border: 1px solid #62E2F4;    z-index: 0;}
.swiper-container-news .swiper-slide {position: relative; }
.swiper-container-news .swiper-slide .title { position: absolute;bottom:0;left:0;width:100%;color:#fff; text-align:left;font-size:16px;padding:13px 0; text-indent:30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: rgba(0,0,0,0.4);
/*background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));
background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));*/}
.swiper-container-news .swiper-slide img {width:100%;height:auto;}
.swiper-container-news > .swiper-pagination-news {text-align:right; padding-right:20px;  bottom:12px;}
.news-list {padding-left:20px;padding-right:20px;padding-bottom:50px;}
.news-list dt {padding:15px 0;  border-top:1px dashed #62E2F4;}
.news-list dd {color:#fff; line-height: 1.8;margin-bottom:15px;}
.news-list dt a {font-size:16px;white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; display: block;}
.news-list dt a:hover { text-decoration:underline}
.news-banner {max-width:550px;margin:0 auto;}
.swiper-container-news .swiper-pagination-bullet { opacity:1;}
.swiper-container-news .swiper-pagination-bullet-active { background:#007aff;}

@media (min-width: 992px) {

}


/*-------vedio------*/


.mod-vedio {padding-top:50px;  background-color: rgba(10, 38, 82, 0.7);  padding: 60px 0; }
.mod-vedio .mod-title {margin-top:120px;}
.mod-vedio iframe {border:1px solid #466fb1; }
.mod-vedio .container {padding-left:40px;padding-right:40px;}
.mod-vedio .container .row { position: relative;  padding-top: 60px;}
.mod-vedio .container .col-xs-12 { position: relative}
.mod-vedio .live-info {padding:5px;padding-top:40px;}
.mod-vedio .live-info .text { font-size:15px; line-height: 1.8;}
.mod-vedio .live-info h3 {    font-size: 20px;
    margin-bottom: 25px;
    width: 120px;
    border-left: 8px solid #FFAD02;
    text-align: center;
    color: #FFAD02;
    padding: 2px 12px;
    margin-top: 5px;}
.mod-vedio .btn-div {padding-left:10px;padding-top:15px;}


@media (min-width: 992px) {
.mod-vedio .container {padding-left:15px;padding-right:15px;}
	.mod-vedio .live-info {padding:5px;}
}

/*------hall------*/
.mod-hall {padding-bottom:50px;}
.mod-hall .hall-list {padding-top:50px;    z-index: 0;clear: both; position: relative;}
.mod-hall .each-expert {height:370px; background-color: #062c6b;}
.mod-hall .each-expert .expert-bg {    padding-top:34px; background-image:url(../images/icon31.png);    background-size: 26px; }
.mod-hall .each-expert .circle-a {top:22px;}
.mod-hall .each-expert p {border:0;white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; padding: 10px 20px 0 20px;}
.mod-hall .each-expert h4 {margin-bottom:0;margin-top:30px;white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.mod-hall .btn-div,.mod-hall .btn-a { text-align:center;margin-top:20px; }
.mod-hall .fangke {padding-left:24px; background-repeat:no-repeat; background-position:left center;position:absolute;right:10px;top:10px; font-size:14px; color:#fff;
background-image:url(../images/icon32.png); background-size:16px;}
.mod-hall .btn {border-radius:60px;width:120px; background:none;border:2px solid #32d8de; color:#32d8de;}
.mod-hall .btn:hover,.mod-hall .btn:focus {background:#32d8de; color:#fff;}
.mod-hall .swiper-button-prev-hall { display:none!important;}
.mod-hall .swiper-button-next-hall {margin:0; padding-left:30px;width:200px;height:40px;bottom:-70px;left:50%;
margin-left:-100px; background:none!important; top:auto;}
.mod-hall .swiper-button-next-hall a {margin-top:0;}
.mod-hall .hall-list .swiper-slide { background-color: #052C6B;}



@media (min-width: 992px) {
.mod-hall .each-expert .circle-a {top:22px;}
}
@media (min-width: 1200px) {
.mod-hall .each-expert .circle-a {top:22px;}
}



/*-------media------*/
.mod-media { position:relative; }
.mod-media .container {position:relative; }
.mod-media .text {padding-top:50px; padding-left:20px;padding-right:20px;padding-bottom:50px;}
.mod-media .each-text { line-height:1.6;padding:5px 35px;}
.mod-media .each-text strong {color:#FFAD02; font-weight:bold;font-size:16px;}
.mod-media .each-text p {margin-bottom:15px; font-size:15px; }
.mod-media .each-text .same strong { display:inline}
.mod-media .each-text .same,.mod-media .each-text .same strong {font-size:16px; }
.mod-media .brands-img {width:100%;height:auto;margin-bottom:30px;margin-top:15px; max-width:440px; }
.mod-media .zhichi {padding:10px 0 30px 0; clear:both; overflow:auto;}
.mod-media .zhichi li { float:left; width:16.5%; min-height:130px;}
.mod-media .zhichi a { display:block;margin:10px;color:#fff; text-align:center;}
.mod-media .zhichi li img {width:100%;height:auto; border-radius:2px;}
.mod-media .zhichi strong { display:block; padding-top:8px; color:#fff;font-size:12px; font-weight:normal;}


.mod-bottom {height:170px;  overflow:hidden;}
.mod-bottom .bottom-bg {width:350px;height:350px;margin:0 auto;}
.mod-bottom .bottom-bg img {width:350px;height:350px;
-webkit-animation: rotate 5s linear infinite;
            animation: rotate 5s linear infinite; }

.media-brand {padding:60px 20px 0 20px;}
.brand-table { color:#fff;/* border: 1px solid #62E2F4;  background: #06265B;
background-image:url(../images/icon10.png); background-repeat:no-repeat; background-position:left top; background-size:36px;*/}
.brand-table-bg {/*padding:10px 50px;  background-image:url(../images/icon11.png); background-repeat:no-repeat; background-position:right bottom; background-size:195px;*/}
.brand-table h3 {font-size:20px;border-bottom:0px dashed #62E2F4;padding-bottom:1px; text-align: center; margin:10px 0 10px 0; color:#62E2F4;}
.brand-table td {padding:8px 8px;}
.brand-table td div {padding:5px 8px;width:95%; background-color: #fff;margin:0 auto; border-radius:3px;text-align: center;}
.brand-table td div img {width:100%;height:auto;}
.brand-table td p {font-size:14px; text-align: center;padding-top:8px; }


@media (min-width: 992px) {
.mod-media .zhichi li { width:14.1%; }
.mod-media .each-text { font-size:14px;padding-right:25px;}
.mod-media .text {padding-top:60px;}
.mod-media .each-text .same strong { display:block}
.brand-table td div { width:85%;}
}

@media (min-width: 1200px) {
.brand-table td div { width:80%;}
.mod-media .each-text {padding-left:15px;padding-right:15px;}
.mod-media .each-text p {font-size:14px;}
.mod-media .each-text .same strong { display:inline;}
.mod-media .zhichi li {   width:11.1%; }
	}

/*-------about------*/
.mod-about {padding-top:50px; padding-bottom:100px;}
.mod-about .mod-title {margin-top:120px;margin-bottom:60px;}
.about-c {background-color: rgba(9, 32, 66, 0.5);  background-image:url(../images/cibismodbg_a.png); background-position:left bottom; background-repeat:no-repeat;}
.about-c .about-bg {padding-bottom:40px;background-image:url(../images/cibismodbg_b.png); background-position:right bottom; background-repeat:no-repeat; }
.mod-about .btn-div { position:relative;bottom:35px; clear:both; text-align:center;}
.mod-about h2 {color:#62E2F4;display: block; text-align: center; font-size:26px; line-height:3;border-bottom:1px dashed #62E2F4;font-weight:normal; }

.about-text  {padding:80px 60px 50px 60px;  background-color: #fff;background-image:url(../images/xiang.png); background-size:500px 405px;
background-position:right bottom; background-repeat:no-repeat; }
.about-text .text {color:#444; line-height: 1.7;font-size:16px;padding-top:90px;padding-bottom:110px;padding-right:20px; padding-left:20px;
background-image:url(../images/icon20.png); background-position:left 20px; background-repeat:no-repeat; }
.about-text p {padding:0 20px;width:55%;}
.about-text p strong {font-size:22px; font-weight:normal; margin-left:-15px;}
.about-text .row img { position: absolute;bottom:0;right:0;}

.mod-about .about-b { padding:0 0 90px 0; margin:1px;}
.mod-about .each-text { line-height: 1.8; padding:45px 60px 5px 60px; }
.mod-about .about-d {padding:85px 60px 5px 60px }
.mod-about .about-b .about-t { position:relative;margin-top:-80px;}
.mod-about .about-b .about-t img {width:499px;height:auto;}
.mod-about .each-text h3 { font-size: 22px;position: relative; margin: 0; display: block; height: 70px;}
.mod-about .each-text h3 strong {
    position: relative;
    top: 10px;
    padding-right: 4px;
    font-weight: normal;
    color: #FFAD02;
    font-size: 40px;
}
@media (min-width: 992px) {
.about-text { background-size:667px 550px;}
.mod-about .each-text { font-size: 15px;  }
.about-text p {padding-left:60px;padding-right:110px; width:auto;}
	.mod-about .each-text h3 {height:80px;}
	.about-text .text { padding-right:40%; padding-left:5px;padding-bottom:130px;}
}

@media (min-width: 1200px) {
.about-text p {padding:0 90px;width:auto;}
.about-text .text {padding-top:40px; }
}


/*-------join-----*/
.mod-join {padding-top:50px; padding-bottom:100px;}
.mod-join .btn {border-radius:0;}
.mod-join .btn.btn-yzm {padding-left:0;padding-right:0; text-align:center;width:110px; background-color:#f5f5f5;}
.mod-join .mod-title {margin-top:120px;margin-bottom:50px;}
.join-c { background-image:url(../images/cibismodbg_a.png); background-position:left bottom; background-repeat:no-repeat;}
.join-c .join-bg {padding-bottom:60px;background-image:url(../images/cibismodbg_b.png); background-position:right bottom; background-repeat:no-repeat; }
.join-form .text-center {padding-top:30px; }
.join-form .text-center .btn { font-size:16px;margin-right:22px;width:120px;border-radius:0;}
.join-form { width:90%;margin:0 auto; background-color: #06265B;padding:80px 60px 80px 60px;}
.join-form .form-horizontal {margin-left:0px;}
.join-form span {color:#FFBB2F;}
.join-form .control-label {font-size:15px; font-weight: normal; text-align: left;}
.join-form .form-control {border-radius:0;}
.join-form .form-control.yzm {width:120px;  float: left;}
.join-form .checkbox-inline { width:90%;margin-left: 10px;margin-bottom:5px;  }
.join-form .form-group { margin-bottom:25px;}
.join-more-info { text-align: center;padding:30px;border :1px dashed #62E2F4;margin-top:40px;}
.join-more-info a {font-size:16px; font-weight: bold; text-decoration: underline; }

.join-step {padding:0 60px; }
.join-step .join-step-img img {width:80%;max-width:792px;}
.join-step .join-step-img {margin-bottom:40px; text-align: center;}
.join-step .text {text-align: center;height:140px; font-size:16px; float:left; width:33%;}
.join-step .text strong { font-size:20px; color:#FFBB2F; font-weight: normal; display: block; text-align: center;padding-bottom:9px;}
.join-step-tips { clear: both; padding:20px 10px;border-top:1px dashed #62E2F4;margin-top:40px; text-align:left;}
.join-step-tips p {}
.join-step-tips h4 {color:#FFBB2F;font-size:18px;}

.join-result {  margin:20px;}
.join-result h3 {color:#fff;background-color:#052C6B; text-align: center;font-size:32px; font-weight: 200;}
.join-result h4 {color:#62E2F4;font-size:20px; padding-left:80px;margin-bottom:30px;}
.join-result .sub-tips {padding-left:80px; padding-top:20px; margin-top:20px;line-height: 1.8; font-size:14px; position: relative;}
.join-result .sub-tips:before { content:' '; width:100px;height:2px;border-top:1px dashed #62E2F4;position:absolute;left:80px;top:0px; }
.join-result .row {background-color: #06265B; border-top:1px dashed #62E2F4;}
.join-result .row > div {padding-top:50px;padding-bottom:50px;}
.join-result .join-ma {margin-bottom:15px;}
.join-result .col-md-7 p { padding-left:80px; font-size:16px; line-height: 1.8;}
.join-result a { color:#FFBB2F; font-size:16px; font-weight: bold; }
.join-bg .btn-div {
   padding-top:40px;
    clear: both;
    text-align: center;
}
.join-result-tips { text-align:center;margin-bottom:30px;padding:10px 30px 30px 30px; }
.join-result-tips h3 {color:#F7AC00; font-size: 30px; }
#login .btn {width:110px; font-size:16px;}


.result-modal .modal-dialog {width:700px;}
.result-modal .modal-dialog .modal-content {margin-top:30px;}
#login .modal-dialog .modal-content {min-height:auto;padding-bottom:30px;}
.result-modal .modal-body {padding-left:20px;padding-right:20px; }
 #ticketa img,#ticketb img,#ticketc img,#ticketd img,#tickete img,#ticketf img { display:none}

.each-result {  position:relative;margin-bottom:40px; background-color:#164687;
background-image:url(../images/joinleft.jpg); background-repeat:repeat-y; background-position:left top;}
.each-result .leftbg {background-image:url(../images/joinright.jpg); background-repeat:repeat-y; background-position:right top;}
.each-result .rightbg {padding: 0 30px; }
.each-result .row { position:relative;background-color:#164687;background-image:url(../images/joinbg.jpg); background-repeat:no-repeat ; background-position:right top; }
.each-result .row .col-xs-5 {padding-bottom: 40px;}
.each-result .download {right:20px;top:20px; position:absolute;width:60px;height:60px; z-index:3;}
.each-result .download a {border:0; background:#ffad02;color:#222; display:block;width:100%;height:100%; padding-top:11px;
line-height:1.2; text-align:center;font-size:15px;border-radius:3px;}
.each-result .result-ma { position:relative;text-align:center; background-color:#53C5DE;width:90%; float:right;margin-right:10px;
 border-radius:0 0 20px 20px;padding-top:50px;padding-bottom:40px;}
.each-result .result-ma img {width:150px;height:150px;padding:20px;border:1px dashed #fff; text-align:center;margin:0 auto; margin-bottom:10px;display:block;}
.each-result .result-ma p {color:#000;text-align:center;margin:0;padding-top:8px; }
.each-result .result-ma strong {color:#222; font-weight:normal; position:absolute; text-align:center;font-size:14px; top:40px;
 left: 50%;background-color: #53c5de;  padding: 0 15px; margin-left: -40px;}
.each-result .result-info { position:relative;z-index:1;}
.each-result h3 {color:#ffad02; font-size:26px; padding-top:12px;}
.each-result h4 {color:#ffad02;font-size:17px;}
.each-result h5 {color:#fff; font-size:15px; line-height:1.4;}
.each-result .sub-tips {margin-top:55px; line-height:1.6; font-size:12px; position:relative;}
.each-result .sub-tips:before { content:" "; position:absolute;left:-5px;top:-25px; width:99px;height:1px;border-top:7px dashed #052C6B;}

@media (min-width: 768px) {
#login .form-control {border-radius:0;max-width:200px;}
}

@media (min-width: 992px) {
.result-modal .modal-dialog {width:850px;}
.each-result .download {right:40px;top:40px;}
.each-result .sub-tips {margin-top:45px;}
.each-result .result-ma img {width:180px;height:180px;}
.each-result h3 {font-size:28px; padding-top:7px;}
.each-result h4 { font-size:20px;}
.join-form .form-control.yzm {width:124px;}
.join-form {width:90%;margin:0 auto;}
.join-form .control-label { text-align: right;}
.join-form .text-center {padding-left:60px;}
.join-form .form-horizontal {margin-left:-40px;}
.join-form .checkbox-inline {width:45%; margin-left: 10px;}
.join-result .col-md-7 p,.join-result .sub-tips,.join-result h4 { padding-left:30px;}
.join-result .sub-tips:before {left:30px;}
.join-step .join-step-img img {width:80%; }

}

@media (min-width: 1200px) {
.join-form .form-control.yzm {width:184px;}
.join-step .join-step-img img {width:792px; }
#login .modal-dialog .modal-content {min-height:auto;}
.join-form .checkbox-inline {width:47%; margin-left: 10px;}
}


/*-------review-----*/
.reviewed {/* background-color:#E9E9E9; */}
.mod-reviewed {}
.mod-reviewed .text-center { padding-top:190px;padding-bottom:30px; }
.reviewed-list { width:auto; margin: 0 auto;}

.reviews-inner {  z-index: 0; padding-bottom: 50px; top:-20px;position: relative;}
.reviews-inner .item {
    background-color: #fff;
    width:620px;
	margin:0 auto;
    position: relative;
    z-index: 9;margin-top:50px;

}
.reviews-inner .item h3 {
    text-align: center;margin:0;
    font-size: 18px;
    padding: 15px 0;
}
.reviews-inner .item h3 a {
    color: #333;
}
.reviews-circle {
    position: absolute;
    height: 26px;
    width: 26px;
    top: 5px;
    left: -81px;
    background: url(../images/review-circle.png) no-repeat center center;
    border-radius: 50%;
	display:none;
}
.reviews-time {
    position: absolute;
    left: -170px;
    top: -6px;
    font-style: normal;
    font-size: 36px;color:#57E8DE; display:none;
}
.reviews-inner .item .desc {
    padding: 0 26px;
}
.review-arrow {
    position: absolute;
    height: 60px;
    width: 60px;
    top: -58px;
    left: 56px;
    background: url(../images/review-arrow.png) no-repeat;
    z-index: 2;display:none;
}
.reviews-bar {
    position: absolute;
    height: 100%;
    width:3px;
    left: 83px;
    top: -20px;
    background-color:#ccc;
    z-index: 1; display:none;
}





@media (min-width: 992px) {
.reviews-inner .item {  width: 790px;}
.reviews-inner .item { margin-top: 100px;}
}

@media (min-width: 1200px) {
.reviewed-list { width: 1000px; margin: 0 auto;}
.reviews-inner { padding-left: 150px;}
.mod-reviewed .text-center {padding-left:30px; }
.reviews-inner .item {margin:inherit; margin:0;margin-top: 100px;}
.reviews-circle,.reviews-time,.review-arrow,.reviews-bar { display:block}
}


/*-------vedio------*/


.mod-vedio {padding-top:50px;  background-color: rgba(10, 38, 82, 0.7);  padding: 60px 0; }
.mod-vedio .mod-title {margin-top:120px;}
.mod-vedio iframe {border:1px solid #466fb1; }
.mod-vedio .container {padding-left:40px;padding-right:40px;}
.mod-vedio .container .row { position: relative;  padding-top: 60px;}
.mod-vedio .container .col-xs-12 { position: relative}
.mod-vedio .live-info {padding:5px;padding-top:40px;}
.mod-vedio .live-info .text { font-size:15px; line-height: 1.8;}
.mod-vedio .live-info h3 {    font-size: 20px;
    margin-bottom: 25px;
    width: 120px;
    border-left: 8px solid #FFAD02;
    text-align: center;
    color: #FFAD02;
    padding: 2px 12px;
    margin-top: 5px;}
.mod-vedio .btn-div {padding-left:10px;padding-top:15px;}


@media (min-width: 992px) {
.mod-vedio .container {padding-left:15px;padding-right:15px;}
	.mod-vedio .live-info {padding:5px;}
}



/*-------reviewed-----*/
.reviewed {/* background-color:#E9E9E9; */}
.mod-reviewed {}
.mod-reviewed .text-center { padding-top:190px;padding-bottom:30px; }
.reviewed-list { width:auto; margin: 0 auto;}

.reviews-inner {  z-index: 0; padding-bottom: 50px; top:-20px;position: relative;}
.reviews-inner .item {
    background-color: #fff;
    width:620px;
	margin:0 auto;
    position: relative;
    z-index: 9;margin-top:50px;

}
.reviews-inner .item h3 {
    text-align: center;margin:0;
    font-size: 18px;
    padding: 15px 0;
}
.reviews-inner .item h3 a {
    color: #333;
}
.reviews-circle {
    position: absolute;
    height: 26px;
    width: 26px;
    top: 5px;
    left: -81px;
    background: url(../images/review-circle.png) no-repeat center center;
    border-radius: 50%;
	display:none;
}
.reviews-time {
    position: absolute;
    left: -170px;
    top: -6px;
    font-style: normal;
    font-size: 36px;color:#57E8DE; display:none;
}
.reviews-inner .item .desc {
    padding: 0 26px;
}
.review-arrow {
    position: absolute;
    height: 60px;
    width: 60px;
    top: -58px;
    left: 56px;
    background: url(../images/review-arrow.png) no-repeat;
    z-index: 2;display:none;
}
.reviews-bar {
    position: absolute;
    height: 100%;
    width:3px;
    left: 83px;
    top: -20px;
    background-color:#ccc;
    z-index: 1; display:none;
}



@media (min-width: 992px) {
.reviews-inner .item {  width: 790px;}
.reviews-inner .item { margin-top: 100px;}
}

@media (min-width: 1200px) {
.reviewed-list { width: 1000px; margin: 0 auto;}
.reviews-inner { padding-left: 150px;}
.mod-reviewed .text-center {padding-left:30px; }
.reviews-inner .item {margin:inherit; margin:0;margin-top: 100px;}
.reviews-circle,.reviews-time,.review-arrow,.reviews-bar { display:block}
}



/*-------maincity------*/
.maincity { }
.mod-citytop { font-size:16px; line-height:2;color:#fff;  padding:50px 0 60px 0;background-color: rgba(10, 38, 82, 0.7);}
.mod-citytop .container {margin-top:120px; }
.mod-citytop h2 {padding:8px; font-size:28px; color:#62E2F4; display:block; text-align:center; margin:0; }
.mod-citytop .text-center {padding-top:30px; }
.mod-citytop .info { margin:0 auto;line-height:2;    background-image: url(../images/icon10.png);
    background-repeat: no-repeat;
    background-position:left top;
    background-size:45px; }
.mod-citytop .info-bg {padding:35px 65px;background-image: url(../images/icon31.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:45px;}
.maincity .mod-news {background:none;padding-bottom:0px;}
.maincity .mod-news .mod-title { margin-bottom:30px;}

.maincity .citymain-tabs {  width:480px;margin: 0 auto; margin-top: 65px; margin-bottom:0px;}

.time-table {padding-top:50px; }
.time-table .table {width:95%;margin:0 auto; border :1px solid #365d9c;   }
.time-table .table h2 {padding:8px; font-size:28px; color:#62E2F4; display:block; text-align:center; margin:0; }
.time-table .table h3 {padding :8px 20px 8px 0; font-size:18px; line-height:1.8;color:#fff; display:block; text-align:left; margin:0; }
.time-table .table .btn-triangle {margin-top:-18px;}
.time-table .table .info { font-size:14px;}
.time-table .table th {padding:8px; font-size:18px; color:#62e2f4;border-bottom:1px solid #365d9c;    background-color:#18447b;}
.time-table .table td {padding:6px 12px;font-size:16px; border-bottom:1px solid #365d9c; line-height:1.8;}
.maincity .text-center {padding-top:15px; font-size:16px; color:#FFAD02;}
@media (min-width: 992px) {
.maincity .citymain-tabs {  width:680px;}
}
@media (min-width: 1200px) {
.maincity .citymain-tabs {  width:800px;}
}


/*-------live------*/
.live { }
.index .mod-live {padding-top:50px;  background-color: rgba(10, 38, 82, 0.7);  padding: 60px 0; }
.index .mod-live .mod-title {margin-top:120px;}
.index .mod-live iframe {border:1px solid #466fb1; }

.mod-live .col-lg-8 {padding-right:0;padding-left:0px;}
.mod-live .col-lg-4 {    background-color: #0a1631;height: 470px;}
.live .mod-live { padding-top:50px;/*background-color: rgba(10, 38, 82, 0.7);*/  }
.mod-live .mod-title {    margin-top: 120px; margin-bottom: 60px;}
.mod-live .mod-live-c {position: relative;padding:10px; padding-bottom:60px; }
.mod-live iframe {    border: 1px solid #466fb1;}
.mod-live .live-info {padding:50px 10px;height:190px; margin-bottom:10px;overflow:hidden; }
.mod-live h3 {   font-size: 18px; width: auto; color:#62e2f4; margin-top:5px;display: inline-block;}
.mod-live h4 { color:#fff;font-size: 18px; line-height:1.3;}
.mod-live h4 a {color:#fff;}
.mod-live h5 { font-size: 14px;border-top:1px dotted #466fb1; padding:3px;height:20px;  text-align: center;margin-top:-10px; color:#466fb1; }
.mod-live .live-info .text { line-height: 1.6; padding-bottom:15px;color:#808080;   }
.mod-live .comment-list {padding:10px 10px; height:250px; overflow:hidden; }
.mod-live .comment-list .each {margin-bottom:10px;color:#808080;}
.mod-live .comment-list strong {color:#fff; font-weight: normal; }

.mod-live .share-div {    position: absolute; top:55px; right:40px;}
.mod-live .share-div .btn-primary {padding:3px 10px;border-radius:0;}

.live .live-choose {border-bottom:1px solid #466fb1;padding:15px;margin-top:40px; margin-bottom:35px;}
.live .live-choose a {font-size:16px;margin:0 10px; padding:2px 10px; border-radius:3px;}
.live .live-choose a.active {background-color:#62E2F4; color:#222;}


.mod-otherlive .live-tabs {  margin-top:50px; margin-bottom: 65px;}
.mod-otherlive .action {overflow:auto; padding-top:8px;border-top:1px dashed #2f5ca7;font-size: 12px; color:#718bb5;}
.mod-otherlive .action span { float: left; overflow:auto;margin-right:15px;}
.mod-otherlive .action span strong { line-height:18px;  float:left;font-size: 12px; font-weight:normal;}
.mod-otherlive .action span i { opacity:0.5;
    display: inline-block;float:left;margin-right: 5px;
 margin-right: 5px;background-image: url(http://video.qianjia.com/Content/qianjia-video/images/video-list.png);
}
.mod-otherlive .action span.pv i {
    width: 23px;
    height: 16px;
    background-position: -10px -40px;
}
.mod-otherlive span.review i {
    width: 22px;
    height: 20px;
    background-position: -10px -10px;

}
.mod-otherlive .action p { float:right;margin:0;overflow: hidden; text-align:right;width:90px;
text-overflow:ellipsis;
white-space: nowrap;}
.mod-otherlive .eachone {margin-bottom:40px; padding-top:10px; background: #113e88;  border: 1px solid #1f4684;}
.mod-otherlive .eachone:hover {background:#001d4c; }
.mod-otherlive .eachone a {color:#fff; display:block;}
.mod-otherlive .eachone .text {padding:8px 10px 10px 10px;}
.mod-otherlive .eachone h4 {font-size:16px; text-align:center;margin-top:0;line-height:1.42;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.mod-otherlive .eachone .img {width:100%;height:190px; }
.mod-otherlive .eachone .img a { display:block;    height: 100%;}
.mod-otherlive .eachone .img img {  width:100%;height:100%;}



.mod-live .citymain-tabs {
    width: 480px;
    margin: 0 auto;
    margin-bottom: 35px;

}

.live-tab-content {padding:0 10px;}

.modal-liveshare { padding-top: 60px;}
.modal-liveshare .share-dialog-cont{
    font-size: 14px;
	overflow: auto;
}
.modal-liveshare .share-copy-l{
    float: left;
    width: 120px;text-align: right;
    margin-top: 8px;
}
.modal-liveshare .share-copy-c{
    float: left;
    width: 307px;
}
.modal-liveshare .share-copy-c input{
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
}
.modal-liveshare .share-copy-c input:focus{
    border-color: #333;
    outline: 0;
}
.modal-liveshare .share-copy-r{
    float: left;
    width: 76px;

}
.share-platform{
    clear: both;
    margin-top: 10px;
}
.share-platform .share-platform-l{
    float: left;
    width: 120px; text-align: right;
    margin-top: 8px;
}
.share-platform .share-platform-r{
    float: left;
    width: 350px;
}
.share-platform .bds_weixin{
    background-image: url('../images/css-bg.png');
    background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
    background-image: url('../images/css-bg.png');
    background-position: -57px -7px !important;
}
.share-platform .bds_sqq{
    background-image: url('../images/css-bg.png');
    background-position: -101px -7px !important;
}
.share-platform .bds_qzone{
    background-image: url('../images/css-bg.png');
    background-position: -146px -7px !important;
}
.share-platform .share-platform-text{
    color: #aaa;
    margin-top: 5px;
}
@media (min-width:768px) {
.mod-otherlive .eachone .img {width:100%;height:130px;}
.mod-live .citymain-tabs { margin-bottom: 55px; }
}

@media (min-width: 992px) {
.mod-live .live-info {padding:20px 10px 10px 10px; }
.mod-live .share-div {top:20px;right:15px;}
.mod-otherlive .eachone .img {width:100%;height:180px;}
.mod-otherlive .action p {width:120px;}
.mod-live .citymain-tabs { width: 680px;}
.mod-live .col-lg-8 { padding-left:10px;}
}
@media (min-width: 1200px) {
.mod-otherlive .eachone .img {width:100%;height:150px;}
.mod-live .citymain-tabs {width: 800px;}
}


/*-------blank----*/

.blank {width:100%;height:100px; overflow:hidden; display:block;}
.blankc {height:120px; }
.blank10 {width:100%;height:10px; overflow:hidden; display:block; clear:both;}





@media (min-width: 768px) {



}
@media (min-width: 992px) {



}


@media (min-width: 1200px) {
.col-lg-05 {
    float: left; width: 20%; position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

}