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{font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #333; width: 100%; display: table; background: #fff;}
/*b, strong, h1, h2, h3{font-family: OpenSansBold; font-weight: normal;} h4, h5, h6{font-family: OpenSansSB; font-weight: normal;}*/
.body{background: url(images/bg.png) no-repeat fixed center top / cover;}
.wrap{position: relative; padding: 0; margin: auto;}
.wrap-inner{padding: 10px; background: #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.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: Arial, Verdana, sans-serif; text-indent: 5px;
color: #333; width: 100%; height: 35px; background: #fff; margin: 0; padding: 0; border: 1px solid #ccc; border-radius: 0; outline: none; -moz-appearance: none; -webkit-appearance: none;}
input[type='submit']{font-weight: bold; text-transform: uppercase; color: #fff; width: 150px; background: #3986c7; text-indent: 0; border: 0; transition: all 0.25s ease 0s;}
input[type='submit']:hover{background: #004c90;}
select{background: transparent 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; top: 0; font-size: 13px!important; font-weight: normal; line-height: 35px; color: #ff0000;}
input::-webkit-input-placeholder{color:#808080;}
input:-moz-placeholder{color:#808080;}
input::-moz-placeholder{color:#808080;}
input:-ms-input-placeholder{color:#808080;}
textarea::-webkit-input-placeholder{color:#808080;}
textarea:-moz-placeholder{color:#808080;}
textarea::-moz-placeholder{color:#808080;}
textarea:-ms-input-placeholder{color:#808080;}

.header{position: relative;}

.top{padding: 7px 0; background: url(images/bgtop.jpg) repeat-x; border-top: 3px solid #ef313b; font-family: OpenSans; color: #000;}
.top a{float: right; color: #444; padding-right: 20px; background: url(images/bgcart.png) right no-repeat; transition: all 0.25s ease 0s;}
.top a:hover{color: #ef313b;}

.logo{position: relative; margin: 0;}
.logo img{margin: auto;}
.logo h1{font-weight: normal; font-size: 100%;}
.logo span{border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}

.hotline-inner{position: relative; background: url(images/hotline.png) repeat-x center / 100% 100%; border: 1px solid #ccc; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.25);}
.hotline-inner a{display: block; font-weight: bold; color: #ed1c24;}
.hotline-inner:before{content: ''; font-family: Awesome Free; font-weight: 900;color: #ccc; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; text-align: center;}
.hotline-inner-1:before{content: '\f10b';}
.hotline-inner-2:before{content: '\f2a0';}

.search{position: absolute; width: 273px;}
.search input[type='submit']{float: right; width: 35px; height: 34px; background: url(images/s.png) center no-repeat; border: 1px solid #ccc; border-left: 0;}
.search input[type='text']{float: left; width: calc(100% - 35px); height: 34px;}

.main-title{margin-bottom: 10px; border-bottom: 1px solid #3986c7;}
.main-title-inner{display: inline-block; font-size: 17px; font-weight: bold; color: #fff; padding: 10px 11px 5px 11px; background: #3986c7;}

.main-name{margin-bottom: 10px;}
.main-name-inner{display: inline-block; font-size: 20px; font-weight: bold;}

.main-detail{line-height: 22px; margin: 0; padding: 0;}
.main-detail ul, .main-detail ol{margin-left: 35px;}
.main-detail img{margin: 10px 0 5px!important; max-width: 100%; height: auto!important; display: inline-block!important;}   
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: #808080;}

.main-share{margin: 15px 0; text-align: right; line-height: 9px;}

ul.pagination{text-align: center;}
ul.pagination li{display:inline-block; margin: 0 2.5px;}
ul.pagination li a{display: block; font-weight: bold; width: 33px; height: 33px; line-height: 33px; color: #333; border: 1px solid #333; transition: all 0.25s ease 0s;}
ul.pagination li a:hover, ul.pagination li a.active{background: #004c90; border: 1px solid #004c90; color: #fff;}

.footer{background: #3986c7;}

.footer-menu{background: #004c90; height: 35px; margin-bottom: 20px;}
.footer-menu ul{list-style: none; text-align: center;}
.footer-menu ul li{position: relative; display: inline-block; margin: 0 15px 0 0; padding: 0 20px 0 0;}
.footer-menu ul li:last-child{margin: 0; padding: 0;}
.footer-menu ul li:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 11px; background: #fff;}
.footer-menu ul li:last-child:after{display: none;}
.footer-menu ul li a{display: block; font-weight: bold; text-transform: uppercase; line-height: 35px; color: #fff;}
.footer-menu ul li a:hover, .footer-menu ul li.active a{color: #ffff00;}

.footer-detail{line-height: 18px; color: #fff;}
.footer-detail a{color: #fff;}

.footer-count, .footer-source{line-height: 18px; color: #fff;}
.footer-count img{display: inline-block; margin: 0 5px 0 0; vertical-align: sub;}
.footer-source a{color: #fff;}

.scroll{position: fixed; bottom: 50px; right: 10px; display: none; cursor: pointer; z-index: 99991; opacity: 0.5; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);}
.scroll:hover{opacity: 1;}