@charset "utf-8";
/* 
 * author:验收时间
 * date：2015-6-8
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
input, textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
article, aside, figure, footer, header,
hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; cursor: pointer; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; cursor: pointer; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; font-family: 'microsoft yahei'; }
textarea { resize: none; }
body { background: #f5f5f5; font-family: arial, helvetica, sans-serif; font-size: 14px; }
.layout:after, .clearfix:after { content: "\0020"; display: block; clear: both; height: 0; }
.layout, .clearfix { *zoom: 1; }
.center { width: 1024px; margin: 0px auto; overflow: hidden; }
/* end reset css */
.t5o { -webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s; }
.t8o { -webkit-transition: all .8s ease .1s; -moz-transition: all .8s ease .1s; -o-transition: all .8s ease .1s; transition: all .8s ease .1s; }
.t20o { -webkit-transition: all 20s ease .1s; -moz-transition: all 20s ease .1s; -o-transition: all 20s ease .1s; transition: all 20s ease .1s; }
.t3out { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.yahei { font-family: 'microsoft yahei'; }
.aparajita { font-family: 'aparajita'; }
.arial { font-family: arial, helvetica, sans-serif; }
.bgwhite { background: #ffffff; }
a { color: #4d5961; }
a:hover { color: #0075c2; }


@keyframes icoanimate {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(15deg); }
    50% { transform: rotate(-15deg); }
    80% { transform: rotate(15deg); }
    100% { transform: rotate(0deg); }
}

@-webkit-keyframes icoanimate {
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(15deg); }
    50% { -webkit-transform: rotate(-15deg); }
    80% { -webkit-transform: rotate(15deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes icoanimate {
    0% { -moz-transform: rotate(0deg); }
    20% { -moz-transform: rotate(15deg); }
    50% { -moz-transform: rotate(-15deg); }
    80% { -moz-transform: rotate(15deg); }
    100% { -moz-transform: rotate(0deg); }
}

/* wobble vertical */
@-webkit-keyframes wobble-vertical {
    16.65% { -webkit-transform: translatey(8px); transform: translatey(8px); }

    33.3% { -webkit-transform: translatey(-6px); transform: translatey(-6px); }

    49.95% { -webkit-transform: translatey(4px); transform: translatey(4px); }

    66.6% { -webkit-transform: translatey(-2px); transform: translatey(-2px); }

    83.25% { -webkit-transform: translatey(1px); transform: translatey(1px); }

    100% { -webkit-transform: translatey(0); transform: translatey(0); }
}

@keyframes wobble-vertical {
    16.65% { -webkit-transform: translatey(8px); transform: translatey(8px); }

    33.3% { -webkit-transform: translatey(-6px); transform: translatey(-6px); }

    49.95% { -webkit-transform: translatey(4px); transform: translatey(4px); }

    66.6% { -webkit-transform: translatey(-2px); transform: translatey(-2px); }

    83.25% { -webkit-transform: translatey(1px); transform: translatey(1px); }

    100% { -webkit-transform: translatey(0); transform: translatey(0); }
}

.wobble-vertical { display: inline-block; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }


@keyframes mys {
    0% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
}

@-moz-keyframes mys /* firefox */
{
    0% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
}

@-webkit-keyframes mys /* safari 和 chrome */
{
    0% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
}

@-o-keyframes mys /* opera */ { 0%;
{ transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
50% { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
100% { transform: translate(0,-10px); -ms-transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -o-transform: translate(0,-10px); -moz-transform: translate(0,-10px); }
}


.line2 { line-height: 2; }
.line24 { line-height: 2.4; }
.line16 { line-height: 1.6; }
.bgcolorblue { background-color: #a6bdcc; }
.fonts13 { font-size: small; }
.fonts14 { font-size: 14px; }
.fonts16 { font-size: 16px; }
.fonts18 { font-size: 18px; }
.fonts20 { font-size: 20px; }
.fonts30 { font-size: 30px; }
.fonts36 { font-size: 36px; }
.fonts48 { font-size: 48px; }
.fonts56 { font-size: 56px; }
.fontw { font-weight: bold; }
.orange { color: #ef7c00; }
.blue { color: #4d5961; }
.marginb14 { margin-bottom: 14px; }
.marginb20 { margin-bottom: 20px; }
.marginb30 { margin-bottom: 30px; }
.marginb34 { margin-bottom: 34px; }
.marginb42 { margin-bottom: 42px; }
.marginb60 { margin-bottom: 60px; }
.marginb70 { margin-bottom: 70px; }
.marginb76 { margin-bottom: 76px; }
.marginb84 { margin-bottom: 84px; }
.marginb100 { margin-bottom: 100px; }
.marginb136 { margin-bottom: 136px; }
.paddingb48 { padding-bottom: 48px; }
.height { height: auto !important; }
.textac { text-align: center; }
.red { color: #f90000; }
.fr { float: right; *margin-top: -45px; }
.marginl20 { margin-left: 20px; }
.uppercase { text-transform: uppercase; }
.index_top { width: 100%; height: 100%; background: url(/uploads/image/eimages/top1.jpg) center center no-repeat; background-size: auto 100%; position: relative; max-height: 778px; overflow: hidden; }
.gobottom { position: absolute; bottom: 76px; left: 50%; width: 61px; height: 61px; margin-left: -31px; border: 2px solid #ffffff; border-radius: 50%; overflow: hidden; z-index: 10; }
.index_top > div { text-align: center; padding-top: 307px; position: relative; z-index: 10; }
.index_top > div .p1 { margin-bottom: 38px; }
.gobottom > i { width: 100%; height: 61px; background: url(/uploads/image/eimages/top_arrow2.png) center center no-repeat; display: inline-block; position: absolute; }
.top_menu { width: 100%; height: 122px; background: #ffffff; box-shadow: 0 2px 2px #dcdcdc; text-align: right; }
.logo { float: left; padding-top: 14px; }
.menubox { display: inline-block; height: 122px; line-height: 122px; *display: inline; zoom: 1; }
.menubox > li { width: 118px; height: 122px; display: inline-block; vertical-align: top; position: relative; *display: inline; zoom: 1; }
.menubox > li > a { color: #979797; width: 118px; height: 122px; overflow: hidden; display: inline-block; text-align: center; position: relative; z-index: 2; -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.menubox > li > a:before { content: ''; opacity: 0; position: absolute; top: 0; left: 0; width: 150%; height: 100%; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -65deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -65deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.menubox > li > a:hover { color: #ffffff; background-color: #0075c2 \9; *background-color: #0075c2; }
.menubox > li > a.ah, .menubox > li > a.ah2 { color: #ffffff; background-color: #0075c2; }
.menubox > li > a:hover::before { opacity: 1; background-color: #0075c2; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.menubox > li > dl { width: 100%; position: absolute; top: 118px; left: 0; z-index: 999; line-height: 1; display: none; background: #ffffff; padding: 10px 0; border-top: 4px solid #ef7c00; }
.menubox > li > dl > dd { text-align: center; }
.menubox > li > dl > dd > a { display: block; line-height: 34px; color: #979797; }
.menubox > li > dl > dd > a:hover { color: #ef7c00; }
.top_menu .center { overflow: inherit; display: table; }
.menubox > li > dl.product { width: 168%; }
.menubox > li > dl.product>dd { margin-bottom:10px; text-align:left;padding-left:10px;}
.menubox > li > dl.product> dd a { line-height:22px; }
.aenglish { width: 27px; height: 27px; border-radius: 50%; background: #ef7c00; color: #ffffff; vertical-align: top; display: inline-block; text-align: center; line-height: 27px; margin-left: 6px; margin-top: 46px; *display: inline; zoom: 1; }
.aenglish:hover { opacity: .7; }
.indexbox1 { width: 100%; display: table; padding-top: 157px; }
.indexbox1_font { color: #4d5961; padding-top: 50px; position: relative; padding-right: 488px; }
.indexbox1_font img { position: absolute; top: -46px; right: 0; }
.amore { width: 110px; height: 27px; border: 1px solid #ef7c00; color: #ef7c00; text-align: center; line-height: 27px; display: inline-block; -webkit-transition: all 600ms; -ms-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }
.amore:hover { background: #ef7c00; color: #ffffff; }
.indexbox1_list { width: 100%; display: table; padding-top: 82px; }
.indexbox1_list li { float: left; width: 251px; height: 218px; padding: 24px 44px; border: 1px solid #f5f5f5; text-align: center; line-height: 2; color: #979797; }
.indexbox1_list li img { display: inline-block; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.indexbox1_list li .pt { color: #4d5961; }
.indexbox1_list li:nth-child(2n) { border-right-color: #4d5961; border-left-color: #4d5961; }
.indexbox1_list li:hover img { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.indexbox2 { width: 100%; padding-top: 86px; }
#owl { width: 1023px; margin: 0 auto; height: 448px; margin-bottom: 58px; }
#owl .item { margin-right: 9px; color: #bfbfbf; line-height: 1.4; height: 367px; font-size: 14px; position: relative; }
#owl .item img { display: block; width: 100%; }
#owl .item .f { background: #4d5961; height: 97px; text-align: center; color: #ffffff; line-height: 97px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; }
#owl .item .f i { width: 22px; height: 22px; background: url(/uploads/image/eimages/yuan.png) no-repeat; position: absolute; bottom: -22px; left: 50%; margin-left: -11px; }
#owl .item:hover .f { height: 127px; border-bottom: 3px solid #2183c4; }
#owl .item:hover .f i { bottom: 35px; }
#owl .item:hover img { transform: translate(0,-20px); -ms-transform: translate(0,-20px); -webkit-transform: translate(0,-20px); -o-transform: translate(0,-20px); -moz-transform: translate(0,-20px); }
.indexbox3 { width: 100%; padding: 96px 0 82px; }
.indexbox3_new { width: 100%; display: table; }
.indexbox3_newl { float: left; width: 687px; }
.indexbox3_newl > li { width: 100%; height: 121px; display: block; margin-bottom: 18px; background: #c8c8c8; color: #f5f5f5; overflow: hidden; *margin-bottom: 13px; }
.indexbox3_newl > li > a { display: block; color: #f5f5f5; }
.indexbox3_newl > li .time { float: left; width: 125px; height: 121px; background: #9e9e9e; text-align: center; -webkit-transition: all 200ms; -ms-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; }
.indexbox3_newl > li .time > span { width: 78px; height: 18px; line-height: 18px; text-align: center; display: inline-block; border: 1px solid #ffffff; }
.indexbox3_newl > li .time > p { padding-top: 10px; }
.indexbox3_newl > li .font { float: left; width: 523px; padding: 23px 19px; line-height: 1.6; }
.indexbox3_newl > li .font .p1 { margin-bottom: 14px; }
.indexbox3_newl > li:hover, .indexbox3_newl > li.lih { background: #d5cfc8; }
.indexbox3_newl > li:hover .time, .indexbox3_newl > li.lih .time { background: #ef7c00; }
.indexbox3_newr { float: right; width: 312px; color: #f5f5f5; overflow: hidden; }
.indexbox3_newr > a { display: block; color: #f5f5f5; }
.indexbox3_newr > a > img { vertical-align: top; }
.indexbox3_newr_tit { padding: 28px 19px 19px; background: #ef7c00; }
.indexbox3_newr img { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.indexbox3_newr:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.indexbox3_newr_tit .p { margin-bottom: 18px; }
.indexbox3_newr_con { background: #c8c8c8; padding: 28px 19px; line-height: 1.8; }
.indexbox4 { width: 100%; position: relative; }
.indexbox4 > img { width: 100%; vertical-align: top; }
.indexbox4_box { width: 100%; height: 244px; background: url(/uploads/image/eimages/grey.png); position: absolute; top: 0; left: 0; z-index: 2; text-align: center; color: #f5f5f5; }
.indexbox4_box_div { width: 100%; }
.indexbox4_box_div > div { display: inline-block; width: 300px; vertical-align: top; }
.indexbox4_box_div .c { margin: 0 30px; }
.indexbox4_box > div { padding-top: 41px; }

.pdfdown { width: 100%; height: 283px; background: url(/uploads/image/eimages/pdfbg.jpg) no-repeat; overflow: hidden; text-align: center; color: #4d5961; }
.pdfdown .pdfbox { width: 760px; margin: 54px auto; }
.pdfdown .pdfbox .pdftitle { font-size: 48px; text-transform: uppercase; line-height: 48px; }
.pdfdown .pdfbox .download { display: inline-block; width: 71px; height: 80px; background: url(/uploads/image/eimages/pdfdownicon.png) no-repeat; margin-top: 50px; }
.bottom { color: #ffffff; background: #4d5961; height: 165px; }
.bottom a { color: #fff; }
.bottom a:hover { color: #ef7c00; }
.bottoml { float: left; padding-top: 46px; }
.bottoml > p { margin-bottom: 10px; }
.bottomr { float: right; margin-top: 90px; }
.bottomr a { display: inline-block; margin-left: 22px; position: relative; }
.bottomr a > i { position: absolute; top: -216px; width: 200px; height: 200px; left: -150px; z-index: 999; display: none; }
.bottomr a > i > img { width: 100%; vertical-align: top; -webkit-transition: all 600ms; -ms-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }
.bottomr a:hover { -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.bottom > div { position: relative; display: table; overflow: inherit; }
.gotop { position: absolute; top: 0; right: 0; width: 72px; height: 45px; background: url(/uploads/image/eimages/gotop.png) no-repeat; text-align: center; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.gotop i { width: 9px; height: 6px; background: url(/uploads/image/eimages/arrow.png) no-repeat; display: inline-block; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.gotop:hover { -webkit-transform: translatey(-0.5px); transform: translatey(-0.5px); -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; }

.top_menu2 { height: 83px; }
.top_menu2 .logo { width: 36px; }
.top_menu2 .logo img { width: 100%; vertical-align: top; }
.top_menu2 .menubox { height: 83px; line-height: 83px; }
.top_menu2 .menubox > li { height: 83px; }
.top_menu2 .menubox > li > a { height: 83px; }
.top_menu2 .menubox > li > dl { top: 79px; }
.top_menu2 .aenglish { margin-top: 26px; }
.pro_menu { width: 100%; height: 473px; background: url(/uploads/image/eimages/pro_bg.jpg) center top no-repeat; }

.pro_menu_bg { width: 100%; height: 185px; background: url(/uploads/image/eimages/pro_bgs.png); text-align: center; }
.pro_menu_bg > a { display: inline-block; margin: 0 12px; padding-top: 26px; cursor: pointer; *display: inline; zoom: 1; }
.pro_menu_bg > a .p { width: 100%; display: block; position: relative; margin-bottom: 18px; overflow: hidden; *overflow: inherit; overflow: inherit \9; }
.pro_menu_bg > a .p img { width: 194px; height: 105px; vertical-align: top; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.pro_menu_bg > a:hover .p img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.pro_menu_bg > a .p > i { position: absolute; top: 0; left: 0; width: 192px; height: 103px; z-index: 1; border: 1px solid #ef7c00; display: none; }
.pro_menu_bg > a:hover .p > i, .pro_menu_bg > div.ah .p > i { display: block; }
.pro_menu_bg > a.ah p, .pro_menu_bg > a:hover p { color: #ef7c00; }

.pro_menu2 { width: 100%; height: 196px; background: #e4e4e4; text-align: center; }
.pro_menu2 .p1 { color: #000000; padding: 52px 0 24px; }
.pro_menu2 .p2 { }
.pro_menu2 .p2 a { display: inline-block; padding: 0 14px; height: 31px; border: 1px solid #b4b4b4; color: #787878; background: #efefef; line-height: 31px; margin: 0 8px; }
.pro_menu2 .p2 a.ah { background: #0075c2; border-color: #0075c2; color: #ffffff; }
.pro_menu2 .p2 a:hover { color: #fff; *background: #0075c2; background: #0075c2 \9; }
.prolist { display: block; padding-top: 59px; *padding-bottom: 60px; }
.prolist li { float: left; width: 233px; height: 194px; border: 1px solid #dfdfdf; position: relative; margin: 0 27px 32px 0; overflow: hidden; }
.prolist li img { vertical-align: top; width: 233px; height: 194px; -webkit-transition: 2.5s; -moz-transition: 2.5s; -ms-transition: 2.5s; transition: 2.5s; }
.prolist li p { position: absolute; width: 100%; left: 0; top: 82px; z-index: 10; color: #ffffff; text-align: center; }
.prolist li i { position: absolute; top: 115px; left: 50%; margin-left: -11px; width: 22px; height: 22px; background: url(/uploads/image/eimages/sc.png) no-repeat; z-index: 10; }
.prolist li .bg { position: absolute; top: 0; left: 0; z-index: 1; background: url(/uploads/image/eimages/grey2.png); width: 100%; height: 194px; }
.prolist li .bg.hide { display: none; }
.prolist li p.hide { opacity: 0; transform: translate(0,-20px); -ms-transform: translate(0,-20px); -webkit-transform: translate(0,-20px); -o-transform: translate(0,-20px); -moz-transform: translate(0,-20px); filter: alpha(opacity=0); }
.prolist li i.hide { opacity: 0; transform: translate(0,20px); -ms-transform: translate(0,20px); -webkit-transform: translate(0,20px); -o-transform: translate(0,20px); -moz-transform: translate(0,20px); filter: alpha(opacity=0); }
.prolist li:hover p { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
.prolist li:hover i { opacity: 1; filter: alpha(opacity=100); transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
.prolist li:hover .bg { display: block; }
.prolist li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.prolist li:nth-child(4n) { margin-right: 0; }

/* sweep to top */
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0075c2; background: none\9; -webkit-transform: scaley(0); transform: scaley(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: #fff; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaley(1); transform: scaley(1); }


.prod { padding-bottom: 177px; }
.prod_tit { width: 100%; height: 231px; background: url(/uploads/image/eimages/prod.jpg) no-repeat; }
.prod_tit .nav { width: 100%; line-height: 48px; color: #ffffff; margin-top: 119px; }
.prod_tit .nav a { color: #fff; }
.prod_tit .nav a:hover { color: #e29b4f; }
.prod_titd { width: 100%; height: 64px; background: #0075c2; color: #ffffff; line-height: 64px; }
.prod_titd span { margin-left: 22px; }
.prod_titd a { float: right; width: 88px; height: 64px; color: #ffffff; background: #ef7c00; text-align: center; -webkit-transition: all 600ms; -ms-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }
.prod_titd a:hover { background: #f48c1b; }
.swiperbtn { width: 35px; height: 61px; background: url(/uploads/image/eimages/arrowpn.png) no-repeat; position: absolute; top: 50%; z-index: 9999; cursor: pointer; margin-top: -31px; }
.swiperbtn.sprev { left: 19px; -webkit-transition: all 250ms; -ms-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.swiperbtn.sprev:hover { background-position: 0 bottom; }
.swiperbtn.snext { background-position: right 0; right: 19px; -webkit-transition: all 250ms; -ms-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.swiperbtn.snext:hover { background-position: right bottom; }
.slide-pics { position: relative; margin: 0 auto; width: 100%; }
.scrollable { overflow: hidden; position: relative; }
.hover.prev { background-position: -0px -36px; }
.hover.next { background-position: -35px -36px; }
.slide-pics .items { width: 40000px; }
.slide-pics .item { float: left; position: relative; overflow: hidden; }
.slide-pics .item img { width: 1024px; height: 574px; vertical-align: top; }
.prod_menu { border: 1px solid #ececec; border-top: 0; margin-bottom: 40px; }
.prod_menu a { display: inline-block; width: 100%; height: 49px; color: #ffffff; background: #0075c2; line-height: 49px; text-align: center; cursor: default; }
.prod_menu a.ce { width: 33.4%; }
.prod_con { width: 96%; }
.pitem { display: block; margin: 0 auto; padding: 20px; }
.pitem p, .pitem span { color: #4d5961; font-size: 12px; line-height: 180%; font-family: 'microsoft yahei'; }
.prod_con img { max-width: 100%; width: auto; }

.about_img { width: 100%; height: 512px; background: url(/uploads/image/eimages/top1.jpg) 0 -94px no-repeat; overflow: hidden; position: relative; }
.about_img img { vertical-align: middle; width: 100%; }
.about_img ul li { float: left; width: 25%; }
.about_tit { height: auto; padding: 12px 0; }
.about1 { color: #626262; text-align: center; padding: 136px 0 160px; text-align: justify; text-indent: 2em; }
.about1 .line2 { line-height: 2.4; }
.about2 { width: 100%; background: #ffffff; padding: 92px 0 99px; }
.about2_conl { float: left; width: 400px; padding-top: 40px; color: #535353; }
.about2_conr { float: right; width: 435px; margin-right: 60px; }
.about2_conr .item img { width: 435px; height: 261px; vertical-align: top; }
.about2_conr .item > p { text-align: center; padding-top: 27px; }
.about2_conr .swiperbtn { width: 17px; height: 31px; background: url(/uploads/image/eimages/arrowpn11.png) no-repeat; position: absolute; top: 50%; z-index: 9999; cursor: pointer; }
.about2_conr .swiperbtn.sprev { left: -56px; }
.about2_conr .swiperbtn.sprev:hover { background-position: 0 bottom; }
.about2_conr .swiperbtn.snext { background-position: right 0; right: -56px; }
.about2_conr .swiperbtn.snext:hover { background-position: right bottom; }
.about3 { padding: 93px 0 32px; color: #878787; }
.about4 { padding: 100px 0; background: #ffffff; }
.huigu { width: 100%; height: 50px; background: url(/uploads/image/eimages/arrowlong.png) right 2px no-repeat; position: relative; }
.huigu > li { width: 21px; display: inline-block; position: relative; color: #a6bdcc; height: 46px; margin-left: 142px; cursor: pointer; vertical-align: top; float: left; }
.huigu > li > i { display: block; width: 21px; height: 21px; background: url(/uploads/image/eimages/yuan2.png) no-repeat; }
.huigu > li > p { width: 110px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -55px; text-align: center; }
.huigu > li:first-child { margin-left: 66px; }
.huigu > li:hover, .huigu > li.lih { color: #ef7c00; }
.huigu > li:hover > i, .huigu > li.lih > i { background-image: url(/uploads/image/eimages/yuanh.png); }
.huigu > li:hover > i { transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); -webkit-transform: scale(1.4,1.4); -o-transform: scale(1.4,1.4); -moz-transform: scale(1.4,1.4); }
.wrapconent { position: relative; width: 100%; height: auto; overflow: hidden; }
.huigu_con { background: #f5f5f5; border-top: 3px solid #ef7c00; color: #878787; position: relative; width: 100%; top: 0px; padding: 32px; left: -111%; display: none; }

.contentbox { width: 100%; }
.contentbox li { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 67px 0 58px; background: #fafafa; -webkit-transition: all 600ms; -ms-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }
.contentbox li.current { background: #fff; }
.contentbox li .center { overflow: inherit; display: table; }
.contentbox li .d1 { float: left; width: 400px; color: #525252; }
.contentbox li .d2 { float: left; width: 546px; color: #7e7e7e; }
.contentbox li .d3 { float: right; width: 50px; text-align: center; color: #575757; }
.contentbox li .d3 > i { width: 26px; height: 31px; display: inline-block; background: url(/uploads/image/eimages/dian.png) no-repeat; }
.contentbox li:hover .d3 > i { background-position: right 0; animation: mys 0.8s linear 0s infinite; -moz-animation: mys 0.8s linear 0s infinite; -webkit-animation: mys 0.8s linear 0s infinite; -o-animation: mys 0.8s linear 0s infinite; }


.zhuan_menu { width: 100%; margin-bottom: 56px; }
.zhuan_menu a { display: inline-block; width: 76px; line-height: 32px; text-align: center; margin-right: 4px; color: #5d5d5d; border-bottom: 3px solid #a9a9a9; }
.zhuan_menu a:hover, .zhuan_menu a.ah { color: #ef7c00; border-color: #ef7c00; }
.zhuan_con { display: block; width: 100%; }
.zhuan_con li { float: left; width: 313px; margin: 0 42px 44px 0; text-align: center; height: 243px; cursor: pointer; }
.zhuan_con li:nth-child(3n) { margin-right: 0; }
.zhuan_con li div { width: 100%; position: relative; overflow: hidden; }
.zhuan_con li div img { width: 313px; vertical-align: top; height: 186px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.zhuan_con li div i { position: absolute; top: 0; left: 0; width: 100%; height: 186px; z-index: 2; background: url(/uploads/image/eimages/yuan3.png) center center no-repeat rgba(0,0,0,.5); *background: url(/uploads/image/eimages/yuan3.png) center center no-repeat #000000; background: url(/uploads/image/eimages/yuan3.png) center center no-repeat #000000 \9; filter: alpha(opacity=0); }
.zhuan_con li p { padding: 20px 0; }
.zhuan_con li:hover div i { transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); -webkit-transform: scale(1.4,1.4); -o-transform: scale(1.4,1.4); -moz-transform: scale(1.4,1.4); filter: alpha(opacity=50); }
.zhuan_con li:hover div img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.pmore { text-align: center; }
.amore2 { width: 95px; line-height: 31px; line-height: 31px; display: inline-block; text-align: center; background: #e8e8e8; color: #8c8c8c; }
.amore2:hover { background: #ef7c00; color: #ffffff; }
.zhuanqu { padding-top: 162px; }

.zhuan_con2 { width: 100%; display: table; }
.zhuan_con2 li { float: left; width: 306px; height: 362px; margin: 0 53px 56px 0; cursor: pointer; }
.zhuan_con2 li:nth-child(3n) { margin-right: 0; }
.zhuan_con2 li img { width: 306px; height: 283px; vertical-align: top; }
.zhuan_con2 li div { width: 100%; background: #ffffff; color: #6a6a6a; text-align: center; padding: 15px 0; }
.zhuan_con2 li div .p2 { color: #a3a3a3; font-family: "宋体"; background: url(/uploads/image/eimages/iarrow.png) 184px center no-repeat; }
.zhuan_con2 li:hover div { background: #ef7c00; color: #ffffff; }
.zhuan_con2 li:hover div .p2 { background-image: url(/uploads/image/eimages/iarrowh.png); color: #f7c5a3; }

.hr_font { text-align: center; padding: 118px 0 156px; color: #a6a6a6; }
.hr_boxb { width: 100%; padding: 46px 0; text-align: center; }
.hr_boxb > div { display: inline-block; color: #a7a7a7; width: 258px; margin: 0 50px; *display: inline; zoom: 1; }
.hr_boxb > div .p2 { padding: 24px 0 18px; }
.hrmenu { text-align: center; background-image: url(/uploads/image/eimages/line.png); background-repeat: repeat-x; background-position: right 10px; }
.hrmenu > li { margin: 0 90px; }
.hrmenu > li:first-child { margin-left: 402px; }
.hrmenubox { padding: 80px 0 200px; }
.hrlisthead { width: 100%; background: #ef7c00; height: 53px; line-height: 53px; border-radius: 5px 5px 0 0; color: #ffffff; }
.hrlisthead span { width: 25%; text-align: center; display: inline-block; }
.hrlistbody { width: 100%; display: block; }
.hrlistbody > li { width: 100%; border-bottom: 3px solid #f3f3f3; cursor: pointer; }
.hrlistbody > li > p { display: block; height: 54px; line-height: 54px; -webkit-transition: all 600ms; -ms-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }
.hrlistbody > li > p > span { width: 25%; text-align: center; display: inline-block; color: #a7a7a7; }
.hrlistbody > li > div { padding: 28px 104px; background: #fafafa; color: #9e9e9e; position: relative; display: none; }
.hrlistbody > li > div .b { width: 114px; height: 29px; line-height: 29px; text-align: center; background: #ef7c00; border-radius: 7px; position: absolute; top: 50%; right: 66px; margin-top: -15px; color: #ffffff; }
.hrlistbody > li > div .b:hover { opacity: .6; }
.hrlistbody > li:hover > p, .hrlistbody > li.lih > p { background: #efefef; }
.upfile { width: 336px; height: 45px; line-height: 45px; text-align: center; border-radius: 3px; background: #0075c2; color: #ffffff; display: inline-block; }
.upfile img { vertical-align: middle; margin-left: 10px; }
.upfile:hover { opacity: .7; }
.zaixian { display: none; }
.hrform { width: 100%; }
.hrform td { padding: 13px 0; color: #acacac; }
.hrform_txt { border: 1px solid #f9f9f9; width: 302px; color: #acacac; border-radius: 3px; padding: 13px 18px; box-shadow: 0 0 1px #ececec; font-family: 'microsoft yahei'; margin-right: 10px; }
.textareaw { height: 126px; width: 982px; }
.hrformbtn { width: 49%; height: 45px; line-height: 45px; color: #ffffff; border-radius: 3px; text-align: center; background: #0075c2; cursor: pointer; }
.hrformbtn.grey { background: #ececec; color: #aeadad; }
.hrform input[type='radio'] { margin-right: 4px; }
.hrformbtn:hover { opacity: .7; }

.hr2box { padding-top: 113px; }
.hr2box ul { width: 100%; display: table; margin-bottom: 60px; }
.hr2box li { float: left; border: 2px solid #e4e4e4; background: #e4e4e4; width: 326px; color: #5b5b5b; cursor: pointer; margin: 0 14px 14px 0; overflow: hidden; }
.hr2box li:nth-child(2n) { margin-right: 0; }
.hr2box li img { vertical-align: top; width: 326px; height: 373px; }
.hr2box li > p { padding: 30px 20px; }
.hr2box li img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.hr2box li.big { width: 670px; }
.hr2box li.big img { width: 670px; height: 373px; }
.hr2box li:hover { border-color: #ef7c00; background: #ef7c00; }
.hr2box li:hover a { color: #ffffff; }
.hr2box li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.newsboxlist { width: 100%; }
.newsboxlist > li { width: 100%; border-bottom: 1px solid #eaeaea; padding: 106px 0 42px; color: #c1c1c1; }
.newsboxlistl { }
.newsboxlist > li img { float: right; width: 419px; height: 236px; margin-left: 40px; }
.newsboxlist > li .p1 { color: #000000; margin-bottom: 8px; }
.newsboxlist > li .p1 a { color: #000000; }
.newsboxlist > li .p1 a:hover { color: #0075c2; }
.newsboxlist > li .p2 { color: #424141; margin-bottom: 60px; }
.newsboxlist > li .a { display: inline-block; width: 104px; height: 33px; background: #ffffff; color: #191919; border: 1px solid #191919; line-height: 33px; text-align: center; }
.newsboxlist > li .a:hover { background: #ef7c00; color: #ffffff; border-color: #ef7c00; }
.newsboxlist > li:hover img { transform: translate(-20px,0); -ms-transform: translate(-20px,0); -webkit-transform: translate(-20px,0); -o-transform: translate(-20px,0); -moz-transform: translate(-20px,0); }
.page { text-align: center; padding: 64px 0 144px; color: #5b5b5b; }
.page a, .page span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; color: #fff; vertical-align: middle; background: #c1c1c1; }
.page a:hover, .page a.ah, .page span { background: #0075c2; color: #fff; }
.page a.box { width: 16px; height: 16px; }
.page a.one { background: url(/uploads/image/eimages/pagea2.png) center center no-repeat; }
.page a.prev { background: url(/uploads/image/eimages/pagea.png) no-repeat; background-position: 0 0; margin-left: 10px; }
.page a.next { background: url(/uploads/image/eimages/pagea.png) no-repeat; background-position: -16px 0; margin-right: 10px; }
.page .text { width: 21px; height: 16px; vertical-align: middle; border: 1px solid #cecece; color: #646464; margin: 0 10px; text-align: center; }
.page .pbtn { width: 28px; height: 16px; background: #878c9c; color: #ffffff; vertical-align: middle; margin-left: 5px; }

.newd { padding: 112px 0 145px; }
.newd .pt { font-size: 26px; color: #2f2929; margin-bottom: 20px; }
.newd .pt2 { color: #909090; margin-bottom: 120px; }
.newd .con { width: 100%; color: #c6c6c6; }
.newd .con img { max-width: 100%; }
.newd .con p { margin-bottom: 30px; }
.page_new { width: 100%; background: #efefef; height: 75px; text-align: center; line-height: 75px; }
.page_new a { display: inline-block; color: #878787; }
.page_new a:hover { opacity: .7; transform: translate(20px,0); -ms-transform: translate(20px,0); -webkit-transform: translate(20px,0); -o-transform: translate(20px,0); -moz-transform: translate(20px,0); }
.page_new a.al { float: left; }
.page_new a.ar { float: right; *margin-top: -75px; }
.page_new a.ar:hover { transform: translate(-20px,0); -ms-transform: translate(-20px,0); -webkit-transform: translate(-20px,0); -o-transform: translate(-20px,0); -moz-transform: translate(-20px,0); }
.page_new a.acen:hover { transform: rotate(30deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.upmove { transform: translate(0,80px); -ms-transform: translate(0,80px); -webkit-transform: translate(0,80px); -o-transform: translate(0,80px); -moz-transform: translate(0,80px); opacity: 0; }

#l-map { width: 100%; height: 599px; overflow: hidden; margin: 0; }
#container { width: 100%; height: 599px; overflow: hidden; margin: 0; }

.top_bg { width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; z-index: 1; padding: 0 !important; }
.top_bg .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: 2px; display: block; }
.top_bg .mask > .slice { float: left; height: 50%; overflow: hidden; position: relative; width: 50%; }
.top_bg .mask > .slice .bg { background-repeat: no-repeat; background-size: cover; height: 200%; position: relative; width: 200%; text-indent: 0px; }
.top_bg .mask > .slice:nth-child(1) .bg { top: 0; left: 0; }
.top_bg .mask > .slice:nth-child(2) .bg { top: 0; left: -100%; }
.top_bg .mask > .slice:nth-child(3) .bg { top: -100%; left: 0; }
.top_bg .mask > .slice:nth-child(4) .bg { top: -100%; left: -100%; }

@keyframes myfirst {
    0% { transform: translate(0,-42px); -ms-transform: translate(0,-42px); -webkit-transform: translate(0,-42px); -o-transform: translate(0,-42px); -moz-transform: translate(0,-42px); }
    100% { transform: translate(0,42px)); -ms-transform: translate(0,42px); -webkit-transform: translate(0,42px); -o-transform: translate(0,42px); -moz-transform: translate(0,42px); }
}

@-moz-keyframes myfirst /* firefox */
{
    0% { transform: translate(0,-42px); -ms-transform: translate(0,-42px); -webkit-transform: translate(0,-42px); -o-transform: translate(0,-42px); -moz-transform: translate(0,-42px); }
    100% { transform: translate(0,42px)); -ms-transform: translate(0,42px); -webkit-transform: translate(0,42px); -o-transform: translate(0,42px); -moz-transform: translate(0,42px); }
}

@-webkit-keyframes myfirst /* safari 和 chrome */
{
    0% { transform: translate(0,-42px); -ms-transform: translate(0,-42px); -webkit-transform: translate(0,-42px); -o-transform: translate(0,-42px); -moz-transform: translate(0,-42px); }
    100% { transform: translate(0,42px)); -ms-transform: translate(0,42px); -webkit-transform: translate(0,42px); -o-transform: translate(0,42px); -moz-transform: translate(0,42px); }
}

@-o-keyframes myfirst /* opera */ { 0%;
{ transform: translate(0,-42px); -ms-transform: translate(0,-42px); -webkit-transform: translate(0,-42px); -o-transform: translate(0,-42px); -moz-transform: translate(0,-42px); }
100% { transform: translate(0,42px)); -ms-transform: translate(0,42px); -webkit-transform: translate(0,42px); -o-transform: translate(0,42px); -moz-transform: translate(0,42px); }
}



@media screen and (max-height:930px) and (min-width:1800px) {
    .index_top { background-size: 100% auto; }
}

.vwrap { display: none; z-index: 999; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); }
.vwrap .videobox { z-index: 990; background: #fff; width: 800px; height: 500px; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; height: 100%; display: block; background: #0075c2; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #0075c2; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(/uploads/image/eimages/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.popup { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -115px; z-index: 999; }
.popup .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popup .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popup .img { padding: 20px; }
.popup .img img { width: 100%; height: 100%; display: block; }


.downloads { padding: 94px 0px 82px; }
.downloads .downloads-ul li { background: #c6c4c4; height: 98px; margin-bottom: 12px; font-size: 14px; line-height: 98px; overflow: hidden; padding: 0px 30px; color: #fff; }
.downloads .downloads-ul li:hover { background: #0075c2; }
.downloads .downloads-ul li .downloadbtn { float: right; color: #fff; display: inline-block; width: 126px; height: 55px; background: url(/uploads/image/eimages/downloadcenter.png) no-repeat center top; margin-top: 26px; }
.downloads .downloads-ul li .title { float: left; }
.downloads .downloads-ul li .times { font-size: 12px; margin-left: 42px; }

.kfbox { position: fixed; left: 0px; top: 50%; overflow: hidden; z-index: 999; }