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

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,big,em,font,img,strong,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption{padding:0;margin:0;border:0;font-weight:normal;list-style-type:none;}
html,body{height:100%;width:100%;min-width:1400px;color:#333;background:#252d33;font-size:12px;font-family:"微软雅黑","Microsoft Yahei","simsun",arial,verdana,sans-serif;}
a,a:hover{color:#2d6fab;cursor:pointer;text-decoration:none;}

.head{position:fixed;top:0;height:60px;width:100%;background:rgba(0,0,0,.75);}
.head dl{height:100%;width:1400px;margin:0 auto;}
.head dl dt{float:left;width:165px;height:40px;margin:10px auto 0 20px;}
.head dl dt a{float:left;width:100%;height:100%;background:url(images/web_logo.webp) no-repeat;background-size:100% auto;overflow:hidden;}
.head dl dt a img{float:left;width:100%;height:100%;margin:80px 0 0;}
.head dl dd{float:right;height:100%;overflow:hidden;line-height:60px;font-size:16px;}
.head dl dd a{float:left;height:100%;padding:0 60px;color:#fff;}
.head dl dd a:hover,.head dl .head_now:hover{background:rgba(41,87,133,.75);}
.head .head_now{background:rgba(41,87,133,.50);}

.show{height:980px;width:100%;background:#1a222a url(images/show_bg.webp);}
.show div{float:left;height:920px;width:100%;margin:60px 0 0;background:url(images/show_img.webp) center no-repeat;}

.about{width:100%;padding:100px 0 200px;background:#eee url(images/about_bg.webp);}
.about h2,.about h3{width:100%;padding:100px 0 0;text-align:center;font-size:54px;}
.about h3{font-size:36px;}
.about div{width:100%;padding:40px 0 20px;text-align:center;font-size:18px;line-height:36px;color:#666;}

.about .about_other{width:980px;margin:0 auto;text-align:left; text-indent:2em;}
.about .about_other p{padding:20px 0;}

.join{width:100%;padding:100px 0 160px;background:#fff url(images/join_bg.webp) no-repeat center center;}
.join h2{width:100%;padding:100px 0 0;text-align:center;font-size:54px;}
.join div{width:100%;padding:40px 0 20px;text-align:center;font-size:18px;line-height:36px;color:#666;}
.join ul{width:1300px;height:600px;padding:40px 0 0;margin:0 auto;}
.join ul li{float:left;width:305px;height:480px;margin:20px 10px;background-color:rgba(240,240,240,0.75);}
.join ul li:hover{background-color:rgba(255,255,255,0.75);box-shadow:0 0 10px 5px rgba(240,240,240,0.75);cursor:pointer;}
.join ul li span{float:left;width:120px;height:120px;margin:100px 0 0 92px;background:url(images/join_icon.webp) no-repeat 0 0;}
.join ul li .join_02{background-position:0 -120px;}
.join ul li .join_03{background-position:0 -240px;}
.join ul li .join_04{background-position:0 -360px;}
.join ul li h3,.join ul li p{float:left; width:100%;line-height:24px;text-align:center;}
.join ul li h3{font-size:30px;padding:140px 0 20px;}
.join ul li p{font-size:14px;color:#999;}

.content{width:100%;padding:180px 0 120px;background:#ddd;}
.content div{width:1300px;padding:50px;margin:0 auto;background:#fff;}
.content div h3{width:100%;padding:20px 0 40px;text-align:center;font-size:36px;}
.content div p{width:100%;padding:20px 0;line-height:30px;font-size:14px;text-indent:2em;}
.content div span{color:#f00;}

.foot{height:auto;width:1400px;margin:0 auto;}
.foot a:hover{text-decoration:underline;}
.foot dl{float:left;height:40px;width:100%;padding:40px 0 20px 0;margin:0 0 40px 0;border-bottom:1px #434f5a solid;}
.foot dl dt,.foot dl dt a{float:left;width:165px;height:40px;}
.foot dl dt a{background:url(images/web_logo.webp) no-repeat 0 -40px;background-size:100% auto;}
.foot dl dd{float:right;height:20px;overflow:hidden;margin:20px auto 0;}
.foot dl dd a{float:left;height:100%;overflow:hidden;margin:0 0 0 25px;line-height:20px;}
.foot div{float:left;width:100%;padding:0 0 40px 0;}
.foot div p{float:left;width:100%;line-height:36px;color:#ccc;}
.foot div p a{color:#ccc;}