/*!
 * common css in 2018
 * xm and cj modify */

/*------common------*/

html {
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-size: 62.5%;
}

body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  background-color:#26275C;
  font-family:'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
      color: #fff;
}

body {
  position: relative;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
}

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:focus {
  box-shadow: none;
  outline: none;
}

.form-control:focus {
  box-shadow: none;
  outline: none;
}

p {
  max-height: 999999px;
  margin: 0;
}

a,
a:hover,
a:active,
a:focus,
a:visited {
  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;
}
/*-----modal----*/
.modal-dialog .modal-content {
  box-shadow: none;
  border: 0;
}

.votemodal { color:#444;}



/*----mod---------*/
.mod { position:relative; padding:30px 0; border-bottom: 0px solid #36557E;}
.mod-title { text-align:left; color: #fff; margin-top: 15px; font-weight: 700; background-image:url(../images/linec.gif);
 background-repeat:no-repeat; background-position:3px 34px;background-size:80px 5px;}

.mod-title h3 {font-size: 34px; line-height:1.2; color: #fff;margin-bottom:0; font-weight:normal; }
.mod-title h2 { margin-bottom:10px; margin-top:5px; font-size: 20px; line-height:1.2; color: #fff; }
.mod-title h2 span.sm {font-size:15px; }
.mod-title span.red {color:#ce392d; }
.mod-title span.yellow {color:#F3C921; }
.mod-title span.blue {color:#349DEB; }
.mod-title span.green {color:#00f2ff; }

.mod-subcover .mod-title  {margin-top:100px; padding-bottom:30px;}
 @media (max-width: 991px) {
.mod-title.mod-subtitle { text-align:center;background-position:center 45px; background:none;}	 

 }
 @media (max-width: 767px) {
.mod-title.mod-subtitle { text-align:center;background-position:center 34px;background:none;}	 

 }
@media (min-width: 768px) {
.mod-title {margin-top: 25px; background-size:120px 8px; background-position:5px 45px; }
.mod-title h3 {font-size: 48px; }
.mod-title h2 {font-size: 24px;margin-top:8px;}
.mod-title h2 span.sm {font-size:18px; }
.mod {padding:60px 0;}

.mod-subcover .mod-title  {margin-top:170px;padding-bottom:50px;}
}

@media (min-width: 992px) {
.mod-title { background-position:5px 60px; }
.mod-title h3 {font-size: 64px; }
.mod-title h2 {font-size: 26px;margin-top:8px;  }
.mod-title.mod-subtitle { background:none}
}



 a.border-btn {  border:2px solid #fff; vertical-align: middle; line-height:32px; width:auto;
    border-image:linear-gradient(to left,#176eff,#00f3ff) 2;padding-left:20px;padding-right:20px;color:#fff; display:inline-block;box-sizing: border-box; position: relative;}
 a.border-btn:after {
    content: ""; 
    position: absolute;
    left: -2px; 
    top: -2px;  
    right:-2px;
    bottom:-2px;
    border:2px solid #fff;
    border-image:linear-gradient(to left,#00f3ff,#176eff) 2;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
} 

a.border-btn:hover:after{opacity:1}
 

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

.blank {
  width: 100%;
  height: 100px;
  overflow: hidden;
  display: block;
}

/* ie678 error
==================================== */

.error-backdrop {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1500px;
  overflow: hidden;
  z-index: 10000;
  background: #26275C;
  -moz-opacity: 1;
  opacity: 1;
  filter: Alpha(opacity=100);
}

.error-modal {
  position: absolute;
  width: 700px;
  height: 400px;
  left: 50%;
  margin-left:-350px;
  top: 250px;
  color: #444;
  z-index: 10001;
  background-color: #fff;
}

.error-modal .error-text {
  padding-top: 60px;
}

.error-modal .error-text h2 {
  font-size: 18px;
  line-height: 1.6;
  color: #444;
  font-weight: normal;
  text-align: center;
}

.error-modal .error-text .error-show {
  width: 550px;
  margin: 0 auto;
  height: 120px;
  margin-top: 30px;
  background-image: url(../images/errorimg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
}

/*----left-nav------*/

.left-nav { position:relative;position: fixed;left:5px;bottom:40px; z-index:1;display:none; }
.left-nav-ul {width:64px;height:auto;  }
.left-nav li { text-align:center; border:1px solid #59759a; position:relative;margin-top:-1px;}
.left-nav li a { display:block; font-size:15px;color:#fff; padding:12px 0; line-height:1.2;}
.left-nav li.active a,.left-nav li.active a:hover {color:#fff; background-color:#76DAD6; }
.left-nav li a,.left-nav li a:hover,.left-nav li a:active { background:none; } 
@media (min-width: 1400px) {
.leftnav-show .left-nav { display: block}
}

/*------bottom tool ------*/

.bottom-tool {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 199;
}

.bottom-tool>div>a {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #cacacc;
  display: block;
}

.bottom-tool>div>a:hover {
  background-color: #76DAD6;
}

.bottom-tool .wx {
  position: relative;
  display: none;
}
.bottom-tool .wx a {background-color: #76DAD6;}
.bottom-tool .link {
  position: relative;
  background-image: url(../images/bottomtool_a.png);
  background-size: 65%;
  background-position: center center;
  background-repeat: no-repeat;
}

.bottom-tool .wx:hover .link {
  background-color: #76DAD6;
}

.bottom-tool .wx .block-box {
  position: absolute;
  top: -68px;
  right: 50px;
  padding-right: 25px;
  display: none;
}

.bottom-tool .wx:hover .block-box {
  display: block;
}

.bottom-tool .wx .content {
  width: 130px;
  padding: 12px;
  height: auto;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  text-align: center;
  line-height: 1.6;
  color: #666;
 
}

.bottom-tool .wx .content img {
  display: block;
  margin: 0;
}

.bottom-tool .wx .content p {
  padding-top: 5px;
  font-size: 13px;
}

.bottom-tool .wx .content .triangle {
  width: 0;
  height: 0;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #ccc;
  right: -10px;
  top:50%;
  margin-top: -5px;
  position: absolute;
}

.bottom-tool .wx .content .triangle span {
  display: block;
  width: 0;
  height: 0;
  border-width: 13px 0 13px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  margin-top: -13px;
  right: 1px;
}

.bottom-tool .scrollup a {
  color: #fff;
  font-size: 24px;
  padding: 10px;
  font-weight: 100;
}

.bottom-tool .feedback {
  display: none
}

.bottom-tool .feedback a {
  position: relative;
  background-image: url(../images/bottomtool_c.png);
  background-size: 65%;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .bottom-tool {
    right: 10px;
    bottom: 10px;
  }
  .bottom-tool .scrollup a {
    color: #fff;
    font-size: 20px;
    padding: 7px;
    font-weight: 100;
    opacity: 0.7;
  }
  .bottom-tool>div>a {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #999;
    border-radius: 50%;
    display: block;
  }
}

@media (min-width: 768px) {
  .bottom-tool {
    right: 1px;
    bottom: 100px;
  }
  .bottom-tool>div {
    margin-bottom: 6px;
  }
  .bottom-tool .wx {
    display: block
  }
  .bottom-tool .feedback {
    display: block
  }
}

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

.top-subnav {
  height: 40px;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #36557E;
}
.top-subnav ul { overflow:auto;}
.top-subnav li {
  float: left;
}

.top-subnav li a {
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
  line-height: 40px;
}

.top-subnav .right ul {
  float: right;
}
.header { position:fixed;left:0; right: 0;z-index:10;}
.header .navbar {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.header-fixed {
   top:0;z-index: 99;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.navbar-header { position:relative; z-index:9;}
.logo-summit {  width: 225px;padding: 0;padding-top:4px;padding-left:15px;  display: block;   height: 100%;}
.logo-summit img { width:100%;height:auto;}


.join-btn {padding:20px 0; float:right; position:relative; z-index:10; }
.join-btn a { vertical-align: middle; line-height:32px; width:auto; font-weight:normal; font-size:16px; border:1px solid #00b8ff;
background: #00b8ff; 
background: -webkit-linear-gradient(left, #00b8ff, #4d8aef); 
background: -o-linear-gradient(right, #00b8ff, #4d8aef); 
background: -moz-linear-gradient(right, #00b8ff, #4d8aef); 
 background: linear-gradient(to right, #00b8ff, #4d8aef);
padding:0 20px;color:#fff; display:inline-block;box-sizing: border-box; position: relative;
 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;}
 
.join-btn a:hover {
	background: #4d8aef; 
background: -webkit-linear-gradient(left, #4d8aef, #00b8ff); 
background: -o-linear-gradient(right, #4d8aef, #00b8ff); 
background: -moz-linear-gradient(right, #4d8aef, #00b8ff); 
 background: linear-gradient(to right, #4d8aef, #00b8ff);
 }
 

@media (max-width: 767px) {
  .header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
  }
  .header .nav>li {
    text-align: center
  }
  .header .nav>li>a {
    color: #fff;
    border-left: 0px solid transparent;
    font-size: 16px;
    padding:12px 15px;
    margin:0;
  }
  .header .nav>li>a:hover,
  .header .nav>li>a:focus,
  .header .nav>li>a:active {
    background: none;
  }
  .header .nav>li.active>a {
    border-left: 0px solid #fff;
  }
  .header .navbar-toggle .icon-bar {
    background-color: #fff
  }
  .header .navbar-collapse {
    background-color:#161a31;
    border: 0;
    box-shadow: none;
    opacity: 0.9;
  }
  .header .navbar-nav { margin: 15px -15px;}
  .header.header-fixed .navbar-header {
    background-color: #212246;
  }
  .header .navbar-toggle {
    padding: 18px 20px;
    margin: 0;
    background-color:#161a31;    border: 0;
    border-radius: 0;
  }
  .header .navbar-toggle.collapsed {
    background: none;
  }
  .header.header-fixed .navbar-toggle.collapsed {
    background-color:#212246;
  }
}

@media (min-width: 768px) {
  .header.header-fixed {
    background-color: #212246;
  }
  .header .nav>li>a {
    color: #fff;    background: none;
    padding: 13px 1px 4px 1px;
    font-size: 16px;
	margin:0 15px;
	border-bottom:2px solid transparent;
  }
  .header .nav>li>a:hover,
  .header .nav>li>a:focus,
  .header .nav>li>a:active {
    background: none;
	border-bottom:2px solid #314779;
  }
  .header .nav>li.active>a,
  .header .nav>li.active>a:hover,
  .header .nav>li.active>a:focus,
  .header .nav>li.active>a:active {
   border-bottom:2px solid #fff;
  }
  .header .navbar-collapse {
    position: relative;
  }
 .logo-summit {  width: 290px; padding-top: 10px;padding-left:20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.header .navbar-collapse {padding:0}
.header .navbar-nav {width: 100%; margin:0;    padding-bottom: 10px; border-top: 1px solid #2e4780;}
.header .navbar-nav > li { width: 16.5%;    text-align: center;}
.header .navbar-nav > li > a { display:inline-block}
}
@media (min-width: 992px) {
.header .nav>li>a {
    color: #fff;
    padding: 26px 1px 4px 1px;
    font-size: 16px;  
	    margin: 0 10px;
  }
  .header .nav>li {padding-bottom: 20px;}
 .navbar-nav .dropdown:hover .city-menu { display:block}
}
@media (min-width: 1200px) {
  .summit-middle {
    left: 50%;
    margin-left: -270px;
    top: 0;    z-index: 1;
    position: absolute;
  }
.header .nav>li>a {
    color: #fff;
    padding: 26px 1px 4px 1px;
    font-size: 16px;
	   margin: 0 18px;
  }
 .logo-summit { padding-left:30px;width: 300px; }
}


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

.news-list {padding:0 10px; }
.news-list ul {}
.news-list li { margin-left:-15px; margin-right:-15px; border-bottom:1px dashed #565680;}
.news-wrap .col-md-6:last-child li:last-child {border-bottom:0}

.news-list li a {padding: 15px 0; display:block;  overflow: auto; }
.news-list li a:hover { background-color: #1770ff;}
.news-list li a > div {position: relative; min-height: 1px; padding-left: 15px;}
.news-list li .text {float: left; width:60%;}
.news-list li .img {float: left;width:40%;padding-right: 15px;}
.news-list li .img img {width:100%;height:auto;overflow:hidden;border-radius:6px;    border: 1px solid #616296;}
.news-list li h3 { margin-top: 0; line-height: 1.42;font-size: 14px; display:block;color:#fff;}
.news-list li .time { display:block;font-size:12px; color:#fff; opacity:0.3;}
.news-list li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
 
@media(min-width:768px) {
.news-wrap {padding-top:50px;}
.news-list li {margin-bottom:30px; border-bottom:0;}
.news-list li a { background-color:#2f3179;}
.news-list li a:hover { background-color: #1770ff;}
.news-list li .text {  width:70%; padding-right:15px;}
.news-list li .img { width:30%;}
.news-list li h3 {padding-top:15px;font-size: 18px; }
.news-list li .time {font-size:14px;}
}

@media(min-width:992px) {
.news-list li h3 {display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;	}
	
}

/*---------banner--------*/


.review-banner {position: relative;height:300px;width:100%;margin:0 auto;margin-top:50px; }

.review-banner .swiper-button-next,.review-banner .swiper-button-prev {padding:0; opacity:1;  background-size:40%;}
.review-banner .swiper-button-next {right:0;}
.review-banner .swiper-button-prev {left:0;}
.review-banner .swiper-container { width: 100%;height:100%; margin-left: auto; margin-right: auto; }
.review-banner .swiper-slide { background-size: cover; background-position: center;border:1px solid #59759a; background-repeat:no-repeat; position:relative;  }

.review-banner .swiper-container.gallery-top {height:78%; width:100%; margin:0 auto;  z-index:1; }
.review-banner .swiper-container.gallery-thumbs { height: 20%; box-sizing: border-box; padding:10px 0; z-index:9;}
.review-banner .gallery-thumbs .swiper-slide { cursor:pointer;height: 100%; opacity: 0.4; border:1px solid #59759a; background-size:cover; }
.review-banner .gallery-thumbs .swiper-slide-active {  opacity: 1;}
 
.review-banner .text-wrap { background-color:#349deb;padding:10px 15px;right:0;bottom:0;width:70%; text-align:right; position:absolute; }
.review-banner .text-wrap .desc { line-height:1.8; min-height:110px; display:none;}
.review-banner .text-wrap h3 { line-height:1.42; font-size:16px;margin:0;}

@media (min-width:768px) { 

.review-banner { height:550px;}	
.review-banner .swiper-button-next {right:20px; background-size:80%;}
.review-banner .swiper-button-prev {left:20px; background-size:80%;}
.review-banner .swiper-container.gallery-thumbs { padding:20px 0; }
.review-banner .text-wrap {padding:55px 25px 50px 25px;right:80px;bottom:0;width:360px; text-align:left; }
.review-banner .text-wrap .desc { display:block}
.review-banner .text-wrap h3 {  font-size:22px;margin-bottom:15px;}

.review-banner.review-banner-sub .text-wrap {padding:25px 25px 20px 25px; right:0;}
.review-banner.review-banner-sub .text-wrap .desc { display:none}
.review-banner.review-banner-sub .text-wrap h3 { margin-bottom:0;}
}


@media (min-width:1200px) {
.review-banner { height:650px;}	
.review-banner .text-wrap .desc {min-height:150px;}
	}
@media (min-width:1600px) {
.review-banner { height:700px;}		
}


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

 
.modal-city .modal-content {color:#fff;background-color:#0D3785;}
.modal-city .modal-body { color:#fff;}
.modal-city .modal-content .modal-header {text-align:center; border-bottom:0;color:#fff;}
.modal-city .modal-content .close {color:#fff; opacity:0.9; } 
.modal-city .modal-content { box-shadow:none; background:none; }
.modal-city .btn { display:block; font-size:16px; background-color: #349deb;  border: 0px solid #fff;color:#fff;padding-top:10px;padding-bottom:10px; }
.modal-city .btn:hover,.modal-city .btn:focus {background-color: #349deb; }
.modal-city p {width:210px;margin:0 auto;margin-bottom:10px;}

@media (min-width: 360px) {
.modal-city {margin-top:50px}	
}

@media (min-width: 375px) {
.modal-city {margin-top:70px}	
}
@media (min-width: 414px) {
.modal-city {margin-top:90px}	
}


/*--------city menu--------*/
 .header .nav>li.open >a{border-bottom:2px solid #fff;}
.navbar-nav > li > .city-menu { top: 100%;padding:0; width: 700px;border:0;border-radius:20px 0 20px 0; overflow:hidden; left: -350px;background:#349deb; 
-webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175);
    box-shadow: 0 0px 12px rgba(0,0,0,.175);}
.city-menu li { float:left; width:16.66%;padding:0;margin:0;  }
.city-menu li a { text-align:center;padding:20px 0; border-right:0px solid #2C86C8; color:#fff;}
.city-menu li a span.img {}
.city-menu li a strong { display:block; font-size:22px; font-weight:normal;}
.city-menu li a:hover,.city-menu li a:focus { background-color:#2C86C8;color:#fff;}
.city-menu > .active > a { background-color:#2C86C8!important;}
@media (min-width: 992px) {
.navbar-nav > li > .city-menu { width: 800px;left: -400px;}	
}


/*-------footer------*/

.footer { clear: both; padding-top:30px;  padding-bottom: 30px;text-align:left;border-top: 1px solid #36557E;}

.footer .organizer { font-size: 14px; text-align:left; line-height:1.6; color: #59759a;}
.footer .organizer a { color: #fff;padding:0 10px;}
.footer .copyright {  color: #59759a;text-align:left; font-size: 12px;padding-left:10px; padding-bottom:20px;}

.footer .wx-left {color: #666; float:left;width:90px; margin: 0 5px;padding:7px; border:1px solid #6869a9;}
.footer .wx-left img {border:7px solid #fff;width:100%;height:100%;}
.footer .wx-right {margin-left:110px; }
.footer .wx-right strong { display:block; line-height:2; font-size:14px; font-weight:normal;}
.footer .wx-right p {  padding-top:4px; color: #59759a; font-size: 12px;}

@media (min-width: 768px) {
.footer .organizer {padding-bottom:3px;font-size: 15px; text-align:left;}
.footer .copyright {font-size:14px;text-align:left; padding-bottom:0px;}
.footer .wx-right { padding-right:20px;margin-left:120px;}
.footer .wx-right strong { font-size:16px;}
.footer .wx-right p {font-size: 14px;}
.footer .wx-left {width:100px;}
}
@media (min-width: 1200px) {
.footer .organizer {padding-top:5px; }	
}
/*-------common respond------*/

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

@media (min-width: 992px) {
  .col-md-09{
    float: left;
    width: 11.1%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

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

}

@media (min-width: 1400px) {
  .col-xlg-1,
  .col-xlg-2,
  .col-xlg-3,
  .col-xlg-4,
  .col-xlg-5,
  .col-xlg-6,
  .col-xlg-7,
  .col-xlg-8,
  .col-xlg-9,
  .col-xlg-10,
  .col-xlg-11,
  .col-xlg-12 {
    float: left;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
}