@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Roboto+Condensed:400,400i,700,700i');
body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,
html,iframe,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{main:' ';main:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
input{padding:0;margin:0;outline:0;}
a{color:#0782c1;text-decoration:none; outline: none;}a:hover{text-decoration:none;}a img{border:0px;}img{display:block;max-width:100%;} 
sub,sup{font-size: 75%;line-height: normal;}
h1{font-size:140%;} h2{font-size: 130%;}h3{font-size: 120%;}h4,h5,h6{font-size: 110%;}hr{border-color:#e9e9e9;}
body{display: table; width: 100%; margin: 0; padding: 0; background: #fff; font-family: Open Sans, Roboto Condensed, Arial, sans-serif; font-size: 14px; color: #444;}
.wrap{position: relative; margin: auto; padding: 0;}
.wow{opacity: 0;}
.clear{font-size: 0; height: 0; margin: 0; padding: 0; clear: both; width: 0; overflow: hidden; zoom: 1;}
.clear:before, .clear:after{content: '\0020'; display: block; height: 0; overflow: hidden;}
.clear:after{clear: both;}
button, input[type='submit']{cursor: pointer;}
select, textarea, input[type='text'], input[type='number'], input[type='submit'], input[type='password']{box-sizing: border-box; font-family: Open Sans, Roboto Condensed, Arial sans-serif; text-indent: 5px;
color: #333; width: 100%; height: 35px; background: #fff; margin: 0; padding: 0; border: 1px solid #d7d7d7; border-radius: 0; outline: none; -moz-appearance: none; -webkit-appearance: none;}
input[type='submit']{font-weight: bold; text-transform: uppercase; text-indent: 0; color: #fff; width: 200px; background: #0b70c2; border: 0; transition: all 0.25s ease 0s;}
input[type='submit']:hover{background: #e2201f;}
select{background: #fff url(images/select.png) right 9px center no-repeat; cursor: pointer;}
textarea{padding: 5px; text-indent: 0; height: 79px; display: block;}
label.error, #email-registered{position: absolute; right: 5px; bottom: 0; font-size: 14px!important; font-weight: normal; line-height: 35px; color: #e2201f;}
input::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}
textarea::-webkit-input-placeholder{color: #999;}
textarea:-moz-placeholder{color: #999;}
textarea::-moz-placeholder{color: #999;}
textarea:-ms-input-placeholder{color: #999;}
.header{position: relative;}
.logo{position: relative; float: left; width: 175px; padding: 7px 0; text-align: center; transition: all 0.25s ease 0s;}
.logo h1{font-weight: normal; font-size: 100%; overflow: hidden;}
.logo a{display: block; margin: auto; overflow: hidden;}
.logo a img{margin: auto;}
.logo a span{border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}
.h-float{position: fixed; top: 0; right: 0; left: 0; margin: auto; background: rgba(255,255,255,0.75); border-top: 7px solid #0b70c2; z-index: 99991; transition: all 0.25s ease 0s;}
.h-scroll{background: rgba(255,255,255,1); border-top: 3px solid #0b70c2; box-shadow: 0 0 2px rgba(0,0,0,0.25);}
.h-button{position: absolute; top: 13px; right: 0; height: 20px; line-height: 20px; opacity: 1; overflow: hidden; transition: all 0.25s ease 0s;}
.h-login{float: left;}
.h-login a{float: left; display: block; color: #444;}
.h-login a:nth-child(2){position: relative; margin-left: 10px; padding-left: 11px;}
.h-login a:nth-child(2):before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 13px; background: #444;}
.h-lang{float: left;}
.h-lang a{float: left; display: block; margin-left: 10px;}
.h-tel{position: absolute; height: 20px; line-height: 20px; opacity: 1; overflow: hidden; transition: all 0.25s ease 0s;}
.h-tel a{display: block; padding-left: 25px; background: url(images/hotline.png) no-repeat center left; font-family: Roboto Condensed; font-size: 18px; font-weight: bold; color: #e2201f;}
.h-scroll .logo{width: 50px; padding: 10px 0;}
.header-show .h-float .logo{width: 175px;}
.header-show .h-float .h-button{height: 20px; opacity: 1;}
.header-show .h-float .h-tel{height: 28px; opacity: 1;}
.header-hide .h-button, .h-scroll .h-button{height: 0; opacity: 0;}
.header-hide .h-tel, .h-scroll .h-tel{height: 0; opacity: 0;}

.main-right{margin-bottom: 25px;}
.main-right-wrap{padding: 13px 10px 10px; background: #fff; border-top: 7px solid #0b70c2; box-shadow: 0 0 2px rgba(0,0,0,0.25);}
.main-title{}
.main-title-inner{display: inline-block; font-size: 16px; text-transform: uppercase; color: #333;}
.main-name{margin-bottom: 15px;}
.main-name-inner{display: block; font-family: Roboto Condensed; font-size: 20px; text-transform: uppercase; color: #0b70c2;}
.main-time{margin-bottom: 10px; line-height: 20px; color: #777;}
.main-viewfile{margin-bottom: 20px;}
.main-viewfile iframe{width: 100%; height: 750px;}
.main-downfile{font-weight: bold; font-size: 15px; text-align: right; line-height: 30px; margin-bottom: 20px;}
.main-downfile a{display: inline-block; padding: 0 15px; background: #0084ff; color: #fff; transition: all 0.25s ease 0s;}
.main-downfile a:hover{background: #da251d;}
.main-detail{line-height: 1.5; margin: 0; padding: 0;}
.main-detail p{margin-bottom: 0.75rem;}
.main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;}
.main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail h4{padding: 0.75rem 0; font-size: 1.0rem;}
.main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;}
.main-detail img{display: inline-block!important; margin: 15px 0!important; vertical-align: top;height: auto!important;}   
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: #d7d7d7;}
.main-detail iframe{width: 100%!important; height: 480px!important; margin: 13px 0 5px;}
.main-share{margin: 25px 0 13px; text-align: right; line-height: 9px;}
.main-page{text-align: center; margin-bottom: 30px;}
.main-page li{display: inline-block; margin: 0 2.5px;}
.main-page li a{display: block; width: 33px; height: 33px; border-radius: 50%; font-size: 16px; line-height: 33px; color: #444; transition: all 0.25s ease 0s;}
.main-page li a:hover, .main-page li a.active{background: #0b70c2; color: #fff;}

.footer{}
.f-top{padding: 30px 0 35px; background: url(images/footer.jpg) no-repeat center bottom / cover; border-top: 0; font-family: Roboto Condensed, Open Sans, Arial sans-serif; font-size: 15px; line-height: 25px; color: #fff;}
.f-top ul{list-style: none;}
.f-top a{color: #fff;}
.f-info img{margin-bottom: 20px;}
.f-info ul li:nth-child(1){margin: 25px 0 5px;text-transform: uppercase;}
.f-list{float: left; width: 220px;}
.f-list ul li:nth-child(1){margin: 25px 0 5px; text-transform: uppercase;}
.f-list ul li a{display: block; padding-left: 20px; background: url(images/li.png) no-repeat center left;}
.f-social{margin-top: 15px; text-align: center;}
.f-social img{margin: auto;}
.f-social a:nth-last-child(2){line-height: 30px;}
.f-bottom{padding: 10px 0; background: #0b70c2; border-top: 1px solid #50b744; text-align: center; line-height: 20px; color: #fff;}
.f-copy span{color: #50b744;}
.f-design a{color: #fff;}

.click{position: fixed; right: 0.5rem; bottom: calc(45px + 0.5rem); font-size: 14px; z-index: 99992;}
.click a{position: relative; display: block; margin-bottom: 1rem;}
.click a:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0b70c2; border-radius: 50%; opacity: 50%; animation: shadow 2s linear infinite;}
.click a img{position: relative; width: 45px;}
@keyframes shadow{0%{transform: scale(1);)} 100%{transform: scale(1.75); opacity: 0;}}

.gotop{position: fixed; right: 0.5rem; bottom: -45px; width: 45px; background-color: #0b70c2; border-radius: 50%; text-align: center; color: #fff; opacity: 0; cursor: pointer; z-index: 99992; transition: all 0.5s ease 0s;}
.gotop i{line-height: 45px;}
.gotop-2{bottom: 0.5rem; opacity: 1;}