/*================== 
 * @authors Adrian 
 * @date    2015-11-6 12:40:20
 * @version 
 ===================*/
/* The compass pakage */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol,
ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption,
th,
td { text-align: left; font-weight: normal; vertical-align: middle; }

q,
blockquote { quotes: none; }

q:before,
q:after,
blockquote:before,
blockquote:after { content: ""; content: none; }

a img { border: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }

/* The compass variable */
/* The compass sass */
html { font-size: 12px; font-family: "Microsoft YaHei", "Arial", "sans-serif"; }

html * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: #000; }

strong { font-weight: bold; }

.main { width: 1000px; margin: 0 auto; }

.msmall { font-size: 70%; }

.txt_pro img{ width:60%; margin:auto}

@media screen and (max-width: 1000px) {

.main { width: 100%; }
}

.clearfix { *zoom: 1;
}

.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.ellipsis { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

#fp-nav.fp-show-active a.active + .fp-tooltip { color: #0270b7; }

.head { height: 90px;  background: url("../images/headbg.jpg") center top  repeat-x ; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99;border-bottom: 2px solid #333 }

@media screen and (max-width: 768px) {

.head { height: 50px; }
}

.head .main { position: relative; }

@media screen and (max-width: 1000px) {

.head .main { padding: 0 12px; }
}

@media screen and (max-width: 768px) {

.head .main { position: static; }
}

.head-inner { -moz-box-shadow: 0 2px 12px 0px #dedede; -webkit-box-shadow: 0 2px 12px 0px #dedede; box-shadow: 0 2px 12px 0px #dedede; height: 90px; }

@media screen and (max-width: 768px) {

.head-inner { height: 50px; }
}

.logo { float: left; margin-top: 10px; height:70px; }

@media screen and (max-width: 768px) {

.logo { height:40px;margin: 4px 0 0 5px; }
}

.logo img { height:100%;display: block; }

.hd-stripe { float: right; }

@media screen and (max-width: 768px) {

.hd-stripe { display: none; }
}

.hd-share { float: left; margin-top: 14px; }

.hd-share a { float: left; width: 18px; height: 18px; margin: 0 2px; }

a.hd-share-weibo { background-position: -110px 0px; }

a.hd-share-wechat { background-position: -133px 0px; }

a.hd-share-tel { background-position: -158px 0px; }

.hd-tel { float: left; font-size: 14px; margin: 14px 12px 0 6px; }

.hd-search { float: left; position: relative; width: 145px; height: 21px; background: url("../images/sprite_1.png") 0 -55px no-repeat; margin-top: 10px; margin-right:20px }

.hd-search-ipt { height: 19px; width: 110px; float: left; margin: 1px 0 0 8px; border: none; padding: 2px; outline: none; }

.hd-search-btn { width: 19px; height: 19px; margin: 1px 0 0 0; background-color: transparent; border: none; float: left; cursor: pointer; outline: none; }

.nav {   position: absolute;
  top: 29px;
  right: 0px;
 
  height: 59px;
  display: block;}

@media screen and (max-width: 768px) {

.nav { background-color: rgba(0, 0, 0, 0.9); top: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
}

@media screen and (max-width: 768px) {

.nav a { color: #fff; }
}

.nav-tit { width: 80%; margin: 30px auto 10px; font-size: 20px; color: #fff; text-align: center; background: url("../images/line_1.png") center bottom no-repeat; display: none; padding: 20px 0 30px; }

@media screen and (max-width: 768px) {

.nav-tit { display: block; }
}

.nav-list { float: right; }

@media screen and (max-width: 768px) {

.nav-list { float: none; width: 60%; margin: 0 auto; padding: 10px 0; }
}

.nav-list > li { float: left; }

@media screen and (max-width: 768px) {

.nav-list > li { width: 100%; text-align: center; margin-bottom: 12px; }
}

.nav-list > li > a {  display: block;
  padding: 0 18px;
  line-height: 56px;
  height: 59px;
  border-bottom: 3px solid transparent;
  font-size: 14px;}

@media screen and (max-width: 768px) {

.nav-list > li > a { line-height: 30px; border-bottom: 0px; height: 30px; }
}

.nav-list > li > a:hover { border-bottom:3px solid  #c80201; color:  #c80201;  }

.nav-slide-wrap { position: absolute; left: 0; top: 88px !important; width: 100%; background: #fff url("../images/bg_2.jpg") 0 bottom repeat-x; z-index: -1; height: auto; overflow: hidden; }

.nav-slide-wrap .main { position: relative; height: auto; overflow: hidden; }

.nav-slide { position: relative; width: 100%; height: auto; overflow: hidden; padding :10px 0; display: none; }

.nav-toggle { position: absolute; z-index: 1001; top: 5px; right: 5px; padding: 12px 10px; width: 40px; height: 40px; display: none; }

@media screen and (max-width: 768px) {

.nav-toggle { display: block; }
}

a.nav-toggle-icon { display: block; }

a.nav-toggle-icon span,
a.nav-toggle-icon:after,
a.nav-toggle-icon:before { display: block; width: 20px; height: 2px; background-color: #000; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }

a.nav-toggle-icon span { margin-top: 4px; margin-bottom: 4px; }

a.nav-toggle-icon:before { content: ''; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; }

a.nav-toggle-icon:after { content: ''; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; }

a.nav-toggle-icon.opened span,
a.nav-toggle-icon.opened:after,
a.nav-toggle-icon.opened:before { background-color: #fff; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }

a.nav-toggle-icon.opened span {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

a.nav-toggle-icon.opened:before { -webkit-transform: translate3d(4px, -1px, 0) rotate(45deg); -moz-transform: translate3d(4px, -1px, 0) rotate(45deg); -ms-transform: translate3d(4px, -1px, 0) rotate(45deg); -o-transform: translate3d(4px, -1px, 0) rotate(45deg); transform: translate3d(4px, -1px, 0) rotate(45deg); }

a.nav-toggle-icon.opened:after { -webkit-transform: translate3d(4px, 1px, 0) rotate(-45deg); -moz-transform: translate3d(4px, 1px, 0) rotate(-45deg); -ms-transform: translate3d(4px, 1px, 0) rotate(-45deg); -o-transform: translate3d(4px, 1px, 0) rotate(-45deg); transform: translate3d(4px, 1px, 0) rotate(-45deg); }

.sec-tit { text-align: center; position: relative; margin-bottom: 70px; }

@media screen and (max-width: 1000px) {

.sec-tit { width: 90%; margin: 0 auto 8px; overflow: hidden; }
}

.sec-tit h2 { font-size: 35px; padding: 20px 0; line-height: 38px; }

@media screen and (max-width: 860px) {

.sec-tit h2 { font-size: 26px; padding: 14px 0; line-height: 32px; }
}

.sec-tit b { font-size: 38px; color: #c80201; text-transform: uppercase; margin: 0 4px; display: inline-block; vertical-align: top; }

@media screen and (max-width: 860px) {

.sec-tit b { font-size: 28px; line-height: 32px; }
}

.sec-tit p { color: #999; font-size: 14px; line-height: 18px; }

.sec-tit .sec-tit-line-l,
.sec-tit .sec-tit-line-r { position: absolute; top: 39px; width: 20%; border-bottom: 1px solid #ddd; }

@media screen and (max-width: 860px) {

.sec-tit .sec-tit-line-l,
.sec-tit .sec-tit-line-r { top: 29px; }
}

.sec-tit .sec-tit-line-l { margin-right: 180px; right: 50%; }

.sec-tit .sec-tit-line-r { margin-left: 180px; left: 50%; }

.section-2,
.section-4 { background: url("../images/bg_1.jpg") repeat; }

.section-3,
.section-5 { background: url("../images/bg_4.jpg") center center no-repeat; background-size: cover; }

.flexslider { border: none; }

.flex-direction-nav { position: absolute; }

.flexslider .slides > li { position: relative; background: center top; background-size: cover; }

.fp-tableCell { padding-top: 90px; }

.mobileS1BG { background: center top; background-size: cover; display: none; }

@media screen and (max-width: 768px) {

.flexslider .slides > li { position: relative; background: none; }

.flexslider .slides > li .main { z-index: 50; position: absolute; top: -16%; }

.fp-tableCell { padding-top: 50px; }

.mobileS1BG { background: center top no-repeat; background-size: cover; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
}

.float { position: fixed; top: 50%; right: 60px; margin-top: -135px; width: 53px; }

@media screen and (max-width: 1000px) {

.float { display: none; }
}

.float-item,
.float-item-1,
.float-item-2,
.float-item-3,
.float-item-4,
.float-item-5,.float-item-6 { width: 53px; height: 54px; border-bottom: 1px solid #555; position: absolute; right: 0px; }

.float-item > a,
.float-item-1 > a,
.float-item-2 > a,
.float-item-3 > a,
.float-item-4 > a,
.float-item-5 > a ,.float-item-6 > a { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; width: 53px; height: 53px; display: block; position: absolute; left: 0px; background-color: #444; color: #fff; line-height: 53px; font-size: 16px; cursor: pointer; }

.float-item i,
.float-item-1 i,
.float-item-2 i,
.float-item-3 i,
.float-item-4 i,
.float-item-5 i,.float-item-6 i { float: left; width: 53px; height: 53px; background: url("../images/sprite_2.png") 0 0 no-repeat; margin-right: 8px; }

.float-item:hover > a,
.float-item-1:hover > a,
.float-item-2:hover > a,
.float-item-3:hover > a,
.float-item-4:hover > a,
.float-item-5:hover > a,.float-item-6:hover > a { background-color: #666; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.float-item-expand,
.float-item-1,
.float-item-4 { text-indent: 2px; }

.float-item-expand > div,
.float-item-1 > div,
.float-item-4 > div { display: none; }

.float-item-slide,
.float-item-2,
.float-item-3 { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; overflow: hidden; }

.float-item-slide > a,
.float-item-2 > a,
.float-item-3 > a { width: 140px; }

.float-item-slide:hover,
.float-item-2:hover,
.float-item-3:hover { width: 140px; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.float-item-1 { top: 0px; }

.float-item-1 i { background-position: 0px 0px; }

.float-item-2 { top: 54px; }

.float-item-2 i { background-position: 0px -53px; }

.float-item-3 { top: 108px; }

.float-item-3 i { background-position: 0px -106px; }

.float-item-4 { top: 162px; }

.float-item-4 i { background-position: 0px -159px; }

.float-item-5 { top: 216px; }

.float-item-5 i { background-position: 0px -212px; }

.float-expand,
.float-qq,
.float-wechat { position: absolute; top: 0px; left: -160px; height: 270px; width: 160px; padding: 0 14px; background-color: #666; }

.float-expand h5,
.float-qq h5,
.float-wechat h5 { font-size: 16px; padding: 20px 0; color: #fff; }

.qq-list dd { line-height: 34px; overflow: hidden; padding: 6px 0; line-height: 22px; }

.qq-item-btn { float: left; height: 22px; width: 77px; background: url("../images/qq_talk.png") 0 0 no-repeat; }

.qq-item-txt { float: left; margin-left: 5px; color: #fff; }

.float-wechat { top: -162px; }

.float-wechat p { line-height: 20px; padding: 9px 0; color: #fff; text-align: center; }

.wechat-pic { display: block; width: 100%; }

@media screen and (max-width: 1000px) {

.ft { height: 229px; background-color: #555555; }
}

@media screen and (max-width: 1000px) {

.ft .main { padding: 0 12px; }
}

@media screen and (max-width: 540px) {

.ft .main { padding: 0 4px; }
}

.ft-mid { padding: 32px 0 50px; border-top: 3px solid #ddd; background:#f1f1f1 }

@media screen and (max-width: 1000px) {

.ft-mid { background: #444444; color: #fff; position: relative; padding: 20px 0 0 0; }
}

.ft-nav { float: left; }

.ft-nav dl { float: left; margin-right: 50px; }

@media screen and (max-width: 1000px) {

.ft-nav dl { margin-right: 6px; }
}

@media screen and (min-width: 541px) {

.ft-nav dl { min-width: 80px; }
}

.ft-nav dt { font-size: 16px; margin-bottom: 12px; }

@media screen and (max-width: 540px) {

.ft-nav dt { font-size: 12px; }
}

.ft-nav dt a { color: #414141; }

@media screen and (max-width: 1000px) {

.ft-nav dt a { color: #fff; }
}

.ft-nav dd { line-height: 24px; display: block; }

@media screen and (max-width: 1000px) {

.ft-nav dd { display: none; }
}

.ft-nav dd a { color: #999; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.ft-nav dd a:hover { color: #c80201; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.ft-qr { width: 162px; height: 162px; display: block; }

@media screen and (max-width: 1000px) {

.ft-qr { width: 120px; height: 120px; }
}

@media screen and (max-width: 540px) {

.ft-qr { width: 80px; height: 80px; }
}

@media screen and (max-width: 360px) {

.ft-qr { float: right; }
}

.ft-tel { font-size: 16px; float: right; }

@media screen and (max-width: 1000px) {

.ft-tel { position: absolute; right: 12px; top: 20px; }
}

@media screen and (max-width: 540px) {

.ft-tel { top: 70px; right: 4px; font-size: 12px; }
}

.ft-tel b { font-size: 24px; color: #c80201;  margin: 10px 0; display: inline-block; font-weight: bold; }

@media screen and (max-width: 1000px) {

.ft-tel b { color: #fff; font-size: 18px; margin: 6px 0; }
}

@media screen and (max-width: 540px) {

.ft-tel b { font-size: 14px; margin: 6px 0; }
}

.ft-bt { background-color: #444444; color: #fff; padding: 25px 0; line-height: 20px; }

@media screen and (max-width: 1000px) {

.ft-bt { padding: 0px; }
}

.ft-bt a { color: #fff; }

.ft-bt-l { float: left; }

@media screen and (max-width: 1000px) {

.ft-bt-l { border-top: 1px solid #555555; padding: 14px 0 14px 2px; width: 390px; margin-top: 10px; }
}

@media screen and (max-width: 540px) {

.ft-bt-l { width: 300px; }
}

.ft-bt-l span { margin: 0 1px 0 4px; position: relative; top: -1px; }

.ft-bt-r { float: right; }

@media screen and (max-width: 1000px) {

.ft-bt-r { float: left; clear: both; border-top: 1px solid #555555; padding: 18px 0 40px 2px; width: 390px; }
}

@media screen and (max-width: 540px) {

.ft-bt-r { width: 300px; }
}

.ft-bt-r p { float: left; margin: 0 2px; }

@media screen and (max-width: 1000px) {

.ft-bt-r p { float: none; }
}

.ft-fsp { margin: 0 3px; }

.head-plh { height: 90px; }

@media screen and (max-width: 768px) {

.head-plh { height: 50px; }
}

.banner { position: relative; width: 100%; height: 277px; overflow: hidden; background: center center no-repeat; }

@media screen and (max-width: 1000px) {

.banner { height: 265px; background-size: cover; }
}

@media screen and (max-width: 768px) {

.banner { height: 180px; }
}

.banner-pic { width: 1920px; height: 277px; margin: 0 auto; display: none; }

@media screen and (max-width: 1000px) {

.banner-pic { display: none; }
}

.banner-txt { position: absolute; color: #fff; font-size: 48px; bottom: 5%; text-transform: uppercase; font-weight: bold; text-shadow:black 1px 1px 1px }

@media screen and (min-width: 1001px) {

.banner-txt { left: 50%; margin-left: -500px; width: 1000px; }
}

@media screen and (max-width: 1000px) {

.banner-txt { width: 90%; left: 5%; font-size: 36px; }
}

@media screen and (max-width: 640px) {

.banner-txt { font-size: 30px; }
}

.container { border-top: 5px solid # 444444; }

.nav-hori { background-color: #f4f4f4; }

@media screen and (max-width: 1000px) {

.nav-hori .main { width: 90%; padding: 20px 0; }
}

.nav-hori a { float: left; font-size: 16px; color: #666; display: block; position: relative; margin-right: 28px; padding: 3% 0px; line-height: 1.5; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

@media screen and (max-width: 1000px) {

.nav-hori a { padding: 0px; margin-bottom: 10px; }
}

.nav-hori a:after { width: 100%; height: 24px;  background: url("../images/arr_1.png") 0 0 repeat-x;  content: ''; position: absolute; bottom: 0px;  display: none;  }

.nav-hori a.cur { color: #c80201; font-weight:bold; }

.nav-hori a.cur:after { display: block; }

@media screen and (max-width: 1000px) {

.nav-hori a.cur:after { display: none; }
}

.nav-hori a:hover { color: #c80201; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.soll-item { width: 33.333%; padding-right: 2%; float: left; margin-bottom: 10px; }

@media screen and (max-width: 1000px) {

.soll-item { padding: 0 1%; }
}

@media screen and (max-width: 768px) {

.soll-item { width: 50%; }
}

@media screen and (max-width: 480px) {

.soll-item { width: 100%; padding: 0 3%; }
}

.soll-item h5 { font-size: 20px; padding: 14px 0 14px 3px; }

.soll-item img { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; width: 100%; display: block; }

.soll-item-wrap { position: relative; display: block; width: 100%; overflow: hidden; }

.soll-item-wrap:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.soll-item-msk,
.soll-item-txt { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

.soll-item-msk { background: url("../images/bg_2.png") repeat; z-index: 8; }

.soll-item-txt { color: #fff; text-align: center; z-index: 9; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.soll-item-txt dl { margin-top: 45%; }

.soll-item-txt dt { font-size: 22px; padding: 8px 0; }

.soll-item-txt dd { font-size: 12px; line-height: 1.5; }

.hdl-hori { background-color: #f4f4f4; text-align: center; position: relative; }

.hdl-hori h1 { font-size: 30px; color: #333; padding: 2% 0; }

@media screen and (max-width: 768px) {

.hdl-hori h1 { font-size: 24px; padding: 3% 0; }
}

@media screen and (max-width: 640px) {

.hdl-hori h1 { font-size: 18px; padding: 4% 0; }
}

.hdl-hori-back { position: absolute; top: 50%; margin-top: -31px; left: 1.5%; padding: 8px; position: absolute; width: 44px; height: 44px; background: transparent url("../images/arr_2.png") 8px 58px no-repeat; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.hdl-hori-back:hover { background-position: -30px 58px; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.col-wrap { padding-bottom: 20px; }

.col-r { float: right; width: 750px; padding: 20px 0 0 10px; }

@media screen and (max-width: 1000px) {

.col-r { width: 100%; float: none; padding: 20px 0 0 0; }
}

@media screen and (max-width: 640px) {

.col-r { padding-top: 12px; }
}

.col-l { float: left; width: 243px; padding: 20px 13px 20px 0; -moz-box-shadow: 5px 0px 12px 0px #f4f4f4; -webkit-box-shadow: 5px 0px 12px 0px #f4f4f4; box-shadow: 5px 0px 12px 0px #f4f4f4; }

@media screen and (max-width: 1000px) {

.col-l { display: none; }
}

.menu { line-height: 38px; background-color: #f9f9f9; }

.menu a { color: #666; background: url("../images/arr_3.png") no-repeat; cursor: pointer; }

.menu h2 { background-color: #c80201; color: #fff; font-size: 14px; padding-left: 20px; }

.menu-list-1 { padding: 0 10px; }

.menu-list-1 > li { border-bottom: 1px solid #ececec; }

.menu-list-1 > li > a { display: block; padding-left: 24px; background-position: 11px center; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.menu-list-1 > li.active > a { color: #c80201; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.menu-list-2 { display: none; }

.menu-list-2 a { padding-left: 38px; display: block; background-position: 27px center; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.menu-list-2 a:hover { color: #c80201; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.tab-1 { clear: both; }

.tab-1 .hd { margin-bottom: 10px; }

@media screen and (max-width: 1000px) {

.tab-1 .hd { text-align: center; }
}

.tab-1 .hd li { float: left; line-height: 38px; color: #fff; background-color: #b2b2b2; width: 146px; margin-right: 6px; text-align: center; cursor: pointer; font-size: 16px; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

@media screen and (max-width: 1000px) {

.tab-1 .hd li { float: none; display: inline-block; }
}

@media screen and (max-width: 640px) {

.tab-1 .hd li { font-size: 14px; width: 100px; }
}

@media screen and (max-width: 430px) {

.tab-1 .hd li { width: 23%; }
}

.tab-1 .hd li.on { background-color: # 444444; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

@media screen and (max-width: 1000px) {

.txt { padding: 0px 10px; }
}

.cont { min-height: 300px; }

.rpro-item { width: 33.333%; padding: 0 1.5% 3%; float: left; }

@media screen and (max-width: 480px) {

.rpro-item { width: 50%; }
}

.rpro-item a { padding: 4%; background-color: #f9f9f9; -moz-box-shadow: 5px 5px 0px 0px #ececec; -webkit-box-shadow: 5px 5px 0px 0px #ececec; box-shadow: 5px 5px 0px 0px #ececec; display: block; }

.rpro-item h5 { line-height: 32px; text-align: center; font-size: 18px; color: #c80201; }

@media screen and (max-width: 640px) {

.rpro-item h5 { font-size: 14px; }
}

.rpro-item-pic { display: block; margin: 0 auto; width: 100%; }

.txt-lh { line-height: 2; }

.pro-zoom { float: left; width: 432px; }

@media screen and (max-width: 767px) {

.pro-zoom { float: none; margin: 0 auto; }
}

@media screen and (max-width: 432px) {

.pro-zoom { width: 100%; }
}

.spec-preview { float: left; width: 432px; }

@media screen and (max-width: 432px) {

.spec-preview { width: 100%; }
}

@media screen and (max-width: 432px) {

.jqzoom { width: 100%; }
}

.jqzoom img {width: 100%; margin:auto; display:block  }

@media screen and (max-width: 432px) {

.jqzoom img { width: 100%; margin:auto; display:block }
}

.spec-scroll .items { /*width: 400px; */}

@media screen and (max-width: 432px) {

.spec-scroll .items { width: 300px; }
}

.spec-scroll { clear: both; width: 432px; }

@media screen and (max-width: 432px) {

.spec-scroll { width: 320px; margin: 0 auto; }
}

.spec-scroll a { background:#c80201 url("../images/arr_4.png") 0 0 no-repeat; }

.spec-scroll a.prev { background-position: 0 center; float: left; }

.spec-scroll a.next { background-position: -16px center; float: right; }

.spec-scroll .items li.active img { border-color: #dd1223; }

.pro-inro { float: right; width: 294px; color: #666; }

@media screen and (max-width: 767px) {

.pro-inro { float: none; margin: 0 auto; width: 90%; }
}

.pro-inro ul li { border-bottom: 1px dotted #cfcfcf; }

.pro-inro-price span { font-size: 14px; color: #c80201; display: block; padding: 16px 0; }

.pro-inro-price span b { font-size: 22px; color: #dd1223; margin-right: 6px; }

.pro-inro-prop { line-height: 22px; padding: 8px 0; }

.pro-inro-pher { padding: 8px 0; }

.pro-inro-pher-sele { height: 36px; width: 210px; }

@media screen and (max-width: 360px) {

.pro-inro-pher-sele { width: 68%; }
}

.pro-inro-pher-label { font-size: 16px; color: #dd1223; }

@media screen and (min-width: 768px) and (max-width: 1000px) {

.pro-wrap { width: 756px; margin: 0 auto; padding: 0 10px; }
}

@media screen and (max-width: 1000px) {

.pro-wrap { padding-bottom: 12px; }
}

.serv-cont { padding: 60px 0; }

@media screen and (max-width: 1000px) {

.serv-cont { padding: 20px 0; }
}

.serv-list { width: 1012px; }

@media screen and (max-width: 1000px) {

.serv-list { width: 100%; }
}

.serv-item { float: left; text-align: center; padding-right: 11px; }

@media screen and (max-width: 1000px) {

.serv-item { width: 20%; padding: 0 4px 8px; }
}

@media screen and (max-width: 768px) {

.serv-item { width: 50%; padding: 0 8px 12px; }
.serv-item:last-child{ width:100%}
}

@media screen and (max-width: 540px) {

.serv-item { padding: 0 4px 6px; }
}

.serv-item a { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; /*width: 242px; */width: 190px;display: block; background-color: #f4f4f4; padding: 58px 0px 40px; }

@media screen and (max-width: 1000px) {

.serv-item a { width: 100%; }
}

@media screen and (max-width: 540px) {

.serv-item a { padding: 22px 0px 12px; }
 
}

.serv-item i { width: 64px; height: 64px; display: inline-block; margin-bottom: 35px; }

@media screen and (max-width: 540px) {

.serv-item i { margin-bottom: 12px; width: 36px; height: 36px; background-size: cover; }
}

.serv-item h6 { font-size: 20px; }

@media screen and (max-width: 540px) {

.serv-item h6 { font-size: 16px; }
}

.serv-item a:hover { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; background-color: #0075c1; }

.serv-item a:hover .serv-item-txt,
.serv-item a:hover h6,
.serv-item a:hover .serv-item-en { color: #fff; }

.serv-item a:hover .serv-item-line { background-color: #fff; }

.serv-item-en { padding: 17px 0; color: #f4f4f4; text-transform: uppercase; color: #b9b9b9; }

@media screen and (max-width: 540px) {

.serv-item-en { padding: 10px 0; }
}

.serv-item-txt { line-height: 18px; padding: 12px 0; color: #666; width: 110px; margin: 0 auto; }

@media screen and (max-width: 540px) {

.serv-item-txt { padding: 8px 0; }
}

.serv-item-line { display: block; height: 3px; background-color: #000; width: 74px; margin: 0 auto; }

.serv-item-1 i { background-image: url("../images/ico_1.png"); }

.serv-item-2 i { background-image: url("../images/ico_2.png"); }

.serv-item-3 i { background-image: url("../images/ico_3.png"); }

.serv-item-4 i { background-image: url("../images/ico_4.png"); }

.serv-item-5 i { background-image: url("../images/ico_5.png"); }

.serv-item-1 a:hover i { background-image: url("../images/ico_1_w.png"); }

.serv-item-2 a:hover i { background-image: url("../images/ico_2_w.png"); }

.serv-item-3 a:hover i { background-image: url("../images/ico_3_w.png"); }

.serv-item-4 a:hover i { background-image: url("../images/ico_4_w.png"); }

.serv-item-5 a:hover i { background-image: url("../images/ico_5_w.png"); }

.tit { padding: 28px 0 30px; font-size: 24px; text-indent: 14px; border-bottom: 1px solid #e5e5e5; }

@media screen and (max-width: 768px) {

.tit { padding: 18px 0 22px; font-size: 20px; }
}

.filt { padding: 14px 0; }

@media screen and (max-width: 1000px) {

.filt { padding: 14px 6px; }
}

.filt select { float: left; border: 1px solid #e5e5e5; height: 38px; width: 200px; margin: 0 10px 10px 0; }

.filt-sele { float: left; width: 232px; height: 38px; font-size: 14px; color: #666; border: 1px solid #e5e5e5; margin-right: 10px; padding-left: 12px; }

@media screen and (max-width: 1000px) {

.filt-sele { margin-bottom: 10px; }
}

.filt-search { float: left; height: 38px; border: 1px solid #e5e5e5; position: relative; padding-right: 90px; width: 267px; margin: 0 10px 10px 0; }

.filt-search-btn { height: 38px; width: 90px; font-size: 14px; position: absolute; top: -1px; right: 0px; }

.filt-search-ipt { padding: 0 12px; height: 36px; border: none; font-size: 14px; color: #666; }

.btn { background-color: #c80201; color: #fff; border: none; text-align: center; cursor: pointer; }

.blist-wrap { padding-bottom: 30px; }

@media screen and (max-width: 1000px) {

.blist-wrap { padding: 0 6px 20px; }
}

.blist-item { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; background-color: #707070; color: #fff; position: relative; width: 100%; padding: 0 90px 0 100px; font-size: 14px; cursor: pointer; margin-bottom: 8px; display: block; }

@media screen and (max-width: 640px) {

.blist-item { font-size: 12px; padding: 0 44px 0 50px; }
}

.blist-item-hd { position: absolute; width: 100px; height: 65px; border-right: 1px solid #fff; top: 0px; left: 0px; text-align: center; line-height: 20px; }

@media screen and (max-width: 640px) {

.blist-item-hd { height: 48px; width: 50px; line-height: 16px; }
}

.blist-item-hd b { font-size: 32px; margin: 14px 0 3px; display: inline-block; }

@media screen and (max-width: 640px) {

.blist-item-hd b { font-size: 20px; margin: 8px 0 0; }
}

.blist-item-bd { line-height: 65px; height: 65px; }

@media screen and (max-width: 640px) {

.blist-item-bd { height: 48px; line-height: 48px; }
}

.blist-item-bd > i { width: 22px; height: 28px; background: 0 0 no-repeat; float: left; margin: 17px 18px 0; }

@media screen and (max-width: 640px) {

.blist-item-bd > i { margin: 10px 10px 0; }
}

.blist-item-play { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; float: right; width: 90px; height: 65px; overflow: hidden; position: absolute; top: 0px; right: 0px; background: url("../images/sprite_3.jpg") no-repeat; }

@media screen and (max-width: 640px) {

.blist-item-play { width: 44px; height: 48px; background: none; }
}

.blist-item-play i { display: none; }

@media screen and (max-width: 640px) {

.blist-item-play i { width: 28px; height: 28px; left: 8px; top: 10px; display: block; background: 0 0 no-repeat; position: absolute; z-index: 9; background-size: cover; }
}

.blist-item:hover { background-color: #6d6d6d; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.blist-item:hover .blist-item-play { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.video-cont .blist-item-bd > i { background-image: url("../images/ico_youku.png"); }

.video-cont .blist-item-play { background-position: 0 -65px; }

.video-cont .blist-item-play i { background-image: url("../images/ico_play.png"); }

.video-cont .blist-item:hover .blist-item-play { background-position: -90px -65pxpx; }

.download-cont .blist-item-bd > i { background-image: url("../images/ico_pdf.png"); }

.download-cont .blist-item-play { background-position: 0 0; }

.download-cont .blist-item-play i { background-image: url("../images/ico_download.png"); }

.download-cont .blist-item:hover .blist-item-play { background-position: -90px 0px; }

.qa-cont .blist-item-hd { line-height: 65px; }

@media screen and (max-width: 640px) {

.qa-cont .blist-item-hd { line-height: 48px; }
}

.qa-cont .blist-item-hd b { margin: 0; font-family: "Arial"; }

.qa-cont .blist-item-bd span { margin-left: 20px; }

@media screen and (max-width: 640px) {

.qa-cont .blist-item-bd span { margin-left: 8px; }
}

.qa-cont .blist-item-toggle { position: absolute; text-align: center; width: 90px; top: 0px; right: 0px; line-height: 65px; color: #eb8d8d; }

@media screen and (max-width: 640px) {

.qa-cont .blist-item-toggle { line-height: 48px; width: 44px; }
}

.frame { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: url("../images/bg_3.png") repeat; overflow: hidden; -webkit-overflow-scrolling: touch; }

.frame-wrap { position: relative; margin: 0px auto 0 80px; background: #fff; z-index: 1010; cursor: auto; width: 100%; transition: 400ms; padding-right: 80px; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); }

@media screen and (max-width: 861px) {

.frame-wrap { margin: 0px auto; padding-right: 0px; }
}

html.open body { overflow: hidden; }

html.open .frameHtmlact { overflow-y: auto; }

html.open .frameHtmlact .frame-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

html.open .frameHtmlact .frame-close { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.frame-close { display: block; width: 80px; height: 80px; position: fixed; left: 0px; top: 50%; margin-top: -35px; z-index: 1008; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translate(-80px); transform: translate(-80px); }

@media screen and (max-width: 861px) {

.frame-close { margin: 0px auto; top: auto; bottom: 5%; left: auto; right: 2%; margin-top: 0px; width: 50px; height: 50px; z-index: 1012; background-color: #c80201; border-radius: 50%; }
}

.frame-close span { display: block; width: 100%; height: 100%; text-align: center; transition: 0.4s; }

.frame-close span.i0 { color: #fff; background-color: #eb8d8d; padding-top: 20px; height: 60px; position: absolute; left: 0px; top: 0px; height: 80px; font-size: 16px; line-height: 1.2; }

@media screen and (max-width: 861px) {

.frame-close span.i0 { display: none; }
}

.frame-close span.i1 { background: url("../images/fram_close.png") no-repeat scroll center center #c80201; color: #fff; position: absolute; left: 100%; top: 0px; }

@media screen and (max-width: 861px) {

.frame-close span.i1 { left: 15px; top: 15px; width: 20px; height: 20px; background-size: cover; }
}

.frame-close:hover span.i1 { left: 0px; }

.frame-close:hover span.i0 { left: -80px; }

.frame-main { padding: 48px 86px; }

@media screen and (max-width: 861px) {

.frame-main { padding: 20px 40px; }
}

@media screen and (max-width: 640px) {

.frame-main { padding: 10px 12px; }
}

.frame-tit { background-color: #f4f4f4; text-align: center; color: #666; padding: 28px 0 16px; }

@media screen and (max-width: 640px) {

.frame-tit { padding: 18px 0 10px; }
}

.frame-tit h2 { font-size: 30px; line-height: 56px; }

@media screen and (max-width: 640px) {

.frame-tit h2 { font-size: 24px; line-height: 36px; }
}

.frame-tit p { font-size: 14px; line-height: 26px; }

.frame-tit p i { width: 16px; height: 17px; display: inline-block; background: transparent url("../images/ico_clock.png") left top no-repeat; vertical-align: top; margin: 4px 8px 0 0; }

.frame-cont { padding: 0 0 60px 0; min-height: 700px; line-height: 2; }

@media screen and (max-width: 640px) {

.frame-cont { min-height: 140px; }
}

.frame-video { width: 100%; }

.frame-video img { width: 100%; }

.frame-page { padding: 4px 10px 4px 20px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.frame-page dd { line-height: 30px; }

.frame-page dd a { color: #c80201; }

.frame-share { text-align: center; margin: 28px 0; }

.frame-share a { color: #c80201; margin: 0 2px; font-size: 14px; }

.blist-slide { padding: 4px 20px 20px; display: none; }

@media screen and (max-width: 640px) {

.blist-slide { padding: 2px 4px 20px; }
}

.blist-slide-txt { font-size: 14px; }

@media screen and (max-width: 640px) {

.blist-slide-txt { font-size: 12px; }
}

.blist-slide-btn { width: 97px; height: 35px; text-align: center; float: right; line-height: 35px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; }

.bdsharebuttonbox { float: right; }

@media screen and (max-width: 640px) {

.bdsharebuttonbox { display: none; }
}

.news-list { width: 1050px; }

@media screen and (max-width: 1000px) {

.news-list { width: 100%; }
}

.news-item { float: left; width: 350px; padding: 0 50px 32px 0; }

@media screen and (max-width: 1000px) {

.news-item { width: 33.3333%; padding: 0 5px 20px; }
}

@media screen and (max-width: 640px) {

.news-item { width: 50%; }
}

@media screen and (max-width: 460px) {

.news-item { width: 100%; }
}

.news-item a { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; width: 300px; padding: 18px 19px; display: block; border: 1px solid #dbdbdb; }

@media screen and (max-width: 1000px) {

.news-item a { width: 100%; padding: 10px; }
}

.news-item h5 { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; font-size: 16px; clear: right; color: #666; line-height: 24px; margin-bottom: 20px; }

.news-item .news-item-time { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; color: #c3c3c3; padding: 8px 0; }

.news-item .news-item-img img { display: block; width: 100%; }

.news-item .news-item-txt { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; color: #c3c3c3; line-height: 22px; padding: 24px 0 20px; }

.news-item .news-item-more { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; float: left; width: 68px; height: 21px; background-color: #c3c3c3; color: #fff; text-align: center; line-height: 21px; }

.news-item a:hover { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; background-color: #eb8d8d; }

.news-item a:hover .news-item-txt,
.news-item a:hover .news-item-time,
.news-item a:hover h5 { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; color: #fff; }

.news-item a:hover .news-item-more { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; background-color: #fff; color: #eb8d8d; }

.news-cont { padding: 30px 0; }

.frame-news-txt { font-size: 14px; color: #666; }

.frame-job-cont { font-size: 14px; color: #666; padding-left: 40px; }

@media screen and (max-width: 640px) {

.frame-job-cont { padding-left: 0px; }
}

.frame-job-cont dt { font-size: 16px; padding: 6px 0; }

.frame-job-cont dd,
.frame-job-cont dt { line-height: 24px; }

.frame-job-cont dl { margin-bottom: 40px; }

.contact-cont > .main { padding: 30px 0; }

@media screen and (max-width: 1000px) {

.contact-cont > .main { padding: 30px 1%; }
}

@media screen and (max-width: 640px) {

.contact-cont > .main { padding: 30px 2%; }
}

.contact-info { width: 49%; margin-right: 1%; float: left; background-color: #444; color: #fff; padding: 0 0 0 3%; }

@media screen and (max-width: 640px) {

.contact-info { float: none; width: 100%; padding: 0 5px 14px 3%; margin: 0 0 10px 0; }
}

.contact-info dt { font-size: 30px; line-height: 64px; border-bottom: 2px solid #fff; height: 68px; margin: 3% 0; float: left; padding-right: 10px; }

@media screen and (max-width: 810px) {

.contact-info dt { font-size: 24px; line-height: 46px; height: 46px; }
}

@media screen and (max-width: 460px) {

.contact-info dt { font-size: 20px; }
}

.contact-info dd { line-height: 30px; font-size: 16px; clear: both; }

@media screen and (max-width: 720px) {

.contact-info dd { line-height: 24px; }
}

.contact-map { width: 49%; margin-left: 1%; float: right; }

@media screen and (max-width: 640px) {

.contact-map { float: none; width: 100%; margin: 0; }
}

.contact-map img { width: 100%; }

.job { background: url("../images/pic_9.jpg") center center no-repeat; color: #fff; font-size: 14px; }

.job .main { padding: 90px 0px; width: 900px; }

@media screen and (max-width: 1024px) {

.job .main { padding: 60px 0px; width: 90%; }
}

@media screen and (max-width: 861px) {

.job .main { padding: 50px 0px; }
}

@media screen and (max-width: 641px) {

.job .main { padding: 40px 0px; }
}

.job h3 { padding-bottom: 46px; font-size: 30px; line-height: 1.5; text-align: center; }

@media screen and (max-width: 481px) {

.job h3 { font-size: 24px; padding-bottom: 36px; }
}

.job-list { position: relative; padding-top: 70px; width: 720px; margin: 0px auto; }

@media screen and (max-width: 861px) {

.job-list { width: 100%; }
}

.job-list li { width: 168px; margin: 0px 6px 14px; height: 46px; text-align: center; line-height: 46px; float: left; }

@media screen and (max-width: 861px) {

.job-list li { width: 31%; margin: 0px 2% 16px 0px; }
}

@media screen and (max-width: 481px) {

.job-list li { width: 45%; margin: 0px 2.5% 16px; }
}

.job-list li a { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; display: block; background-color: #c80201; color: #fff; }

.job-list li a:hover { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; background-color: #fff; color: #c80201; }

.job-sum { line-height: 1.8; }

@media screen and (max-width: 481px) {

.job-sum { font-size: 12px; }
}

.frame-job-email { background-color: #eb8d8d; color: #fff; line-height: 32px; float: left; padding: 0 18px; }

.frame-job-email i { float: left; width: 19px; height: 15px; background: url("../images/ico_mail.jpg") 0 0 no-repeat; margin: 9px 6px 0 0; }

.prol-list { width: 1040px; }

@media screen and (max-width: 1000px) {

.prol-list { width: 100%; }
}

.prol-item { float: left; padding: 0 40px 26px 0; }

@media screen and (max-width: 1000px) {

.prol-item { width: 50%; padding: 0 10px 26px; }
}

@media screen and (max-width: 480px) {

.prol-item { width: 100%; }
}

.prol-item a { display: block; width: 480px; background-color: #f9f9f9; -moz-box-shadow: 4px 4px 0px 0px #ececec; -webkit-box-shadow: 4px 4px 0px 0px #ececec; box-shadow: 4px 4px 0px 0px #ececec; padding: 20px 10px; height: 197px; }

@media screen and (max-width: 1000px) {

.prol-item a { width: 100%; height: auto; }
}

.prol-item dt { color: #c80201; font-size: 18px; padding-bottom: 10px; }

.prol-item dd { line-height: 22px; color: #666; }

.prol-item-img { float: left; width: 210px; display: block; /*height:160px */}

@media screen and (max-width: 1000px) {

.prol-item-img { width: 100%; float: none; margin-bottom: 10px; }
}

.prol-item-info { float: right; width: 236px; }

@media screen and (max-width: 1000px) {

.prol-item-info { width: 100%; float: none; }
}

.prol-cont { padding: 30px 0; }

@media screen and (max-width: 1000px) {

.prol-cont .main { width: 100%; }
}

.solu-item { padding: 0 10px; }

@media screen and (max-width: 460px) {

.solu-item { padding: 0 3px; }
}

.prol-item-wrap { display: none; }

.solu-item a { display: block; background-color: #fff; text-align: center; border: 1px solid #dfdfdf; padding-bottom: 20px; }

.solu-item a:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; transition: all 0.5s ease 0s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; }

.solu-item a:hover .solu-item-tit { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; color: #c80201; }

.solu-item-tit { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.solu-item-img { overflow: hidden; }

.solu-item-img img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; transition: all 0.5s ease 0s; }

@media screen and (max-width: 1000px) {

.comp,
.auth { padding: 0 10px; }
}

.comp h2,
.auth h2,
.horn h2 { padding: 28px 0; font-size: 24px; }

@media screen and (max-width: 640px) {

.comp h2,
.auth h2,
.horn h2 { font-size: 20px; padding: 20px 0; }
}

.comp-txt,
.auth-txt { line-height: 28px; font-size: 14px; color: #666; padding-bottom: 20px; }

.comp-txt img { float: right; margin: 0 0 28px 28px; }

@media screen and (max-width: 1000px) {

.comp-txt img { width: 40%; }
}

@media screen and (max-width: 460px) {

.comp-txt img { width: 100%; }
}

.auth { background-color: #eaeff4; }

.auth-txt dl { margin-bottom: 10px; }

.auth-txt dt { color: #c80201; font-size: 18px; }

.auth-pic { cursor: pointer; }

.auth-pic img { display: block; }

.auth-pic span { display: block; color: #c80201; text-align: center; }

.auth-pic-1 { float: right; margin: 0 0 40px 20px; }

.auth-pic-2 { float: left; margin: 0 20px 40px 0; }

.horn { position: relative; padding: 20px 0px; height: auto; overflow: hidden; }

.horn > img { width: 100%; display: block; }

@media screen and (max-width: 1023px) {

.horn > img { display: none; }
}

@media screen and (min-width: 1024px) {

.horn .main { position: relative; height: 100%; top: 0px; left: 50%; margin-left: -500px; }
}

@media screen and (max-width: 1023px) {

.horn h2 { padding-left: 10px; padding-right: 10px; }
}

.historyBox { position: relative; left: 0px; width: 742px; padding: 30px 80px; bottom: 10%; background-color: #fff; border-radius: 5px; margin: 10px 0px; }

@media screen and (max-width: 1023px) {

.historyBox { width: 100%; left: auto; margin-left: 0px; padding: 30px 5%; position: relative; }
}

.historypic { position: relative; width: 100%; margin: 0px auto; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9; }

.historypic .bx-wrapper .bx-controls-direction a { top: 0px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden; }

.historypic .bx-wrapper .bx-prev { left: 0px; background: url("../images/h_l.png") no-repeat scroll left center; }

.historypic .bx-wrapper .bx-next { right: 0px; background: url("../images/h_r.png") no-repeat scroll right center; }

.historyDemo .item { float: left; display: block; text-align: center; padding: 0px 0px 10px 0px; line-height: 30px; border-bottom: 1px solid #dcdcdc; }

.historyDemo .item a { font-size: 16px; }

.historyDemo .item:before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #c80201; bottom: -5px; left: 50%; margin-left: -5px; }

.historyDemo a:hover,
.historyDemo a.act { color: #c80201; }

.historyCon { font-size: 14px; padding: 20px 0px 50px; line-height: 34px; color: #666; }

.bx-viewport { height: 47px !important; }

.bdsharebuttonbox-2 { width: 186px; margin: 0 auto; float: none; }

.pro-inro-download { padding: 3px 0; }

.pro-inro-download span { color: #666; margin-right: 4px; }

.pro-inro-download i { width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 20px; }

.pro-inro-download-cd i { background: transparent url("../images/ico_hw.png") left top no-repeat; }

.pro-inro-download-pdf i { background: transparent url("../images/ico_pdf_2.png") left top no-repeat; }

.pro-inro-share { height: 44px; padding: 4px 0; }

@media screen and (max-width: 640px) {

.pro-inro-share { display: none; }
}

.pro-inro-share .bdsharebuttonbox { float: none; margin:6px 0 0 0 }

.pro-inro-share > label { float: left; line-height: 36px; font-size: #666; margin-right: 6px; }

.sec-us-txt { font-size: 14px; color: #333; line-height: 30px; float: left; width: 580px; padding: 0 0 20px 0; }

@media screen and (max-width: 1000px) {

.sec-us-txt { width: auto; float: none; line-height: 22px; }
}

.sec-us-txt a { float: right; color: #c80201; margin-top: 30px; }

.sec-us-img { float: right; width: 400px; }

@media screen and (max-width: 1000px) {

.sec-us-img { width: 40%; margin: 0 0 10px 10px; }
}

@media screen and (max-width: 640px) {

.sec-us-img { width: 60%; margin: 0 auto 20px; float: none; display: block; }
}

.sec-us { padding-top: 60px; }

@media screen and (max-width: 1000px) {

.sec-us { padding: 60px 20px; }
}

@media screen and (max-width: 640px) {

.sec-us { padding: 0px 10px; }
}

.solu-item-tit { font-size: 20px; line-height: 34px; padding: 20px 0 10px; }

.solu-item-tag { line-height: 24px; color: #dfdfdf; }

.solu-item-tag span { margin: 0 6px; }

.owl-theme .owl-controls .owl-buttons div { width: 50px; height: 50px; border: 1px solid #dfdfdf; border-radius: 0px; background: #fff url() center center no-repeat; margin: 0px; padding: 0px; position: absolute; top: 40%; margin-top: -25px; }

.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -80px; background-image: url("../images/arr_5_l.png"); }

.owl-theme .owl-controls .owl-buttons div.owl-next { right: -80px; background-image: url("../images/arr_5_r.png"); }

.case-item { padding: 0 10px; }

@media screen and (max-width: 460px) {

.case-item { padding: 0 3px; }
}

.case-item a { display: block; text-align: center; position: relative; overflow: hidden; }

.case-item a:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; transition: all 0.5s ease 0s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; }

.case-item-img { overflow: hidden; }

.case-item-img img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; transition: all 0.5s ease 0s; height:160px; }

.case-item-txt { position: absolute; width: 100%; background-color: #333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; left: 0px; padding: 10px 0; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; bottom: 0px; }

@media screen and (max-width: 1000px) {

.case-item-txt { -webkit-transform: translateY(0); transform: translateY(0); }
}

.case-item-txt h3 { font-size: 18px; color: #fff; line-height: 24px; padding: 1px 0; bottom: -90px; }

.case-item-txt span { color: #dfdfdf; line-height: 24px; text-transform: uppercase; }

.case-item a:hover .case-item-txt { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

@media screen and (max-width: 1000px) {

#owl-prol .prol-item { width: 100%; }
}

@media screen and (max-width: 640px) {

#owl-prol .prol-item-img { float: left; width: 30%; }
}

@media screen and (max-width: 640px) {

#owl-prol .prol-item-info { float: none; }
}

.slide-1 .main { padding-top: 30px; }

@media screen and (max-width: 1000px) {

.slide-1 .main { padding: 30px 10%; }
}

@media screen and (max-width: 768px) {

.slide-1 .main { padding: 30% 8%; }
}

.slide-1 p { color: #fff; }

@media screen and (max-width: 768px) {

.slide-1 p { text-align: center; }
}

.slide-1 p.slide-1-1,
.slide-1 p.slide-2-1,
.slide-1 p.slide-3-1 {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-size: 50px; line-height: 66px; padding: 20px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); font-weight:bold;
}

@media screen and (max-width: 640px) {

.slide-1 p.slide-1-1,
.slide-1 p.slide-2-1,
.slide-1 p.slide-3-1 { font-size: 40px; line-height: 50px; }
}

.slide-1 p.slide-1-2,
.slide-1 p.slide-2-2,
.slide-1 p.slide-3-2 {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-size: 18px; line-height: 50px; padding: 6px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@media screen and (max-width: 640px) {

.slide-1 p.slide-1-2,
.slide-1 p.slide-2-2,
.slide-1 p.slide-3-2 { font-size: 18px; line-height:50px; }
}

.slide-1 .slide-1-3,
.slide-1 .slide-2-3,
.slide-1 .slide-3-3 {
 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-size: 14px; text-align: center; width: 90px; height: 36px; background-color: #c80201; display: block; color: #fff; font-weight: bold; line-height: 36px; float: left; margin-top: 30px; border-bottom: 2px solid rgba(0, 0, 0, 0.6); filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.slide-1 p.slide-1-1,.slide-1 p.slide-2-2{ line-height:30px; padding:0px; padding-top:20px;}
.slide-1 p.slide-2-1,
.slide-1 p.slide-2-2 { color: #1952a2; text-shadow: 1px 1px 0px #fff; line-height:30px; padding:0px; padding-top:20px; }
.slide-1 p.slide-1-1,.slide-1 p.slide-2-1{ padding-top:50px;}
@media screen and (max-width: 768px) {

.slide-1 .slide-1-3,
.slide-1 .slide-2-3,
.slide-1 .slide-3-3 { margin: 30px auto 0; float: none; }
}

@media screen and (max-width: 640px) {

.slide-1 .slide-1-3,
.slide-1 .slide-2-3,
.slide-1 .slide-3-3 { height: 36px; line-height: 36px; font-size: 14px; width: 100px; }
.slide-1 p.slide-1-1,.slide-1 p.slide-2-2{ line-height:20px; padding:0px; padding-top:10px;}

.slide-1 p.slide-2-1,
.slide-1 p.slide-2-2 { color: #1952a2; text-shadow: 1px 1px 0px #fff; line-height:20px; padding:0px; padding-top:10px; }
.slide-1 p.slide-1-1,.slide-1 p.slide-2-1{ padding-top:50px;}
}



.nav-item-pro-slide dl,
.nav-item-plan-slide dl { width:25%; padding: 0 10px; border-right: 1px solid #e5e5e5; float: left; }

.nav-item-pro-slide dt,
.nav-item-plan-slide dt { text-align: center; font-size: 14px; line-height: 24px; }

.nav-item-pro-slide dt h5,
.nav-item-plan-slide dt h5 { margin-bottom: 8px; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.nav-item-pro-slide dt img,
.nav-item-plan-slide dt img { width: 100%; display: block; margin-bottom: 10px; }

.nav-item-pro-slide dt a:hover h5,
.nav-item-plan-slide dt a:hover h5 { color: #c80201; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.nav-item-pro-slide dd,
.nav-item-plan-slide dd { line-height: 24px; }

.nav-item-pro-slide dd a,
.nav-item-plan-slide dd a { color: #666; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

.nav-item-pro-slide dd a:hover,
.nav-item-plan-slide dd a:hover { color: #c80201; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0s; transition: all 0.3s ease 0s; }

#fp-nav ul li a span { background-color: #c80201; }

.owl-theme .owl-controls .owl-page span { width: 54px; height: 5px; background-color: #c5c5c5; border-radius: 0px; }

.owl-theme .owl-controls .owl-page.active span { background-color: #c80201; }

.owl-pagination { padding: 50px 0; }

#fp-nav ul li { width: 12px; height: 12px; }

#fp-nav ul li,
.fp-slidesNav ul li { margin: 16px 7px; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span { width: 100%; height: 100%; left: 0px; top: 0px; margin: 0px; background: #999; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span { margin: 0; width: 100%; height: 100%;   background:#c80201}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span { width: 100%; height: 100%; margin: 0px; }

#fp-nav.right { right: 26px; }

.ico-mouse { color: #fff; position: absolute; bottom: 6px; left: 50%; margin-left: -16px; width: 32px; height: 73px; z-index: 99; text-align: center; padding-top: 42px; }

.ico-mouse i { background: url("../images/ico_mouse.png") 0 0 no-repeat; width: 16px; height: 26px; display: block; margin: 0 auto; -moz-animation: mouse 1.6s ease 0s infinite; -webkit-animation: mouse 1.6s ease 0s infinite; animation: mouse 1.6s ease 0s infinite; position: absolute; top: 0px; left: 50%; margin-left: -8px; }

.flex-active-slide .slide-1-1,
.flex-active-slide .slide-2-1,
.flex-active-slide .slide-3-1 { -moz-animation: slide-1-1 0.8s ease 0.5s both; -webkit-animation: slide-1-1 0.8s ease 0.5s both; animation: slide-1-1 0.8s ease 0.5s both; }

.flex-active-slide .slide-1-2,
.flex-active-slide .slide-2-2,
.flex-active-slide .slide-3-2 { -moz-animation: slide-1-1 0.8s ease 0.8s both; -webkit-animation: slide-1-1 0.8s ease 0.8s both; animation: slide-1-1 0.8s ease 0.8s both; }

.flex-active-slide .slide-1-3,
.flex-active-slide .slide-2-3,
.flex-active-slide .slide-3-3 { -moz-animation: slide-1-3 0.8s ease 1.1s both; -webkit-animation: slide-1-3 0.8s ease 1.1s both; animation: slide-1-3 0.8s ease 1.1s both; }
 @-moz-keyframes mouse {
 0% {
 top: 0px;
}
 100% {
 top: 12px;
}
}
@-webkit-keyframes mouse {
 0% {
 top: 0px;
}
 100% {
 top: 12px;
}
}
@keyframes mouse {
 0% {
 top: 0px;
}
 100% {
 top: 12px;
}
}
@-moz-keyframes slide-1-1 {
 0% {
 -moz-transform: translate(10%, 0);
 transform: translate(10%, 0);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@-webkit-keyframes slide-1-1 {
 0% {
 -webkit-transform: translate(10%, 0);
 transform: translate(10%, 0);
 opacity: 0;
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@keyframes slide-1-1 {
 0% {
 -moz-transform: translate(10%, 0);
 -ms-transform: translate(10%, 0);
 -webkit-transform: translate(10%, 0);
 transform: translate(10%, 0);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@-moz-keyframes slide-1-3 {
 0% {
 -moz-transform: translate(20%, 0);
 transform: translate(20%, 0);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 0.9;
}
}
@-webkit-keyframes slide-1-3 {
 0% {
 -webkit-transform: translate(20%, 0);
 transform: translate(20%, 0);
 opacity: 0;
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 0.9;
}
}
@keyframes slide-1-3 {
 0% {
 -moz-transform: translate(20%, 0);
 -ms-transform: translate(20%, 0);
 -webkit-transform: translate(20%, 0);
 transform: translate(20%, 0);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 0.9;
}
}

.section-3 .prol-item {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.section-3.active .prol-item { -moz-animation: prol-item 0.8s ease both; -webkit-animation: prol-item 0.8s ease both; animation: prol-item 0.8s ease both; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1; }

.section-3.active .prol-item:nth-of-type(1) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.section-3.active .prol-item:nth-of-type(2) { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.section-2 .owl-item {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.section-2.active .owl-item { -moz-animation: owl-item 0.8s ease both; -webkit-animation: owl-item 0.8s ease both; animation: owl-item 0.8s ease both; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1; }

.section-2.active .owl-item:nth-of-type(1) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.section-2.active .owl-item:nth-of-type(2) { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.section-2.active .owl-item:nth-of-type(3) { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.section-2.active .owl-item:nth-of-type(4) { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
 @-moz-keyframes prol-item {
 0% {
 -moz-transform: translate(0, 10%);
 transform: translate(0, 10%);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@-webkit-keyframes prol-item {
 0% {
 -webkit-transform: translate(0, 10%);
 transform: translate(0, 10%);
 opacity: 0;
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@keyframes prol-item {
 0% {
 -moz-transform: translate(0, 10%);
 -ms-transform: translate(0, 10%);
 -webkit-transform: translate(0, 10%);
 transform: translate(0, 10%);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@-moz-keyframes owl-item {
 0% {
 -moz-transform: translate(0, -10%);
 transform: translate(0, -10%);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@-webkit-keyframes owl-item {
 0% {
 -webkit-transform: translate(0, -10%);
 transform: translate(0, -10%);
 opacity: 0;
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}
@keyframes owl-item {
 0% {
 -moz-transform: translate(0, -10%);
 -ms-transform: translate(0, -10%);
 -webkit-transform: translate(0, -10%);
 transform: translate(0, -10%);
 opacity: 0;
}
 100% {
 -moz-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 1;
}
}

.agent {
 *zoom: 1; padding: 10px; display: none; border-bottom: 1px solid #e0edf6; }

.agent:after { content: ""; display: table; clear: both; }

.agent-list { float: left; }

@media screen and (max-width: 767px) {

.agent-list { float: none; }
}

.agent-list li { line-height: 28px; }

.agent-list span { font-weight: bold; }

.agent-list a { color: #c80201; }

.agent-loca { float: right; }

@media screen and (max-width: 767px) {

.agent-loca { float: none; }
}

@media screen and (max-width: 460px) {

.agent-loca { width: 100%; }
}

.tab-1 .pro-inro-pher-sele { margin: 0 10px 10px; }

.agent-tab-wrap { margin: 0 10px; border: 1px solid #e0edf6; border-bottom: none; }

.agent-tab { width: 100%; }

.agent-th { background-color: #f2f7fb; }

.agent-th,
.agent-td {
 *zoom: 1; border-bottom: 1px solid #e0edf6; }

.agent-th:after,
.agent-td:after { content: ""; display: table; clear: both; }

.agent-th li,
.agent-td li { border-right: 1px solid #e0edf6; line-height: 36px; float: left; }

.agent-th li { background-color: #f2f7fb; line-height: 38px; font-weight: bold; color: #000; text-align: center; }

.agent-td li { padding-left: 1%; color: #666; }

.agent-item-name { width: 30%; }

@media screen and (max-width: 520px) {

.agent-item-name { width: 60%; }
}

.agent-item-city { width: 20%; }

@media screen and (max-width: 520px) {

.agent-item-city { width: 30%; }
}

.agent-item-add { width: 42%; }

@media screen and (max-width: 520px) {

.agent-item-add { display: none; }
}

.agent-td li.agent-item-more,
.agent-th li.agent-item-more { width: 8%; text-align: center; border-right: 0px; cursor: pointer; }

@media screen and (max-width: 520px) {

.agent-td li.agent-item-more,
.agent-th li.agent-item-more { width: 10%; }
}

.agent-td li.agent-item-more a,
.agent-th li.agent-item-more a { color: #c80201; }

.ovw .nav { position: fixed; }

.ovw .nav-toggle { position: fixed; }

#owl-case.owl-theme { padding-bottom: 50px; }

.news-item-img { width: 260px; height: 200px; overflow: hidden; }

.fb-cont .tit { margin-bottom: 20px; }

.fb-cont h5 { padding: 30px 1%  ; font-size: 14px; text-align: center; font-weight: bold; line-height: 1.5; border-bottom:1px solid #ddd; margin-bottom:30px }

.fb-form {
 *zoom: 1; line-height: 20px; width: 800px; margin: 0 auto; }

.fb-form:after { content: ""; display: table; clear: both; }

@media screen and (max-width: 800px) {

.fb-form { width: 98%; padding: 0 1%; }
}

.fb-form b { color: #c6142c; position: relative; top: 2px; margin: 0 3px 0 0; }

.fb-item,
.fb-item--ta,
.fb-item--btn { width: 50%; float: left; position: relative; padding-left: 120px; min-height: 44px; }

@media screen and (max-width: 520px) {

.fb-item,
.fb-item--ta,
.fb-item--btn { padding-left: 80px; }
}

@media screen and (max-width: 400px) {

.fb-item,
.fb-item--ta,
.fb-item--btn { width: 100%; }
}

.fb-item-label { position: absolute; left: 0px; top: 0px; width: 120px; text-align: right; }

@media screen and (max-width: 520px) {

.fb-item-label { width: 80px; }
}

.fb-item-ipt { height: 20px; float: left; width: 135px; padding: 0 4px; }

@media screen and (max-width: 520px) {

.fb-item-ipt { width: 100%; }
}

.fb-item--ta { width: 100%; }

.fb-item--btn { padding-top: 6px; }

.fb-item-ta { height: 80px; width: 80%; padding: 4px; }

@media screen and (max-width: 400px) {

.fb-item-ta { width: 100%; }
}

.nav-dl { width: 14.28%; position: relative; height: auto; overflow: hidden; display: block; }

.comp-owl.owl-carousel { float: right; width: 387px; margin: 0 0 28px 28px; }

@media screen and (max-width: 640px) {

.comp-owl.owl-carousel { width: 80%; display: none; margin: 0 auto; float: none; margin-bottom: 10px; }
}

.comp-owl.owl-carousel .owl-buttons { display: none; }

.comp-owl.owl-carousel .owl-controls .owl-pagination { padding: 0px; text-align: center; position: absolute; bottom: 5px; width: 100%; left: 0px; }

.comp-owl.owl-carousel .owl-controls .owl-page { display: inline-block; margin: 0 5px; }

.comp-owl.owl-carousel .owl-controls .owl-page span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; width: 10px; height: 10px; background-color: #fff; }

.comp-owl.owl-carousel .owl-controls .owl-page.active span { background-color: #0270b7; }

.comp-owl.owl-carousel .owl-item img { display: block; width: 100%; }

@media screen and (min-width: 720px) {

.video-frame { height: 480px; }
}

.video-player { width: 100%; }

.jwlogo { display: none; }
 @-webkit-keyframes ball-spin-fade-loader {
 50% {
 opacity: 0.3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes ball-spin-fade-loader {
 50% {
 opacity: 0.3;
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}

.loading { position: fixed; width: 100%; height: 100%; background: #444; box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 1; flex-shrink: 0; flex-basis: 25%; align-items: center; justify-content: center; z-index: 500; }

.loadingtext { position: absolute; left: 50%; top: 50%; width: 200px; height: 20px; margin: 5px -100px; overflow: hidden; color: #fff; font-size: 14px; text-shadow: 1px 1px 4px rgba(0,0,0,0.5); }

.ball-spin-fade-loader { position: relative; }

.ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear; animation: ball-spin-fade-loader 1s 0s infinite linear; }

.ball-spin-fade-loader > div:nth-child(2) { top: 17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear; animation: ball-spin-fade-loader 1s 0.12s infinite linear; }

.ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear; animation: ball-spin-fade-loader 1s 0.24s infinite linear; }

.ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear; animation: ball-spin-fade-loader 1s 0.36s infinite linear; }

.ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear; animation: ball-spin-fade-loader 1s 0.48s infinite linear; }

.ball-spin-fade-loader > div:nth-child(6) { top: -17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear; animation: ball-spin-fade-loader 1s 0.6s infinite linear; }

.ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear; animation: ball-spin-fade-loader 1s 0.72s infinite linear; }

.ball-spin-fade-loader > div:nth-child(8) { top: 17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear; animation: ball-spin-fade-loader 1s 0.84s infinite linear; }

.ball-spin-fade-loader > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; }