﻿@charset "UTF-8";
/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 
   本网站通用布局
*/
/* Css Reset */
blockquote,
body,
dd,
div,
dl,
dt, 
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset,
img {
    vertical-align: top;
    border: 0
}
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
    font-weight: 400;
    font-style: normal
}
li,
ol,
ul {
    list-style: none
}
dd,
div,
dl,
dt,
li,
ol,
ul {
    zoom: 1
}
caption,
th {
    text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}
q:after,
q:before {
    content: ''
}
abbr,
acronym {
    border: 0
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 1.8;
    font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif
}
article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
time {
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1
}
/* Public */
body {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 30px;
    font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;
    text-align: center;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
a {
    color: #4f4f4f;
    text-decoration: none;
    outline: none;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    -moz-transition: 500ms;
    transition: 500ms;
}
.titmore{
    display:none;
}
.clearbox {
    clear: both;
}
.blank {
    display: block;
    height: 10px;
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    height: 1%;
}
* + html .clearfix {
    min-height: 1%;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.hide {
    display: none;
}
input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.prev,.next {transition: all 0.5s;}
/* frame */
body {text-align: center;}
.wrap{min-width: 1200px;}
.siteWidth {position: relative;max-width: 1200px;width: 1200px;margin: 0 auto;}
#header {text-align: left;margin: 0 auto;height: 140px;background-color: #ffffff;}
#header.header-topNav-fixed {z-index: 9999;}
#content {clear: both;margin: 0 auto;max-width: 1200px;width: 1200px;position: relative;min-height: 300px;z-index: 1;text-align: left;}
#content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#header .inner{width: 1200px;min-width: 1200px;margin: auto;position: relative;height: 140px;}
#logo{float: left;margin: 29px 0px;}
#logo img{width: 100%;}

/* 顶部注册登录 */
.userBox{text-align: right;position: absolute;right: 0;}
.userBox .userLogged .spe { margin: 0 10px;}

/* 导航栏 */
.topNav{float: left;margin: 55px 0 0 85px;}
.topNav #mainNav li{float: left;margin-right: 40px;}
.topNav #mainNav li .a1{font-size: 18px;color: #333333;}
.topNav #mainNav li .a1:hover{color:#ad2000;}
.black-web{width: 107px;height: 32px;background-color: #a01313;border-radius: 16px;display: block;float: right;line-height: 32px;text-align: center;font-size: 14px;color: #fbf5c1;margin-top: 55px;}
.black-web:hover{background-color: #0068b7;color:#fff;}
/* 搜索 */
.search-wrapper { position: absolute;  -webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);top:70px; right: 0;}
.search-wrapper .input-holder {overflow: hidden; height: 50px; background: rgba(255,255,255,0);    border-radius:6px; position: relative;  width:50px;   -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder {border-radius: 50px;width:230px;background: rgba(216, 216, 216);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);   -moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);   transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, ndcolorstr=#7f000000);}
.search-wrapper .input-holder .search-input {width:80%;height: 30px;padding:0px 0 0 20px;opacity: 0;position: absolute;top:0px;left:0px; background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none;  outline:none;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.2s;moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.search-wrapper.active .input-holder .search-input {opacity: 1;-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);transform: translate(0, 10px);}

.search-wrapper .input-holder .search-icon {width:48px;height:48px;border:none;background: url(../img/search-icon.png) 50% no-repeat;padding:0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;border: solid 1px #ffffff;border-radius: 50%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.search-wrapper .input-holder .search-icon:hover{background: #a01313 url(../img/search-iconhover.png) 50% no-repeat; }
.search-wrapper.active .input-holder .search-icon {display:none;}

.search-wrapper .input-holder .submit{ display: none;}
.search-wrapper.active .input-holder .submit {display:block; width: 40px;height: 40px;position: absolute; right: 0;margin: 5px; border-radius: 50%;color: transparent; border:none; background:#a01313 url(../img/search-iconhover.png) 50% no-repeat; cursor:pointer;}
.search-wrapper.active .input-holder .submit:hover {background:#8a0000 url(../img/search-iconhover.png) 50% no-repeat;}
.search-wrapper .close {display: none;position: absolute;z-index: 1;top:13px;right:20px;width:25px;height:25px;cursor: pointer;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);-moz-transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.search-wrapper.active .close { right:-35px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;transition-delay: 0.5s;}
.search-wrapper .close::before, .search-wrapper .close::after {position:absolute;content:'';border-radius: 2px;background: rgba(0, 0, 0, 0.2);transition: all 1s; }
.search-wrapper .close:hover::before, .search-wrapper .close:hover::after {background: rgba(255,0, 0, 0.7); }
.search-wrapper.active .close:hover { -webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);transform: rotate(225deg); transition: all 0.1s; }
.search-wrapper .close::before {width: 5px;height: 25px;left: 10px;top: 0px;}
.search-wrapper .close::after {width: 25px;height: 5px;left: 0px;top: 10px;}
.search-wrapper .result-container { width: 100%;position: absolute;top:80px;left:0px;text-align: center;font-size: 14px;display:none;color:#B7B7B7;}

.s-form{position: absolute; right: 130px; top: 45px; width: 180px;  background: #ccc;}
.s-form .select-box{display:none;}
.s-form .input-box{ position: relative;}
.s-form .input-box .from-control {width: 74%;height: 30px;padding: 0px 0 0 10px;/* opacity: 0; */position: absolute;top: -50px;color: #333;left:0px;border: #cccccc4d solid 1px;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-right: none;  outline:none;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.2s;moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.s-form .btn-box .btn {border:none; display:block;width: 40px;height: 40px;position: absolute;right: 0;/* margin: 5px; */padding: 25px;border-radius: 50%;color: transparent;border: #e9e9e9 solid 1px;background: #dfdfdf url(https://www.powereasy.net/Content/Main/2019/images/search-icon.png) 50% no-repeat;;;;;;;;;;;;;;;;;;;;;;;; cursor:pointer;}
.s-form .btn-box .btn:hover{background-color: #a01313;}

#footer{padding: 50px 0;background: url(../img/footer-bg.jpg) center bottom no-repeat #9f1313;color:#cc6767;}
#footer .footNav a{color: #ffc2c1;margin: 0 8px;}
#footer .footNav a:hover{color: #fbf5c1;}
#footer .copyRight{margin-top: 25px;padding-top:22px;border-top: 1px solid #be3434;color: #ca8484;}

/*--
颜色代码
#416eb4 深蓝色标题
#ddd 淡蓝色边框
--*/

.user-mainbox .top h3,.login-tip .registerlink a{color:#a94442!important;}
.hd .on,.userlogincomment .hd .on{border-color:#a94442!important;}
.btn-primary,.loginBtn{background:#a94442!important;}
.btn-primary:hover,.loginBtn:hover{background:#c30!important;}