@charset "utf-8";
/* CSS Document */

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}

body { width: 100%; font-family:"Arial, Microsoft YaHei";  background:#ffffff; }
html{font-size: 100%;}
img {border:none;vertical-align:bottom;}
a, a:visited, a:hover, a:active {outline:0;text-decoration:none;}
a {color:#666; font-family:"Arial, Microsoft YaHei";  }

ul, li {list-style-type:none;padding:0;margin:0;}
input, select, textarea, button {font-size:100%;font-family:inherit;}
h2 {font-size:14px;}

.clear {clear:both;height:0;overflow:hidden;font-size:0px;line-height:0;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}



/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; position:fixed;z-index:100;top:77%;/*left:89.5%;*/ right:1px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop)); display:none;}
.Backtop img{ width:100%;}
.float{ position:fixed; right:5px; bottom:10px;}

/*摘要*/

.banner{ background:#f1f1f0; height:400px;}
.banner div{ background:url(../images/banner.jpg) no-repeat top center; height:400px;}
.banner div img{ display:none; vertical-align:top;} 

.main{ width:1200px; margin:0 auto; }

.nav{ background:#e10040;  box-shadow: 0px 5px 10px 0px rgba(221,221,221,0.5); height:44px; font:20px/22px "Microsoft Yahei"; padding:10px 0;  }
.nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.nav ul{ display:block; width:1200px; margin:0 auto;}
.nav ul li{ float:left; width:200px; text-align:center; }
.nav ul li a{ display:block; color:#fff; }
.nav ul li a span{ color:#ffb4cf; font-size:16px; display:block;}
.nav ul li.applybuts{ display:none;}
.nav ul li.yc{ display:none;}
.nav ul li.applypp{display:none;}


.background{ margin-top:60px;}
.title{ margin:20px auto 40px; text-align:center;}
.background p{ font:16px/40px "Microsoft Yahei"; color:#333;}
.background span{ display:block; font:14px/40px "arial"; color:#999;}
.background em{ display:block; text-align:center; padding-top:20px;}

.agenda{ margin-top:60px;}
.agenda table{ background:#ddd; font:15px/26px "Microsoft Yahei"; color:#666; margin-top:30px;  font-family:"Arial, Microsoft YaHei"; }
.agenda table tr th{ background:#f2f2f2; height:44px; line-height:44px; }
.agenda table tr th.time{ width:150px;}
.agenda table tr td{ background:#fff; padding:8px 0 8px 15px;}
.agenda table tr td span{ display:block; font-size:14px;  color:#999;}

.spot{margin-top:60px;}
.spot:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.spleft{ width:568px; border:1px solid #eeeeee; float:left; margin-right:60px; margin-top:20px; height:640px;}
.spright{ width:568px; border:1px solid #eeeeee; float:left; margin-top:20px;  height:640px;}
.spleft b ,.spright b{ display:block; background:#e7e3e4; height:52px; font:bold 24px/52px "Microsoft Yahei"; color:#333; text-align:center; }
.spleft ul{ padding:0 15px;}
.spleft ul li{ border-bottom:1px solid #eee; font:16px/44px "Microsoft Yahei"; color:#666; font-family:"Arial, Microsoft YaHei"; }
.spleft ul li:last-child{ border-bottom:0;}
.spleft ul li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.spleft ul li span{ float:left; width:220px; margin-right:10px;}
.spleft ul li p{ float:left; width:300px;}
.spright ul{ padding:0 15px 44px;}
.spright ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.spright ul li{ float:left; width:269px; text-align:center; margin-top:50px;}


.about{margin-top:60px;}
.about p{ font:16px/40px "Microsoft Yahei"; color:#333;}
.about span{ display:block; font:14px/40px "arial"; color:#999;}

.rightbut{ position:fixed; top:40.5%; right:10px;}
.rightbut p{ background:url(../images/index_06.png) no-repeat; width:220px; height:142px; padding-top:45px;}
.rightbut p a{ display:block; width:176px; margin:15px auto 0;}

.contact{ background:#e10040; font:18px/62px "Microsoft Yahei"; color:#fff; text-align:center; margin-top:60px;}
.contact span a{ color:#fff;}
.contact span{ padding:0 50px;}

/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; position:fixed;z-index:100;top:77%;/*left:89.5%;*/ right:1px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop)); display:block;}
.Backtop img{ width:100%;}

.joincompany{ margin:40px 0 20px;}
.joincompany ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.joincompany ul li{ float:left; width:275px; font:14px/40px "Microsoft Yahei"; color:#666; background:url(../images/dot.jpg) no-repeat left center; padding-left:10px;}

.speaker{ width:1200px; overflow:hidden; margin-top:40px;}
.speaker .sbox{ width:1275px; zoom:1; margin-top:10px;}
.speaker ul:after{clear:both; content:'.'; display:block; width:0; height:0; visibility:hidden;}
.speaker li{ float:left; margin-right:75px; width:170px; margin-top:30px; height:280px; text-align:center; overflow:hidden;}
.speaker li img{width:168px; border-radius:200px; border:1px solid #ddd;}
.speaker li p{ font-size:14px; line-height:21px; color:#666;}
.speaker li b{  font-size:16px; margin-top:10px; display:block; margin-bottom:5px;}







@media screen and ( max-width:600px){
	
.banner{ background:none; height:auto; }
.banner div{background:none; height:auto;}
.banner div img{ width:100%; display:block;}

.main{ width:100%; max-width:640px; min-width:320px;}


.nav{ background:#fff;  box-shadow: 5px 5px 10px 8px rgba(221,221,221,0.5); height:auto; font:18px/52px "Microsoft Yahei"; position:fixed; bottom:0; border-top:1px solid #eee; width:100%; padding:0; }
.nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.nav ul{ width:100%; float:none; display:flex;   flex-wrap: wrap;}
.nav ul li{ float:none; width:33%;   flex-grow:1; border-right:1px solid #eee;border-bottom:1px solid #eee;height:28px;  }
.nav ul li a{ display:block; width:100%; border-right:none; height:28px; font:12px/28px "Microsoft Yahei"; text-align:center; color:#333; margin-top:0;}
.nav ul li a span{ display:none;}

.nav ul li.applybuts ,.nav ul li.applypp{ width:50%; display:block; border-right:0;}
.nav ul li.applybuts a{ display:block; background:#FFA600; color:#fff; height:28px; line-height:28px; font-size:14px;}
.nav ul li.applypp a{ display:block; background:#e10040; color:#ffffff; height:28px; line-height:28px;  font-size:14px;}


.nav ul li.yc{ display:block;}
.nav ul li.bg ,.nav ul li.dd{ display:none;}

.background{ margin-top:20px;}
.title{ margin:0 auto 20px; text-align:center; width:70%;}
.title img{ width:100%; display:block;}
.background p{ font:14px/24px "Microsoft Yahei"; color:#666; padding:0 10px;}
.background span{ display:block; font:12px/22px "arial"; color:#999;  padding:0 10px;}
.background em{ display:block; text-align:center; padding-top:10px;}
.background em img{ display:block; width:100%;}

.agenda{ margin-top:20px;}
.agenda table{ background:#ddd; font:12px/20px "Microsoft Yahei"; color:#666; margin-top:10px;}
.agenda table tr th{ background:#f2f2f2; height:26px; line-height:26px; }
.agenda table tr th.time{ width:80px;}
.agenda table tr td{ background:#fff; padding:3px 5px 3px 5px;}
.agenda table tr td span{ display:block; font-size:12px;  color:#999;}


.spot{margin-top:20px;}
.spot:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.spleft{ width:98%; border:1px solid #eeeeee; float:none;  margin:20px auto; height:auto;}
.spright{ width:98%; border:1px solid #eeeeee; float:none;margin:20px auto;   height:auto;}
.spleft b ,.spright b{ display:block; background:#e7e3e4; height:32px; font:bold 16px/32px "Microsoft Yahei"; color:#333; text-align:center; }
.spleft ul{ padding:0 10px;}
.spleft ul li{ border-bottom:1px solid #eee; font:14px/30px "Microsoft Yahei"; color:#666;}
.spleft ul li:last-child{ border-bottom:0;}
.spleft ul li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.spleft ul li span{ float:left; width:50%; margin-right:0;}
.spleft ul li p{ float:left;  width:50%;}
.spright ul{ padding:0 10px 10px;}
.spright ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.spright ul li{ float:left; width:44%; padding:0 3%; text-align:center; margin-top:15px;}
.spright ul li img{ width:100%; display:block;}


.about{margin-top:20px; }
.about p{ font:14px/24px "Microsoft Yahei"; color:#666; padding:0 10px;}
.about span{ display:block; font:12px/22px "arial"; color:#999;padding:0 10px;}


.speaker{ width:100%; overflow:hidden; margin-top:40px;}
.speaker .sbox{ width:100%; zoom:1; margin-top:10px;}
.speaker .title{ width:70%; margin:0 auto 10px;}
.speaker ul:after{clear:both; content:'.'; display:block; width:0; height:0; visibility:hidden;}
.speaker ul{ margin-top:30px;}
.speaker li{ float:left; margin-right:0; width:29%; padding:0 2%; margin-top:0; height:200px; text-align:center;}
.speaker li img{width:100%; border-radius:200px;}
.speaker li p{ font-size:12px; line-height:21px; color:#666;}
.speaker li b{  font-size:14px; margin-top:10px; display:block; margin-bottom:5px;}



/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; position:fixed;z-index:100;top:77%;/*left:89.5%;*/ right:1px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop)); display:block;}
.Backtop img{ width:100%;}


.rightbut{ display:none;}

.contact{ background:#f2f2f2; font:14px/22px "Microsoft Yahei"; color:#666; text-align:center; margin-top:20px; padding:10px 0;}
.contact span{ padding:0 10px; display:block;}
.contact span a{ color:#666;}

.joincompany{ margin:40px 0 20px;}
.joincompany ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.joincompany ul li{ float:left; width:47%; margin-left:1%; font:12px/26px "Microsoft Yahei"; color:#666; background:url(../images/dot.jpg) no-repeat left 10px; padding-left:2%;}

	}