@charset "utf-8";
.aui_outer {
text-align:left;
}
table.aui_border, table.aui_dialog {
border:0;
margin:0;
border-collapse:collapse;
width:auto;
}
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer {
padding:0;
}
.aui_header, .aui_buttons button {
font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti;
-o-font-family: Tahoma, Arial;
}
.aui_title {
overflow:hidden;
text-overflow: ellipsis;
}
.aui_state_noTitle .aui_title {
display:none;
}
.aui_close {
display:block;
position:absolute;
text-decoration:none;
outline:none;
_cursor:pointer;
}
.aui_close:hover {
text-decoration:none;
}
.aui_main {
text-align:center;
min-width:9em;
min-width:0\9 ;
}
.aui_content {
display:inline-block;
*zoom:1;
*display:inline;
text-align:left;
border:none 0;
}
.aui_content.aui_state_full {
display:block;
width:100%;
margin:0;
padding:0!important;
height:100%;
}
.aui_loading {
width:96px;
height:32px;
text-align:left;
text-indent:-999em;
overflow:hidden;
background:url(//wxjtt.com/wp-content/themes/huanbao/static/images/loading.gif) no-repeat center center;
}
.aui_icon {
vertical-align: middle;
}
.aui_icon div {
width:36px;
height:36px;
margin:10px 0 10px 20px;
background-position: center center;
background-repeat:no-repeat;
}
.aui_buttons {
padding:9px;
text-align:right;
white-space:nowrap;
}
.aui_buttons button {
margin-left:10px;
padding: 8px 12px;
cursor: pointer;
display: inline-block;
text-align: center;
width:auto;
overflow:visible;
color: #444;
border: solid 1px #D8DADA;
border-radius: 4px;
background: #f5f5f5;
}
.aui_buttons button::-moz-focus-inner {
border:0;
padding:0;
margin:0;
}
.aui_buttons button:hover {
border-color:#D7D9DB;
background:#E6E6E6;
}
.aui_buttons button[disabled] {
cursor:default;
color:#666;
background:#DDD;
border: solid 1px #999;
filter:alpha(opacity=50);
opacity:.5;
box-shadow:none;
}
button.aui_state_highlight {
color: #FFF;
border: solid 1px #3887ED;
background: #458FEE;
}
button.aui_state_highlight:hover {
color:#FFF;
border: solid 1px #2C6DC3;
background: #3A77C7;
} .aui_inner {
background:#FFF;
border-radius:5px;
}
.aui_nw, .aui_ne, .aui_sw, .aui_se {
width:8px;
height:8px;
}
.aui_state_focus .aui_dialog {
box-shadow:0 0 8px rgba(0, 0, 0, 0.2);
}
.aui_state_drag .aui_outer, .aui_outer:active {
box-shadow:none;
}
.aui_titleBar {
position:relative;
height:100%;
}
.aui_title {
padding:0 28px 0 20px;
color:#222;
font-size:16px;
line-height:44px;
height:44px;
border-top:1px solid #ededed;
border-bottom:1px solid #ededed;
border-radius:5px 5px 0 0;
font-weight:bold;
}
.aui_state_drag .aui_title {
box-shadow:none;
}
.aui_state_drag .aui_titleBar {
box-shadow:none;
}
.aui_close {
padding:0;
top:10px;
right:14px;
width:24px;
height:24px;
line-height:20px;
font-size:28px;
color:#68767b;
text-align:center;
}
.aui_close:hover {
background:#C72015;
color:#FFF;
}
.aui_close:active {
box-shadow: none;
}
.aui_content {
color:#666;
}
.aui_state_focus .aui_content {
color:#000;
}
.aui_buttons {
background-color:#f5f5f5;
border-top:solid 1px #ededed;
border-radius:0 0 5px 5px;
}
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se {
width:3px;
height:3px;
}
.aui_state_noTitle .aui_outer {
border:none 0;
box-shadow:none;
}
.aui_state_noTitle .aui_titleBar {
bottom:0;
}
.aui_state_noTitle .aui_close {
top:4px;
right:4px;
}.reimg img{max-width:100%;height:auto !important;}
.container{
padding: 0 15px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container-fluid {
padding: 0 15px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.row{
margin: 0 -15px;
}
.row:after {
content:'';
display: block;
clear: both;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
{
float: left;
position: relative; 
min-height: 1px;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.col-xs-1 {
width: 8.33333333%; 
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-offset-0 {
margin-left: 0%; 
}
.col-xs-offset-1 {
margin-left: 8.33333333%; 
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-push-0 {
left: 0%; 
}
.col-xs-push-1 {
left: 8.33333333%; 
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-pull-0 {
right: 0%; 
}
.col-xs-pull-1 {
right: 8.33333333%; 
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-12 {
right: 100%;
}
@media (min-width: 768px){
.container{
width: 750px;
}
.col-sm-1 {
width: 8.33333333%; 
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-offset-0 {
margin-left: 0%; 
}
.col-sm-offset-1 {
margin-left: 8.33333333%; 
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-push-0 {
left: 0%; 
}
.col-sm-push-1 {
left: 8.33333333%; 
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-pull-0 {
right: 0%; 
}
.col-sm-pull-1 {
right: 8.33333333%; 
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-12 {
right: 100%;
}
}
@media (min-width: 992px){
.container{
width: 970px;
}
.col-md-1 {
width: 8.33333333%; 
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-offset-0 {
margin-left: 0%; 
}
.col-md-offset-1 {
margin-left: 8.33333333%; 
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-push-0 {
left: 0%; 
}
.col-md-push-1 {
left: 8.33333333%; 
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-pull-0 {
right: 0%; 
}
.col-md-pull-1 {
right: 8.33333333%; 
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-12 {
right: 100%;
}
}
@media (min-width: 1200px){
.container{
width: 1170px;
}
.col-lg-1 {
width: 8.33333333%; 
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-offset-0 {
margin-left: 0%; 
}
.col-lg-offset-1 {
margin-left: 8.33333333%; 
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-push-0 {
left: 0%; 
}
.col-lg-push-1 {
left: 8.33333333%; 
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-pull-0 {
right: 0%; 
}
.col-lg-pull-1 {
right: 8.33333333%; 
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-12 {
right: 100%;
}
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block,
.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block,
.visible-md-block, .visible-md-inline, .visible-md-inline-block,
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block
{
display: none!important;
}
@media (max-width: 767px){
.visible-xs-block {
display: block!important;
}
.visible-xs-inline {
display: inline!important;
}
.visible-xs-inline-block {
display: inline-block!important;
}
.hidden-xs {
display: none!important;
}
}
@media (min-width: 768px) and (max-width: 991px){
.visible-sm-block {
display: block!important;
}
.visible-sm-inline {
display: inline!important;
}
.visible-sm-inline-block {
display: inline-block!important;
}
.hidden-sm {
display: none!important;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.visible-md-block {
display: block!important;
}
.visible-md-inline {
display: inline!important;
}
.visible-md-inline-block {
display: inline-block!important;
}
.hidden-md {
display: none!important;
}
}
@media (min-width: 1200px){
.visible-lg-block {
display: block!important;
}
.visible-lg-inline {
display: inline!important;
}
.visible-lg-inline-block {
display: inline-block!important;
}
.hidden-lg {
display: none!important;
}
}.loadmask {
position: relative;
overflow: hidden
}
.mask-box {
overflow: hidden;
position: relative
}
.ani-mask,
.black-mask,
.black-maskup,
.loadmask:after {
position: absolute;
z-index: 9;
background-color: #fff;
width: 101%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.loadmask:after {
content: '';
display: block
}
.black-mask {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
background-color: #000;
width: 100%
}
.black-maskup {
opacity: 1;
background-color: #000;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.black-mask:after,
.black-maskup:after {
background-color: #fff;
content: '';
width: 101%;
display: block;
height: 100%;
position: absolute
}
.black-mask:after {
right: -101%
}
.black-maskup:after {
top: -100%
}
.maskIn {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.ani-mask.maskIn,
.ani-mask.maskOut,
.black-mask.maskIn,
.black-mask.maskOut,
.black-maskup.maskIn,
.black-maskup.maskOut {
opacity: 1;
-webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}
.black-mask.maskIn {
-webkit-animation-duration: 1.6s;
-webkit-animation-name: maskblackIn;
animation-duration: 1.6s;
animation-name: maskblackIn
}
.black-mask.maskOut {
-webkit-animation-duration: .8s;
-webkit-animation-name: maskblackOut;
animation-duration: .8s;
animation-name: maskblackOut
}
.black-maskup.maskIn {
-webkit-animation-duration: 1.6s;
-webkit-animation-name: maskblackInUp;
animation-duration: 1.6s;
animation-name: maskblackInUp
}
.black-maskup.maskOut {
-webkit-animation-duration: .8s;
-webkit-animation-name: maskblackOutUp;
animation-duration: .8s;
animation-name: maskblackOutUp
}
.ani-mask.maskIn {
-webkit-animation-duration: .5s;
-webkit-animation-name: maskmove;
animation-duration: .5s;
animation-name: maskmove
}
.ani-mask.maskOut {
-webkit-animation-duration: .3s;
-webkit-animation-name: maskback;
animation-duration: .3s;
animation-name: maskback
}
.fadeInUp.maskOut {
-webkit-animation-duration: .3s;
-webkit-animation-name: fadeOut;
-webkit-animation-fill-mode: forwards;
animation-duration: .3s;
animation-name: fadeOut;
animation-fill-mode: forwards
}
.loadmask.maskIn:after {
opacity: 1;
animation: maskmove 1.5s cubic-bezier(.165, .84, .44, 1);
-webkit-animation: maskmove 1.5s cubic-bezier(.165, .84, .44, 1);
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.loadmask.maskOut:after {
opacity: 1;
-webkit-animation: maskback .5s cubic-bezier(.165, .84, .44, 1);
animation: maskback .5s cubic-bezier(.165, .84, .44, 1)
}
@-webkit-keyframes maskblackIn {
0% {
-webkit-transform: translateX(-100%)
}
60% {
-webkit-transform: translateX(0)
}
100% {
-webkit-transform: translateX(100%)
}
}
@keyframes maskblackIn {
0% {
transform: translateX(-100%)
}
60% {
transform: translateX(0)
}
100% {
transform: translateX(100%)
}
}
@-webkit-keyframes maskblackOut {
0% {
-webkit-transform: translateX(100%)
}
60% {
-webkit-transform: translateX(0)
}
100% {
-webkit-transform: translateX(-100%)
}
}
@keyframes maskblackOut {
0% {
transform: translateX(100%)
}
60% {
transform: translateX(0)
}
100% {
transform: translateX(-100%)
}
}
@-webkit-keyframes maskblackInUp {
0% {
-webkit-transform: translateY(100%)
}
60% {
-webkit-transform: translateY(0)
}
100% {
-webkit-transform: translateY(-100%)
}
}
@keyframes maskblackInUp {
0% {
transform: translateY(100%)
}
60% {
transform: translateY(0)
}
100% {
transform: translateY(-100%)
}
}
@-webkit-keyframes maskblackOutUp {
0% {
-webkit-transform: translateY(-100%)
}
60% {
-webkit-transform: translateY(0)
}
100% {
-webkit-transform: translateY(100%)
}
}
@keyframes maskblackOutUp {
0% {
transform: translateY(-100%)
}
60% {
transform: translateY(0)
}
100% {
transform: translateY(100%)
}
}
@-webkit-keyframes maskmove {
from {
-webkit-transform: translateX(0)
}
to {
-webkit-transform: translateX(100%)
}
}
@keyframes maskmove {
from {
transform: translateX(0)
}
to {
transform: translateX(100%)
}
}
@-webkit-keyframes maskback {
from {
-webkit-transform: translateX(100%)
}
to {
-webkit-transform: translateX(0)
}
}
@keyframes maskback {
from {
transform: translateX(100%)
}
to {
transform: translateX(0)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.animated {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(40px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(40px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
outline: none;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}  .slick-loading .slick-list
{
background: #fff url(//wxjtt.com/wp-content/themes/huanbao/static/images/loading.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(http://demo1212.cdsenyang.cn//skin/css/slick.eot);
src: url(//wxjtt.com/wp-content/themes/huanbao/static/fonts/slick.eot) format('embedded-opentype'), url(//wxjtt.com/wp-content/themes/huanbao/static/fonts/slick.woff) format('woff'), url(//wxjtt.com/wp-content/themes/huanbao/static/fonts/slick.ttf) format('truetype'), url(//wxjtt.com/wp-content/themes/huanbao/static/fonts/slick.svg) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 20px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #fd8507;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.slick-dots li.slick-active button:before
{
opacity: 1;
color: #fd8507;
}
.c-banner .wrap {
position: relative;
}
.c-banner .wrap:after {
content: ""; left: 0;
bottom: 0;
z-index: 0;
width:100%;
height: 220px; background: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.c-banner .wrap img {
width: 100%;
}
.c-banner .wrap .mb {
display: none;
}
.c-banner .wrap .textBox {
position:absolute;
left: 50%;
bottom: 60px;
z-index: 1;
width: 100%;
max-width: 1730px;
padding: 0 65px;
margin:0 auto;
text-align:center;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-banner .wrap .textBox .title {
height: 40px;
line-height: 40px;
font-size: 40px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.c-banner.slick-dotted.slick-slider {
margin-bottom: 0;
}
.c-banner .slick-dots {
bottom:20px;
}
.c-banner .slick-dots li {
width: 30px;
}
.c-banner .slick-dots li button {
width: 30px;
padding:0;
}
.c-banner .slick-dots li button:before {
top: 7px;
left: 0;
width: 30px;
height: 2px;
content: "";
background: #fff;
opacity: 1;
}
.c-banner .slick-dots li.slick-active button:before,.c-banner .slick-dots li:hover button:before {
height: 4px;
top: 5px;
background:#014b94;
}
@media screen and (max-width: 767px) {
.c-banner .ctmb {
display: block;
}
.c-banner .ctpc {
display: none;
}
.c-banner .wrap .mb {
display: block;
}
.c-banner .wrap .pc {
display: none;
}
.c-banner .wrap .textBox {
padding: 0 15px;
}
.c-banner .slick-dots {
bottom:10px;
}
.c-banner .wrap .textBox {
bottom: 40px;
}
.c-banner .wrap .textBox .title{
height: 20px;
line-height: 20px;
font-size: 20px;
}
}
.onthis,#topmeau .current-menu-item{background: #014b94;}
.onthis a,#topmeau .current-menu-item a{color:#fff!important;}
#maximg{ line-height:24px;}
#maximg p{ line-height:24px;}*{ padding:0; margin:0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, body{width: 100%;height: auto; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {font: 14px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;color: #333;background: #fff;}
input,button{ -webkit-appearance:none; border-radius: 0; }
a,a:hover,a:focus { text-decoration: none;}
textarea{ resize: none; overflow: auto;}
input,button { border: 0; }
img { border: 0; vertical-align: top;}
li { list-style: none; }
h1,h2,h3,h4 { font-weight: normal; }
@font-face {
font-family:"DinMedium";
src:url(//wxjtt.com/wp-content/themes/huanbao/static/fonts/dinmedium.ttf);
} .clear { zoom: 1; }
.clear:after { content:''; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
#content {
padding-top: 120px;
}
#header {
position: fixed;
z-index: 999;
width: 100%;
line-height: 120px;
background: #fff;
box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
}
.header,.footer1-content,.footer2-content,#topBanner .titleBox,.topMain,.product,.case,.news,
.logoBox,.about,.about2,.product2,.contact,.news2,.newsInfo,.caseInfo,.productInfo{
width: 100%;
max-width: 1730px;
padding: 0 50px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.newsInfo,.caseInfo,.productInfo {
width: 100%;
max-width: 1530px;
padding: 0 50px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.zhaopin {
width: 100%;
max-width: 1330px;
padding: 0 50px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .logo a {
float: left;
display: block;
text-align: left;
}
.logo a img {
height: 48px;
vertical-align: middle;
} .topPhone{
font-family: "DinMedium";
font-size: 22px;
color:#5c5a5a;
}
.topPhone img {
margin-right: 10px;
vertical-align: middle;
} .nav {
text-align: center;
}
.nav>li {
display: inline-block;
position: relative;
padding: 0 20px;
}
.nav li a {
position: relative;
display: block;
font-size: 16px;
color: #333;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav>li>a:after {
position:absolute;
left: 0;
top: 50%;
margin-top: 20px;
content: "";
display: block;
height: 2px;
width: 100%;
background: #014b94;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav>li.active>a:after,.nav>li:hover>a:after{
opacity: 1;
}
.nav>li ul li:hover a {
color: #014b94;
}
.nav>li:hover>a i {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.nav>li.active>a i:after,.nav>li.active>a i:before,.nav>li:hover>a i:after,.nav>li:hover>a i:before {
background: #fff;
}
.nav>li>a i {
position: absolute;
display: block;
top:50%;
left: 50%;
margin-top: 20px;
margin-left: -32px;
width: 10px;
height: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav>li>a i:after,.nav>li>a i:before{
position: absolute;
content:"";
display: block;
width: 10px;
height: 2px;
background: #333;
top: 4px;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav>li>a i:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} 
.nav li ul {
display: none;
position:absolute;
top: 120px;
left: 0;
width: 114px;
font-size: 18px;
line-height: 50px;
background: #fff;
text-align: center;
box-shadow: 0px 10px 10px rgba(0,0,0,.06);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav li ul li {
line-height: 20px;
}
.nav li ul li a {
display: block;
padding: 15px 10px;
border-bottom: 1px solid #eee;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav li ul li:last-child a {
border-bottom: 0;
} .mobileNav {
position: fixed;
z-index: 999;
top: 60px;
left: -260px;
width: 260px;
height: 100%;
text-align: left;
background: #fff;
overflow: auto;
text-align:left;
}
.navMask {
display: none;
position: fixed;
left: 0;
top:60px;
z-index: 998;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.mobileNav li a {
position: relative;
display: block;
padding: 0 20px;
font-size: 16px;
line-height: 50px;
color: #333;
border-bottom: 1px solid #ececec;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mobileNav li:first-child a {
border-top: 1px solid #ececec;
}
.mobileNav li a i{
position: absolute;
display: block;
top:50%;
right: 20px;
margin-top: -5px;
width: 10px;
height: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mobileNav li a i:after,.mobileNav li a i:before{
position: absolute;
content:"";
display: block;
width: 10px;
height: 2px;
background: #333;
top: 4px;
left: 0;
}
.mobileNav li a i:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} 
.mobileNav>li:hover>a,.mobileNav li ul li:hover a{
padding: 0 30px;
color: #fff;
border-color: #014b94;
background: #014b94;
}
.mobileNav li:hover>a i:after,.mobileNav li:hover>a i:before {
background: #fff;
}
.mobileNav li ul {
display: none;
}
.mobileNav li ul li {
margin: 0;
}
.mobileNav li ul li a {
padding: 0 40px;
}
.mobileNav .open>a i {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
} .navBtn {
display: none;
cursor: pointer;
line-height: 60px;
margin-right: -15px;
}
.navBtn span { 
display: inline-block;
position: relative;
margin: 0 15px;
width: 30px;
height: 2px;
background-color: #333;
vertical-align: middle
}
.navBtn span:before, .navBtn span:after {
content: '';
display: block;
width: 30px;
height: 2px;
position: absolute;
background: #333;
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.navBtn span:before {
top: -10px;
}
.navBtn span:after {
top: 10px;
}
.navBtn .open {
background: rgba(0,0,0,0);
}
.navBtn .open:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navBtn .open:after { 
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.navBtn .open:before, .navBtn .open:after {
content: '';
display: block;
width: 30px;
height: 2px;
position: absolute;
background: #333;
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform,
-webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
} .footer1 {
text-align: left;
color: #fff;
padding:90px 0;
background: #222;
}
.footer1-content .row .row>div {
text-align:center;
}
.footer1-content .titleBox {
border-right: 2px solid #fff;
}
.footer1-content .noBorder {
border: 0;
}
.footer1-content .titleBox .title {
margin-bottom: 50px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: #fff;
}
.footer1-content .textBox li,.footer1-content .textBox p{
padding: 2px 0 ;
line-height: 24px;
}
.footer1-content .textBox li a {
color: #eaeaea;
}
.footer1-content .textBox li a:hover {
color: #014b94;
}
.footer1-content .textBox .fwrx {
font-size: 20px;
color: #646464;
}
.footer1-content .textBox .dianhua {
font-family:"DinMedium";
font-size: 35px;
line-height: 52px;
color: #fd8507;
}
.footer1-content .imgBox img {
width: 133px;
height: 133px;
}
.footer2 {
padding:20px 0;
background: #1c1c1c;
}
.footer2-content {
text-align: center;
line-height: 24px;
}
.footer2-content p,.footer2-content a {
font-size: 14px;
color: #575757;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer2-content a:hover {
color: #014b94;
}
.footer2-content .statistics {
display: inline-block;
width: 52px;
height: 12px;
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/statistics.gif) no-repeat 0 0;
vertical-align: middle;
} .mobi-bar {
display: none;
position: fixed;
left: 0;
bottom: 0;
z-index: 998;
width: 100%;
background: #222222;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
}
.mobi-bar li {
float: left;
width: 25%;
}
.mobi-bar li.active a,.mobi-bar li:hover a {
color: #fff;
}
.mobi-bar li.active a img:nth-child(2),.mobi-bar li:hover a img:nth-child(2) {
display: block;
}
.mobi-bar li a {
display: block;
padding: 7px 0;
width: 100%;
margin:0 auto;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #9c9c9c;
}
.mobi-bar li a img {
display: block;
margin:0 auto;
width: 25px;
height: 25px;
}
.mobi-bar li a img:nth-child(2) {
margin-top: -25px;
display: none;
} #topBanner {
position: relative;
text-align:center;
color: #fff;
}
#topBanner img {
width: 100%;
min-height: 80px;
}
#topBanner .mask {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.46);
}
#topBanner .wrap {
position: absolute;
top: 50%;
left:0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#topBanner .wrap .title {
font-weight:bold;
font-size:25px;
}
#topBanner .wrap .enTitle {
font-size:14px;
line-height: 30px;
}
#topBanner .site {
margin-top: 44px;
line-height: 24px;
}
#topBanner .site a{
color: #fff;
}
#topBanner .site a:hover{
color: #014b94;
} .menuBox,.menuBox2 {
display: inline-block;
position: relative;
z-index:5;
vertical-align: middle;
}
.menuBox .menu a,.menuBox2 .menu a {
display: inline-block;
padding: 0 25px;
height: 36px;
font-size: 16px;
line-height: 36px;
color: #626262;
border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.menuBox2 .menu a {
padding: 0;
border-radius: 0;
margin-right: 30px;
border-bottom: 2px solid transparent;
}
.menuBox .menu a.active,.menuBox .menu a:hover {
background: #014b94;
color: #fff;
}
.menuBox2 .menu a.active,.menuBox2 .menu a:hover{
border-color: #014b94;
}
.menuBox .option,.menuBox2 .option {
position: relative;
padding: 0 50px 0 15px;
width: 100%;
height: 30px;
font-size: 16px;
line-height: 30px;
text-align:left;
color:#fff;
background: #014b94;
border-radius: 5px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.menuBox .option p,.menuBox2 .option p {
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.menuBox .option i,.menuBox2 .option i {
display: block;
position: absolute;
top: 0;
right: 15px;
width: 20px;
height: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.menuBox .option.open i,.menuBox2 .option.open i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.menuBox .option i:after,.menuBox .option i:before,.menuBox2 .option i:after,.menuBox2 .option i:before {
content: "";
position: absolute;
top: 14px;
left: 1px;
width: 10px;
height: 2px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menuBox .option i:before,.menuBox2 .option i:before {
left: 8px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.case .menuBox {
margin-bottom: 30px;
}
.product .menuBox {
margin-bottom: 30px;
} .pageList {
padding-top: 40px;
text-align:center;
line-height: 36px;
}
.pageList a {
display: inline-block;
margin: 5px;
width: 36px;
height: 36px;
color: #9d9d9d;
background: #f4f4f4;
vertical-align: middle;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.pageList .prev,.pageList .next {
width:68px;
}
.pageList a.active,.pageList a:hover {
color: #fff;
background: #014b94;
} .mapBox .container1 {
width: 100%;
height: 390px;
}
.mapBox .container1 #map {
width: 100%;
height: 100%;
}
.mapBox .container1 #map .map-title {
font-size: 14px;
font-weight: bold;
color: #014b94;
}
.mapBox .container1 #map .map-content {
font-size: 12px;
color: #333;
margin-top: 6px;
}
.mapBox .container1 #map .anchorBL{
display:none;
} #topMain {
padding: 20px 0;
background: #f4f4f4;
line-height: 40px;
text-align: center;
}
.topMain .keyword {
color: #014b94;
line-height: 24px;
padding: 8px 0;
}
.topMain .keyword a {
display: inline-block;
color: #959595;
padding: 0 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.topMain .keyword a:hover {
color: #014b94;
}
.topMain .search {
width: 290px;
border-radius: 20px;
overflow: hidden;
}
.topMain .search form {
position: relative;
}
.topMain .search form .text{
width: 190px;
height: 40px;
padding: 0 80px 0 20px;
}
.topMain .search form .btn {
position: absolute;
top:0;
right: 0;
width: 60px;
height: 40px;
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/search.png) no-repeat center center;
}
.topMain .search form .btn span {
display: block;
width: 1px;
height: 20px;
background: #e8e8e8;
margin:10px 0;
}
.topMain .search form .btn:hover span{
display: none;
}
.topMain .search form .btn:hover {
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/search2.png) no-repeat center center;
} #product,#product2,#case {
padding:70px 0;
text-align:center;
}
.product .titleBox .title,.case .titleBox .title {
margin:-16px auto 0;
width: 120px;
font-weight: bold;
font-size: 20px;
line-height: 30px;
background: #fff;
}
.product .titleBox .hr,.case .titleBox .hr {
margin: 0 auto 0;
width: 220px;
height: 2px;
background: #e0e0e0;
}
.product .titleBox .enTitle,.case .titleBox .enTitle {
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
color: #a9a9a9;
}
.product .imgList a,.product2 .imgList a,.case .imgList a {
position:relative;
display: block;
overflow: hidden;
margin-bottom: 30px;
}
.product .imgList a:after {
content: "";
display: block;
position:absolute;
left: 0;
bottom: 0;
width: 100%;
height: 90px;
background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.3),rgba(0,0,0,0));
background: -o-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0));
background: -moz-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0));
background: linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0));
}
.product .imgList a img,.product2 .imgList img,.case .imgList a img {
width: 99%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border: 1px solid #eee;
}
.product .imgList a:hover .mask {
top: 0;
}
.product .imgList a:hover .title {
bottom: 50%;
}
.case .imgList a:hover .mask,.product2 .imgList a:hover .mask {
opacity: 1;
}
.case .imgList a:hover img,.product2 .imgList a:hover img {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.product .imgList .mask,.product2 .imgList .mask,.case .imgList .mask {
position:absolute;
top:100%;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.case .imgList .mask,.product2 .imgList .mask {
opacity: 0;
top: 0;
}
.product2 .imgList .imgWrap {
position:relative;
overflow: hidden;
}
.product2 .imgList .mask {
height: 100%;
}
.product .imgList .title,.case .imgList .title {
position:absolute;
left: 0;
bottom: 20px;
z-index: 2;
padding: 0 15px;
width: 100%;
height: 44px;
font-size: 20px;
line-height: 44px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.case .imgList .title {
bottom: 50%;
margin-bottom:20px;
}
.product2 .imgList .title {
padding:10px 0;
font-size: 20px;
line-height: 24px;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f4f4f4;
}
.product .imgList .mask .see,.product2 .imgList .mask .see,.case .imgList .mask .see {
position:absolute;
left: 50%;
top: 50%;
margin-left: -85px;
width: 168px;
height: 42px;
font-size: 16px;
line-height: 42px;
border: 1px solid #fff;
border-radius: 22px;
color: #fff;
}
.case .imgList .mask .see {
margin-top: 20px;
}
.product2 .imgList .mask .see {
margin-top: -21px;
}
.case .imgList .mask .classification {
position:absolute;
left: 0;
top: 50%;
padding: 0 15px;
margin-top: -20px;
width: 100%;
font-size: 16px;
height: 20px;
line-height: 20px;
color: #b2b2b2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .moreBtn {
position:relative;
display: block;
margin:40px auto 0;
width: 240px;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
border:1px solid #616161;
border-radius: 26px;
color: #616161;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.moreBtn span {
position: relative;
display: inline-block;
margin: 17px 0;
width: 14px;
height: 14px;
border: 1px solid transparent;
border-radius: 50%;
vertical-align: top;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.moreBtn span:after,.moreBtn span:before {
content: "";
display: block;
position: absolute;
top: 6px;
left: 0;
width: 14px;
height: 1px;
background: #616161;
}
.moreBtn span:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.moreBtn:hover{
color: #fff;
border-color: #014b94;
background: #014b94;
box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}
.moreBtn:hover span {
border-color: #fff;
}
.moreBtn:hover span:after,.moreBtn:hover span:before {
background: #fff;
} #news {
padding:70px 0 40px;
background: #f4f4f4;
}
.news .titleBox .title{
font-weight: bold;
font-size: 20px;
line-height: 30px;
}
.news .titleBox .enTitl{
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
color: #a9a9a9;
}
.news .menuBox {
margin-top: 20px;
}
.news .c-banner2 {
margin: 40px -15px 0;
}
.news .c-banner2 .wrap {
padding: 0 15px 30px;
}
.news .c-banner2 .wrap .time {
margin-bottom: 18px;
height: 26px;
font-size: 20px;
line-height: 26px;
color: #b7b7b7;
overflow: hidden;
}
.news .c-banner2 .wrap .title a {
display: block;
height: 44px;
font-size: 18px;
line-height: 22px;
color: #3b3b3b;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news .c-banner2 .wrap .title a:hover {
color: #014b94;
}
.news .c-banner2 .wrap .subtitle {
margin:16px 0 35px;
height: 40px;
font-size: 16px;
line-height: 20px;
color: #b7b7b7;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news .c-banner2 .wrap .moreBtn {
margin:0;
width: 98px;
height: 34px;
line-height: 34px;
}
.news .c-banner2 .wrap .moreBtn span {
margin: 9px 0;
}
.news .c-banner2 .wrap .moreBtn:hover {
color: #fff;
border-color: #014b94;
background: #014b94;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.news .c-banner2 .slick-dots {
bottom: -15px;
}
#news2 {
padding:70px 0;
}
.news2 .newsList .newsBox {
display: block;
}
.news2 .newsList .newsBox:hover .title,.news2 .newsList .newsBox:hover .time,
.news2 .newsList .newsBox:hover .time:after{
color: #014b94;
border-color: #014b94;
}
.news2 .newsList img {
width: 100%;
box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
}
.news2 .newsList .row>li {
margin-bottom: 40px;
}
.news2 .newsList .title {
font-size:16px;
line-height: 20px;
margin:35px 0 16px;
color: #2b2b2b;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news2 .newsList .summary {
height: 36px;
line-height: 18px;
color: #b7b7b7;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news2 .newsList .time {
position:relative;
margin-top: 18px;
padding-top: 16px;
font-family: "DinMedium";
font-size: 20px;
line-height: 24px;
border-top: 2px solid #e7e7e7;
color:#696969;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news2 .newsList .time:after {
float: right;
content: ">";
width: 24px;
height: 24px;
text-align: center;
font-family: "Microsoft YaHei";
color: transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news2 .pageList {
padding-top:30px;
}
#newsInfo,#caseInfo,#productInfo {
padding: 70px 0;
}
.newsInfo .main,.caseInfo .main,.productInfo .main {
width: -moz-calc(100% - 380px);
width: -webkit-calc(100% - 380px);
width: calc(100% - 380px);
}	
.newsInfo .main .titleBox,.caseInfo .main .titleBox {
margin-bottom:40px;
padding-bottom: 14px;
border-bottom: 2px solid #d9d9d9;
}
.newsInfo .main .titleBox .title,.caseInfo .main .titleBox .title {
font-weight: bold;
font-size: 25px;
line-height: 30px;
max-width: 750px;
}
.newsInfo .main .titleBox .time,.caseInfo .main .titleBox .time {
padding: 5px 0;
font-size: 16px;
line-height: 20px;
color: #9b9b9b;
}
.newsInfo .main .textBox p,.caseInfo .main .textBox p,.productInfo .main .textBox p{
line-height: 30px;
color:#3b3b3b;
}
.newsInfo .main .textBox img,.caseInfo .main .textBox img,.productInfo .main .textBox img {
max-width: 100%;
height: auto !important;
}
.productInfo .main .topBox>div {
width: 50%;
}
.productInfo .main .topBox .imgBox img {
width: 100%;
border: 1px solid #eee;
border-radius: 3px;
}
.productInfo .main .topBox .titleBox {
position:relative;
height: 373px;
}
.productInfo .main .topBox .titleBox .wrap {
position:absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 290px;
margin:0 auto;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.productInfo .main .topBox .titleBox .title {
margin-bottom: 40px;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #444444;
}
.productInfo .main .topBox .titleBox p{
padding-top: 16px;
font-size: 16px;
line-height: 22px;
color: #a2a2a2;
}
.productInfo .main .topBox .titleBox p span {
color: #777777;
}
.productInfo .main .topBox .titleBox p span a{
color: #fd8507;
}
.productInfo .main .topBox .cpxq {
margin-bottom: 50px;
padding: 50px 0 20px;
width: 100%;
font-weight: bold;
font-size: 20px;
line-height: 24px;
border-bottom: 2px solid #f0f0f0;
}
.productInfo .main .topBox .cpxq span {
color: #d6d6d6;
}
.sideBar {
width: 320px;
}
.sideBar .contactWay {
border-radius: 10px;
overflow:hidden;
}
.sideBar .contactWay .title {
padding-left: 54px;
font-weight: bold;
font-size: 20px;
line-height: 58px;
color: #fff;
background: #014b94 url(//wxjtt.com/wp-content/themes/huanbao/static/images/sidephone.png) no-repeat 24px 19px;
}
.sideBar .contactWay .box {
padding: 0 24px;
background: #464646;
}
.sideBar .contactWay .box .fwrx {
padding-top: 30px;
font-size: 16px;
line-height:16px; 
color: #acacac;
border:0;
}
.sideBar .contactWay .box p {
border-bottom: 2px solid #545454;
font-size: 16px;
line-height: 30px;
padding: 6px 0;
color: #fff;
}
.sideBar .contactWay .box p span{
color: #acacac;
}
.sideBar .contactWay .box .dianhua1 {
font-family: "DinMedium";
font-weight: bold;
font-size: 30px;
line-height: 50px;
color: #fd8507;
}
.sideBar .contactWay .box img {
display: block;
padding: 25px 0 35px;
margin: 0 auto;
width: 196px;
height: 196px;
}
.sideBar .retrunList {
display: block;
margin:10px 0;
font-weight: bold;
font-size:16px;
line-height: 76px;
border-radius: 10px;
text-align:center;
color: #fff;
background: #014b94;
}
.sideBar .phoneBox {
border-radius: 10px;
overflow: hidden;
background: #464646 url(//wxjtt.com/wp-content/themes/huanbao/static/images/sidephonebg.png) no-repeat right center;
}
.sideBar .phoneBox div {
width: 240px;
padding: 40px 0;
margin: 0 auto;
}
.sideBar .phoneBox .fwrx {
font-size: 16px;
line-height: 20px;
color: #acacac;
}
.sideBar .phoneBox .dianhua {
font-family: "DinMedium";
font-weight: bold;
font-size: 34px;
line-height: 50px;
color: #fd8507;
}
.sideBar .series {
border-radius: 10px;
overflow: hidden;
}
.sideBar .series .titleBox {
padding: 15px 24px;
background: #014b94;
}
.sideBar .series .titleBox .title,.sideBar .series .titleBox .enTitle {
font-weight: bold;
font-size: 20px;
line-height: 30px;
color: #fff;
}
.sideBar .series .menuBox3 {
padding: 28px 24px 48px;
background: #f8f8f8;
}
.sideBar .series .menuBox3 a {
display: block;
position:relative;
line-height: 46px;
border-bottom: 2px solid #ededed;
color:#838383;
}
.sideBar .series .menuBox3 a:after {
float: right;
content: ">";
display: block;
position:absolute;
right: 0;
top:50%;
margin-top: -8px;
width: 16px;
height: 16px;
line-height: 14px;
text-align:center;
color: #fff;
background: #a4a4a4;
border-radius: 50%;
}
.sideBar .series .menuBox3 a:hover {
color: #014b94;
}
.sideBar .series .menuBox3 a:hover:after {
background: #014b94;
}
.sideBar .recommend {
padding-top: 30px;
}
.sideBar .recommend .imgBox {
overflow: hidden;
}
.sideBar .recommend img {
width: 99%;
border: 1px solid #eee;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.newsInfo .sideBar .recommend a {
display: block;
height: 50px;
line-height: 50px;
border-bottom: 2px solid #f1f1f1;
color: #2b2b2b;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.caseInfo .sideBar .recommend a,.productInfo .sideBar .recommend a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-top: 20px;
}
.caseInfo .sideBar .recommend li,.productInfo .sideBar .recommend li {
padding-top: 20px;
} @media screen and (max-width: 767px) {
.caseInfo .sideBar .recommend li,.productInfo .sideBar .recommend li {
padding-top: 20px;
width: 50%;
float: left;
}
.caseInfo .sideBar .recommend a h2, .productInfo .sideBar .recommend a h2 {
padding: 12px 0px;
font-size: 14px;
line-height: 18px;
color: #656565;
text-align: center;
background: #f4f4f4;
margin: 0 1px;
}
}
.caseInfo .sideBar .recommend a h2,.productInfo .sideBar .recommend a h2{
padding: 12px 0 24px;
font-size: 14px;
line-height: 18px;
color: #656565;
text-align:center;
background: #f4f4f4;
}
.sideBar .recommend a:hover h2,.sideBar .recommend a:hover{
color: #014b94;
}
.sideBar .recommend a:hover .imgBox img {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.sideBar .recommend .title {
font-weight: bold;
font-size:20px;
line-height: 48px;
border-bottom: 2px solid #d9d9d9; 
color:#1c1c1c;
} .c-banner4 .slick-prev::before, .c-banner4 .slick-next::before {
color: transparent;
font-size: 40px;
}
.c-banner4 .slick-prev::before {
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/prev.png) no-repeat 0 0;
}
.c-banner4 .slick-next::before {
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/next.png) no-repeat 0 0;
}
.c-banner4 .slick-prev,.c-banner4 .slick-next {
z-index: 5;
width: 40px;
height: 40px;
display: none !important;
}
.c-banner4 .slick-prev {
left: 30px;
}
.c-banner4 .slick-next {
right: 30px;
}
.c-banner4:hover .slick-prev, .c-banner4:hover .slick-next{
display: inline-block !important;;
} #logoBox {
padding:50px 0;
border-top: 1px solid #e7e7e7;
background: #f4f4f4;
}
.logoBox .c-banner3 {
margin: 0 50px;
}
.logoBox .c-banner3 .wrap {
padding: 0 10px;
}
.logoBox .c-banner3 .wrap img {
width:100%;
}
.logoBox .c-banner3 .slick-dots {
bottom: -38px;
}
.logoBox .c-banner3 .slick-prev,.logoBox .c-banner3 .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 38px;
height: 38px;
border:1px solid #616161;
border-radius: 50%;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
outline: none;
background: transparent;
}
.logoBox .c-banner3 .slick-prev{
left: -50px;
}
.logoBox .c-banner3 .slick-next{
right: -50px;
}
.logoBox .c-banner3 .slick-prev:after,.logoBox .c-banner3 .slick-prev:before,
.logoBox .c-banner3 .slick-next:after,.logoBox .c-banner3 .slick-next:before {
content:"";
display: block;
position: absolute;
top: 19px;
width: 10px;
height: 1px;
background: #616161;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.logoBox .c-banner3 .slick-prev:after,.logoBox .c-banner3 .slick-next:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.logoBox .c-banner3 .slick-prev:before,.logoBox .c-banner3 .slick-next:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.logoBox .c-banner3 .slick-prev:after {
left: 12px;
top: 21px;
}
.logoBox .c-banner3 .slick-prev:before {
left: 12px;
top: 14px;
}
.logoBox .c-banner3 .slick-next:after {
left: 14px;
top: 14px;
}
.logoBox .c-banner3 .slick-next:before {
left: 14px;
top: 21px;
}
.logoBox .c-banner3 .slick-prev:hover,.logoBox .c-banner3 .slick-next:hover {
border-color: #014b94;
background: #014b94;
}
.logoBox .c-banner3 .slick-prev:hover:after,.logoBox .c-banner3 .slick-prev:hover:before,
.logoBox .c-banner3 .slick-next:hover:after,.logoBox .c-banner3 .slick-next:hover:before{
background: #fff;
} #about {
margin-top: -160px;
padding-top: 160px;
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/cta2.png) no-repeat center top;
}
.about .wrap {
width: -moz-calc(50% - 65px);
width: -webkit-calc(50% - 65px);
width: calc(50% - 65px);
padding:70px 0;
color: #fff;
}
.about .titleBox .enTitle {
height: 34px;
font-size: 30px;
line-height: 34px;
}
.about .titleBox .title {
height: 38px;
font-size: 28px;
line-height: 38px;
width: -moz-calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.about .titleBox .btn{
width: 53px;
margin-top: 18px;
font-size: 14px;
line-height: 20px;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.about .titleBox .btn:hover {
color: #014b94;
}
.about .titleBox .text {
margin-top: 10px;
padding-top: 16px;
border-top: 1px solid #fff;
line-height: 30px;
}
.about .imgList li {
float: left;
width: 20%;
}
.about .imgList .imgBox {
margin: 35px auto 0;
width: 94px;
height: 94px;
border: 1px solid #fff;
border-radius: 10px;
text-align: center;
}
.about .imgList .imgBox div {
margin: 16px 0 10px;
height: 35px;
line-height: 35px;
}
.about .imgList .imgBox div img {
vertical-align: middle;
}
.about .imgList .imgBox p {
line-height: 18px;
}
#about2 {
padding-bottom: 70px;
padding-top: 60px;
}
.about2 .row>li:nth-child(3) {
float: right;
}
.about2 .imgBox,.about2 .textBox {
margin-top: 70px;
}
.about2 .imgBox img {
width: 100%;
}
.about2 .textBox .title {
font-weight: bold;
font-size: 20px;
line-height: 24px;
padding: 8px 0;
color: #014b94;
}
.about2 .textBox .subtitle {
font-size: 18px;
line-height: 22px;
color: #2d2d2d;
}
.about2 .textBox .hr {
width: 280px;
margin:12px 0 16px;
border-top: 2px solid #ededed;
}
.about2 .textBox .text {
color: #2d2d2d;
line-height: 30px;
} #contact {
padding: 70px 0;
}
.contact .textBox {
width: 100%;
max-width: 620px;
margin: 0 auto;
font-size:20px;
line-height: 40px;
}
.contact .textBox .title {
border-bottom: 2px solid #ededed;
margin-bottom: 30px;
color: #323232;
font-size:20px;
line-height: 44px;
}
.contact .textBox .text {
color: #323232;
} .side-bar {
position:fixed;
z-index: 888;
right: 10px;
bottom: 10px;
width: 135px;
border: 1px solid #c9c9c9;
background: #fff;
border-radius: 10px;
text-align:center;
}
.side-bar .imgBox {
background: #f3f3f3;
border-radius: 10px 10px 0 0;
}
.side-bar .imgBox img {
margin:14px 0;
}
.side-bar .dianhua {
line-height: 50px;
font-size: 16px;
color: #4a8ac6;
}
.side-bar .guanzhu a,.side-bar .zixun a,.side-bar .goTop a {
position: relative;
display: block;
width: 116px;
height: 20px;
padding: 5px 0;
margin:0 auto 10px;
background: #33a480;
color: #fff;
}
.side-bar .zixun a {
background: #4a8ac6;
}
.side-bar .goTop a {
background: #fff;
}
.side-bar .guanzhu a img,.side-bar .zixun a img,.side-bar .goTop a img{
margin-right: 5px;
width: 20px;
height: 20px;
}
.side-bar .goTop a img {
margin-right: 0;
}
.side-bar .guanzhu a .ewm {
display: none;
position: absolute;
top: -80px;
left: -216px;
width: 200px;
height: 200px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
} #zhaopin {
padding: 70px 0;
color: #717171;
}
#zhaopin strong {
color: #2c2c2c;
}
.zhaopin .titleBox .title {
padding:20px 15px;
font-size: 18px;
line-height: 24px;
color: #646464;
border-bottom: 1px solid #e9e9e9;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zhaopin .titleBox .title i {
float: right;
position: relative;
width: 24px;
height: 24px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zhaopin .titleBox .title i:after,.zhaopin .titleBox .title i:before {
content:"";
display: block;
position: absolute;
top:11px;
width: 12px;
height: 2px;
background: #014b94;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.zhaopin .titleBox .title i:after {
left: 2px;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
}
.zhaopin .titleBox .title i:before {
right: 2px;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); 
}
.zhaopin .open {
margin-bottom: 20px;
}
.zhaopin .open .titleBox .title{
background: #014b94;
color: #fff;
border-color: #014b94;
}
.zhaopin .open .titleBox .title i {
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg); 
-o-transform:rotate(180deg); 
}
.zhaopin .open .titleBox .title i:after,.zhaopin .open .titleBox .title i:before {
background: #fff;
}
.zhaopin .textBox {
display: none;
padding: 0 15px 64px;
background:#f2f2f2;
}
.zhaopin .textBox .row {
padding: 44px 15px 16px;
font-size: 16px;
line-height: 20px;
}
.zhaopin .textBox .row li {
margin-bottom: 20px;
}
.zhaopin .detailed {
border-top: 2px solid #e5e5e5;
padding: 26px 15px 40px;
}
.zhaopin .detailed strong {
font-size: 16px;
line-height: 26px;
}
.zhaopin .detailed p {
line-height: 24px;
color: 
}
.zhaopin .deliver {
display: block;
margin-left:15px;
width: 225px;
height: 64px;
font-size: 16px;
text-align: center;
line-height: 64px;
color: #fff;
background: #014b94;
}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 3px 12px;
margin: 0 3px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
border-radius: 3px;
}
.pagination a:hover {
color: #0055a5;
border: 1px solid #0055a5;
}
.pagination a.page-num-current {
color: #fff;
background: #0055a5;
border: 1px solid #0055a5;
} .met-feedback{padding:30px 20px;background: #f2f2f2;}
.met-feedback .container{max-width: 800px;}
.met-feedback .met-feedback-body{padding: 30px;background: #ffffff;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);border-radius: 3px;}
@media (max-width: 767px){.met-feedback .met-feedback-body{padding: 10px;}}
@media (max-width: 767px){.met-feedback{padding: 80px 0 20px 0 ;}}
fieldset{min-width: 0;padding: 0;margin: 0;border: 0}
legend{display: block;width: 100%;padding: 0;margin-bottom: 22px;font-size: 21px;line-height: inherit;color: inherit;border: 0;border-bottom: 1px solid transparent}
label{display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700}
input[type=search]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
input[type=checkbox], input[type=radio]{margin: 4px 0 0;margin-top: 1px\9;line-height: normal}
input[type=file]{display: block}
input[type=range]{display: block;width: 100%}
select[multiple], select[size]{height: auto}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px}
output{display: block;padding-top: 7px;font-size: 14px;line-height: 1.57142857;color: #76838f}
.form-control{display: block;width: 98%;height: 36px;padding: 6px 0;font-size: 14px;line-height: 1.57142857;color: #76838f;background-color: #fff;background-image: none;border: 1px solid #dedede;border-radius: 3px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; text-indent:1em}
.form-control:focus{border-color: #2562b3;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(98,168,234,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(98,168,234,.6)}
.form-control.focus, .form-control:focus{border-color: #2562b3;-webkit-box-shadow: none;box-shadow: none}
.form-control::-moz-placeholder{color:#a3afb7;
opacity:1}
.form-control:-ms-input-placeholder{color:#a3afb7}
.form-control::-webkit-input-placeholder{color:#a3afb7}
.form-control::-ms-expand{background-color:transparent;
border:0}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #f3f7f9;opacity: 1}
.form-control[disabled], fieldset[disabled] .form-control{cursor: not-allowed}
textarea.form-control{height: auto}
input[type=search]{-webkit-appearance: none}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control{line-height: 36px}
.input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm{line-height: 32px}
.input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg{line-height: 46px}}
.form-group{margin-bottom: 20px}
.checkbox, .radio{position: relative;display: block;margin-top: 10px;margin-bottom: 10px}
.checkbox label, .radio label{min-height: 22px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{position: absolute;margin-top: 4px\9;margin-left: -20px}
.checkbox+.checkbox, .radio+.radio{margin-top: -5px}
.checkbox-inline, .radio-inline{position: relative;display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: 400;vertical-align: middle;cursor: pointer}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{margin-top: 0;margin-left: 10px}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled]{cursor: not-allowed}
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline{cursor: not-allowed}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label{cursor: not-allowed}
.form-control-static{min-height: 36px;padding-top: 7px;padding-bottom: 7px;margin-bottom: 0}
.form-control-static.input-lg, .form-control-static.input-sm{padding-right: 0;padding-left: 0}
.input-sm{height: 32px;padding: 6px 13px;font-size: 12px;line-height: 1.5;border-radius: 2px}
select.input-sm{height: 32px;line-height: 32px}
select[multiple].input-sm, textarea.input-sm{height: auto}
select.input-sm{padding-top: 0;padding-bottom: 0}
.form-group-sm .form-control{height: 32px;padding: 6px 13px;font-size: 12px;line-height: 1.5;border-radius: 2px}
.form-group-sm select.form-control{height: 32px;line-height: 32px}
.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control{height: auto}
.form-group-sm .form-control-static{height: 32px;min-height: 34px;padding: 7px 13px;font-size: 12px;line-height: 1.5}
.input-lg{height: 46px;padding: 10px 18px;font-size: 18px;line-height: 1.3333333;border-radius: 4px}
select.input-lg{height: 46px;line-height: 46px}
select[multiple].input-lg, textarea.input-lg{height: auto}
select.input-lg{padding-top: 0;padding-bottom: 0}
.form-group-lg .form-control{height: 46px;padding: 10px 18px;font-size: 18px;line-height: 1.3333333;border-radius: 4px}
.form-group-lg select.form-control{height: 46px;line-height: 46px}
.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control{height: auto}
.form-group-lg .form-control-static{height: 46px;min-height: 40px;padding: 11px 18px;font-size: 18px;line-height: 1.3333333}
.has-feedback{position: relative}
.has-feedback .form-control{padding-right: 45px}
.form-control-feedback{position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 36px;height: 36px;line-height: 36px;text-align: center;pointer-events: none}
.form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback{width: 46px;height: 46px;line-height: 46px}
.form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback{width: 32px;height: 32px;line-height: 32px}
.btn-primary{background-color: #2562b3;border-color: #2562b3;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover{background-color: #2562b3;border-color: #2562b3;opacity: .7;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;color:#fff}
.btn-block{display: block;width: 100%;color:#fff}
.btn-block+.btn-block{margin-top: 5px}
.btn-lg{padding: 10px 18px;font-size: 18px;line-height: 1.3333333;border-radius: 4px}@media screen and (min-width: 1920px) { 
#about {
background-size: 100% 100%;
}
}
@media screen and (max-width: 1500px) { 
.newsInfo .main .titleBox .title,.caseInfo .main .titleBox .title{
float: none;
max-width: 100%;
} 
.newsInfo .main .titleBox .time,.caseInfo .main .titleBox .time {
float: none;
width: 100%;
}
} 
@media screen and (max-width: 1320px) { 
.topMain .keyword {
float: none;
}
.topMain .search {
float: none;
margin: 0 auto;
}
.menuBox2{
float: none;
margin-top:20px;
}
}
@media screen and (max-width: 1250px) { 
#about {
background-size: auto 100%;
}
.about .imgList li {
width: 33.333333%;
}
}
@media screen and (max-width: 1270px) {
#header {
line-height: 60px;
}
#content { 
padding-top: 60px; 
}
.header {
padding: 0;
}
.header .nav {
display: none;
}
.header .navBtn {
display: block;
}
.header .logo a img {
height: 40px;
}
.header .topPhone {
display: none;
}
.footer1 {
display: none;
}
.productInfo .main .topBox>div {
width: 100%;
}
.productInfo .main .topBox .titleBox .wrap {
position:static;
margin: 50px 0 0;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.productInfo .main .topBox .titleBox .title {
margin-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.news .titleBox,.news .menuBox {
float: none;
}
.news .titleBox {
margin-bottom: 20px;
}
.news .menuBox {
margin-top: 0;
}
#about {
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/homeabout.png) no-repeat left top;
background-size: auto 100%;
}
.about .wrap {
width: 100%;
}
.about2 .imgBox,.about2 .textBox {
margin-top: 20px;
}
.newsInfo .main,.caseInfo .main,.productInfo .main{
width: 100%;
}
.sideBar {
width: 100%;
margin-top:40px;
}
}
@media screen and (max-width: 767px) {
.mobi-bar{
display: block;
}
.mapBox .container1 {
height: 300px;
}
.productInfo .main .topBox .titleBox {
position:relative;
height: auto;
}
#footer {
padding-bottom: 58px;
}
.pageList {
padding-top: 20px;
}
#about2 {
padding-bottom: 50px;
}
.footer1-content,.footer2-content,#topBanner .titleBox,.topMain,.product,.case,.news,.logoBox,
.about,.about2,.product2,.contact,.news2,.newsInfo,.caseInfo,.productInfo,.zhaopin {
padding: 0;
}
#product,#case,.about .wrap,#newsInfo {
padding: 50px 0;
}
#product2,#news2,#contact,#caseInfo,#productInfo,#newsInfo,#zhaopin {
padding:20px 0 50px;
}
#news {
padding: 50px 0 20px;
}
.moreBtn {
margin: 20px auto 0;
}
.menuBox .option,.menuBox,.menuBox2 .option,.menuBox2{
float: none;
display:block;
}
.menuBox2{margin-top:0;}
.menuBox .menu,.menuBox2 .menu {
display:block !important;
position: relative;
top: 0;
left: 0;
z-index: 10;
width: 100%;
background: #f9f9f9;
text-align: left;
box-shadow: 0px 10px 25px rgba(0,0,0,.16);
}
.menuBox .menu a,.menuBox2 .menu a {
float:left;
width:29.3333%;
margin-right: 0;
padding: 0 2%;
border-top: 0;
border-bottom: 1px solid #f1f1f1;
display: block;
border-radius: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; text-align:center
}
.menuBox .menu a.active,.menuBox2 .menu a.active {
background: transparent;
color: #fd8507;
border-color: #f1f1f1;
}
.menuBox .menu a:hover,.menuBox2 .menu a:hover {
background: #fd8507;
color: #fff;
border-color: #f1f1f1;
}
.logoBox .c-banner3 {
margin: 0;
}
.news .c-banner2 .slick-dots {
bottom: -5px;
}
#topBanner .wrap .title {
font-size:18px;
line-height: 22px;
}
#topBanner .wrap .enTitle {
font-size:16px;
line-height: 20px;
}
#topBanner .site {
display: none;
}
.contact .textBox .title {
margin:10px 0;
}
.c-banner4 .slick-prev {
left: 10px;
}
.c-banner4 .slick-next {
right: 10px;
}
.news2 .pageList {
padding-top:10px;
}
.mt-30 {
margin-top:-30px;
}
.side-bar {
display: none;
}
.sideBar .phoneBox {
display: none;
}
}
@media screen and (max-width: 479px) {
.about .imgList li {
width: 50%;
}
.about .titleBox .enTitle {
font-size: 20px;
}
.about .titleBox .title {
font-size: 20px;
}
.about .titleBox .btn {
margin-top: 12px;
}
#about {
background: url(//wxjtt.com/wp-content/themes/huanbao/static/images/homeabout.png) no-repeat 0 -110px;
background-size: auto 120%;
}
}
  .fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.ovh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#wpmobans{display:none;}
#ftmeau a{color:#fff;}
#ftmeau>li{width: 16.66666667%;float:left;}
#ftmeau>li>a{    margin-bottom: 50px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: #fff;
display:block;}
#ftmeau ul li{padding:10px 0;}  .kmain,.kmain p{line-height:2.3em;}
.kmain img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.kmain video{display:block;	max-width:100%;	height:auto;}
.kmain code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 0px #ddd;max-width: 100%;box-sizing:border-box;margin-bottom: 16px;border-collapse:collapse;}
.kmain table th{background-color:#f9f9f9;text-align:center}
.kmain table td,.kmain table th{border-bottom:solid 0px #ddd;border-right:solid 0px #ddd;padding:5px 10px}
.kmain .alignleft{float:left;text-align:left;margin-right:10px}
.kmain .aligncenter{text-align:center}
.kmain .alignright{float:right;text-align:right;margin-left:10px}
.kmain pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb;padding:10px 15px}
.kmain blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.kmain blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;}
@media screen and (max-width: 768px) {
.kmain {overflow-x:auto !important;}
.kmain table{width:100% !important;}
.kmain table img{max-width:100% !important;}
} .pagination{height:40px;width:100%;text-align:center;margin-top: 20px;text-align:center;}
.pagination .current, .pagination a{display:inline-block;height:30px;line-height:30px;padding:0px 8px;border:1px solid #c0c8ce;border-radius: 3px;margin-right:10px;font-size:14px;text-decoration:none;}
.pagination a:hover,.pagination .current{color:#6e7275;background:#FFF;}
.pagination a{background:#c0c8ce;color:#FFF;}