/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;overflow:hidden;}
body {font-size:20px;color:#cbd9e8; font-family:"微软雅黑"; background: url(../img/bg.png) no-repeat center center; background-size:100% 100% ; transform:none!important; height: 1100px; overflow-x: hidden; position: relative;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.5em;}
p img.left {float:left;margin:0 15px 0 0;}
p img.right {float:right;margin:0 0 0 5px;}
a:focus, a:hover {color:#cbd9e8;outline:none;}
a {color:#cbd9e8;text-decoration:none;outline:0 none;}
a:hover{ color:#e7d126;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
*:focus {outline:0 none;}


div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:24px;}
div.span-1 {width:588px;}
div.span-2 {width:606px;}
div.span-3 {width:656px;}
div.span-4 {width:520px;}
div.span-5 {width:120px;}
div.span-6 {width:260px;}
div.span-7 {width:196px;}
.span-8 {width:915px;}
div.span-18{width:850px;}
.span-19 {width:893px;}
.span-24, div.span-24 {width:960px;}
.last, div.last {margin-right:0;}
.spbg, div.spbg{ background:none; padding-right:0;}
/*外部框架*/
.pos{ position:relative;}
.ibg{ background: url(../img/ibg.jpg) no-repeat center center;}
.w{width:1760px;margin:auto auto; position: absolute; height: 1080px; left: 0; top: 0; right: 0; bottom: 0;}

/*页头*/

.header{z-index: 100000; height:131px; transition: all 0.5s; position: relative; padding: 0 80px;}
.header .logo{ float: left; opacity: 0;}
.header h1{ margin:0;line-height:0; font-size:0;}

.htit{ float: right; line-height: 180px; display: none;}
.htit span{ font-size: 32px; font-weight: bold;}
.htit .style1 {
    color: #98C3ED;
}

.home{ position: absolute; z-index: 1000; left: 0; background: url(../img/nav_home.png) no-repeat; width: 140px; height: 105px; top: 17%; background-size: cover;}
.back{ position: absolute; z-index: 1000; left: 160px; background: url(../img/nav_back.png) no-repeat; width: 140px; height: 105px; top: 17%; background-size: cover;}
.home a, .back a{ display: block; width: 100%; height: 100%; cursor: pointer;}


/*导航*/
.nav{ position: absolute; z-index: 100000; width: 100%; height: 160px; left: 50px; bottom: 0;}
.nav ul{ list-style:none; height:160px;}
.nav ul li{float:left; position:relative; margin-left: 20px; text-align:center; background: url(../img/nav_dot.png) no-repeat; width: 139px; height: 143px;}
.nav ul li a{ font-size:21px; line-height:23px; width: 60px; margin: 47px auto 0; font-weight: bold; display:block; text-align:center; position:relative; z-index:2;background:linear-gradient(0,rgba(91,208,221,1) 0%,rgba(175,227,255,1) 100%);-webkit-background-clip: text;color: transparent;}
.nav ul li:hover,.nav ul li.on{background: url(../img/nav_hover.png) no-repeat; transition:0.4s;}
.nav ul li:nth-child(8) a{ width: 63px;}

.ibtn{ position: absolute; display: block; background: url(../img/ibtn.png) no-repeat; width: 370px; height: 118px; left: 0; right: 0; bottom: 92px; z-index: 10000; margin: 0 auto; animation: iamt1 2s infinite;}

@keyframes iamt1{
	0%{ transform: scale(1);}
	50%{ transform: scale(0.9);}
	100%{ transform: scale(1);}
}

.cblock{position: absolute; left: 0; top: 5vh; right: 0; width: 1560px; height: 90vh; margin: auto auto; border: 1px solid #5b81c4; border-radius: 30px; opacity: 0; transform: scale(0.5); transition: all 0.2s;}
.p-block4{background: rgba(56,104,182,0.4); margin: 20px;border-radius: 30px; padding: 22px; position: relative; height: 90%; }
.p-block4 .pcontent{ padding: 0 20px; color: #98C3ED; font-size: 28px; line-height: 50px;}
.p-block4 .pcontent p {font-size: 28px !important;line-height: 50px !important;}
.ptit5{line-height: 97px;text-align: center;}
.ptit5 i{ display: inline-block; height: 97px;}
.ptit5 span{ color: #98C3ED; font-size: 45px; display: inline-block; vertical-align: top; }
.ptit5 span:before{ display: none !important;}
.ptit5 span small {color: #6AD4F7;font-size: 32px;font-weight: normal;}
.ptit5 img{ height: 100%;}

.nbg{ background: url(../img/bg_b.jpg) no-repeat center center; background-size:auto 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0;width: 0; margin: 0 auto; transition: all 0.4s;}
.show{ opacity: 1;z-index: 1100000; transform: scale(1); transition: all 0.5s 0.3s;}
.bgShow{ width: 100%;z-index: 1000000;  transition: all 0.5s;}

/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.bg-img-home{
	background: url(../img/dibuguang.png) no-repeat center center; background-size: 100% 100%;width: 100%; height: 15px;
}