@charset "gb2312";
/* CSS Document */
html { overflow: hidden;}

body { margin:0 auto; font-size:13px; color:#333; font-family:΢ÈíÑźÚ,ËÎÌå,ºÚÌå; line-height:1.5; width: 100%;  *cursor: default;
overflow: hidden; height:100%; text-align:left; background-color:#FFF;-webkit-text-size-adjust:none;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;margin: 0;padding: 0;}
img { border:0px;}
.clearBoth{border-bottom:0;border-left:0;line-height:0;list-style-type:none;width:100%;height:0;clear:both;font-size:0;overflow:hidden;border-top:0;list-style-image:none;border-right:0; width:0px; height:0px;}
a { color:#333; text-decoration:none;}
a:hover { color:#d0121c; text-decoration:none;}
form, button, {border:0 none;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:middle;font-size: 12px;list-style-type: none;}

.bj{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../webfont/futuram-webfont.eot');
    src: url('../webfont/futuram-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/futuram-webfont.woff2') format('woff2'),
         url('../webfont/futuram-webfont.woff') format('woff'),
         url('../webfont/futuram-webfont.ttf') format('truetype'),
         url('../webfont/futuram-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alt';
    src: url('../webfont/alt-webfont.eot');
    src: url('../webfont/alt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/alt-webfont.woff2') format('woff2'),
         url('../webfont/alt-webfont.woff') format('woff'),
         url('../webfont/alt-webfont.ttf') format('truetype'),
         url('../webfont/alt-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { background: #768aff;}
.page2 { background: #61d1ff;}
.page3 { background: #ffb83c;}
.page4 { background: #7dd987;}
.page5 { background: #765ddd;}
.page6 { background: #fff url(../images/inxpage6bj.jpg) top center repeat;}

#navBarpage { z-index: 999; position: absolute; top: 40%; right: 2%;}
#navBarpage .active { width: 12px;height: 12px; border: 4px solid #cb0808;background: #cb0808; margin-left:3px;}
#navBarpage li { width: 8px;height: 8px;border-radius: 50%;background: #00275e;margin: 15px 0 0 5px;}


.top{ width:100%; position:relative; }
.logo{ float:left; margin-top:10px; margin-left:4%;}

.topbj{ width:100%; height:100%; position:absolute; z-index:-1; background:url(../images/bark20.png) repeat;  top:0px;  z-index:-1; display:none;}
#nytop .topbj{ display:block;}

.navsmbj{ position:fixed; background:url(../images/bark85b.png) repeat; top:0; left:0; width:100%; height:100%; z-index:998; display:none;}

#navbar{ background:none; border:none; height:80px;}
#topnavright{ float:right; margin-top:15px; margin-right:4%;}
#topnavright a{ font-size:15px; color:#fff; }

#navbar .navbar-toggle{ margin-top:22px; margin-bottom:22px;}

.topsmnav{ float:none; margin:15px 0px; width:100%; text-align:center;}
.tnavbtnsm{ margin-bottom:2px; background:none; }
#topnavright .tnavbtnsm a{font-size:18px; padding-top:12px; padding-bottom:12px;}

.inxbt{ width:100%; padding-top:115px; text-align:center;}
.inxbt_eng{ font-size:36px; color:#00275e; text-transform:uppercase; font-family:'futura_md_btmedium';}
.inxbt_cha{ font-size:26px; color:#00275e; margin-top:0px;}
.inxbt span{ color:#cb0808;}

.contxt{ width:50%; margin:60px 150px 0px 0px; float:right; font-size:15px; color:#1d3352; line-height:38px;}
.contxt p{ display:block;}
.contxt span{ font-size:22px; font-family:'futura_md_btmedium'; background:none; display:inline-table;}
.contxt .contxtqqa{ background:url(../images/qq_05.png) no-repeat; width:42px; height:42px; margin-right:20px; display:inline-block; vertical-align:middle;}
.contxt .conyw a:link{ font-size:22px; font-family:'futura_md_btmedium'; background:none; display:inline-table; color:#1d3352;}
.contxt .conyw a:hover{ text-decoration:none;}
.contxt .contxtqqa:hover{ background:url(../images/qq.png) no-repeat;}
.contxt .convisible{color:#1d3352; line-height:38px; font-size:15px;}

.copyr{ width:100%; text-align:center;font-size:14px; color:#1d3352; margin-top:90px;}
.copyr a{color:#1d3352;}

.serp{ margin-top:15%; color:#fff;}
.serpbte{ font-family:'futura_md_btmedium'; font-size:45px; text-transform:uppercase; line-height:45px; padding-left:10px;}
.serpbtc{ font-size:45px; padding-left:10px;}
.serpbtjs{ font-size:14px; line-height:25px; padding:10px 10px;}
.serplist{ width:100%; margin-top:20px;padding:0px 10px;}
.serplist li{ display:inline-block; margin-right:20px; font-size:16px; background:url(../images/serion.png) no-repeat 0px 5px; padding-left:20px; margin-bottom:15px; }

.serp .serp1 img, .serp .serp2 img, .serp .serp3 img, .serp .serp4 img, .serp .serp5 img{ margin-left:auto; margin-right:auto;}
.serp .serp2{ margin-top:-20px;}
.serp .serp3{ margin-top:-80px;}
.serp .serp4{ margin-top:-110px;}
.serp .serp5{ margin-top:-20px;}

#serl, #serr{ display:none;}
#sp00 #serl, #sp00 #serr{ display:block;}

.kfk{ position:fixed; z-index:99999; top:50%; left:50%; margin-top:-125px; text-align:center;  margin-left:-190px; max-width:380px; max-height:250px;}
.kfk .img-responsive{ display:inline; margin:0 auto;}
.kfk .kfxx{ background:url(../images/kfx.png) no-repeat; width:55px; height:50px; position:absolute; right:0px; top:0px; cursor:pointer;}