.adservice {
    background: rgba(255,255,255,1);
    padding: 10px 12px;
    width: 200px;
    box-shadow: 0px 0px 4px rgba(102,102,102,0.5);
    border-radius: 4px;
    background: url(con1.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
clear-md{ display:block;  }
@media(max-width:992px){ .clear-md{ display:none;  }}
.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;}
.clearfixline{ height:15px; margin-bottom:15px; border-bottom:dotted 1px #CCC;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;}
.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;}

.pic-b-w img{ border: 1px solid #FFF;}
.b-line{ border: 1px solid #FFF;}
.text-center{ text-align:center;}
.md-sm{ display: block;}
@media screen  and (max-width: 720px) {.md-sm{ display: none;}}
.no { display:none;}
@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;}}


/* --** Reset CSS **-- */
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
html, body, button, input, select, textarea { font-family: Arial,Microsoft YaHei; font-size: 12px; color: #888; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul { margin-bottom: 0; }
li { font-size: 13px; margin: 5px 0px 10px 0px; }
pre { overflow: auto; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
a img { border: 0; }
a, input { outline: none; }
a { color: #F06;  }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0px 15px 0px; clear: both; font-weight: lighter; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p {font-size: 13px; margin: 2px 0px 2px 0px; }

img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle;   }
figure { margin: 0; }
::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); }
:-moz-placeholder { color: rgba(51, 51, 51, 0.7); }
::-moz-placeholder { color: rgba(51, 51, 51, 0.7); opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); }
input:focus, textarea:focus { background-color: #fff; border: 1px solid #c1c1c1; border: 1px solid rgba(51, 51, 51, 0.3); color: #333; }
input:focus, select:focus { outline: 2px solid #c1c1c1; outline: 2px solid rgba(51, 51, 51, 0.3); }
.hide { display: none;}

.clear { clear: both; height: 0px; overflow: hidden; }

/* <<< Design Holder >>> */
.DesignHolder { position: relative; display: block; width: 100%; min-height: 100%; }

/* <<< Layout Frame >>> */
.LayoutFrame { margin: 0 auto; width: 100%; display: block; }

/* <<< Body >>> */
body { background: #fff; }

/* <<< Header >>> */
header { width: 100%; position: fixed; top: 0px; left: 0px;  background: rgba(0, 0, 0, 0.5); z-index: 90000;border-bottom:solid 1px rgba(255,255,255,0.3) }
header .Center { max-width: 1100px; margin: auto; }
header .site-logo { padding: 19px 0px 0px 0px; width: 220px; float: left; transition: all 0.3s;  }
header .site-logo h1 { margin: 0px; }
header .site-logo h1 img { max-width:98%; max-height:80px;  transition: all 0.3s;}
header .site-logo h1 a { font-size: 36px; color: #fff; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 800; text-decoration: none; text-transform: uppercase; text-shadow: rgb(3, 3, 3) 0px 2px 5px; transition: all 0.7s ease;  }
header .site-logo h1 a span { color: #ff9000; }
header.smaller { padding: 0px 0px 0px 0px; transition: all 0.3s; background: rgba(0, 0, 0, 0.75); }
header.smaller .site-logo {padding: 13px 0px 0px 0px; width: 10%; display:none; max-height:50px;  }
header.smaller .site-logo h1 { line-height: 30px; }
header.smaller .site-logo h1 img { max-width:98%; max-height:40px; }
header.smaller .site-logo h1 a { font-size: 30px;  }




@media screen  and (max-width: 767px) {
	header  {height: 65px;}
	header .site-logo h1 img { max-height:35px; min-height:35px; }
	header.smaller .site-logo  {max-height:35px; min-height:35px; display: block;width: auto; }
	header.smaller  {height: 60px; }
	}
/* <<< Navigation >>> */


.Navigation { float: right; width: 73.18%; margin-right: 11px; }
.Navigation ul { list-style: none; margin: 0px; float: right; }
.Navigation li { float: left; padding: 0px;  margin: 0px; height: 53px; position: relative; transition: all 0.3s ease; }

.Navigation li a { padding: 21px 27px 18px 27px; font-size: 16px; color: #fff; font-family: 'Open Sans',Microsoft YaHei, sans-serif; font-weight: 400; text-decoration: none; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.Navigation ul.en li a {padding: 21px 23px 18px 23px; font-size: 14px;}
.Navigation li span { 
	border-bottom: solid 5px #ff9000;
	background: rgba(56,87,122,1);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(100%, rgba(44,68,94,1)));
	background: linear-gradient(to bottom, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(44,68,94,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38577a', endColorstr='#2c445e', GradientType=0 );
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10;
	opacity: 0;
	transition: all 0.5s ease;
}
.Navigation li:hover span, .Navigation li.active span {
	opacity: 1;
}
header.smaller .Navigation{width: 99%; }
header.smaller .Navigation ul {  float: none; text-align:center; margin:0px auto; }
header.smaller .Navigation li a { padding: 16px 17px;font-size: 14px; }
header.smaller .Navigation li { height: 60px; }
header.smaller .Navigation .en li a{ padding:16px 14px;font-size: 13px; }

.dropdown-menu li {  width:100%;}
.dropdown-menu li a { color:#069; width:100%;}


.mobile { display: none;  }
.mobile .fa { padding: 12px 14px; font-size: 31px; width: 55px; height: 55px; color: #fff; cursor: pointer; background: #ff9408; }
.mobile .fa:hover { background: #e3860e; }
.mobile.closed .fa-bars { display: none; }
.mobile .fa-times { padding: 11px 15px; width: 55px; height: 55px; display: none; font-size: 31px; }
.mobile.closed .fa-times { display: block; }



/* 第2套banner */
.banner2{
	background:#069; background:url(../img/313.jpg) center center no-repeat;  
	width:100%;
	min-height:310px;height:555px; max-height:800px;
	display:block;
	background-size:cover;
	text-align:center;
	position:relative; border-bottom:1em solid #eeeeee; overflow:hidden;
}
@media all and (max-width: 970px) {.banner2 { height:455px;  }}


.banner2 .video-1{right: 0; bottom: 0;
 width: 100%; z-index: 2; min-height:100%;  background: url(img/Banner-bg-top.html) no-repeat;  background-size: cover; }
@media all and (max-width: 768px) {.banner2 .video-1{ display:none;  }}


.banner2 .gray{	position: absolute;
	background: url(../img/pattern2.png)repeat, rgba(40,41,46,0.0);
	opacity:0.9;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; z-index:2;}
.banner2 .title{	position: absolute;	
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; z-index:3; display:flex;  text-shadow:2px 2px 5px  rgba(0,0,0,0.7)}
	
@media(max-width: 768px){.banner2 {height:405px; }}
@media(max-width: 605px){.banner2 {height:305px; }}
.banner-matter{
	padding: 8px 15px;
	border-radius: 10px;
	margin: 3.2% auto 2%;
}
@media screen and (orientation:portrait) and (max-width: 720px) {
	.banner-matter{	margin: 8% auto 2%;}
	}
.banner2 h2{
	text-transform:uppercase; font-family:Open Sans; 
	font-size:1.4em;
	color:#ebb116;
	font-weight:400; margin:8px auto;
}
.banner2 h2 span{
	color:#fff;
}
.banner2 h3{
	text-transform:uppercase;
	font-size:4.3em;
		color: #fff;
	font-weight:600; margin:2.9% auto 5px;letter-spacing:3px; font-weight: 700;
}
.banner2 h3.en  { letter-spacing:0px; font-size:3.7em;}
.banner2 h3 span {white-space:nowrap; }
.banner2 h3.en span { font-size:0.8em;}
.banner2 h3 img{ width:92%; max-width:880px; }

.banner2 h4{
		font-size:2.5em; 
		color:#F7FEB6   ;
	font-weight:600; margin:6px auto 18px auto;letter-spacing:4px; text-shadow:5px 5px 10px rgba(0,0,0,1); font-weight: 300;
}
.banner2 h4.en{ letter-spacing:0px; font-size:1.8em;letter-spacing:1px;}

.banner2 h5{
	text-transform: none;
	font-size:2.2em;
color: #FF3; font-weight:600; 
	font-weight: normal; margin:20px auto 0px;letter-spacing:2px; 
	letter-spacing:3px;
}



.banner2 h5 img{ max-width:98%; max-height:37px;}
.banner2 h5.en{	font-size:2.2em; letter-spacing:1px;}
.banner2 h5.en img{ max-width:98%; max-height:166px;}
.banner2 h5 div{font-size:0.7em; margin-bottom:0.15em;letter-spacing:8px;}
.banner2 h5 div img{ max-width:80%; max-height:64px;}

.banner2 p{
	color:#fff;white-space:nowrap;
	font-size:2.2em;
	font-weight:400;
	max-width: 90%;
	margin:0.8em auto  1em;letter-spacing:1px;background-color: none ; padding:3px 25px; color:#fff; border-radius:200px; max-width:700px; z-index:5000; text-shadow:0px 3px 6px rgba(0,0,0,0.3);}

.banner2 .btn-8d{ padding:7px 6%; font-size:1.3em;  background-color:rgba(255,255,255,0.7); border-radius:4px; border:2px #FFFFFF solid; color:#039; font-weight:bold; transition:all ease 0.4s; text-shadow:none;}
.banner2 .btn-8d:hover{ background-color: rgba(0,102,204,0.88); border:2px  #006699 solid; color:#fff; }


@media(max-width: 1200px){
.banner2 .title{ margin-top:4%}
.banner2 h3{ }	
.banner2 p{font-size:2.0em;}

.banner2 h3.en{font-size:2.7em;}
.banner2 h4.en{font-size:1.7em;}
.banner2 h5.en{font-size:1.3em; margin-top:0px;}
	}

@media(max-width: 992px){

.banner2 h3{font-size:3.5em; }
.banner2 p{font-size:1.6em;}

}	
	
@media(max-width: 768px){
.banner2 h3{font-size:2.7em; }
.banner2 h4{font-size:2.1em; }
.banner2 h5{font-size:2.3em;}
.banner2 h3.en{font-size:2.5em;}
.banner2 h4.en{font-size:1.4em;}
.banner2 h5.en{font-size:1.0em; margin-top:0px;}



.banner2 p{font-size:1.4em;}
}

@media(max-width: 667px){.banner2 .title{ margin-top:-4%}}

@media(max-width: 550px){.banner h5 ,.banner h5.en{font-size:1.7em;}
.banner2 h3{	font-size:2.1em; }
.banner2 h4{	font-size:1.6em;letter-spacing:2px;  }
}
@media(max-width: 420px){
.banner2 h5 ,.banner h5.en{font-size:1.4em;}
.banner2 h3{	font-size:1.8em; }
.banner2 h4{	font-size:1.5em; }

.banner2 p{ font-size:0.9em;}
}
@media screen and (orientation:portrait) and (max-width: 720px) {.banner2 h4{font-size:1.2em;letter-spacing:1px;  }}

.banner2 .smail{ background-color:rgba(0,0,0,0.4); padding:4px 0px 10px 0px; width:100%; max-width:600px; margin:4px auto;}
.banner2 .smail h2{ font-size:1.5em; font-family:Arial; margin:0px; padding-top:6px;}

.banner2 .smail .textinput{ width:60%; min-width:300px; height:1.4em; line-height:1.4em; font-size:1.1em; padding:0px; }
.banner2 .smail .sub{ width:100px; height:1.6em; top:-0em; position:relative; background-color:#F60; color:#FFF}
@-moz-document url-prefix()
{
.banner .smail .sub{top:0em;}	
.banner2 .smail .textinput{ color:#000; padding:0px; }
	}
.banner2 .smail .sub:hover{ color:#FF3; background-color: #900;}

/*--下面横条--*/
.banner2b{ color:#333; text-shadow:1px 0px 0px  rgba(255,255,255,0.4); line-height:1.6em; border-bottom:solid 1px #E4E4E4;
background: -webkit-linear-gradient(#eeeeee, #f3f3f3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#eeeeee,#f3f3f3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#eeeeee,#f3f3f3); /* Firefox 3.6 - 15 */
    background: linear-gradient(#eeeeee,#f3f3f3); /* 标准的语法（必须放在最后） */

 }
  
.banner2b .Center{ width:100%; max-width:900px; margin:0px auto; }	
.banner2b  h3 i { color:#999; margin-right:6px;}
 
.banner2c { 	background-color: rgba( #EFEFEF); border: solid 1px #bbb; box-shadow:0px 0px 4px #666; padding:0.3em 0em; background:url(../img/Yb.jpg); background-size: auto 100%; padding:0.8em 0px 1.4em;}
.banner2c .Center{ max-width: 500px ; margin: auto; overflow: hidden; text-align: center; }
.banner2c .fact-grid { text-align:center;  }


.banner2c .fact-grid i{ color: #F90 ; display:none;
filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.87; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/}


@font-face
{
font-family: 'Capita-Daren-Regular';
src: url('http://www.w3cschool.css/css3/Sansation_Light.ttf')
}


.banner2c h4{font-size:3.4em; line-height:1.3em;color: #930; margin:5px auto 0px; color:#06C;font-family: sans-serif; font-weight:bold;  }
.fact-grid p{
	color:#333;
	font-size:1.48em; width:84%; margin:3px auto 1px; line-height:1.0em;
}
@media(max-width:768px) {.fact-grid {margin:12px 0px;}
.fact-grid p{font-size:0.86em;}}



/* <<< Banner Section >>> */
.Banner_sec { width: 100%; background: url(../img/Banner-bg.jpg) top center no-repeat; height: 495px; position: relative; background-size: cover; }

.Banner_sec .video-1{right: 0; bottom: 0;
 min-width: 100%; min-height:100%;    width: auto; height:600px; z-index: 2;  background: url(img/Banner-bg.html) no-repeat;  background-size: cover; }
@media all and (max-width: 768px) {.Banner_sec .video-1{ display:none;  }}


.Banner_sec .bannerside { width: 100%; position: absolute; top: 150px; left: 0px; }
.Banner_sec .Center { max-width: 1100px; margin: auto; }
.Banner_sec .leftside { padding: 44px 0px 0px 0px; width: 28.90%; float: left; text-shadow:1px 1px 2px rgba rgba(0,0,0,0.9); }
.Banner_sec .leftside h3 { font-size: 30px; color: #fff; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 800; text-transform: uppercase; margin: 0px; line-height: 37px; font-weight:normal;letter-spacing: 2px;}
.Banner_sec .leftside h3 span { white-space:nowrap;color:#F63; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 600;  }
.Banner_sec .leftside p { padding: 16px 0px 26px 0px; font-size: 16px; color: #fff; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 600; font-style: normal; margin: 0px; word-spacing: 2px; line-height: 22px; }
.Banner_sec .leftside h1{ color:#FF3; }
.Banner_sec .leftside i{ margin-right:0.6em; }
.Banner_sec .leftside a { padding: 11px 16px; font-size: 14px; color: #fff; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 600; text-transform: uppercase; text-decoration: none; display: inline-block; border: solid 1px #b0bdc8; background: rgba(64, 93, 118, 0.8); transition: all 0.3s ease; }
.Banner_sec .leftside a:hover { background: #ff9000; color: #fff; border: solid 1px #ff9000; }
.Banner_sec .rightside { width: 66%; float: right; position: relative; }
.Banner_sec .rightside .bx-wrapper { position: relative; z-index: 1; }
.Banner_sec .rightside ul { list-style: none; margin: 0px; }
.Banner_sec .rightside li { padding: 0px; margin: 0; float: none!important; }
.Banner_sec .rightside #slider { width: 100%; float: right;  position: relative; z-index: 1; }
.Banner_sec .rightside .Slider .text { padding: 12px 35px 10px 22px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.7); }
.Banner_sec .rightside .Slider .text .Icon { width: 38%; float: left; }
.Banner_sec .rightside .Slider .text ul { list-style: none; margin: 0px; }
.Banner_sec .rightside .Slider .text li { float: left!important; padding: 0px 30px 0px 10px; margin: 0px; }
.Banner_sec .rightside .Slider .text li a { display: block; font-size: 14px; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 400; transition: all 0.3s ease;font-size:1.2em; background-color:rgba(255,255,255,0.4); border:1px solid #FFF; padding:6px 15px; margin-left:12px; }
.Banner_sec .rightside .Slider .text li:last-child { padding: 0px; }
.Banner_sec .rightside .Slider .text li:hover a { color: #fff!important; background-color:#ff9000; }

.Banner_sec .rightside .Slider .text li a .fa { margin:0px 8px 0px 0px ;transition: all 0.3s ease; }
.Banner_sec .rightside .Slider .text li:hover a .fa {  margin:0px 0px 0px 8px ;  }
.Banner_sec .rightside .Slider .text li:last-child { padding-right: 0px; padding-left: 0px;}
.Banner_sec .rightside .Slider .text .Lorem { float: right; width: 31%; }
.Banner_sec .rightside .Slider .text .Lorem p { padding-top: 5px; font-size: 18px; color: #fff; margin: 0px; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 400; text-transform: uppercase; text-align: right; line-height: 19px; }
.Banner_sec .rightside .Slider .text .Lorem p span { font-size: 14px; text-align: right; color: #ff9000; display: block; text-transform: capitalize;}
.Banner_sec .rightside .prevBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/prev-arrow.png) no-repeat; position: absolute; top: 163px; left: 34px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
.Banner_sec .rightside .prevBtn:hover {  opacity: 1; }	
.Banner_sec .rightside .nextBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/next-arrow.png) no-repeat; position: absolute; top: 163px; right: 34px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
.Banner_sec .rightside .nextBtn:hover { opacity: 1; }	
.Banner_sec .rightside .Shadow { position: absolute; bottom: -3px; left: -25px; max-width: none ; width:99.9%   }
.Banner_sec .rightside figure img {}
/* <<< bg color>>> */
.bgcolor {  height: 74px; width: 100%; background: rgba(249,250,251,1); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,250,251,1)), color-stop(0%, rgba(249,250,251,1)), color-stop(100%, rgba(225,228,231,1)));
	background: linear-gradient(to bottom, rgba(249,250,251,1) 0%, rgba(249,250,251,1) 0%, rgba(225,228,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#e1e4e7', GradientType=0 ); }
	
	
	/* <<< Container >>> */
	#Container { overflow: hidden; width: 100%; }

	/* <<< About Section >>> */
	.About_sec { padding: 115px 0px 20px 0px ; width: 100%; overflow: hidden; }
	.About_sec .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	.About_sec h2 { font-size: 36px; color: #000; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px; letter-spacing: -0.4px; }
	.About_sec p { padding: 14px 0px 25px 0px; font-size: 16px; color: #858585; margin: 0px; font-family: 'Open Sans', sans-serif, Microsoft YaHei; line-height: 30px; font-weight: 400; text-align:justify; }
	.About_sec p strong , .About_sec p b{
	color: #09C;
}
	.About_sec .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
	.About_sec .Tabside { padding: 90px 0px; width: 100%;}
	.About_sec .Tabside ul { list-style: none; margin: 0px; padding-bottom: 59px; }
	.About_sec .Tabside li { float: none; padding: 0px; margin: 0px -2px; display: inline-block;}
	.About_sec .Tabside li a { padding: 14px 40px 13px 40px; font-size: 18px; color: #989898; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 400; text-decoration: none; text-transform: uppercase; border: solid 1px #d5d5d5; display: block; transition: all 0.3s ease; }
	.About_sec .Tabside li a:hover, .About_sec .Tabside li a.activeLink { border: solid 1px #ff9408; background: #ff9408; color: #fff;}
	.About_sec .Tabside .TabImage { width: 43.63%; float: left; position: relative; }
	.About_sec .Tabside .TabImage .img1 { position: absolute; top: 0px; left: 42px; height: 260px; background: url(../img/about-shadow.png) no-repeat; background-position: 25px 223px; }
	.About_sec .Tabside .TabImage .img1 img { padding: 5px; border: solid 1px #ececec; background: #fff;  }
	.About_sec .Tabside .TabImage .img2 { position: absolute; top: 40px; left: 2px; height: 260px; background: url(../img/about-shadow.png) bottom center no-repeat; background-position: 0px 223px; }
	.About_sec .Tabside .TabImage .img2 img { padding: 5px; border: solid 1px #ececec; background: #fff;  }
	.About_sec .Tabside .Description { width: 54.3%; float: right; text-align: left; margin-top: -6px;}
	.About_sec .Tabside .Description h3 { font-size: 27px; color: #000; margin: 0px; text-transform: uppercase; font-family: Microsoft YaHei; line-height: 29px;color: #ff9000; }
	.About_sec .Tabside .Description h3 span { padding-left: 3px; font-size: 14px; color: #ff9000; display: block; }
	.About_sec .Tabside .Description p { padding: 21px 0px 4px 0px; font-size: 15px; color: #979797; margin: 0px; font-family:Microsoft YaHei,'Open Sans'; line-height: 25px; }
	.About_sec .Tabside .Description p  b{ font-size:18px; line-height:35px; color:#069; }
	.About_sec .Tabside .Description p .cyan { font-size: 16px; color: #08c2ff; }
	
	
/* 补充关于我们 */

.Pricing_sec  .aboutus p {  font-size: 17px; line-height:28px; text-align:justify; margin-top:0px; padding:0px inherit 5px; }
.hr1{ height:1px;border:none;border-bottom:1px dashed  #CCCCCC; clear:both; margin:0px auto 30px;  padding-top:25px; } 
.hr2{ height:1px;border:none;border-bottom:1px dashed  rgba(255,255,255,0.2); clear:both; margin:0px auto 30px;  padding-top:25px; } 
.Pricing_sec  .aboutus img { max-width:200px; max-height:100px;}
	


	/* <<< Services Section >>> */
	.Services_sec{ padding: 114px 0px 90px 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 h2 { font-size: 36px; color: #fff; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px; }
	.Services_sec h2 strong { color:#FF6; font-size: 36px; margin:0px 10px;}
	.Services_sec h4 { color:#DDD; font-size:24px; }
	.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:left; }
	
	.Services_sec .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
	.Services_sec .Serviceside { padding: 76px 0px 30px 0px; width: 100%; overflow: hidden; }
	.Services_sec .Serviceside ul { list-style: none; margin: 0px auto; text-align:center;padding: 0px; max-width:1500px; }
    

	.Services_sec .Serviceside ul li:last-child { margin-right: 0px;}
	.Services_sec .Serviceside ul li { padding:  15px 0px 30px 0px; margin: 0px 0.4% 1% 0.4% ; box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75); display: inline-block; text-align: center; width: 165px; vertical-align:top; min-height:345px; max-height:345px;overflow:hidden; transition:all ease 0.3s; }	
	.Services_sec .Serviceside ul li:hover{ margin-top:-10px;}
	.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=76);-moz-opacity:0.76;-khtml-opacity:0.76;opacity:0.76; }
.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: 36px; text-decoration: none; text-transform: uppercase; font-family: 'Oswald';font-weight: 400; margin-bottom:0px; color:#FFF  }
.top135{ padding-top:135px;}
.Services_sec .Serviceside ul li p { padding:5px 13%; font-size: 22px; line-height:30px; text-align:center; color: #fff; margin:0px; min-height:60px;  }
.Services_sec .Serviceside ul.en li p {  font-size: 20px;  }

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


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



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

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

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


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

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

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

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

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



.Services_sec .Serviceside ol li { padding:  15px 0px 10px 0px; margin: 4px 1% 4px 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:330px; min-height:222px;overflow:hidden; border:solid 1px rgba(255,255,255,0.6); background-color:rgba(0,102,204,0.3);  }
.Services_sec .Serviceside ol li img { width:100%; max-width:80px;}
.Services_sec .Serviceside ol li i { color:rgba(255,255,255,1); font-size:3em; margin-top:5px;  }
.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: 36px; 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:5px 13%; font-size: 17px; color: #fff; margin:0px; min-height:70px;  }

	/* <<< 列表式样式 >>> */
	.Services_sec2{
	padding: 114px 0px 90px 0px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	color: #d8dfe5;
 	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(bj.png);
}
	.Services_sec2 .Center { max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	.Services_sec2 h2 { font-size: 30px; color: #fff; font-family:title-1, 'Oswald', sans-serif, Microsoft YaHei; font-weight: 600; margin: 0px; text-transform: uppercase; line-height: 60px; }
	
	.Services_sec2 h3{ color: #fff; margin-bottom:7px; }	
	.Services_sec2 h4{ border-bottom:solid 4px rgba(204,204,204,0.15); padding-bottom:5px; margin:11px 0px;  }
	.Services_sec2 h5{ color: #fff; margin:15px 0px; font-size:20px; color: #FF6; }
	.Services_sec2 h6{ color: #fff; text-align:center; font-size:1.5em; }
	.Services_sec2 .bk{background-color:rgba(0,0,0,0.1); padding:1.5em 2em; border-radius:4px; border:solid 1px rgba(255,255,255,0.4); margin:0.4rem;}
	.Services_sec2 .left1{ text-align:left;}
	.Services_sec2 p { padding: 0px 0px 0px 0px; font-size:1.3em; line-height:1.7em; color: #d8dfe5; margin: 0px;  font-weight: 400; letter-spacing: 0.07em; }
	.Services_sec2 b { color:#FFF; }
	.Services_sec2-en p {  font-size:1.1em; line-height:1.4em; }

	.Services_sec2  ul li { color: #C1C1C1    ; }
	.Services_sec2 .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
	.Services_sec2 .Serviceside { padding: 76px 0px 30px 0px; width: 100%; overflow: hidden; }
	.Services_sec2 .Serviceside ul { list-style: none; margin: 0px; text-align:center;padding: 0px;  }
    
	.Services_sec2 .x3{ margin:0.33em; background-color:rgba(255,255,255,0.96); text-align:center; box-shadow:0px 0px 8px rgba(51,51,51,0.6); padding-bottom:12px;  border-radius:4px; overflow:hidden; max-width:500px; min-height:390px;}
	.Services_sec2 .x3 img{ width:100%; border-bottom:solid 4px rgba(204,204,204,0.7); margin-bottom:14px;}
	.Services_sec2 .x3 Article{ font-size:1.4em; line-height:1.5em; color:#3A426B; }
    .Services_sec2 .x3  p{ font-size:1.24em; line-height:1.44em; color: #666; padding:15px 18px 10px; }

@media only screen and (max-width: 991px) {.Services_sec .x3{ min-height:20px; margin:auto auto;}}




	.Services_sec2 .Serviceside ul li:last-child { margin-right: 0px;}
	.Services_sec2 .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_sec2 .Serviceside ul li a { text-decoration: none; display: block; }
	.Services_sec2 .Serviceside ul li h4, .Services_sec .Serviceside li a {transition: all 0.5s ease;}
	
	
	

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

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


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



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

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

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


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

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


.Services_sec2 .Serviceside ol li { padding:  15px 0px 10px 0px; margin: 4px 1% 4px 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:330px; min-height:222px;overflow:hidden; border:solid 1px rgba(255,255,255,0.6); background-color:rgba(0,102,204,0.3);  }
.Services_sec2 .Serviceside ol li img { width:100%; max-width:80px;}
.Services_sec2 .Serviceside ol li i { color:rgba(255,255,255,1); font-size:3em; margin-top:5px;  }
.Services_sec2 .Serviceside ol li {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; }
.Services_sec2 .Serviceside ol li:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.Services_sec2 .Serviceside ol li h4 { padding:5px 0px 0px 0px; font-size: 36px; text-decoration: none; text-transform: uppercase; font-family: 'Oswald',Microsoft YaHei;font-weight: 400; margin-bottom:0px; color:#FFF ; line-height:50px; }
.Services_sec2 .Serviceside ol li p { padding:5px 13%; font-size: 17px; color: #fff; margin:0px; min-height:70px;  }



	
	/* <<< Pricing Section >>> */
	
	.Pricing_sec { padding: 40px 0px 40px 0px ; width: 100%; overflow: hidden;  }
	
	.Pricing_sec .Center { max-width: 1200px; margin: auto; overflow: hidden; text-align: center; }
	.Pricing_sec h2 { font-size: 30px; color: #000; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 600; margin: 0px ; text-transform: uppercase; line-height: 66px; }
	.Pricing_sec p { padding: 26px 0px 35px 0px; font-size: 14px; color: #6f6f6f; margin: 0px; font-family: 'Open Sans', sans-serif, Microsoft YaHei; line-height: 25px; font-weight: 400; }
	.Pricing_sec p:nth-child(1){ color:#06C; font-size:1.4em; line-height:1.5em; font-weight:bold;}
	.Pricing_sec .Line {
	border: 1px solid #ff9408;
	height: 2px;
	width: 252px;
	margin: auto;
	background-color: #ff9408;
}
	.Pricing_sec .Pricingside { padding: 75px 0px 0px 0px; width: 100%; overflow: hidden; text-align: initial; }
	.Pricing_sec .Pricingside ul { list-style: none; margin: 0px; }
	.Pricing_sec .Pricingside li { float: none; padding: 0px; margin: 0px 0px 11px 0px; height: 103px; background: #fff; text-align: center; }
	.Pricing_sec .Pricingside li .Basic { width: 55px; float: left; display: table; height: 103px; background: #ff9408; transition: all ease 0.3s; }
	.Pricing_sec .Pricingside li .Basic h5 { display: table-cell; vertical-align: middle; font-size: 17px; color: #2d2d2d; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; text-transform: uppercase; margin: 0px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); clear: none; text-align: center; }
	.Pricing_sec .Pricingside li .Dollar { padding: 22px 0px 21px 0px; width: 205px; float: left; background: #2d2d2d; transition: all ease 0.3s;}
	.Pricing_sec .Pricingside li .Dollar h2 { font-size: 34px; color: #ff9408; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; letter-spacing: 1px; }

	.Pricing_sec .Pricingside li .Band { padding: 1px 20px; width: 173px; float: left; background: url(../img/divider.png) right 16px no-repeat; transition: all 0.3s ease; background-color: #390; }
	.Pricing_sec .Pricingside li .Band p { font-size: 16px; color: #979797; margin: 0px; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; text-transform: uppercase; line-height: 20px; }
	.Pricing_sec .Pricingside li .Band p span { display: block; }
	.Pricing_sec .Pricingside li .Band.last { background: none; }
	.Pricing_sec .Pricingside li .Order {width: 147px; float: left; display: table; height: 103px;  }
	.Pricing_sec .Pricingside li .Order a { font-size: 17px; color: #fff; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; text-decoration: none;  display: table-cell; vertical-align: middle; text-transform: uppercase;  background: #2d2d2d; }

	.Pricing_sec .Pricingside li:hover .Basic { padding: 0px; background: #000; }
	.Pricing_sec .Pricingside li:hover .Basic h5 { color: #fff; }
	.Pricing_sec .Pricingside li:hover .Band { padding: 10px; background: #2d2d2d url(../img/divider-black.png) right 16px no-repeat; height: 103px; }
	.Pricing_sec .Pricingside li:hover .Band p { color: #fff; }
	.Pricing_sec .Pricingside li:hover .Dollar { background: #ff9408; color: #fff; }
	.Pricing_sec .Pricingside li:hover .Dollar h2 { color: #fff; }

	.Pricing_sec .Pricingside li:hover .Order a { background: #ff9408; color: #fff; transition: all 0.3s ease;}


/*往届评语
.service-grids  { border-radius:4px; overflow:hidden;  }
.service-grids .service-grid{ min-height:205px; max-height:205px; height:205px;overflow:hidden;
text-align:left; background-color: #F2F2F2 ; padding:0px 0px;}
.service-grid .psp{ float:left; margin-right:1.3%;}
.service-grid a span{
	background:url(../images/py/dd.jpg);
	background-repeat: no-repeat;
	width:205px;
	height:205px;
	display:block;
	margin:0 auto; border-radius:0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin-right:0.5em;
	
}
.service-grid a span.sp1{background:url(../img/speaker/b1.jpg); background-size: cover;}
.service-grid a span.sp2{background:url(../img/speaker/b2.jpg); background-size: cover;}
.service-grid a span.sp3{background:url(../img/speaker/b3.jpg); background-size: cover;}
.service-grid a span.sp4{background:url(../img/speaker/b4.jpg); background-size: cover;}
.service-grid a span.sp5{background:url(../images/a4.jpg); background-size: cover;}


.service-grid div.txt{
	color: #305052; 
	font-size:1.6em; line-height:1.5em; padding:1.3em 1.6em 0em 0em; height:100px;	font-style: italic;
}
.service-grid .txt i{ color:#999; position:relative; top:-0.5em; margin:0% 0.3em;
 }
 .service-grid div.txt .t5{
	color: #183E83;
	font-size: 0.8em;
	margin: 0.5em 1em 0.2em 0em;
	font-weight: 100; 

}
.service-grid div.txt .t6{ font-size:0.7em; line-height:1.3em;color:#555;}
 
@media(max-width:992px){
.services .service-grid{min-height:140px; max-height:140px; height:140px;overflow:hidden; font-size:0.9em;}
.service-grid a span{ width: 140px; height:140px;}
}
@media(max-width:400px){.services .service-grid{font-size:0.68em;}
.service-grids {
	padding: 2em 0;
}}
.pastheight .en{ font-size:0.8em; line-height:0.9em;}*/

往届评语x2
.service-grids  { border-radius:4px; overflow:hidden;  }

.service-grids .service-grid{ 
text-align:left;  padding:10px;}

.service-grid Section{ background-color:#FFF; box-shadow:0px 0px 5px #999999;min-height:190px; max-height:255px; height:190px;overflow:hidden;  right 10px bottom 10px no-repeat;
}
.service-grid Section.d1{background:#FFF url(../img/wj/x1.html) right 14px bottom 10px no-repeat; background-size: auto 38px;}
.service-grid Section.d2{background:#FFF url(../img/wj/x2.html) right 14px bottom 10px no-repeat; background-size: auto 35px;}
.service-grid Section.d3{background:#FFF url(../img/wj/x3.html) right 14px bottom 10px no-repeat; background-size: auto 35px;}
.service-grid Section.d4{background:#FFF url(../img/wj/x4.html) right 14px bottom 10px no-repeat; background-size: auto 40px;}
.service-grid Section.d5{background:#FFF url(../img/wj/x5.html) right 14px bottom 10px no-repeat; background-size: auto 50px;}
.service-grid Section.d6{background:#FFF url(../img/wj/x6.html) right 14px bottom 10px no-repeat; background-size: auto 50px;}
.service-grid Section.d7{background:#FFF url(../img/wj/x7.html) right 14px bottom 10px no-repeat; background-size: auto 50px;}
.service-grid Section.d8{background:#FFF url(../img/wj/d8.html) right 14px bottom 10px no-repeat; background-size: auto 50px;}


.service-grid .psp{ float:left; margin-right:1.3%;}
.service-grid a { display:none;}
.service-grid a span{
	background:url(../images/py/dd.html);
	background-repeat: no-repeat;
	width:205px;
	height:205px;
	display:block;
	margin:0 auto; border-radius:0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin-right:0.5em;
	
}
.service-grid a span.sp1{background:url(../img/speaker/b1.html); background-size: cover;}
.service-grid a span.sp2{background:url(../img/speaker/b2.html); background-size: cover;}
.service-grid a span.sp3{background:url(../img/speaker/b3.html); background-size: cover;}
.service-grid a span.sp4{background:url(../img/speaker/b4.html); background-size: cover;}






.service-grid div.txt{
	color: #305052; 
	font-size:1.2em; line-height:1.6em; padding:0.9em 0.9em; min-height:100px; 
}
.service-grid .txt i.top{ color:#999; position:relative; top:-0.5em; margin:0% 0.3em;
 }
 .service-grid div.txt .t5{ padding-top:1em; border-top:solid 2px #cfcfcf;
	 
	color: #7B7D2B    ;
	font-size: 1.0em;
	margin: 1em 1em 0.2em 0em;
	font-weight: 100; 

}
.service-grid div.txt .t6{ font-size:0.88em; line-height:1.3em;color:#555;}
 
@media(max-width:992px){
.services .service-grid{min-height:140px; max-height:140px; height:140px;overflow:hidden; font-size:0.9em;}
.service-grid a span{ width: 140px; height:140px;}
}
@media(max-width:400px){.services .service-grid{font-size:0.68em;}
.service-grids {
	padding: 2em 0;
}}
.pastheight .en{ font-size:0.8em; line-height:0.9em;}




/*--交流4张图片--*/
.hr0{ height:1px;border:none;border-top:1px dashed #1E90FF; clear:both; margin:24px auto;}  
.skill-grid, .skill-grid2{
	position:relative; 
}

.skill-grid .pic img{ max-width:100%; border: solid 5px rgba(102,102,102,0.3); margin-bottom:0.8em;}
.skill-grid .pic img.nob{ border: none;}
.skill-grid .pic, .skill-grid Section{ text-align:left;}
.skill-grid Section a{ margin-top:15px; margin-bottom:5px;}
.skill-grid .pic2 { float:right;}
@media(max-width:992px){.skill-grid .pic2 { float:none;}}

.p0{ padding:0px;}
.skill-grid h5{ color:#FFF; line-height:1.6em; font-size:1.2em;}
.skill-grid h4,.skill-grid p b { color:#069; font-size:1.6em;}
.skill-grid p{ padding:3px 4px; min-height:3.5em; text-align:left; font-size:1.2em; line-height:1.8em;;  }
.skill-grid p span{	color: #897325;}

.skill-grid p strong{ font-weight:bold; color: #666; }

.skill-grid i{ color:#CCC; margin-right:7px;}

.wi5{ width:25%; float:left; padding:0.6%;}
@media(max-width:1000px){ .wi5{ width:50%; }}
@media(max-width:768px){ .wi5{ width:50% }}

.wi5en{ width:33%; float:left; padding:0.6%;}
@media(max-width:1200px){ .wi5en{ width:33%; }}
@media(max-width:768px){ .wi5en{ width:50% }}

.ullist{ list-style: none; margin: 0px; text-align:center;padding: 0px;  }
.ullist li{   display: inline-block; text-align: center;  vertical-align:top; overflow:hidden; float:none;  margin:0px -0.5%;  min-height:100px;}

@media(max-width:992px){ }
@media(max-width:768px){}


/*--回顾--*/
.huigu span { padding:0px;}
.huigu span img{ width:100%; }

	
/*----- 新闻 -----*/

.news { background-color:#476276;background: url(../img/Services-bg2.jpg) top center no-repeat; background-size: cover; }
.news .newslist{padding:1.5%; max-width:400px;}
.news h2 { color: #fff;}
@media(max-width:960px){.news .newslist{ margin:2em auto; float:none; clear:both;} }
.news .newslist, .newslist h4 {  
transition-property:all 1s linear 0s;
-moz-transition:all 1s 1s inear 0s;
-webkit-transition:all 1s linear 0s;
-o-transition:all 1s linear 0s;

}
.news .newslist img{  min-height:100px; background-color:#dbdbdb;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width:100%; border:0px;; border-bottom:#930 solid 3px; outline:none;
	}

.newslist .title{ line-height:2.0em; font-size:1.04em; padding:16px 2% 3px; max-width:100%; min-height:140px;background-color: rgba(255,255,255,0.94);}
.newslist .title strong{  padding:0px 7%;}
.newslist h6{ clear:both; font-size:0.94em; color: #09F; float:left; padding-left:0.9em;}
.newslist .newsmore{ margin-top:2.3em;}
.newslist .newsmore a{ color:#069; background-color:#d3d3d3; float:right; padding:4px 10px;}
.newslist .newsmore a:hover{ color: #fff; background-color: #A6390B;}
/**图表ss**/ 

#main{ width:100%; height:650px; margin-bottom:-8%; }
@media(max-width:992px){ #main{ height:530px; }}
@media(max-width:768px){ #main{ height:460px; }}
@media(max-width:400px){ #main{ height:400px;margin-bottom:-14%; font-size:0.3em }} 
	

/*人头*/
/*---*/
.team{
	text-align:center;
	padding:3em 0;
}
.team-grids {
	padding: 0.5em 0em;
}
.team-grids .team-grid{
	padding: 0em 0.4em;
}

.team-grids  p{ padding:0em;}
.team-grids-en p{ line-height:1.4em; font-size:1.1em;}
.team-grids .imgx, .team-grids img{  
  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 .imgx:hover,.team-grids img:hover{ background-color:#000; box-shadow:0px 0px 5px #666666;
  -webkit-background-size:  120%;
  -moz-background-size:  120%;
  -o-background-size:  120%;
  background-size:  120%;}
.team-in{
	padding:1em 0;
}
.team-in h3{
	font-size:3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.team-in p{
	font-size: 1.1em;
	color: #818181;
	font-weight: 300;
}
.col-in b{
	color:#000;
	font-size:1.3em;
	margin:0;
	display:block;
}
.col-in span{
	color:#818181;
	font-size:1em;
}
ul.social li{
	display:inline-block;
}
ul.social li a span{
	background:url(../images/img-sprite.html) 0px 0px no-repeat;
	width:25px;
	height:25px;
	display:block;
}
ul.social li.inline a span{
	background-position:-23px 0px;
}
.col-in {
	padding: 1em 0; 
}
.col-in b {
	color: #06C; font-weight:normal;  
font-size: 1.2em;
}
.col-in p { }
/*----*/	

/*----- 日程 -----*/
.agenda { background-color:#FFF;}

.agenda article{ text-align:left; font-size:1.11em; line-height:1.34em; }
 .agenda ul.k3 li{ font-size:1.45rem; color:#F2F2F2; margin-bottom:5px;}
.agenda ul.k3 li i{ color:#ffffff; margin-right:10px;}
.agenda ul li strong { font-weight:bold;   }
.agenda h3, .agenda h4 { color:#333;}
.agenda-en ul.k3 li	{ font-size:1.3em; line-height:1.57em; letter-spacing:0.04em;}

.agenda .program{ color:#FFFFFF; border-radius:4px; border: solid 1px #ddd; padding:6px 1.7%; margin:0px 0px 1% 0px;font-size:1em; line-height:1.8em; text-align:left; min-height:140px; background-color:#255F89;}

@media(max-width:992px){ .agenda Section{ font-size: 15px;}
.agenda ul li{ }}
.agenda .t3{ color:#069; font-size:1.4em; line-height:1.3em; margin-bottom:4px; font-weight:bold;}

.agenda h5 {
	color:#FFFFFF;
	font-weight:bold;
	border-radius:4px;
	font-size:1.12em;
	clear:both;
	margin-top:5px;
	padding:6px 2%;
	margin-right:1.5%;
	width:20%;
	margin-bottom:3px;
	text-align:center;
	max-width:100px;
	background-color: #FF6600;
}
.agenda P{ line-height:1.86em; margin:0px 0px 12px 0px; font-size:1.32em; float:left; width:78%; color:#666; padding:3px 0px 0px 0px;  }
.agenda Aside{ line-height:1.5em; margin:14px 0px -5px 0px;   width:99%; color:#ffffff; font-size:1.45em; padding-bottom:8px; border-bottom:dotted 0px #d2d2d2; font-weight:bold;}

.agenda .t1 { color: #C30; padding-bottom:7px;font-size:1.2em; font-weight:bold;}
.agenda h4 { color:#000; border-bottom: solid 1px  #B4D1E9; padding-bottom:5px; font-weight:bold; margin-bottom:12px;}

.agenda h6 { color: #985007; font-weight:bold; border-radius:4px;  padding:8px 0px; font-size:1.4em; margin-bottom:0em; line-height:1.6em;}
.agenda h6 span{ color:#333; font-size:1.4rem; font-weight:normal;}

@media(max-width:992px){ .agenda .program{ float:left; margin-bottom:20px;}}

.agenda Aside i,.agenda P i,.agenda i { margin-right:8px; color:#D2D2D2;} 
/*--票价开始--*/
.price{
	text-align:center;
	padding:3em 0;
}
.price-grids {
	padding: 2em 0;
}
.price-in{
	padding:1.0em 0em 0em 0em;
}
.price-in h3{
	font-size:3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.price-in p{
	font-size: 1.1em;
	color: #818181;
	font-weight: 300;
}
.price-grid{
	padding:0;
	width:25%;
	float:left;
	background:#fff;
	transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;	
}
.price-grid:hover{ margin-top:0em; position:relative; background-color:#f1f1f1;}
.price-grid:hover ul li{ background-color:#f1f1f1;}
.price-grid ul > div{width:100%;}


.price-grid ul li{
	list-style:none; width:100%;
}
.price-grid ul .top  {align-self: flex-start;}
.price-grid ul .list {align-self: flex-start;}
.price-grid ul .r-btn{ align-self: flex-end;}





/*--颁奖结束--*/
/**标题**/
.price-grid ul li h6{
	font-size: 1.6em;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 1.0em 0 0.4em;

}
/**特别限定**/
.price-grid ul li h2 { color: #C30 ; font-weight: normal;   padding:5px 12px 0px; margin:-7px 5px 8px; font-size:0.75em; line-height:1.5em; height:49px;  background-color:#F3F3F3; border-radius:4px; }
/**标准**/
.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:1.2em;
	color:#666;
	border-bottom: 1px solid #e6e6e6;
	padding: 0.7em 0.4em 0.7em; min-height:50px; width:100%;
	
}
.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;z-index:1; width: 100%;
}
.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:#255f89;
	font-size:1.8em;
	padding:0.5em 0;
	display:block;
	text-transform:uppercase;
}
.price-grid ul:hover a.sign-up{
	background:#49a8ec;
}
.price-grid ul:hover {
	transform: scale(1.11);
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	z-index:10;
	background:#fff;
}
.price-grid:hover{z-index:100;}

@media(max-width:992px){.price-grid ul li a {font-size: 1.5em;}}
@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;
}} 
	

/*--票价结束--*/
/*--颁奖开始--*/
.awards { background-color:#FFF;}
.awards h2{ text-align:center;}
.awards h2 img{ max-width:850px; max-width:100%; }
.awards h3, .awards p{ text-align: left;}
.awards h3{ margin-bottom:4px; color: #333;}
.awards p{ padding-top:0.4em; font-size:1.4em; line-height:1.9em;}
.awards p b{ color: #505050;}

.k2{ text-align:left;}
.k2 b{ font-weight:bold; font-size:1.5em; color:#333;}
.k2 i{ color:#bbb;}
.k2 li{background-image: url(http://www.cdmc.org.cn/2013/emcs/eb2/images/110.gif0000000);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	list-style-position: outside;
	line-height: 22px;
	margin-top: 6px;
	margin-bottom: 3px;
	
	text-align: left; font-size:1.2em; line-height:1.77em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;}
	

.k2 p{line-height: 22px;margin-top: 6px;margin-bottom: 3px;}
.k2 li i{ color: #069;  }
.k2 li:before{ content:"★";color:red; margin-right:6px;}  

.k3{ background-repeat: no-repeat; background-position: right bottom; margin: 0px; padding-top: 0; padding-right: 0; padding-left: 0; }
.k3 li{
	background-repeat: no-repeat;
	background-position: 4px 5px;
	list-style-position: outside;
	line-height: 1.8em;
	 font-size:1.25em; letter-spacing:1px;
	margin-top: 3px;
	margin-bottom: 2px;
	padding-left: 0px;
	text-align: left; 
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	list-style-type: none;
	background-image: none; 
} 
.i3 li:before{ content:">>"; font-size:0.6em; margin-right:12px;}
.k3 li i { color:#CCC; margin-right:8px;}



/*--颁奖结束--*/



/*-- logo --*/
.portfolio_logo {
  text-align: center;
  margin: 0px;
  margin-bottom: 12px; box-shadow:0px 0px 3px rgba(51,51,51,0.3); border-radius:3px; padding:5px; background-color:#FFF;
}	

.portfolio_logo h4 { font-size: 1.4em; line-height:1.9em; margin:6px auto; font-weight:600; border-bottom: solid 1px #ECF0F1; background-color:#EBEBEB; border-radius:4px; margin-bottom:1rem; }
 
.portfolio_logo > div > div ,.portfolio_logo > div > div a{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 6px;
}
 



/*-- //logo --*/

/**点击显示css 2媒体部分**/ 
#panel2 {
	height: auto;
	display: none;
	background-color: #fff;
}
.slide2 {
	margin: 0;
	padding: 16px 0px 0px 0px;
	background: url(../images/btn-slide7.html) no-repeat center top;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FF6600;font-size:14px;
}
.btn-slide2, .btn-active2,.btn-slide-en2,.btn-slide-en2 {padding:9px 64px; background-color:#666; border-radius:4px; font-size:16px;  font-size:1.3em;}
.btn-slide2:hover,.btn-active2:hover,.btn-slide-en2:hover,.btn-slide-en2:hover    {background-color:#fa5b3c; color:#FFF; }



.btn-slide2::after{ content:"显示全部媒体";color:#FFF;}
.btn-active2::after{content:"隐藏"; color:#FFF;}
.btn-slide-en2::after{ content:"Show All Media";color:#FFF;}
.btn-active-en2::after{content:"Hide"; color:#FFF;}


排列结束
	/* <<< Contact Section >>> */
	.Contact_sec { width: 100%; overflow: hidden; }
	.Contact_sec .Contactside { background: url(../img/Contact-bg.jpg) top center no-repeat; background-size: cover; overflow: hidden;}
	.Contact_sec .Center { padding: 115px 0px 3em 0px;  max-width: 1100px; margin: auto; overflow: hidden; text-align: center; }
	.Contact_sec h2 { font-size: 36px; color: #fff; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; margin: 0px; text-transform: uppercase; line-height: 60px;}
	.Contact_sec p { padding: 24px 0px 35px 0px; font-size: 14px; color: #ebebeb; margin: 0px; font-family: 'Open Sans', sans-serif, Microsoft YaHei; line-height: 25px; font-weight: 400; }
	.Contact_sec .Line { border: solid 1px #ff9408; height: 2px; width: 252px; margin: auto; }
	.Contact_sec .Pricingside { padding: 70px 0px 10px 0px; width: 100%; overflow: hidden; text-align: initial; }
	
	/* <<< Map >>> */
	.Map { position: relative; z-index: 1; width: 100%; overflow: hidden; box-shadow: 0px 1px 12px 3px #242424;
		-webkit-box-shadow: 0px 1px 12px 3px #242424; -moz-box-shadow: 0px 1px 12px 3px #242424; -o-box-shadow: 0px 1px 12px 3px #242424; }
		.Map #GoogleMap { height: 399px; }

		/* <<< Get Section >>> */
		.Get_sec { width: 100%; overflow: hidden;  background-size: cover; }
		.Get_sec .Mid { padding: 76px 0px 95px 0px; max-width: 1100px; margin: auto; overflow: hidden; }
		.Get_sec .Leftside { width: 48.2%; float: left; }
		.Get_sec .Leftside fieldset { padding: 0px; margin: 0px; }
		.Get_sec .Leftside p { padding: 0px; margin: 0px 0px 25px 0px;  }
		.Get_sec .Leftside input.field { padding: 18px 20px 17px 20px; font-size: 14px; color: #979797; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 400; border: 0px; width: 100%; box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424;
		-o-box-shadow: 0px 2px 6px 0px #242424; border-radius: 0px; }
		.Get_sec .Leftside input:focus { outline: none;}
		.Get_sec .Leftside textarea { padding: 18px 20px 17px 20px; font-size: 14px; color: #979797; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 400; border: 0px; width: 100%; height: 156px; resize:none; box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424; -o-box-shadow: 0px 2px 6px 0px #242424; border-radius: 0px; }
		.Get_sec .Leftside textarea:focus { outline: none;}
		.Get_sec .Leftside .button { padding: 16px 0px 17px 0px; margin-top: -3px; font-size: 14px; color: #e9ecee; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 700; text-align: center; background: #e2850a; border: 0px; text-transform:uppercase; width: 100%; cursor: pointer; box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424; -o-box-shadow: 0px 2px 6px 0px #242424; border-radius: 0px; transition: all 0.3s ease;}
		.Get_sec .Leftside .button:hover { background: #2d2d2d; color: #fff;}
		.Get_sec .Rightside { padding-top: 12px; text-align:left; border: 1px solid rgba(255,255,255,0.4); background-color:rgba(0,0,0,0.15); padding:2.4% 1.7%; border-radius:4px; margin-bottom:1em; }
		.Get_sec .Rightside h3 { padding-bottom: 28px; font-size: 26px; color: #f88e04; font-family: 'Oswald', sans-serif, Microsoft YaHei; font-weight: 400; margin: 0px; text-transform:uppercase; line-height: 35px; }
		.Get_sec .Rightside address { padding: 0px 0px 19px 03px; margin-left: 3px; color: #ebedf1; font-family: 'Open Sans', sans-serif, Microsoft YaHei; font-weight: 400; font-style: normal;  line-height: 24px; font-size:1.35em;  }
		.Get_sec .Rightside address i { margin-right:6px; }
		.Get_sec .Rightside address.Number { background: url(../img/phone-icn.png) left 5px no-repeat; }
		.Get_sec .Rightside address.Email { margin-left: 4px; background: url(../img/mail-icn.png) left 0px no-repeat; }
		.Get_sec .Rightside address a { text-decoration: none; color: #FF3  ; }
		.Get_sec .Rightside address a:Hover { color: #f88e04; }
		.Get_sec .Rightside ul { list-style: none; margin: 0px; padding: 27px 0px 0px 3px; }
		.Get_sec .Rightside li { float: left; padding: 0px; margin: 0px  22px 0px 0px; }
		.Get_sec .Rightside li a { text-decoration: none; }
		.Get_sec .Rightsideqr {padding:1.8% 2%;}
		.Get_sec .Rightside .QRCode{ margin:0px auto; text-align:center; }
		.Get_sec .Rightside .QRCode img{ width:80%; max-width:134px;}
		.Get_sec .Rightside .QRCode h4{ margin-top:7px; color:#FFF;font-size:1.35em;}
        .Get_sec .Rightside .QRCode h5{ margin-top:0px; color:#CCC; font-size:1.15em;}
		
		

		/* <<< footer >>> */
		footer { overflow: hidden; width: 100%; text-align: center;  }
		footer .Cntr { padding:  28px 0px; max-width: 1100px; margin: auto;}
		footer .Cntr p { padding: 0px; font-size: 13px; color: #a9abad; font-family:'Open Sans'; margin: 0px; }
		footer .Cntr a { color: #a9abad; text-decoration: none; }
		footer .Cntr a:hover { color: #fff; }


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
   #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; }
   	#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent;
   	border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
   #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent;
border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #222222; z-index: 1000; -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;  
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;

	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}


/**点击显示css**/ 
#panel {
	height: auto;
	display: none;
	background-color: #fff;
}
.slide {
 }
.btn-slide, .btn-active,.btn-slide-en,.btn-slide-en {padding:9px 64px; background-color:#666; border-radius:4px; font-size:16px;  font-size:1.3em; }
.btn-slide:hover,.btn-active:hover,.btn-slide-en:hover,.btn-slide-en:hover    {background-color:#fa5b3c; color:#FFF; }

.moresp a{ padding:9px 64px; background-color:#666; border-radius:4px; font-size:16px; }
.moresp a:hover{ background-color:#fa5b3c; color:#FFF;  }

.btn-active {	}

.btn-slide::after{ content:"显示全部";color:#FFF;}
.btn-active::after{content:"隐藏"; color:#FFF;}
.btn-slide-en::after{ content:"View All";color:#FFF;}
.btn-active-en::after{content:"Hide"; color:#FFF;}


.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;}

.flex-4{ display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}/*多行登高*/

.flex-tb{ display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-align-content: space-between; align-content: space-between;} 
.flex-tb> div { width:100%;}

/**漂浮广告**/ 
*{margin:0;padding:0;list-style-type:none;}
.fixediv{position:fixed;top:0px;z-index:9999;width:190px;height:216px;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;}}








.program h4 {
    color: #ffffff;
 }
 .col-md-9  .col-md-6 {
	margin: 0px;
	padding: 0px;
}