@charset "utf-8";
/* CSS Document */
/* 全局CSS定义 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; background:#fff;}
.clearfix:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
input,textarea {outline: 0;resize: none;}
.viewport { max-width:1024px; margin:0 auto;}
img{ width:100%; height:auto;}
.top{background:#fff; position:relative; line-height:0;}
.logo{ position:absolute; top:1.1rem; left:0.6rem;}
.logo img{width:4rem; height:auto;}

.cont{ background:#206be7; position:relative; line-height:0;}
.cbox{ width:100%; padding:0.9rem 0.2rem;}
.cbox img{ width: 1.5rem; height: auto; }
.cbox div{float: left; width:33.333%; text-align: center;}
.cbox div p{ font-size: 0.3rem; line-height: 0.6rem; color:#fff; margin-top:0.2rem;}
.svr a{ color: #fff;text-decoration:none;}

.bottom{  width:100%; background: #2c3642; font:0.28rem/0.46rem "Microsoft YaHei",Arial; text-align:center; color:#7d8d9f; margin:0 auto; padding:0.2rem 0;}
.bottom p{ text-align:left; margin:0 0.6rem; border-bottom:1px solid #424e5d; padding:0.3rem 0;}
.bottom p:last-child{ border:none;}
.bottom a{ text-decoration:none;}
.bottom span{ padding:0 0.1rem;}


.blockCover{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:1002; opacity:0.85;}
.showvideo{ cursor:pointer;}
video{ height:auto; width:100%;}
.showvideo,.showabout,.showswf{ display:none; width:100%; text-align:center; height:auto; position:fixed; left:50%; transform:translate(-50%,0); top:0; z-index:1003; width:100%; max-width:1024px; height:100%;}
.showcon{min-width: 320px;margin: 0 auto; position:relative; height:100%;}
.showcon video{width:100%; min-width:320px; height:auto; z-index:1003; position:absolute;top:50%; left:0; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
.showcon i{ position:absolute; top:0; right:0; height:1rem; width:1rem; background:url(close.png) no-repeat; background-size:cover; opacity:0.8; cursor:pointer; z-index:102;}
.showswf i{ position:absolute; top:0; right:0; height:1rem; width:1rem; background:url(cab.png) no-repeat; background-size:cover; opacity:0.8; cursor:pointer; z-index:102;}
.showcon h6{ position:absolute;z-index:101; top:0; left:0; height:1rem; background:#206be7; width:100%; text-align:left;  padding-left:0.5em; line-height:1rem; color:#fff; font-size:0.36rem}
.showcon iframe{width:100%;  min-width:320px; height:100%; background:#a0a0a0;}
.about{ height:100%; padding:1.4rem 0.2rem 0.2rem; background:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; }
.about h4{ text-align:left;font-size: 0.28rem; line-height:1.8em; margin-top:0.5rem; color:#333; }
.about p{font-size: 0.26rem;  line-height: 1.8em; text-align:left;  color: #555;  text-indent: 2em;  padding:0.12rem 0.2rem 0; }
.about p.e{text-indent:0; }
.about img{ width:80%; margin:0.4rem 10% 0.1rem;}