@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
/*!
 */
 .portfolio_logo > div > div:hover {
    position: relative;
    top: -4px;
    border-radius: 3px;
    box-shadow: 0px 2px 7px rgba(51,51,51,0.4);
}
.no, .hidden{ display:none;} 
img{ max-width:100%;} 
img.b1{ border:8px solid rgba(102,102,102,0.1);}

.flex-1{ display:-webkit-flex; display:flex; 
-webkit-justify-content:center;justify-content:center;  
-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-align-fles:stretch;align-fles:stretch;}

.flex-2{ display:-webkit-flex; display:flex; 
-webkit-justify-content:space-between;justify-content:space-between;  
-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-align-fles:stretch;align-fles:stretch;}

.flex-3{ display:-webkit-flex; display:flex; 
-webkit-justify-content:left;justify-content:left;  
-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-align-fles:stretch;align-fles:stretch;}

.clearfix5{ height:5px; clear:both;}
.clearfix10{ height:10px;clear:both;}
.clearfix15{ height:15px;clear:both;}
.clearfix20{ height:20px;clear:both;}
.clearfix25{ height:25px;clear:both;}
.clearfix30{ height:30px;clear:both;}
.clearfix35{ height:35px;clear:both;}
.clearfix40{ height:40px;clear:both;}
.clearfix45{ height:45px;clear:both;}
.clearfix50{ height:55px;clear:both;}
.top20{ position:absolute;margin-top:-20px;}
.top30{ position:absolute;margin-top:-30px;}
.top40{ position:absolute;margin-top:-40px;}
.top50{ position:absolute;margin-top:-50px;}
.bottom0{margin-bottom:0px;}
.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom20{margin-bottom:20px;}
.bottom25{margin-bottom:25px;}
.bottom30{margin-bottom:30px;}
.bottom35{margin-bottom:35px;}
.bottom40{margin-bottom:40px;}
.bottom45{margin-bottom:45px;}
.bottom50{margin-bottom:50px;}

.hr2{ margin-bottom:15px; height:15px; border-bottom: dotted 1px #99CFFB;}
.hr3{ margin-bottom:15px; height:15px; border-bottom: dotted 1px #0099CC;}

@media (min-width: 768px) {.col-sm-1-5 {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-1-5 {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-1-5 {width: 20%;float: left;}}


/********************************************************************
	ZYPOP 
	FREE WEB TEMPLATES
********************************************************************/
/**
This file contains the core CSS for this template, built on the Bootstrap framework 
Set the variable values in _variables.scss 
**/
/** 
Page structure and elements 
**/
.bg-primary {
  background-color: #333333 !important; }

body, main {
  background-color: #fff; }

main {
  padding-top: 1em; }

.text-primary {
  color: #333333 !important; }

a, .page-link {
  color: #DB515B;
  font-weight: bold; }
  a:hover, a:focus, a:active, .page-link:hover, .page-link:focus, .page-link:active {
    color: #d73c47; }

fieldset {
  margin-bottom: 1rem;
  display: block;
  border-top: 1px solid #cccccc; }

fieldset legend {
  width: auto;
  padding-right: 0.5rem;
  font-size: 1.1rem;
  font-weight: bold; }

table th {
  background-color: #DB515B;
  color: #fff;
  border-color: #b92631 !important;
  border-bottom: 1px solid #b92631; }

blockquote {
  display: block;
  border-left: 5px solid #cccccc;
  padding: 0.5rem;
  color: #999999;
  font-style: italic;
  margin-bottom: 1rem; }

.btn {
  font-weight: bold; }

.btn-secondary, .badge-secondary {
  color: #fff; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #666666;
  font-weight: bold; }

h3 {
  color: #e47b83; }

/** 
Header + Navbar 
**/
.navbar-toggler {
  margin: 0.5rem; }

.navbar {
  padding: 0.7rem 1rem;  }

#mainNavbar .navbar-nav {
  width: 100%;
  margin-top: 0.5rem; max-width:1000px; }

.navbar-dark .navbar-brand {
  color: #999999;
  padding: 0.2rem 1.5rem;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -0.2rem;
  font-size: 2rem;
  line-height: 2.1rem; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:active {
    color: #999999; }

.navbar-dark .navbar-brand span {
  font-weight: bold;
  color: #DB515B; }

.navbar-dark .navbar-nav .active .nav-link {
  color: #fff;
  background-color: #DB515B !important; }
  .navbar-dark .navbar-nav .active .nav-link:hover, .navbar-dark .navbar-nav .active .nav-link:focus, .navbar-dark .navbar-nav .active .nav-link:active {
    color: #fff !important;
    background-color: #DB515B !important; }

.navbar-dark .navbar-nav .nav-link,
.navbar-nav .dropdown-item {
	color: #ffffff;
	font-weight: normal;
	padding: 0.25rem 0.93rem !important; font-size:0.9rem;
	
	margin: 0 0.7rem;
	border-radius: 10px;
  }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:active,
  .navbar-nav .dropdown-item:hover,
  .navbar-nav .dropdown-item:focus,
  .navbar-nav .dropdown-item:active {
    color: gray;
    background-color: #e2e2e2; }

.navbar-nav .dropdown-item {
  border-radius: 0;
  background-color: transparent;
  margin: 0; }

.navbar-nav .dropdown-item:first-child {
  border-top-right-radius: 10px; }

.navbar-nav .dropdown-item:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }

.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:active,
.navbar-nav .dropdown-item.active {
  background-color: #b8b8b8; }

.navbar-nav .show.active {
  color: #fff !important; }

.navbar-nav .show.active .dropdown-item:hover,
.navbar-nav .show.active .dropdown-item:focus,
.navbar-nav .show.active .dropdown-item:active,
.navbar-nav .show.active .dropdown-item.active {
  background-color: #d73c47;
  color: #fff; }

.navbar .dropdown.show .nav-link {
  border-radius: 10px 10px 0 0 !important;
  color: gray; }

.navbar .dropdown.show.active .nav-link,
.navbar-nav .dropdown.show.active .dropdown-item {
  color: #fff; }

.dropdown-menu {
  border: none;
  border-radius: 0 0 10px 10px;
  margin: 0 0.5rem;
  padding: 0;
  background-color: #d2d2d2 !important; }

.show.active .dropdown-menu {
  background-color: #DB515B !important; }

.dropdown-divider {
  border-color: #858585; }

/** 
Header / Jumbotrons / Sliders / Cards
**/
.jumbotron-narrow {
  padding: 3rem; }

.jumbotron-wrap {
	color: #f8f9fa;
	margin-bottom: 1rem;
	background-color: #797979;
	background-attachment: fixed;
	background-image: linear-gradient(to bottom,rgba(0,51,153,0.7) 1%  ,  rgba(0,102,153,0.6) 66%), url(bg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 2px 2px 10px #9f9f9f;
	top: -120px;
	position:  ;
	z-index: -999;
	padding-bottom: 130px;
}

.jumbotron-wrap .jumbotron {
  background: transparent;
  margin-bottom: 0; }
.jumbotron-wrap .jumbotron .cdmclogo{ margin:auto auto; max-width:180px; width:88%;}

.jumbotron-wrap .btn-4{max-width:800px; margin:auto;flex-wrap: wrap;-webkit-flex-wrap:wrap; justify-content:space-around;-webkit-justify-content:space-around;}
.jumbotron-wrap .btnc{ margin:0.5rem 0.3rem; padding:4px 0px 30px; display:block; font-weight:normal;  font-family:Microsoft YaHei; padding-bottom:40px; font-weight:bold;}

.jumbotron-wrap .jumbotron .hr1 {
	height:1px;
	background-color:#CCC;
	padding: 0px;
	margin-top: 25px;
	margin-right: rem;
	margin-bottom: 25px;
	margin-left: rem;
 }
   
.jumbotron-wrap h1, .jumbotron-wrap .h1 {
  color: #f8f9fa;
  font-size: 3rem; }

.jumbotron-wrap .htime{ letter-spacing:0.03rem;}
.no-slider {
  margin-bottom: 2rem; }

.jumbotron-wrap h2, .jumbotron-wrap .h2 {
  text-transform: uppercase;
  font-weight: 400;
  color: #fff; }
.jumbotron-wrap h3{ color:#FF3;}


/*-------------------------------------
        5. List-topuics
--------------------------------------*/
.list-topics-content {  margin: 0px auto -1em; }
.topup{  position: relative; top:-2.4em;  z-index:11;}
@media (max-width: 768px) {
.list-topics-content {  margin: 0px auto -2em; }
.topup {top: -2em;}}




@media (min-width: 991px) {
.flex-991{ display:-webkit-flex; display:flex; 
-webkit-justify-content:center;justify-content:center;  
-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-align-fles:stretch;align-fles:stretch;}
}


.list-topics-content ul{max-width:1000px; margin:auto  auto ;   }
.list-topics-content ul li { list-style:none;  }


.single-list-topics-content{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 200px; 
    height: 170px;
    background:#fff;
    border-radius: 3px;
    margin: 0px 10px 20px 10px;
    
    box-shadow: 0 0px 10px rgba(71,71,71,0.3);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
}
@media (max-width: 768px) {.single-list-topics-content{width: 155px; }}

.single-list-topics-content h2>a { margin: 13px 0;}
/*.single-list-topics-content:last-child{margin-right: 0;}*/

.single-list-topics-icon [class^="flaticon-"]:before,.single-list-topics-icon [class*=" flaticon-"]:before,.single-list-topics-icon [class^="flaticon-"]:after,.single-list-topics-icon [class*=" flaticon-"]:after {font-size: 45px;color:#343a3f; position:relative; top:5px;}
.single-list-topics-content:hover .single-list-topics-icon [class^="flaticon-"]:before,.single-list-topics-content:hover .single-list-topics-icon [class*=" flaticon-"]:before,.single-list-topics-content:hover .single-list-topics-icon [class^="flaticon-"]:after,.single-list-topics-content:hover .single-list-topics-icon [class*=" flaticon-"]:after {color:#fff; }

.single-list-topics-content p{text-align:center; line-height:22px;}
.single-list-topics-content:hover h2>a,.single-list-topics-content:hover p{color: #fff!important; }
.single-list-topics-content:hover{
    color: #fff;
    background: #3563CC ;
    box-shadow: 0 5px 10px rgba(71,71,71,.5);
}


.rslides img {
  height: auto;
  border: 0;
  }
  
.callbacks_tabs{
    list-style: none;
    position: absolute;
    bottom: 240px;
    right: 0;
    padding: 0;
    margin: 0; margin-right:5%;top:200px;
    display: block;
    z-index: 999;
}
.slider-top span{
	font-weight:600;
}
.callbacks_tabs li{
	display: block;
    margin: 0;
}

<!------------------------------>
<!------------------------------>




.card-container {
  padding: 2rem 0; }

.colored-bg-container {
  background-color: #DB515B;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom, rgba(219, 81, 91, 0.8) 0%, rgba(206, 43, 55, 0.8) 50%), url(bg1.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; }

.gray-bg-container {
  background-color: #f8f8f8;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom, rgba(248, 248, 248, 0.8) 0%, rgba(223, 223, 223, 0.8) 50%), url(bg1.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  color: #343a40; }

.gray-bg-container h2, .gray-bg-container .h2 {
  color: #212529; }

.text-card> div{ display:flex; align-flex: stretch;}
.card {
  margin-bottom: 1rem; }

.card blockquote.card-text {
  font-size: 0.81em; line-height:1.2rem;}

.card-img-top {
  opacity: 0.99;
  height: auto; }

.card-container .card {
  box-shadow: 0px 0px 10px #dfdfdf; }
 .card-text{ text-align:left; color:#666; line-height:2em;}
 
 ul.cardlist{  padding-left:0.8rem;margin-left:0px; padding-left:0px; color: #238536;}
 ul.cardlist li{ text-align:left; line-height:28px; padding-left:0px; margin-bottom:10px; }
 ul.cardlist li i { color:#666;}
 ul.cardlist-center{ margin:auto auto;}
 ul.cardlist-center li{text-align:left;}
.padded-box {
  padding: 1.5rem 0 2rem;}
.padded-box .lead-b0{ margin-bottom:0px;}
.padded-box small{ background-color:#FF3;  padding:6px 15px; }

.padded-box p.text { width:100%;}


/*人头*/

.team{
	text-align:center;
	padding:3em 0;
}
.team-grids { text-align:center;
	padding: 0.5em 0;
}

.team-grids .team-grid{ padding:0rem 0.22rem 0.5rem; margin-bottom:1rem; align-flex:stretch;}
.team-grids  p{ padding:0em;}
.team-grids .imgx, .team-grids img{ width:100%; 
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

transition:all 1s ease;
-moz-transition:all 1s ease; /* Firefox 4 */
-webkit-transition:all 1s ease; /* Safari and Chrome */
-o-transition:all 1s; /* Opera */

  }
  
.team-grids img.speakerimg{ margin-bottom:0.7em;} 
.team-grids .imgx:hover,.team-grids img.speakerimg:hover{ background-color:#000;  
  -webkit-background-size:  120%;
  -moz-background-size:  120%;
  -o-background-size:  120%;
  background-size:  120%;}






.team-grid:hover aside {box-shadow:0px 0px 5px #ccc; }

.team-grids .team-hr{  height:10px; border-bottom: dotted 1px #99CFFB; width:90%; margin:0px auto;}  
.team-in{
	padding:0em 0 1em;
}

.team-in h3{
	font-size:3rem;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.team-in p{
	font-size: 1.0rem;
	color: #818181;
	font-weight: 300;
}

.col-in b{
	color: #06C;  
	font-size:1.0rem; line-height:1.4rem;
	margin:5px auto;
	display:block;font-weight:normal; 
}
.col-in p {font-size:0.76rem;line-height:1.09rem;display:block; margin-bottom:5px; color:#777; font-family: Arial,Microsoft YaHei;  }

.team-grids-index .col-in b{ color: #FF3  ; }
.team-grids-index .col-in p{ color:#FFF;}
.team-grids-index .team-grid:hover{ background-color:rgba(0,0,0,0.7);}
.col-in span{
	color:#818181;
	font-size:1rem;
}
ul.social li{
	display:inline-block;
}
ul.social li a span{
	background:url(../img/img-sprite.html) 0px 0px no-repeat;
	width:25px;
	height:25px;
	display:block;
}
ul.social li.inline a span{
	background-position:-23px 0px;
}
.team-grid aside .col-in { bottom:0px; 
	padding: 0.3rem 0.0em 0.2rem; 
}


.col-img  { height:60px;margin:0.4rem 3% 0.2rem; border-top: dashed 1px #CCCCCC; bottom:0px;display:none; }
.col-img img  { max-width:70%; margin:auto; max-height:50px;  }

/*-- 这三个设置的顶部底部位置--*/
.team-grid aside{display:flex; flex-flow: row wrap;}
.team-grid aside .col-in{  align-self: flex-start; width:100%;  }
.team-grid aside .col-img{align-self: flex-end; width:100%; }

/*----*/	


/*----- 日程 -----*/
.agenda { background-color:#FFF; font-size:1rem;color:rgba(103,103,103,1)}
.agenda .program{  border-radius:4px; border: solid 1px #ddd; padding:6px 1rem; margin:0px 0px 1% 0px;}
.agenda h4 { color:#069; border-bottom: solid 1px  #B4D1E9; padding-bottom:5px; font-weight:bold; margin-bottom:12px; font-size:1.3rem; line-height:2rem;}
.agenda h4 span { font-weight: normal; font-size:0.88rem; color:#4B6696;}
.agenda h5 { color:#933; font-weight:bold; border-radius:4px; background: #Dddddd;  font-size:1.02em;
 clear:both; ; padding:6px 1%; margin:5px  1.5% 5px 0px;   text-align:center; max-width:170px;}
 .agenda Aside{ margin:3px 0px 10px 0px;  width:99%; padding:3px 0px 0px 0px; border-bottom:dashed 1px #dadada; padding-bottom:4px; clear:both;  line-height:1.5rem; }
 
 

.agenda article{ text-align:left; font-size:1em; line-height:1.24em; }
.agenda Section { padding: 5px; font-size: 18px; color: #858585;  sans-serif, Microsoft YaHei; line-height: 30px; font-weight: 400; color:#333; max-width:1200px; margin:0px auto; }
.agenda ul li{ font-size:16px;}
.agenda ul li strong { font-weight:bold;   }
.agenda h3, .agenda h4 { color:#333;}

.agenda Aside i { margin-right:3px; color:#D2D2D2;} 
.agenda .t1 { color: #C30; padding-bottom:7px;font-size:1.2em; font-weight:bold;}

.agenda h6 { color: #985007; font-weight:bold; border-radius:4px;  padding:8px 0px; font-size:1.4em; margin-bottom:0px;}

/* <<< Services Section >>> */

.zy-fpso { }
.zy-fpso .prolist > div { background:url(../img/zy-ico.jpg); background-repeat:no-repeat; background-position:0px 3px; background-size:17px; padding-left:19px;line-height:26px; margin-bottom:20px; font-size:0.9em;}
.zy-fpso .prolist > div  h4 {font-size:1.2em; line-height:1.4em; margin-bottom:2px;}


.pastlist .prolist > div { border-bottom:dashed 1px #D1D1D1; font-size:13px; font-family:Arial; padding-right:10px; line-height:23px;}
.pastlist .prolist > div:before{ content:">>"; font-size:0.6em; margin-right:12px; color:#069;}


/* <<< Services Section >>> */
	.Services_sec{ padding: 74px 0px 20px 0px ; width: 100%; overflow: hidden; background: url(../img/Services-bg.jpg) top center no-repeat; background-size: cover; }
	.Services_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	.Services_sec i{ margin-bottom:25px; font-size:3em; padding:15px 20px;}
	.Services_sec h2 { font-size: 40px; color: #fff; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px; }
	.Services_sec p { padding: 25px 0px 35px 0px; font-size: 14px; color: #d8dfe5; margin: 0px; font-family: 'Open Sans', sans-serif, Microsoft YaHei; line-height: 25px; font-weight: 400; text-align:center; }
	
	.Services_sec .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
	.Services_sec .Serviceside { padding: 46px 0px 30px 0px; width: 100%; overflow: hidden; }
	.Services_sec .Serviceside ul { list-style: none; margin: 0px; text-align:center;padding: 0px;  }
    

	.Services_sec .Serviceside ul li:last-child { margin-right: 0px;}
	.Services_sec .Serviceside ul li { padding:  15px 0px 30px 0px; margin: 0px 1% 0px 1% ; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75); display: inline-block; text-align: center; width: 245px; vertical-align:top; max-height:326px;overflow:hidden; }	
	.Services_sec .Serviceside ul li a { text-decoration: none; display: block; }
	.Services_sec .Serviceside ul li h4, .Services_sec .Serviceside li a {transition: all 0.5s ease;}
	
	
	

.Services_sec .Serviceside ul li a{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; }
.Services_sec .Serviceside ul li:hover a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.Services_sec .Serviceside ul li h4 { padding:135px 0px 0px 0px; font-size: 47px; text-decoration: none; text-transform: uppercase; font-family: 'Oswald';font-weight: 400; margin-bottom:0px; color:#FFF  }
.Services_sec .Serviceside ul li p { padding:5px 13%; font-size: 17px; color: #fff; margin:0px; min-height:90px;  }

.Services_sec .Serviceside ul li.Desdin {  background:  url(../img/desgin-bg.html) no-repeat;   }
.Services_sec .Serviceside ul li.Desdin a {  background: url(../img/desgin-hover-icn.html) top center no-repeat; }


.Services_sec .Serviceside ul li.Development {  background: url(../img/Development-bg.html) no-repeat;}
.Services_sec .Serviceside ul li.Development a { background: url(../img/Develop-hover-icn.html) top center no-repeat;}



.Services_sec .Serviceside ul li.Concept{background: url(../img/concept-bg.html) no-repeat;}
.Services_sec .Serviceside ul li.Concept a{background: url(../img/concept-hover-icn.html) top center no-repeat;}

.Services_sec .Serviceside ul li.System {background: url(../img/systam-bg.html) no-repeat;}
.Services_sec .Serviceside ul li.System  a{background: url(../img/systam-hover-icn.html) top center no-repeat;}

.Services_sec .Serviceside ul  li.t1 {background: url(../img/t1-bg.html) no-repeat;}
.Services_sec .Serviceside ul  li.t1  a{background: url(../img/t1.html) top center no-repeat;}


.Services_sec .Serviceside ul  li.t2 {background: url(../img/t2-bg.html) no-repeat;}
.Services_sec .Serviceside ul  li.t2  a{background: url(../img/t2.html) top center no-repeat;}

.Services_sec .Serviceside ul  li.t3 {background: url(../img/t3-bg.html) no-repeat;}
.Services_sec .Serviceside ul  li.t3  a{background: url(../img/t3.html) top center no-repeat;}


.Services_sec .Serviceside ol li { padding:  15px  14px 10px;  box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);  text-align: center;  vertical-align:top;  min-height:110px;overflow:hidden; border:solid 1px rgba(255,255,255,0.6); background-color:rgba(0,102,204,0.3); margin:2% 0%; width:100%;  }
 .olv{ padding:0px 0.4%; margin-left:-0.5%; }
.Services_sec .Serviceside ol li img { max-width:90%; max-width:80px;}

.Services_sec .Serviceside ol li i {  }
.Services_sec .Serviceside ol li {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; }
.Services_sec .Serviceside ol li:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.Services_sec .Serviceside ol li h4 { padding:5px 0px 0px 0px; font-size: 47px; text-decoration: none; text-transform: uppercase; font-family: 'Oswald',Microsoft YaHei;font-weight: 400; margin-bottom:0px; color:#FFF ; line-height:50px; }
.Services_sec .Serviceside ol li p { padding:10px 0px 0px 0px; font-size: 1.08em; color: #fff; margin:0px; min-height:40px; text-align:left ;  }
.Services_sec .Serviceside ol.en li p { font-size: 16px; line-height:1.3em;  }


/**票价**/
.price-grid ul li h6{
	font-size: 1.4em;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 1.0em 0 0.4em; text-align:center; background-color:#F6F6F6;

}
/**特别限定**/
.price-grid ul li h2 { color: #C30 ; font-weight: normal;   padding:4px 0px 1px; margin:0px; font-size:0.75em; line-height:0.7em; }
/**标准**/
.price-grid ul li h7 { color: #888  ; font-weight: normal;   padding:0px 0px 4px; margin:0px; font-size:0.75em; line-height:0.7em;}
/**优惠**/
.price-grid ul li h4{
	font-size: 1.4em;
	color: #900  ;

	font-weight: 700;
	padding: 0.3em 0 0em;
	
}
.price-grid ul li.top { border-bottom: 1px solid #e6e6e6;
  
	
}

.price-grid ul li p.about{
 min-height:5em;
}

.price-grid ul li .t1{
	font-size: 1.1em; line-height:1.2em; text-align: center;
	font-weight: 700;padding: 1.0em  inherit 0.4em;}
.price-grid ul li p{
	font-size:0.88em;
	color:#666;
	border-bottom: 1px solid #e6e6e6;
	padding: 0.1em 0.3em ; min-height:40px; text-align:center; margin-bottom:0px;
	
}
.price-grid ul li i{ margin-right:0.7em; color: #963;}
.price-grid ul li h5{
	font-size: 0.88em; line-height:2.4em;
	color: #069   ;font-weight: normal; padding-bottom:0.4em; cursor: pointer;}
.price-grid ul li h5 i{
color: #069   ;margin: 0px 0px 0xp 0.3em;}

	 

.price-grid ul li div{
	font-size: 0.88em; line-height:1.6em; text-align:left; padding:0px 0px 0px 10%;
	color:#666; }
.price-grid ul{
	border:1px solid #e6e6e6;
}
.price-grid ul li span{
	font-size:1.2em;
	color:#000;
	border-bottom: 1px solid #e6e6e6;
	padding: 1em 0;
	display:block;
	background:#f7f9fc;
}
.price-grid ul li span b{
	font-size:3.5em;
	line-height: 49px;
	vertical-align: middle;
}
.price-grid ul li span small{
	font-size:0.9em;
	display:block;
}
.price-grid ul li a{
	text-decoration:none;
	color:#fff;
	background:#ba374f;
	font-size:1.4em;
	padding:0.2em 0;
	display:block;
	text-transform:uppercase; text-align:center;
}
.price-grid ul:hover a.sign-up{
	background:#fa5b3c;
}
.price-grid ul:hover {
	transform: scale(1.1);
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	z-index:1;
	background:#fff;
}

@media(max-width:992px){.price-grid ul li a {font-size: 1em;}}
@media(max-width:860px){.price-grid {width: 50%;	padding: 0 0 2em;}}
@media(max-width:640px){.price-grid {width: 50%;	padding: 0 0 2em;}}
@media(max-width:480px){ 
.price-grid ul li span b {
	font-size: 2em;
}
.price-grid ul li h6 {
	font-size: 1.2em;
}
.price-grid ul li a {
font-size: 1.3em;
}
.price-grid ul li a {
	font-size: 1.3em;
}} 
	

/*--票价结束--*/


/**
Footer
**/
footer {
  background-color: #265e89;
  color: #ffffff;
  font-size: 0.9rem; }

.footer-lists {
  background-color: #265e89;
  padding: 0px;
  margin-bottom: 1rem; }

.footer-bottom {
  color: #ffffff; }

.footer-bottom a {
  color: gray; }
  .footer-bottom a:hover, .footer-bottom a:focus, .footer-bottom a:active {
    color: #999999; }

.footer-lists h4 {
	color: #e6e6e6;
	font-size:1.4rem;
	line-height: 23px;
	padding: 0px;
	margin: 0px;
}
.footer-lists h6{color: #aaa;font-size:1.0rem; }
.social-icons a {
  margin-right: 15px; }

.footer-lists ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.footer-lists ul li {
	padding: 0.1rem 0;
	letter-spacing:0.06rem;
	line-height: 20px;
}
  
.footer-lists ul li a:link{ color:#CCC;}
.footer-lists ul li a:hover{ color:#C60;}
footer p {
  margin: 0;
  padding-bottom: 1rem; }

footer a {
  color: #999999;
  font-weight: normal; }
  footer a:hover, footer a:focus, footer a:active {
    color: #cccccc; }

/** 
Articles
**/
article {
  margin-bottom: 2rem;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 2rem;
  font-size: 1.0rem; }

article.sma{font-size: 0.95rem; line-height:28px;padding-bottom: 1rem;}
article.sma p b{color:#888; line-height:14px;}


article h2.article-title {
  font-size: 3rem;
  margin-bottom: 0;
  letter-spacing: -2px; }

article p.article-meta {
  color: #cccccc;
  font-size: 1rem; }

/*-- logo --*/
.portfolio_logo {
  text-align: center;
  margin: 0px;
 border-radius:3px; padding:5px; width:100%; padding:0.5rem; box-shadow:0px 0px 3px rgba(153,153,153,0.7);
}
.portfolio_logo:hover{ }

.portfolio_logo_p0{}	



.portfolio_logo h4 { font-size: 1.4em; line-height:1.9em; margin:1px auto;  border-bottom: solid 1px #ECF0F1; background-color:#EBEBEB; border-radius:4px; margin-bottom:1rem; width:100%; text-align:center; }


.portfolio_logo > div{display:-webkit-flex; display:flex; 
-webkit-justify-content:center;justify-content:center;  
-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-align-fles:stretch;align-fles:stretch; padding:2px 7px; transition:all ease 0.3s; }

.portfolio_logo > img:hover{   }


.portfolio_logo > div .logolink{ position:absolute; right:5px; bottom:5px; font-size:0.8rem; color:#CCC; border-radius:100px; padding:2px; border:solid 1px  #CCCCCC; background-color:#FFF; z-index:300; opacity:0;}
.portfolio_logo > div .logolink:hover{border:solid 1px #09F;color:#09F;opacity:1;}

/*下滑介绍a*/

.tooltip h5{ font-size:1rem; line-height:1rem; font-weight:bold; color:#333;font-family:Arial, Microsoft YaHei;}  
.tooltip p { font-size:13px; font-weight:300; line-height:1rem; font-family:Arial, Microsoft YaHei; padding-bottom:0px; margin-bottom:0px;}

.tooltip { width:180px;
           padding:10px;
           border-radius:3px;
           position:absolute;
           box-shadow:1px 1px 10px 0 #ccc;
           margin: -500px 0 0 -20px;
           background:#fff;
           -webkit-transition: all.5s ease-in-out;
          -moz-transition: all .5s ease-in-out;}



.portfolio_logo > div:hover .tooltip {
           margin:64px 0 0 -8px;
           -webkit-transition: margin .15s ease-in-out;
  -moz-transition: margin .15s ease-in-out; opacity:0;}

.arrow {
  position:absolute; opacity:0;
  margin:10px 0 0 40px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}




/*下滑菜单z*/



.portfolio_logo > div img, .portfolio_logo > div a{ margin:auto auto; }
.portfolio_logo > div img{max-width:95%; max-height:70px;}



 



.portfolio_logo_p0 > div img,.portfolio_logo_p0  img{filter: gray; opacity:0.3;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}

.portfolio_logo_p0 > div img:hover,.portfolio_logo_p0 img:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;	
;opacity:1;}

/*-- //logo --*/


/*-- glance --*/
.glance { max-width:800px;margin: auto auto;}
.glance h4{ border:7px solid  rgba(255,255,255,0.3); line-height:40px; background-color:#09C; color:#FFF; font-size:20px; text-align:center; background: url(../img/title1.jpg); background-position:center center;}
.glance > div { padding:0.3rem; margin-bottom:1rem;}
.glance aside{ padding:0.3rem;}
.glance aside li {
	border-bottom: 3px dotted  #36C;
	list-style: none;
	padding-left: 5%;
	font-size: 0.9rem; font-weight:bold;
	color: #888;
}
.glance aside li i { margin-right:5%; color:#E0E0E0;}

/*-- //glance --*/
ul.award li{ padding-left:0px; margin-left:0px; position:relative; left:25px;}


/**
Sidebar
**/
.sidebar-box {
  margin-bottom: 2rem; }

.sidebar-box-bg {
  padding: 1rem;
  background-color: #f8f8f8;
  border-radius: 10px;
  border-top: 5px solid #dfdfdf; }

/***
Better nesting of list groups
***/
.list-group-item {
  border: none !important; }

.list-group .list-group .list-group-item {
  padding-left: 2.5rem; }

.list-group .list-group .list-group .list-group-item {
  padding-left: 3.75rem; }

.list-group .list-group .list-group .list-group .list-group-item {
  padding-left: 5rem; }

.list-group > .list-group .list-group-item:first-child,
.list-group > .list-group .list-group-item:last-child {
  border-radius: 0 !important; }

.list-group > .list-group .list-group-item:last-child {
  border-bottom: none !important; }

.list-group-item:first-child {
  border-radius: 0; }

.list-group-root {
  background-color: #f8f8f8;
  border-top: 5px solid #dfdfdf;
  padding: 1rem;
  border-radius: 10px; }

.list-group-item {
  background-color: #f8f8f8; }

.list-group-item.active {
  border-radius: 10px; }

/** 
Responsive typography
https://getbootstrap.com/docs/4.0/content/typography/#responsive-typography
**/
html {
  font-size: 16px; }

html {
  font-size: 15px; }

@media (min-width: 768px) {
  html {
    font-size: 16px; }

  .card {
    margin-bottom: 0; }

  .dropdown-menu {
    border-radius: 0 10px 10px 10px; }

  .navbar-dark .navbar-brand {
    font-size: 3rem;
    line-height: 3.1rem; }

  #mainNavbar .navbar-nav {
    margin-top: 0; } }
@media (min-width: 992px) {
  html {
    font-size: 18px; }
 }





#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../img/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/**漂浮广告**/ 
*{margin:0;padding:0;list-style-type:none;}
.fixediv{position:fixed;top:140px;z-index:9999;width:170px;background: none; }
.fixediv img{float:left;}
.fixediv a.close{display:block;height:30px;line-height:30px;background:#fff;font-size:14px;padding:0 10px;color:#000;text-decoration:none;text-align:center;}
.leftadv{left:0px;}
.rightadv{right:0px;}
@media(max-width:992px){.fixediv{ display:none;}}