/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary { outline: 0; }
ul, li { list-style: none; }
img { border: none }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
textarea, input, button, select, keygen, legend { outline: 0; }
body{font-family:"Century Gothic","Lato",sans-serif; margin: 0;background-color: #f8fdff;}
a{text-decoration:none}
html,body{
  font-size: 62.5%;  
}

.et-hero-tabs-container{ display: -webkit-flex; /* Safari */ display:flex;flex-direction:row;width:100%; height: 90px; background-color: #5639a6;opacity:0.9; color:#fff; box-shadow: 0px 2px 0px 0px rgba(175, 147, 255, 0.1);z-index:10;}
.container-top{position:fixed;top:0;padding: 0 15%; overflow: hidden;}
.et-hero-tab{ display: -webkit-flex; /* Safari */ display:flex;justify-content:center;align-items:center;flex:1;color:#fff;letter-spacing:0.1em;transition:all 0.5s ease; }
.et-hero-tab:hover{color:white;background:#4390e9;transition:all 0.5s ease}
.et-hero-tab-slider{position:absolute;bottom:0;width:0;height:6px;background:#fff;transition:left 0.3s ease}


@media (min-width: 1200px){
	.container{width:1200px; margin: 0 auto;text-align: center; }	
}



.logo{ width:14%; height: 90px; display: -webkit-flex; /* Safari */  display:flex;flex-direction:row; justify-content: center; align-items: center; }
.logo img{width: 157px; height: 48px;}
.menu{width: 56%; display: -webkit-flex; /* Safari */  display:flex;flex-direction:row; font-size: 3em;}
.home-wrap{ width:100%; height: 982px;background: url(../images/bg1.jpg) no-repeat top center;background-size:100% 982px;  text-align: center; margin: 0 auto; overflow: hidden;}
.content{ width:1200px; margin:0 auto;  text-align:center; }
.home-wrap,.content{}
.left{float:left; width: 535px; height: 982px;  }
.right{ float:right; width:665px; height:982px;position: relative; }
.right img{position: absolute;top:146px; right:-313px;}
.left h1{background:url(../images/h1.png) no-repeat; width: 535px; height: 207px; margin-top: 210px; margin-left: 0; text-indent: -9999px;}
.left p{ padding: 0; width: 506px; margin: 10px auto; text-align: left;font-family:"Microsoft YaHei",SourceHanSansCN-Light;font-size: 3.6em;line-height: 36px;word-spacing : 2px;color: #e8e6ff;}
.left img{ width: 183px; height: 218px; text-align: center; margin: 74px auto 0 auto;}



.features-list{ margin:70px 0 0 0;    display: -webkit-flex; /* Safari */ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.features-list li dl dt img{ width:80px; height: 80px; margin-bottom: 32px; }
.features-list li dl dd h3{font-size: 4em; font-weight: normal;color: #252525; line-height: 22px; margin-bottom: 16px;}
.features-list li dl dd p{font-size: 2.6em; font-weight: normal;color:#9e97a5; line-height: 20px; }
.mode-h2,.about-h2{margin: 0 auto; text-align: center;height: 76px; padding-top: 82px; background: url(../images/line1.png) no-repeat bottom center;font-size: 48px;font-weight: normal;color: #282828;}
.mode-list{ display: -webkit-flex; /* Safari */ display: flex; flex-flow: row wrap; justify-content: center; align-items: space-between;margin-top: 150px;}
.mode-list li{ width: 398px; padding: 20px 0; margin-bottom: 120px; border: 1px #fff dotted; }
.mode-list li dl dd h3{font-size: 4em;font-weight: normal; color:#000624; line-height: 26px; margin:20px auto 24px auto; }
.mode-list li dl dd p{font-size:2.4em; color:#000624; line-height: 28px; }
.about-wrap{ width: 100%; height: 840px;background: url(../images/bg2.jpg) no-repeat top center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover;  }
.about{ padding:80px 0 80px 0px;  }
.about p {font-size: 2.8em;line-height: 40px; text-indent:2em; color: #121212; text-align: left; margin-bottom:40px;}
.about-list{ margin: 0 auto;display: -webkit-flex; /* Safari */ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.about-list li dl dt{ margin: 0 auto; text-align: center;}
.about-list li dl dd{text-align: center;font-size: 3.6em;font-weight: normal; color:#000624; line-height: 26px; margin-top: 18px;}



#flash{width:1200px;height:660px;margin: 60px auto 0 auto;position: relative;}
#flash #play{width:1200px;height:660px; position:absolute;top:0px;left:0px;}
#flash #play li{position:absolute;top:0px;left:0px;}
#flash #play li img{float: left;}
#button{position: absolute;bottom:20px;left:46%;list-style: none;}
#button li{margin-left: 10px;float: left;}
#button li div{width:16px;height: 16px;background:#DDDDDD;border-radius: 30px;cursor: pointer;}
#prev{width:46px;height:81px;background:url(../images/beijing.png) 0px 0px;position: absolute;top:50%;left:-10%;z-index: 4;}
#next{width:46px;height:81px;background:url(../images/beijing.png) -46px 0px;position: absolute;top:50%;right:-10%;z-index: 3;}
#prev:hover{background:url(../images/beijing.png) 0px -81px;}
#next:hover{background:url(../images/beijing.png) -46px -81px;}

footer{height: 142px;background-color: #090909; font-size: 14px; color: #989898; line-height: 26px; text-align: center;}
footer >.container{ height: 100%; display: -webkit-flex; /* Safari */ display:flex; flex-direction: column;justify-content: center;align-items: center;}
footer >.container dl{ width: 100%;  display: -webkit-flex; /* Safari */ display:flex;flex-direction:row; justify-content: center; align-items: center; }
footer >.container dl dd{margin-right: 10px;}
footer >.container p a{ margin:0 10px; color:#989898; }
footer >.container p a:hover{color:#e5e5e5; }