@charset "utf-8";
* { word-wrap: break-word; margin: 0; padding: 0 }
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0 }
ul, ol, dl { list-style-type: none }
html, body { *position: static; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button { overflow: visible; vertical-align: middle; outline: none }
body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; font-size: 14px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
a, area { outline: none; blr: expression(this.onFocus=this.blur()); color: #333 }
a { text-decoration: none; cursor: pointer }
a:hover { outline: none }
a.ie6:hover { zoom: 1 }
a:focus { outline: none }
a:hover, a:active { outline: none }
:focus { outline: none }
sub, sup { vertical-align: baseline }
button, input[type="button"], input[type="submit"] { line-height: normal !important; }

/*img*/
img { border: 0; vertical-align: middle }
a img, img { -ms-interpolation-mode: bicubic }
.img-responsive { max-width: 100%; height: auto }

/*IE下a:hover 背景闪烁*/
*html { overflow: -moz-scrollbars-vertical;
    zoom:expression(function(ele) { ele.style.zoom ="1"; document.execCommand("BackgroundImageCache", false, true) }
(this)) }

/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0 }
time { display: inline }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 }
audio:not([controls]) { display: none }
legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5 }
legend small { font-size: 15px; color: #999 }
svg:not(:root) { overflow: hidden }
fieldset { border-width: 0; padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0 }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }

/*
Name:           style_clearfix
Example:        class="clearfix|cl"
Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
.clearfix { display: block; }
.dis_none { display: none; }
.ma { margin: auto; }
.con_1200 { width: 1200px; margin: auto }
.con_1000 { width: 1000px; margin: auto }
.tran_all { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.tran_all3 { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .5s ease }
.f-l { float: left !important; _display: inline }
.f-r { float: right !important; _display: inline }
.clear { height: 0; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height5 { height: 5px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height10 { height: 10px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height15 { height: 15px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height20 { height: 20px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height30 { height: 30px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height40 { height: 40px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height50 { height: 50px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.height90 { height: 90px; clear: both; zoom: 1; line-height: 0; font-size: 0; }
.c-666 { color: #666 }
.c-999 { color: #999 }
.c-ccc { color: #ccc }
.c-fff { color: #fff }
.bg-fff { background: #fff }
.f-bold { font-weight: bold }
.text-l { text-align: left }

/*水平居左*/
.text-r { text-align: right }

/*水平居中*/
.text-c { text-align: center }

/*水平居右*/
.lh-16 { line-height: 16px }

/*16像素行距*/
.lh-24 { line-height: 24px }

/*24像素行距*/
.lh-32 { line-height: 32px }

/*32像素行距*/
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.content { position: relative; font-size: 14px; line-height: 25px; overflow: hidden; text-align: left }
.content h3 { margin-top: 20px; font-size: 16px }
.content p { text-indent: 2em; margin-top: 20px }
.content ul { text-indent: 2em }

/*头部*/
.header { height: 90px; position: fixed; top: 0px; background: #fff; width: 100%; z-index: 1000; border-bottom: 1px solid #f1f1f1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) }
.header .logo { width: 130px; height: 90px; }

/*nav*/
.nav { margin-left: 120px; height: 90px; position: relative; z-index: 1 }
.nav a { }
.nav .nLi { float: left; position: relative; display: inline; width: 90px; height: 90px }
.nav .nLi h3 { width: 88px; height: 90px; background: url(0-02_02.png) no-repeat; border-left: 1px solid #fff; border-right: 1px solid #fff }
.nav .nLi h3 a { display: block; width: 88px; height: 90px }
.nav .nLi h3.nli0 { background-position: 1px 0 }
.nav .nLi h3.nli1 { background-position: -87px 0 }
.nav .nLi h3.nli2 { background-position: -87px 0 }
.nav .nLi h3.nli3 { background-position: -175px 0 }
.nav .nLi h3.nli4 { background-position: -262px 0 }
.nav .nLi h3.nli5 { background-position: -350px 0 }
.nav .nLi h3.nli6 { background-position: -438px 0 }
.nav .nLi h3.nli7 { background-position: -610px 0 }
.nav .nLi h3.nli8 { background-position: -524px 0 }
.nav .nLi:hover h3, .nav .on h3 { background: url(0-02_01.png) no-repeat }
.nav .nLi:hover h3.nli0, .nav .on h3.nli0 { background-position: 1px 0 }
.nav .nLi:hover h3.nli1, .nav .on h3.nli1 { background-position: -87px 0 }
.nav .nLi:hover h3.nli2, .nav .on h3.nli2 { background-position: -87px 0 }
.nav .nLi:hover h3.nli3, .nav .on h3.nli3 { background-position: -175px 0 }
.nav .nLi:hover h3.nli4, .nav .on h3.nli4 { background-position: -262px 0 }
.nav .nLi:hover h3.nli5, .nav .on h3.nli5 { background-position: -350px 0 }
.nav .nLi:hover h3.nli6, .nav .on h3.nli6 { background-position: -438px 0 }
.nav .nLi:hover h3.nli7, .nav .on h3.nli7 { background-position: -610px 0 }
.nav .nLi:hover h3.nli8, .nav .on h3.nli8 { background-position: -524px 0 }
.nav .nLi:hover h3, .nav .on h3 { border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6 }
.nav .sub { width: 88px; height: 0; left: 1px; top: 85px; position: absolute; background: #9e0071; line-height: 35px; overflow: hidden; text-align: center }
.nav .sub a { display: block; color: #fff; font-size: 12px }
.nav .nLi:hover .sub, .nav .on .sub { height: 35px }
.top_r { width: 140px; height: 90px }
.top_r a { display: block; float: left; width: 70px; height: 90px; line-height: 90px; text-align: center; font-size: 45px; color: #aaa; position: relative }
.top_r a:hover { color: #fff; background: #9e0071 }
.top_r a .top_xl { height: 0; width: 113px; position: absolute; right: 0; top: 86px; background: #9e0071; border-radius: 4px; overflow: hidden }
.top_r a .top_xl img { margin: 4px; width: 105px; height: 105px }

/*中*/
#indexpage { position: relative; width: 100%; height: 715px; min-width: 1000px; }
.box { position: relative; width: 100%; height: 100%; overflow: hidden; min-width: 1000px }
.b1_bg { background: #ccc }
.b2_bg { background: url(1-01.jpg) no-repeat center center }
.b3_bg { background: url(1-04.jpg) no-repeat center center }
.b4_bg { background: url(1-02.jpg) no-repeat center center }
.b5_bg { background: url(1-05.jpg) no-repeat center center }
.b6_bg { background: url(1-05.jpg) no-repeat center center }
.fixed-view-ico { position: fixed; _position: absolute; left: auto; right: 25px; top: 50%; z-index: 999; width: 20px; height: 140px; margin-top: -70px; }
.fixed-view-ico a { position: relative; display: block; width: 20px; height: 20px; margin-bottom: 10px; background: url(0-04.png) no-repeat 0 -20px; _background: url(0-04.png) no-repeat 0 -20px; }
.fixed-view-ico a:hover, .fixed-view-ico .cur { background: url(0-04.png) no-repeat 0 0; _background: url(0-04.png) no-repeat 0 0; }
.fixed-view-ico a span { display: inline-block; width: 0px; position: absolute; right: 25px; top: 0; font-size: 12px; line-height: 20px; height: 20px; background: url(0-05.png) no-repeat; color: #fff; text-align: center; overflow: hidden; transition: all ease-in 0.2s; }
.fixed-view-ico a:hover span, .fixed-view-ico .cur span { width: 70px; }

/*foot*/
.footer { height: auto; background: #fff }
.foot_1 .f-l { width: 300px; }
.foot_1 .f-l .p1 { height: 35px; line-height: 35px; color: #666 }
.foot_1 .f-l .p1 i { font-size: 24px; margin-right: 10px; color: #aaa }
.foot_1 .f-l .code img { border: 1px solid #dadada }
.foot_1 .f-l .code p { display: inline-block; width: 107px; margin-right: 20px; line-height: 35px; color: #666 }
.foot_1 .f-r { width: 800px; }
.foot_1 .f-r dt { width: 114px; float: left }
.foot_1 .f-r dt a { display: block; width: 70px }
.foot_1 .f-r dt .one { border-bottom: 1px solid #e1e2e3; color: #666; font-size: 16px; padding-bottom: 15px; margin-bottom: 10px }
.foot_1 .f-r dt .two { color: #999; font-size: 12px; line-height: 30px }
.foot_1 .f-r dt .two:hover { color: #9e0071 }
.foot_2 { padding:5px 0; color: #999; font-size: 12px; border-top: 1px solid #e1e2e3; }
.foot_2 a { color: #999 }

/*返回顶部*/
.side { position: fixed; width: 54px; height: 275px; left: 0; top: 50%; margin-top: -150px; z-index: 100; }
.side ul li { width: 54px; height: 54px; position: relative; margin-bottom: 1px }
.side ul li .sidebox { position: absolute; width: 54px; height: 54px; top: 0; left: 0; transition: all 0s; background: #666; opacity: 0.8; filter: Alpha(opacity=80); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; }
.side ul li .sidebox2 { position: absolute; width: 0; height: 109px; top: 0; left: 54px; padding: 0; background: #9e0071; transition: all 0s; overflow: hidden; }
.side ul li .sidebox2 img { margin: 2px; width: 105px; height: 105px }
.side ul li .sidetop { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #666; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0s; }
.side ul li .sidetop:hover { background: #9e0071; opacity: 1; filter: Alpha(opacity=100); }
.side ul li img { float: left; }

/*banner*/
.slideBox { width: 1920px; height: 100%; overflow: hidden; position: relative; left: 50%; margin-left: -960px }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 50px; z-index: 1 }
.slideBox .hd ul { overflow: hidden; zoom: 1; text-align: center }
.slideBox .hd ul li { display: inline-table; *display: inline; *zoom: 1; margin: 0 5px; width: 15px; height: 15px; background: #e0e0e0; cursor: pointer; border-radius: 15px }
.slideBox .hd ul li.on { background: #9e0071; }
.slideBox .bd { position: relative; z-index: 0; height: 100%; }
.slideBox .bd ul { position: relative; height: 100%; }
.slideBox .bd li { zoom: 1; position: relative; height: 100%; }
.slideBox .bd img { width: 1920px; height: 1100px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 50%; margin-top: -450px }
.ban_wz { position: absolute; top: 200px; left: 50%; margin-left: 100px }

/*title*/
.index_title { position: relative; top: 300px; opacity: 0 }
.index_title h3 { font-family: Arial; font-size: 48px }
.index_title h4 { font-size: 26px }
.index_title .t_line { margin: 15px auto 0; width: 230px; height: 25px; background: url(2-01.png) no-repeat }
.index_title .t_line2 { margin: 15px auto 0; width: 230px; height: 25px; background: url(2-01-2.png) no-repeat }

/*about*/
.b2_bg .con_1200 { position: relative; top: 50%; margin-top: -300px }
.picBtnTop { width: 570px; height: 450px; padding-left: 60px; position: relative; overflow: hidden; zoom: 1; left: -400px; opacity: 0; background: url(2-07.png) 0 0 no-repeat; }
.picBtnTop .bd { width: 448px; height: 448px; position: relative; background: url(2-08.png) 0 0 no-repeat; }
.picBtnTop .bd li { position: relative; zoom: 1; vertical-align: middle; padding: 4px; }
.picBtnTop .bd li img { width: 440px; height: 440px; }
.picBtnTop .hd { height: 15px; width: 448px; overflow: hidden; position: absolute; bottom: 30px; z-index: 1; }
.picBtnTop .hd ul { overflow: hidden; zoom: 1; text-align: center }
.picBtnTop .hd ul li { display: inline-block; *display: inline; zoom: 1; margin: 0 3px; width: 11px; height: 11px; text-align: center; background: url(2-06.png) -11px 0 no-repeat; cursor: pointer; }
.picBtnTop .hd ul li.on { background: url(2-06.png) 0 0 no-repeat; }
.index_about_p { width: 540px; margin-top: 100px; position: relative; right: -400px; opacity: 0 }
.index_about_p h2 { font-size: 28px; color: #9e0071 }
.index_about_p p { font-size: 14px; line-height: 28px; color: #888; overflow: hidden }
.index_about_p .i_a_l { width: 40px; border-top: 1px solid #dcdcdc; margin: 20px 0 }

/*service*/
.b4_bg .con_1200 { position: relative; top: 50%; margin-top: -210px }
.index_service { position: relative; left: 50%; margin-left: -600px }
.index_service ul li { width: 240px; margin-right: 80px; float: left; color: #666; position: relative; bottom: -400px; opacity: 0 }
.index_service ul li.last { margin-right: 0 }
.ico_ser { height: 69px; background: url(3-01.png) no-repeat }
.i_s1 { background-position: 0 0 }
.i_s2 { background-position: -320px 0 }
.i_s3 { background-position: -640px 0 }
.i_s4 { background-position: -960px 0 }
.index_service ul li h5 { font-size: 18px; color: #333; margin: 10px 0 }
.index_service ul li p { font-size: 12px; line-height: 28px }
.index_service ul li:hover h5 { color: #9e0071 }

/*news*/
.b5_bg .con_1200 { position: relative; top: 50%; margin-top: -330px }
.index_news { overflow: hidden; position: relative; height: 470px; margin-top: 60px }
.index_news .i_news_l { width: 600px; height: 470px; position: relative; left: -400px; opacity: 0; border-bottom-right-radius: 25px; }
.index_news .i_news_l .pic { width: 600px; height: 311px }
.index_news .i_news_l .pic img { width: 600px; height: 311px }
.index_news .i_news_l .news_t { position: relative; height: 40px; line-height: 40px; padding: 0 20px; padding-top: 20px; font-size: 22px }
.index_news .i_news_l .news_t span { display: block; width: 470px }
.index_news .i_news_l .news_t .time { position: absolute; right: 20px; top: 25px; font-size: 12px }
.index_news .i_news_l .news_p { padding: 5px 20px 0; height: 50px; line-height: 25px; font-size: 12px; overflow: hidden }
.index_news .i_news_l .news_m { padding: 0 20px; margin-top: 5px; height: 24px }
.index_news .i_news_r { width: 550px; height: 470px; position: relative; right: -400px; opacity: 0 }
.index_news .i_news_r ul li { position: relative; width: 550px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc }
.index_news .i_news_r ul li a { display: block; width: 420px; position: relative }
.index_news .i_news_r ul li .time { position: absolute; right: 0; top: 3px; padding-left: 15px; font-size: 12px; background: url(4-09.png) no-repeat left center }
.index_news a:hover { color: #9e0071 }

/*product*/
.b3_bg .con_1200 { position: relative; top: 50%; margin-top: -350px }
.page_container { position: relative; width: 1200px; height: 610px; margin-top: 30px; top: 300px; opacity: 0 }
.page_container .container_p { position: absolute; top: 0; left: 0; overflow: hidden; }
.page_container .p_1 { left: 0; top: 0 }
.page_container .p_2 { left: 397px; top: 0 }
.page_container .p_3 { left: 759px; top: 0 }
.page_container .p_4 { left: 969px; top: 0 }
.page_container .p_5 { left: 0; top: 236px }
.page_container .p_6 { left: 397px; top: 236px }
.page_container .p_7 { left: 759px; top: 236px }
.page_container .p_8 { left: 397px; top: 432px }
.page_container .p_9 { left: 759px; top: 432px }
.page_container .mask_p { height: 100%; width: 100%; position: absolute; top: -100%; left: 0px; background: url(5-06.png) no-repeat center center }
.page_container .mask_p dt { position: relative; height: 56px; top: 50%; line-height: 28px; margin-top: -28px; text-align: center; color: #fff; font-size: 16px; }
.page_container .mask_p dt span { font-size: 12px; color: #ccc }
.page_container .container_p img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter: none; transition: -webkit-filter 0.5s; }
.page_container .container_p:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: none }