﻿/****-----Public-----***/
/*格式化代码-s*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "museo-slab"; font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; }
input, button { margin: 0; font-size: 12px; vertical-align: middle; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline: none; }
table { border-collapse: collapse; }
a { color: #333; text-decoration: none; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background 0.5s, width 0.5s, height 0.5s, font-size 0.5s; -o-transition-property: width, height, -o-transform, background, font-size, opacity; -o-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; -moz-transition-property: width, height, -o-transform, background, font-size, opacity; -moz-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-property: width, height, transform, background, font-size, opacity; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 1s, 1s; }
img { border: none; }
/*格式化代码-e*/

.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
body, form, div { margin: 0; padding: 0; font-family: "museo-slab"; font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #0054be; }
div { font-size: 14px; line-height: 22px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.p15 { padding: 15px; }
.clear { clear: both; }
.jqzoom { text-decoration: none; float: left; z-index: 999; }
.width { width: 1140px; margin: 0 auto; position: relative; }
.fr { float: right; }
.fl { float: left; }
.red { color: #df4a43 }
.oh { overflow: hidden; }
.w960 { width: 1100px; margin: 0 auto; position: relative; z-index: 1; }
/*list*/
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
/*-index-*/
.header { position: relative; z-index: 20; }
.header-top { height: 35px; line-height: 35px; color: #fff; background: url(../images/bg_header_t.jpg) no-repeat center; }
.header-top p { height: 35px; line-height: 35px; }
.header-top .fr p.fl { color: #a8b5c7; }
.header-top .fr p.fl a { display: inline-block; padding: 0 5px; color: #dae0ea; }
.header-top .fr p.fl a.regist { padding-right: 5px; }
.header-top a { line-height: 35px; }
.header-top a.home { display: inline-block; padding: 0 14px 0 19px; color: #dae0ea; background: url(../images/bg_sign01.png) no-repeat left center; float: left; margin-left: 6px; }
.header-top a.email { display: inline-block; padding: 0 14px 0 25px; color: #dae0ea; background: url(../images/email.png) no-repeat left center; float: left; margin-left: 6px; }
.header-top a.bb { display: inline-block; float: left; }
.header-top .fr p.fl a:hover, .header-top a:hover { color: #fff; }
.header-top p.tel { padding-left: 30px; color: #dae0ea; background: url(../images/bg_sign02.png) no-repeat left center; }
.header-top .search { width: 206px; height: 25px; float: left; margin: 5px 12px 0 10px; display: inline; line-height: 25px; color: #666; background: url(../images/bg_btn01.png) no-repeat; }
.header-top .select { width: 43px; padding-left: 7px; float: left; position: relative; text-align: center; cursor: pointer; z-index: 10; }
.header-top .select p { line-height: 26px; }
.header-top .select-box { width: 40px; background: #fff; border: 1px solid #083b73; border-top: none; padding: 4px 0; position: absolute; left: 8px; top: 23px; display: none; }
.header-top .select-box a { display: inline-block; width: 100%; line-height: 20px; color: #666; text-align: center; float: left; }
.header-top .select-box a:hover { color: #0E74BC; }
.header-top input { width: 112px; height: 25px; padding-left: 10px; line-height: 25px; color: #666; border: none; background: none; float: left; }
.header-top input.submit { width: 34px; height: 25px; padding-left: 0; }
.header-top .wx { width: 39px; float: left; position: relative; cursor: pointer; z-index: 10; }
.header-top .wx-box { width: 340px; background: #fff; border: 1px solid #083b73; border-top: none; padding: 4px 0; position: absolute; left: 0px; top: 34px; display: none; height: 130px; }
.header-main { width: 100%; height: 59px; padding: 20px 0 26px; background: url(../images/bg_header.png) repeat-x bottom; position: relative; z-index: 11; }
.language { width: 45px; padding: 0 15px 0 32px; background: url(../images/bg_sign03.png) no-repeat center 9px; float: left; text-align: center; position: relative; cursor: pointer; z-index: 10; }
.language p { width: 50px; display: inline-block; }
.language.on { background: url(../images/bg_sign03_h.jpg) no-repeat; }
.language-list { width: 45px; padding: 0 15px 5px 32px; position: absolute; left: 0; top: 35px; line-height: 20px; display: none; background: #1c4b80; border-top: 1px solid #355f8e; }
.language-list a { color: #fff; }
/*---nav---*/
.nav { width: 800px; float: right; }
.nav li { float: right; margin-left: 10px; display: inline; position: relative; z-index: 8; position: relative; }
.nav li a { display: inline-block; padding: 0 13px 22px; font-size: 16px; line-height: 59px; color: #666; background: url(../images/bg_li01.png) no-repeat right 2px; }
.nav li a.nav_0 { background: none; padding-right: 0; }
.nav li a.nav_26 { background: none; padding-right: 0; }
.nav li a.nav_37 { background: none; padding-right: 0; }

.nav li a.nav_2 { background: none; padding-right: 0; }
.nav li a.nav_7 { background: none; padding-right: 0; }
.nav li a:hover, .nav li a.on, .nav li a.hover { color: #0E74BC; background-position: right -57px; }
.nav li .sign { width: 19px; height: 9px; background: url(../images/bg_sign04.png) no-repeat; position: absolute; left: 50%; bottom: -7px; z-index: 8; margin-left: -10px; display: none; }
.nav li dl { display: none; position: absolute; top: 79px; left: -20px;background-color:rgba(255,255,255,0.8); border-bottom-left-radius:15px; border-bottom-right-radius:15px }
.nav li:hover dl { display: block; }
.nav li dl dt a { text-align: center; padding-bottom: 0; line-height:30px; padding-left: 0; width: 106px; padding-right: 0; display: block;  height:30px; color: #4d4c4c; font-weight: normal; text-decoration: none; padding-top: 0; padding: 0 10px; background:none; font-size:13px }
.nav li dl dt a:hover { color:#0E74BC; font-weight:bold  }
/*-banner-*/
/* =Skitter styles
----------------------------------------------- */
.box_skitter { height: 616px; position: relative; top: -6px; margin-bottom: -6px; z-index: 1; }
.box_skitter .w960 { height: 16px; position: absolute; left: 50%; bottom: 20px; margin-left: -480px; z-index: 5; }
.box_skitter img { max-width: none; }
/* Tip for stildv */
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; overflow: hidden; }
.box_skitter .image img { display: none; }
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 2; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 2; }
/* =Navigation
-------------------------------------------------------------- */
.box_skitter .btn { display: inline-block; width: 65px; height: 66px; position: absolute; left: 50%; top: 243px; z-index: 5; overflow: hidden; padding: 0; background: none; border: none; }
.box_skitter .prev_button { margin-left: -623px; }
.box_skitter .next_button { margin-left: 558px; }
.box_skitter .prev_button img { position: absolute; left: 0; top: 50%; margin-top: -32px; }
.box_skitter .next_button img { position: absolute; right: 0; top: 50%; margin-top: -32px; }
/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide { display: inline-block; height: 16px; position: absolute; right: 0; top: 0; z-index: 5; }
.box_skitter .info_slide .image_number { display: inline-block; width: 16px; height: 16px; margin-left: 6px; background: url(../images/bg_btn02.png) no-repeat; cursor: pointer; text-indent: -9999px; float: left; overflow: hidden; }
.box_skitter .info_slide .image_number_select { background-position: 0 -16px; }
/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position: relative; overflow: hidden; height: 50px; }
.box_skitter .info_slide_thumb { height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; left: 0; padding: 0 !important; opacity: 1.0; }
.box_skitter .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.box_skitter .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px; }
.box_skitter .box_scroll_thumbs { padding: 0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px; background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width: 200px; height: 10px; overflow: hidden; text-indent: -9999em; z-index: 101; cursor: pointer; border: 0px solid #333; }
/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots { position: absolute; bottom: -40px; z-index: 151; padding: 5px 0 5px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.box_skitter .info_slide_dots .image_number { background: #333; float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px; text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter .info_slide_dots .image_number:hover { background: #000; }
.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover { background: #cc3333; float: left; margin: 0 5px 0 0; }
/* =Loading
-------------------------------------------------------------- */
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/loading.gif) no-repeat; width: 32px; height: 32px; }
/* =Label
-------------------------------------------------------------- */

.box_skitter .progressbar { background: #000; position: absolute; top: 5px; left: 15px; height: 5px; width: 200px; z-index: 99; border-radius: 20px; }
/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px; background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; overflow: hidden; }
.box_skitter .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important; display: block !important; position: absolute !important; top: 0; left: 0; }
.box_skitter .preview_slide ul li { width: 100px !important; height: 100px !important; overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; }
.box_skitter .preview_slide ul li img { position: absolute !important; top: 0 !important; left: 0 !important; height: 150px !important; width: auto !important; }
/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; opacity: 1; background: #000; }
.box_skitter .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter .play_pause_button { position: absolute; top: 50%; z-index: 151; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter .play_pause_button.play_button { }
.box_skitter .play_pause_button:hover { opacity: 0.5 !important; }
.box_skitter .focus_button:hover { opacity: 0.5 !important; }
/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large { width: 800px; height: 300px; }
.box_skitter_small { width: 200px; height: 100px; }
/* =Default theme
-------------------------------------------------------------- */


/* =Minimalist theme
-------------------------------------------------------------- */
.skitter-minimalist .prev_button, .skitter-minimalist .next_button, .skitter-minimalist .play_pause_button, .skitter-minimalist .focus_button { display: block; background: url('../images/sprite-minimalist.png') no-repeat !important; }
.skitter-minimalist .prev_button { background-position: -0px -0px !important; width: 24px !important; height: 28px !important; left: -45px !important; }
.skitter-minimalist .next_button { background-position: -0px -28px !important; width: 24px !important; height: 28px !important; right: -45px !important; }
.skitter-minimalist .play_pause_button { background-position: -0px -74px !important; width: 18px !important; height: 18px !important; }
.skitter-minimalist .play_pause_button.play_button { background-position: -0px -56px !important; width: 18px !important; height: 18px !important; }
.skitter-minimalist .focus_button { background-position: -0px -92px !important; width: 18px !important; height: 18px !important; }
.skitter-minimalist .info_slide { background: transparent; }
.skitter-minimalist .info_slide .image_number { background: #000; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; }
.skitter-minimalist .info_slide .image_number:hover { background: #111; }
.skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover { background: #cc3333; }
.skitter-minimalist .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; }
/* =Round theme
-------------------------------------------------------------- */
.skitter-round .prev_button, .skitter-round .next_button, .skitter-round .play_pause_button, .skitter-round .focus_button { display: block; background: url('../images/sprite-round.png') no-repeat; }
.skitter-round .prev_button { background-position: -0px -0px; width: 23px; height: 47px; left: -23px; }
.skitter-round .next_button { background-position: -23px -0px; width: 23px; height: 47px; right: -23px; }
.skitter-round .next_button:hover, .skitter-round .prev_button:hover { opacity: 1; }
.skitter-round .play_pause_button { background-position: -0px -70px; width: 47px; height: 23px; top: 24px; left: 24px !important; }
.skitter-round .play_pause_button.play_button { background-position: -0px -47px; width: 47px; height: 23px; top: 24px; }
.skitter-round .focus_button { background-position: -0px -93px; width: 47px; height: 23px; top: 24px; left: 82px !important; }
.skitter-round .info_slide { background: transparent; }
.skitter-round .info_slide .image_number { background: #999; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; }
.skitter-round .info_slide .image_number:hover { background: #333; }
.skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover { background: #111; }
.skitter-round .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #999; }
.skitter-round .info_slide_dots .image_number:hover { background: #333; }
.skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover { background: #111; }
.skitter-round .progressbar { top: -10px; left: 0px; background: #333; box-shadow: rgba(255,255,255,0.3) 1px 1px 0; }
/* =Clean theme
-------------------------------------------------------------- */
.skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url('../images/sprite-clean.png') no-repeat; }
.skitter-clean .prev_button { background-position: 0px 0px; width: 47px; height: 46px; }
.skitter-clean .next_button { background-position: 0px -46px; width: 47px; height: 46px; }
.skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px; }
.skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px; }
.skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px; }
.skitter-clean .info_slide { background: transparent; }
.skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color: #333; }
.skitter-clean .info_slide .image_number:hover { background: #ccc; }
.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #111; color: #fff; }
.skitter-clean .info_slide_dots { bottom: 10px; background: rgba(255,255,255,0.8); box-shadow: rgba(0,0,0,0.3) 1px 1px 0; }
.skitter-clean .info_slide_dots .image_number { width: 14px; height: 14px; background: #999; }
.skitter-clean .info_slide_dots .image_number:hover { background: #333; }
.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #111; }
.skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 0; }
/* =Square theme
-------------------------------------------------------------- */

.skitter-square .play_pause_button, .skitter-square .next_button, .skitter-square .focus_button, .skitter-square .prev_button { display: block; background: url('../images/sprite-square.png') no-repeat; }
.skitter-square .play_pause_button { background-position: -55px -0px; width: 55px; height: 55px; top: 10px !important; left: 10px !important; bottom: auto !important; right: auto !important; margin-top: 0; }
.skitter-square .play_pause_button.play_button { background-position: -0px -0px; width: 55px; height: 55px; }
.skitter-square .focus_button { background-position: -55px -55px; width: 55px; height: 55px; top: 10px !important; left: 65px !important; bottom: auto !important; right: auto !important; margin-top: 0; }
.skitter-square .next_button { background-position: -0px -55px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 10px; }
.skitter-square .prev_button { background-position: -0px -110px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 65px; }
.skitter-square .info_slide { background: transparent; }
.skitter-square .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color: #333; }
.skitter-square .info_slide .image_number:hover { background: #ccc; }
.skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover { background: #111; color: #fff; }
.skitter-square .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #ccc; }
.skitter-square .info_slide_dots .image_number:hover { background: #999; }
.skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover { background: #555; }
.skitter-square .progressbar { top: 0 !important; left: 0 !important; width: 100%; background: #fff; border-radius: 0; height: 2px; }
/*  index-pro
----------------------------------------------------*/
.index-pro { padding: 42px 0; }

.index-pro .btn { width: 27px !important; min-width: 27px; height: 180px; position: absolute; top: 0; cursor: pointer; display: none; background: none; padding: 0; margin: 0; border: none; display: block; overflow: hidden; }
.index-pro .prev { background: url(../images/prev01.jpg) no-repeat 0 center; left: -20px; }
.index-pro .next { background: url(../images/next01.jpg) no-repeat 0 center; right: -20px; }
.index-pro .btn.hover { background-position: -27px center; }
.index-pro .list { width: 1002px; height: 230px; position: relative; overflow: hidden; margin:0px auto }
.index-pro .list ul { float: left; width: 1026px; }
.index-pro .list li { width: 225px; height: 230px;float: left; margin-right: 42px; display: inline; overflow:hidden;  text-align:center }
.index-pro .list li img{ width:100%;}
.sypro{ width:225px; height:139px; overflow:hidden}
.index-pro .list h2 { width: 100%; float: left; margin-top: 9px; font-size: 16px; line-height: 32px; color: #333; }
.index-pro .list h2 span { font-weight: normal; font-size: 12px; color: #959595; padding-left: 12px; }
.index-pro .list p { line-height: 30px; color: #333; text-transform: uppercase;  text-align:center; background:#f3f3f3}
.index-pro .list li a { color: #333; }
.index-pro .list li:hover a { color: #0E74BC; }
.index-pro .list li img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.index-pro .list li img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.index-pro .list li img.none:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
/* =index-news
----------------------------------------------------*/
.index-news { padding: 40px 0; background: #eee; }
.index-news .w960 { height: 280px; overflow: hidden; }
.index-news .l { width: 720px; height: 280px; border-right: 2px solid #e7e7e7; background: #fff; position: absolute; left: -960px; top: 0; }
.index-news .tips { width: 173px; height: 231px; padding: 49px 0 0 40px; background: #0E74BC; float: left; line-height: 24px; color:#c0e3fb; }
.index-news .tips p{ font-size:14px}
.index-news .tips p.en { font-size: 36px; line-height: 38px; font-family: Arial; color: #fff; }
.index-news .tips a.more { display: inline-block; width: 52px; height: 27px; padding-left: 16px; line-height: 27px; color: #a9b6cf; background:#0E74BC; margin-top: 42px; border:1px solid #c0e3fb; border-radius:5px }
.index-news .tips a.more:hover { color: #0E74BC; background-position: 0 -27px; background:#fff }
.index-news .list { width: 455px; padding: 27px 28px 0 24px; float: left; }
.index-news .rec { height: 80px; margin-bottom: 20px; line-height: 18px; }
.index-news .rec img { border: 1px solid #ebebeb; padding: 2px; }
.index-news .intro { width: 310px; height:69px; float: right; padding-bottom: 8px; border-bottom: 1px solid #ececec; }
.index-news .intro a { display: inline-block; width: 100%; line-height: 22px; color: #818181;   font-size:12px;}
.index-news .intro a.tit { font-weight: bold; line-height: 30px; color: #333;  font-size:16px; }
.index-news .intro a:hover { color: #0E74BC; }
.index-news .list li { width: 100%; height: 60px; float: left; margin: 8px 0px; }
.index-news .list .time { width: 80px; padding-right: 12px; border-right: 1px dashed #e0e0e0; float: left; font-size: 14px; line-height: 24px;  }
.index-news .list p.fz22 { font-weight: bold; font-size: 24px; line-height: 30px; color:#666 }
.index-news .list li a { display: inline-block; padding-left: 14px; font-size: 14px; line-height: 34px; color: #666; margin:10px 0px }
.index-news .list li a:hover { color: #0E74BC; }
.index-news .r { width: 378px; height: 305px; position: absolute; left: 960px; top: 0; overflow: hidden; }
.index-news .inews-box { width: 334px; height: 138px; padding: 0 44px 2px 0; float: left; margin-bottom: 13px; background: url(../images/bg_shadow03.png) no-repeat; }
.index-news .inews-box .detail { width: 170px; height: 64px; float: left; padding: 14px 0 0 15px; }
.index-news .inews-box p { line-height: 18px; color: #959595; }
.index-news .inews-box p.fz16 { font-size: 16px; line-height: 28px; color: #333; margin-bottom:15px }
.index-news .inews-box a:hover p { color: #0E74BC; }
/* index-links 
------------------------------------------*/
.index-links { padding: 56px 0 50px; }
.index-links h2 {font-size: 24px; padding-bottom: 10px; font-family: "微软雅黑", "宋体", "黑体"; text-align: center; color: #333; }
.index-links li span{ background:#0E74BC; text-align:center; padding:8px 10px;color:#fff; }
.index-links p { line-height: 24px; text-align: center; margin:15px 0px; }
.index-links li { width: 255px; float: left; margin: 0 5px; display: inline; padding: 5px; background:#eee; text-align:center; height:270px }
.index-links li img {-webkit-transition: all ease .6s;transition: all ease .6s;}
.index-links li img:hover{
	margin-top:-10px;
animation: myfirst 5s;
-moz-animation: myfirst 5s;	/* Firefox */
-webkit-animation: myfirst 10s;	/* Safari 和 Chrome */
-o-animation: myfirst 5s;	/* Opera */
-webkit-animation-iteration-count:2;
-webkit-animation-fill-mode:forwards;
}

/*---底部
----------------------------------------------------------------------------*/
.foot { height: 370px; border-top: 1px solid #e0e0e0; background: url(../images/footer_bg.png) 0 top repeat-x #f2f2f2; overflow:hidden; }
.foot a { color: #fff; }
.copyright { height: 50px; background: #0E74BC; ; color: #fff; line-height: 50px; overflow: hidden; }
.copyright .width { line-height: 50px; line-height: 50px; }
.f_nav { width: 1140px; margin: 0 auto; padding: 30px 0; }
.f_nav .col-01 { width: 280px; float: left; border-right: 1px dashed #ebebeb; height: 260px; text-indent: 40px; }
.f_nav .col-01 dt { height: 60px; line-height: 60px; font-size: 18px; }
.f_nav .col-01 dt a { color: #000; }
.f_nav .col-01 dd { line-height: 34px; float:left; width:140px }
.f_nav .col-01 dd a { color: #999999; }
.f_nav .col-02 { width: 540px; float:left; text-indent: 40px; }
.f_nav .col-02 dt { height: 60px; line-height: 60px; font-size: 18px; color: #000; }
.f_nav .col-02 dt a { color: #fff; }
.f_nav .col-02 dd { line-height: 28px; color: #999999; text-indent: 0px !important; margin:10px 0px 10px 30px }
.f_nav .col-02 dd img{ float:left; margin-right:5px}
.f_nav .col-02 dd i { float: left; margin-left: 0; margin-left: 40px; margin-top: 8px; display: none; }
.f_nav .col-02 dd.son1 i { float: left; background-position: center -278px }
.f_nav .col-02 dd.son2 i { float: left; background-position: center -305px }
.f_nav .col-02 dd.son3 i { float: left; background: none; }
.f_nav .col-02 dd.son4 i { float: left; background: none; }
.f_nav .col-02 dd.son5 i { float: left; background-position: center -328px }
.f_nav .col-02 dd.son6 i { float: left; background-position: center -356px }
.f_nav .col-02 dd.son7 i { float: left; background-position: center -382px }
/* container
---------------------------------------------------------*/
.page_banner { height: 246px; width: 100%; min-width: 960px; margin-top: -5px; position: relative; z-index: 0; background: url(../images/page_banner.jpg) 50% 0px no-repeat; }
.page_banner .width{ display:none;}
.page_26{ background: url(../images/banner_case.jpg) 50% 0px no-repeat; }
.page_2{ background: url(../images/banner_new.jpg) 50% 0px no-repeat; }
.page_1{ background: url(../images/banner_about.jpg) 50% 0px no-repeat; }
.page_8{ background: url(../images/banner_about.jpg) 50% 0px no-repeat; }
.page_23{ background: url(../images/banner_about.jpg) 50% 0px no-repeat; }
.page_9{ background: url(../images/banner_about.jpg) 50% 0px no-repeat; }
.page_36{ background: url(../images/banner_about.jpg) 50% 0px no-repeat; }
.page_7{ background: url(../images/banner_about.jpg) 50% 0px no-repeat; }
.page_4{ background: url(../images/banner_job.jpg) 50% 0px no-repeat; }
.page_14{ background: url(../images/banner_job.jpg) 50% 0px no-repeat; }
#container { width: 1100px; margin: 0 auto; position: relative; z-index: 10; }
.right { width: 240px!important; float: left; padding-bottom: 25px; margin-top: -5px; }
.left { width: 839px; float: right; padding: 15px 0 0 0; overflow: hidden; position: relative; }
.right .top { height: 5px; font-size: 0px; line-height: 0px; background: url(../images/left_tb.gif) no-repeat left top; }
.right .pc_header { height: 75px; background: url(../images/product_title.png) no-repeat; text-indent: 18px; font-size: 16px; font-weight: bold; line-height: 70px; }
.right .pc_header em{ color:#999; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; text-transform: uppercase; font-size:12px; padding-left:5px;}
.right .pc_body { padding: 0px 5px 1px 5px; background: url(../images/left_c_bg.gif) repeat-y; }
.right .bottom { height: 275px; font-size: 0px; line-height: 0px; background: url(../images/left_bottom.jpg) top center no-repeat; }
.right .category { margin-bottom: 0px; }
.right .category span { display: none; }
.right .category li a { display: block; height: 33px; line-height: 33px; border-bottom: 1px solid #eee; color: #404040; font-size: 14px; padding-left: 25px; }
.right .category li.m { background: #f9f9f9; }
.right .category li a:hover { text-decoration: none; color:#0E74BC }
.right .category li.current a { color: #fff; background: url(../images/left_menu_bg.gif) no-repeat left -33px; }
.right .category .submenu { display: none; }
.right .category .submenu dd a { display: block; height: 33px; line-height: 33px; padding-left: 43px; font-size: 12px; color: #404040; background: url(../images/dot1.gif) 33px 5px no-repeat #fff; border-bottom: 1px solid #eee; }
.right .category .submenu dd a:hover { color: #f87c3e; text-decoration: none; }
.right .category .submenu .cur a { background: url(dot2.gif) 30px 7px no-repeat #fff }
.right .category .submenu .cur a { color: #f87c3e }
#right_book{ display:block; height:110px; width:100%; }
#right_cotact{ display:block; height:110px; width:100%; }
.left .pc_header { height: 31px; line-height: 31px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #595959!important; background: #f0f0f0; position: relative; overflow: hidden; margin: 20px 0; border-bottom: 1px solid #e0e0e0; }
/* #position
-------------------------------------------*/
#position { height: 50px; line-height: 50px; border-bottom: #e0e0e0 solid 1px; color: #959595; position: relative; }
#position .home { display: inline-block; background: url(../images/home_ico.gif) no-repeat left center; padding-left: 23px; color: #555; }
#position a { color: #959595!important; }
/* piclist
---------------------------------------------------------*/
.piclist { margin: 0; padding: 0; list-style: none; width: 839px; overflow: hidden; }
.piclist ul { width: 853px; }
.piclist li { float: left; display: block; overflow: hidden; background: #f3f3f3; margin: 0 16px 20px 0; }
.piclist li img { width: 254px; display: block; padding: 2px; margin: 5px; background: #fff; }
.piclist li div { width: 254px; height: 30px; line-height: 30px; font-size: 12px; display: block; text-align: center; padding: 0 6px; padding-bottom: 5px; }
.piclist li:hover { background: #0E74BC; }
.piclist li:hover div { color: #fff; }
/* caselist
---------------------------------------------------------*/
.caselist { margin: 0; padding: 0; list-style: none; width: 839px; overflow: hidden; }
.caselist ul { width: 853px; }
.caselist li { float: left; display: block; overflow: hidden; background: #f3f3f3; margin: 0 16px 20px 0; }
.caselist li img { width: 396px; height:245px; display: block; padding: 2px; margin: 5px; background: #fff; }
.caselist li div { width: 396px; height: 30px; line-height: 30px; font-size: 12px; display: block; text-align: center; padding: 0 6px; padding-bottom: 5px; }
.caselist li:hover { background: #0E74BC; }
.caselist li:hover div { color: #fff; }
/* #goodsshow
----------------------------------------------------------------------------------- */
#goodsshow { background: #fff; padding: 20px 0; overflow: hidden; width: 900px; }
#goodsshow img { border: 0; }
#goodsshow .d_left { float: left; width: 350px; margin: 0 50px 0 0; }
#goodsshow .d_right { float: left; }
#goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #fff; width: 360px; cursor: pointer; }
#goodsshow .shop_plist { clear: both; width: 360px; }
#prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; }
#prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; }
#prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; }
#prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; }
#prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; }
#goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; }
#goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; }
#goodsshow .d_right { width: 340px; }
#goodsshow .d_right h1 { font-size: 18px; font-family: microsoft yahei; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
#goodsshow .d_right .intro { color: #999; min-height: 80px; }
#goodsshow .d_right .sno { border-bottom: 1px solid #eee; line-height: 35px; }
#goodsshow .d_right .price { color: #999; line-height: 30px; padding: 10px 0; }
#goodsshow .d_right .price span { color: #f60; font-size: 16px; }
.newsshow h1 { text-align: center; font-size: 16px; font-weight: normal; font-family: microsoft yahei; }
.newsshow .info { text-align: center; color: #999; padding: 5px 0; }
.newsshow .content { line-height: 24px; }
.newsshow p { margin: 5px 0; line-height: 24px; }
.newsshow .pre { margin: 10px 0 5px 0; color: #999; }
.newsshow .next { margin: 0 0 10px 0; color: #999; }
.about h1 { text-align: center; font-size: 16px; font-weight: normal; font-family: microsoft yahei; }
.about .info { text-align: center; color: #999; padding: 5px 0; }
.about .content { line-height: 24px; }
.about p { margin: 5px 0; line-height: 24px; }
.about .pre { margin: 10px 0 5px 0; color: #999; }
.about .next { margin: 0 0 10px 0; color: #999; }
/*  newslist
-----------------------------------------------------------------*/
.newslist ul { margin: 0 10px 10px 10px; padding: 0; list-style: none; overflow: hidden; }
.newslist ul li { overflow: hidden; width: 100%; padding: 0 0 20px 0; border-bottom: 1px dotted #dbd4cd; margin-bottom: 15px; }
.newslist ul li a { font-size: 13px; color: #666; }
.newslist ul li .time { float: left; color: #999; font-family: verdana; font-size: 12px; width: width: 60px;
}
.newslist ul li:hover h3{ color:#0E74BC}
.newslist ul li:hover .day{background-color: #0E74BC; color:#fff}
.newslist ul li:hover .date{background-color: #0E74BC; color:#fff}

.newslist .conts { float: right; width: 660px; }
.newslist .day, .newslist .date { background-color: #eae6e2; display: block; text-align: center; font-family: Arial; }
.newslist .day { height: 42px; line-height: 42px; border-bottom: 1px solid #fff; color: #000; font-size: 30px; padding: 10px 30px; }
.newslist .date { height: 30px; line-height: 30px; font-size: 14px; }
.newslist h3 { padding-bottom: 10px; margin-top: -2px; font-size: 14px; color: #444; }
.newslist .more { margin-left: 8px; color: #cd0100; }
/* joblist
-------------------------------------------------------*/
.joblist { }
.joblist ul { margin: 0 10px 10px 10px; padding: 0; list-style: none; overflow: hidden; }
.joblist ul li { clear: both; line-height: 35px; height: 35px; border-bottom: 1px dashed #ccc; }
.joblist ul li a { font-size: 13px; }
.joblist ul li span { float: right; color: #999; font-family: verdana; font-size: 12px; }
/* Partnerslist
---------------------------------------------------------*/
.Partnerslist { margin: 0; padding: 0; list-style: none; width: 766px; overflow: hidden; }
.Partnerslist ul { width: 780px; }
.Partnerslist li { float: left; display: block; overflow: hidden; background: #f3f3f3; margin: 0 16px 20px 0; }
.Partnerslist li img { width: 165px; height:65px; display: block; padding: 2px; margin: 5px; background: #fff; }
.Partnerslist li div { width: 165px; height: 30px; line-height: 30px; font-size: 12px; display: block; text-align: center; padding: 0 6px; padding-bottom: 5px; }
.Partnerslist li:hover { background: #0E74BC; }
.Partnerslist li:hover div { color: #fff; }

