*{margin: 0;padding: 0;font-family: "微软雅黑";}
p, p a{font-size: 14px;line-height: 22px;color: #333;}
h1{font-size: 0;line-height: 0;}
h2{}
h3{}
img{border: none;}
li{list-style: none;}
a{text-decoration: none;color: #333;}

header:after, .about .aboutNav:after, .section7 .about ul:after, .section12 ul:after, .divBox:after,section ol:after,section .left ul:after, .jjAbout:after,
.jjTitle:after, .jjAbout>li:after, .jjAbout>li ul:after,section .right:after,
footer .footer:after, .section10:after, .contentRight:after, footer .footer .footerList:after{content: '';clear: both;display: block;}
a, .spanBox, .modiaJoin span, .modiaJoUs, header nav ul li a:after,
.section12 .about ul li:after{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
header{position: fixed;top: 0;left: 0; z-index:99999; width: 100%;background: url(/templets/snnew/img/join_bg.jpg) no-repeat center 0;}
header .navBar{display: none;width: 50px;background: #fff;float: right;position: absolute;right: 20px;top: 36px;cursor: pointer;}
header div.navBar span{display: block;width: 80%;height: 5px;background: #000;margin: 3px auto;}
header div.navBar.active span.spanBox{width: 0;}
header h1{float: left;margin-left: 50px;line-height: 100px;}
header h1 img{vertical-align: middle;}
header nav{float: right;}
.headRight, header nav ul{float: right;}
header nav ul li, header .language{float: left;height: 100px;line-height: 100px;}
header nav ul li{padding: 0 20px;}
header nav ul li a{font-size: 18px;position: relative;color:#162e7d;}
header nav ul li a:after{content: '';display: block; height: 2px;background: #f5a21c; position: absolute;left: 50%; bottom: -2px;width: 0;}
header nav ul li:hover a, header nav ul li.active a{color: #f5a21c;font-weight: bold;}
header nav ul li:hover a:after, header nav ul li.active a:after{width: 100%;margin-left: -50%;}
/*header nav ul li a{font-size: 18px;position: relative;}
header nav ul li a:after{content: '';display: block; height: 2px;background: #182D7B; position: absolute;left: 50%; bottom: -2px;width: 0;}
header nav ul li.active a{color: #182d7b;}
header nav ul li.active a:after{width: 100%;margin-left: -50%;}
header nav ul li a:after{content: '';display: block; height: 2px;background: #182D7B; position: absolute;left: 50%;margin-left: -50%; bottom: -2px;width: 0;}
header nav ul li:hover a:after{width: 100%;}*/
header .language{float: right;margin-right: 50px;margin-left: 20px;position: relative;}
/*.index{width: 100%;position: relative;overflow: hidden;}*/
/*object{ position: absolute; z-index: 0;top: -80px; left: 50%; min-width: 0px;}*/
header .language span{width: 0;height: 0;
					  border: 5px solid #000000;
					  border-left: 5px solid transparent;
					  border-right: 5px solid transparent;
					  border-bottom: 5px solid transparent;
					  display: block;position: absolute;top: 50%;right: -18px;margin-top: -2px;}
/*header .language a.en{position: absolute;top: 58%;left: 0;line-height: 21px;display: none;}*/

footer{width: 100%;background: #222; background: rgba(0,0,0,0.9);}
footer .footer{width: 1200px;margin: 0 auto;height: 70px;line-height: 70px;}
footer .footer p{float: left;line-height: 70px;color: #cccccc;}
footer .footer .footerList{float: right;}
footer .footer .footerList li{float: left;padding: 0 10px;position: relative;}
footer .footer .footerList li a{color: #CCCCCC;}
footer .footer .footerList li:hover a{color: #fff;}
footer .footer .footerList li:after{content: '';display: block;width: 1px;height: 15px;background: #CCCCCC;position: absolute; right: 0;top: 50%;margin-top: -6px;}
footer .footer .footerList li:last-child:after{display: none;}

table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
/*.index .titleList{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;width: 600px;height: 161px;}
.index .titleList li{position: absolute;top: 0;left: 0;}
.index .title p{transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;}
.index .title h2{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.index .title h2{font-size: 100px;font-weight: bold;color: #fff;margin-bottom: 30px;transform: translateX(0);opacity: 1;}
.index .title p{font-size: 15px;position: relative;color: #fff;transform: translateX(0);opacity: 1;}
.index .title p:before, .index .title p:after{width: 150px;height: 2px;background: #fff;content: '';display: block;position: absolute;top: 50%;margin-top: -1px;}
.index .title p:before{left: 40px;}
.index .title p:after{right: 40px;}
.index .titleList .titleL1.active .title h2{transform: translateX(-200px);opacity: 0;}
.index .titleList .titleL1.active .title p{transform: translateX(600px);opacity: 0;}
.index .titleList .titleL2.active .title h2{transform: translateX(-200px);opacity: 0;}
.index .titleList .titleL2.active .title p{transform: translateX(600px);opacity: 0;}*/