body { color:#556470; font-size:18px; font-family:"Arial","Microsoft YaHei"; overflow:hidden; }
html{ overflow-y:scroll;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h4{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.left{ float:left;}
.right{ float:right;}


/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"microsoft yahei","宋体";}
@font-face {
    font-family: "ap-b";
    src: url("../fonts/ap-b.eot"); /* IE9 */
    src: url("../fonts/ap-b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../fonts/ap-b.woff") format("woff"), /* chrome、firefox */
    url("../fonts/ap-b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../fonts/ap-b.svg#ap-b") format("svg"); /* iOS 4.1- */
}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.font{ font-family: 'ap-b'; }
h3{ font-size: 48px; color: #1B3345; line-height: 58px; }

.container{ width: 1600px; margin: 0 auto; min-width: 1340px; background: #F1F6FA; }
.content{ position: relative; z-index: 1; }
.main-head{ position: fixed; top: 0; height: 160px; width: 1600px; left: 50%; margin-left: -800px; min-width: 1340px; z-index: 10000; background: #F1F6FA; }
.main-head.active{ height: 100px; }
.main-head.active .logo,.main-head.active .menu{ top: 17px; }
.main-head .logo{ position: absolute; left: 130px; top: 47px; width: 226px; height: 62px; background: url(../images/logo.png) no-repeat center; }
.main-head .menu{ position: absolute; right: 130px; top: 47px; }
.main-head .menu li{ float: left; margin-left: 50px; }
.main-head .menu li a{ display: block; line-height: 62px; font-size: 20px; color: #1B3345; position: relative; }
.main-head .menu li a::after{ content: ''; width: 100%; height: 6px; background: #D61111; position: absolute; bottom: 0; left: 0; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; }
.main-head .menu li a:hover::after,.main-head .menu li.active a::after{ transform: translateY(0); opacity: 1; }

.main-banner{ margin-top: 160px; }
.main-banner.active{ margin-top: 100px; }
.main-banner .swiper-slide img{ width: 100%; }
.main-banner .swiper-button-black{ width: 48px; height: 48px; border-radius: 60px; background-color: #fff; right: 75px; left: auto; top: 50%; background-size: auto; }
.main-banner .swiper-button-next.swiper-button-black{ background-image: url(../images/right.png); }
.main-banner .swiper-button-prev.swiper-button-black{ background-image: url(../images/left.png); }
.main-banner .swiper-button-prev{ margin-top: -65px; }
.main-banner .swiper-button-next{ margin-top: 15px; }
.main-banner .swiper-pagination{ left: 130px; top: 50%; bottom: auto; width: auto; color: #fff; transform: rotate(90deg); font-size: 17px; letter-spacing: 2px; }
.main-banner .swiper-pagination::after{ content: ''; position: absolute; top: 9px; left: -120px; width: 100px; height: 1px; background: #fff; }
.main-banner .swiper-pagination .ss{ margin: 0 3px; }
.main-banner .text{ position: absolute; left: 150px; bottom: 150px; width: 250px; color: #fff; font-size: 16px; z-index: 100; line-height: 24px; }
.main-banner .text p{ font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.main-banner .btnbox{ position: absolute; right: 75px; bottom: 100px; z-index: 100; font-size: 16px; color: #fff; text-align: right; }
.main-banner .btnbox .join{ width: 160px; height: 48px; display: inline-block; line-height: 48px; text-align: center; color: #fff; background: #1B3345; border-radius: 24px; margin-bottom: 10px; }
.main-banner .btnbox .join img{ margin-left: 10px; }
.main-banner .btnbox div span{ margin: 0 8px 0 18px; width: 1px; height: 16px; background: #fff; display: inline-block; vertical-align: middle; }
.main-banner .btnbox div a{ display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-left: 10px; }
.main-banner .btnbox a:hover{ opacity: 0.8; }
.main-banner .btnbox div a.wei{ background: url(../images/wei.png) no-repeat center; }
.main-banner .btnbox div a.qq{ background: url(../images/qq.png) no-repeat center; }
.main-banner .btnbox div a.sina{ background: url(../images/sina.png) no-repeat center; }

.main-left{ position: absolute; left: 0; top: -88px; background: #fff; width: 368px; }
.main-left .title{ height: 88px; line-height: 88px; color: #1B3345; font-size: 20px; padding-left: 160px; position: relative; }
.main-left .title span{ position: absolute; right: 0; top: 0; width: 88px; height: 88px; background: #D61111 url(../images/title.png) no-repeat center; display: inline-block; }
.main-left ul{ padding: 55px 0 30px 160px; }
.main-left li{ margin-bottom: 35px; position: relative; }
.main-left li a{ font-size: 20px; color: #1B3345; transition: all 0.3s ease; }
.main-left li.active a{ color: #D61111; }
.main-left li::after{ content: ''; width: 11px; height: 18px; position: absolute; left: -30px; top: 4px; background: url(../images/leftcur.png) no-repeat; opacity: 0; transform: translateX(-5px); transition: all 0.3s ease; }
.main-left li.active::after,.main-left li:hover::after{ opacity: 1; transform: translateX(0); }

.main-foot{ text-align: center; color: #fff; background: #0E2040; padding: 65px 0 40px; position: relative; }
.main-foot .f_menu{ padding: 40px 0 40px; margin-left: 33%; }
.main-foot .f_menu a{ font-size: 20px; color: #fff; margin: 0 25px; }
.main-foot .f_menu a:hover{ opacity: 0.8; }
.main-foot .f_menu li{ float: left; }
.main-foot .btn span{ margin: 0 8px 0 18px; width: 1px; height: 16px; background: #fff; display: inline-block; vertical-align: middle; }
.main-foot .btn a{ display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-left: 10px; }
.main-foot .btn a:hover{ opacity: 0.8; }
.main-foot .btn a.lang-en{background:no-repeat center;margin-top:11px; color: #fff;}
.main-foot .btn a.lang-cn{background:no-repeat center;margin-top:11px; color: #fff;}
.main-foot .btn a.wei{ background: url(../images/wei.png) no-repeat center; }
.main-foot .btn a.qq{ background: url(../images/qq.png) no-repeat center; }
.main-foot .btn a.sina{ background: url(../images/sina.png) no-repeat center; }
.main-foot .beian a{background:no-repeat center; font-size: 12px; color: #fff; }
.back_top{ position: fixed; right: 5%; bottom: 70px; width: 48px; height: 48px; background: #fff url(../images/back.png) no-repeat center; border-radius: 48px; cursor: pointer; z-index: 101; visibility: hidden;}
.back_top:hover{ opacity: 0.8; }
.back_top a:hover{ visibility: visible; }

@media only screen and ( max-width: 1600px) {
    .container{ width: 100%; }
    .main-head{ width: 100%; margin-left: 0; left: 0; }
    .main-head .logo{ left: 60px; }
    .main-head .menu{ right: 80px; }
}
@media only screen and ( max-width: 1440px) {
    .main-banner .text{ bottom: 120px; }
}