@charset "utf-8";
html{ _background-image:url(about:blank); _background-attachment:fixed;}
body{ background-color:#fff;}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{ margin:0; padding:0;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details{ display:block;}
html, body, fieldset, img, iframe, abbr{ border:0;}
body, textarea, input, button, select, keygen, legend{ font-size:12px; font-family:"Microsoft YaHei",Arial,\5b8b\4f53; color:#333; outline:none;}
h1, h2, h3, h4,h5,h6,strong,b{ font-weight:bold;}
h1,h2,h3,h4,h5,h6,small{ font-size:100%;}
li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
caption, th{ text-align:left; font-weight:normal;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{border:none;}
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
i, cite, em, var, address, dfn{ font-style:normal;}
[hidefocus], summary{ outline:0;}
sup, sub{ font-size:83%;}
pre, code, kbd, samp{ font-family:inherit;}
q:before, q:after{ content:none;}
textarea{ overflow:auto; resize:none;}
label, summary{ cursor:default;}
.f-cb{ height:0; line-height:0; font-size:0; display:block; clear:both; overflow:hidden;}
.f-cf:before, .f-cf:after{ height:0; line-height:0; font-size:0; content:"."; display:block; clear:both; overflow:hidden; visibility:hidden;}
.f-cf{ display:inline-table;}
*html .f-cf{ height:1%; zoom:1;}
.f-cf{ display:block;}
*+html .f-cf{ min-height:1%;}
.f-fl{ float:left !important;}
.f-fr{ float:right !important;}
.f-fn{ float:none !important;}
.f-di{ display:inline !important;}
.f-dib{ display:inline-block !important;}
.f-tal{ text-align:left !important;}
.f-tac{ text-align:center !important;}
.f-tar{ text-align:right !important;}
.f-vam{ vertical-align:middle !important;}
.f-oh{ overflow:hidden !important;}
.f-dn{ display:none !important;}
html, body{ min-width:1100px; min-height:100%; background-color:#fff;}
body, textarea, input, button, select, keygen, legend{ font-family:"Microsoft YaHei",Arial,\5b8b\4f53;}
.f-wma{ width:1100px; margin:0 auto;}
.f-wma:before, .f-wma:after{ height:0; line-height:0; font-size:0; content:"."; display:block; clear:both; overflow:hidden; visibility:hidden;}
.f-wma{ display:inline-table;}
*html .f-wma{ height:1%; zoom:1;}
.f-wma{ display:block;}
*+html .f-wma{ min-height:1%;}
.f-mt-10{ margin-top:10px !important;}
.f-mt-20{ margin-top:20px !important;}
.f-mt-30{ margin-top:30px !important;}
.f-mt-40{ margin-top:40px !important;}
.f-mt-50{ margin-top:50px !important;}
.f-mt-60{ margin-top:60px !important;}
.f-mt-80{ margin-top:80px !important;}
.f-mb-10{ margin-bottom:10px !important;}
.f-mb-20{ margin-bottom:20px !important;}
.f-mb-30{ margin-bottom:30px !important;}
.f-mb-40{ margin-bottom:40px !important;}
.f-mb-50{ margin-bottom:50px !important;}
.f-mb-60{ margin-bottom:60px !important;}
.f-mb-80{ margin-bottom:80px !important;}
.f-bg-f2f2f2{ background:#f2f2f2 !important;}
.page-header{ height:78px; border-top:2px solid #141414; background:url(../img/bg_header.png) left top repeat-x; position:relative; z-index:2;}
.page-header .logo{ height:55px; float:left; margin-top:11px;}
.page-header .logo a,
.page-header .logo img{ height:55px; display:block;}
.page-header .nav{ height:78px; background:url(../img/bg_nav_1.png) left top no-repeat; float:left; margin-left:25px; padding-left:1px;}
.page-header .nav li{ height:78px; font-size:14px; background:url(../img/bg_nav_1.png) right top no-repeat; position:relative; float:left; padding-right:1px;}
.page-header .nav li.last{ background:none;}
.page-header .nav li a{ width:123px; height:78px; color:#fff; display:block; background:url(../img/bg_nav_2.png) left top no-repeat; overflow:hidden; padding-left:1px;}
.page-header .nav li a:hover{ text-decoration:none; background:#2378ce;}
.page-header .nav li a.z-active{ background:#2378ce;}
.page-header .nav li:hover a{ background:#2378ce;}
.page-header .nav li i{ width:30px; height:30px; background-position:center center; background-repeat:no-repeat; display:block; margin:12px auto 0;}
.page-header .nav li.item-1 i{ background-image:url(../img/icon_nav_1.png);}
.page-header .nav li.item-2 i{ background-image:url(../img/icon_nav_2.png);}
.page-header .nav li.item-3 i{ background-image:url(../img/icon_nav_3.png);}
.page-header .nav li.item-4 i{ background-image:url(../img/icon_nav_4.png);}
.page-header .nav li.item-5 i{ background-image:url(../img/icon_nav_5.png);}
.page-header .nav li.item-6 i{ background-image:url(../img/icon_nav_6.png);}
.page-header .nav li span{ text-align:center; display:block; line-height:24px; margin-top:4px;}
.page-header .nav div.duolanmu{ width:252px;display:none; position:absolute; left:-1px; top:78px; background:#2378ce; height:auto;}
.page-header .nav li:hover div.duolanmu{ display:block;}
.page-header .nav dl{ width:126px; float:left; display:none;}
.page-header .nav li:hover dl{ display:block;}
.page-header .nav dl dt a,.page-header .nav dl dd a{ width:auto; height:auto; font-size:12px; line-height:18px; background:none; display:block; padding:8px; padding-top:3px; padding-bottom:3px;}
.page-header .nav dl dt a{ font-weight:bold;}
.page-header .nav dl dd a:hover,.page-header .nav dl dt a:hover{ background:#004c88;}
.page-header .search{ width:110px; height:25px; background:#fff; float:right; margin-top:39px;}
.page-header .search .u-button{ width:38px; height:38px; cursor:pointer; border:none; background:url(../img/bg_search_button.png) left top no-repeat; float:right;}
.page-header .search .u-text{ width:58px; height:22px; float:left; margin-left:4px;}
.page-header .search .u-text input{ width:50px; height:14px; color:#000; line-height:14px; border:none; background:#fff; float:left; padding:5px 4px;}
.page-slider{ width:100%; height:500px; overflow:hidden; position:relative;}
.page-slider .flex-viewport{ width:100%; height:500px; overflow:hidden; position:relative; z-index:1;}
.page-slider .slides{ height:500px; overflow:hidden;}
.page-slider .slides li{ width:100%; height:500px; background-color:fff; background-position:top center; background-repeat:repeat; position:relative;}
.page-slider .slides li a{ width:100%; height:500px; display:block;}
.page-slider .flex-control-nav{ width:100%; height:14px; text-align:center; position:absolute; left:0; bottom:24px; right:0; z-index:2;}
.page-slider .flex-control-nav li{ height:12px; font-size:0; line-height:0; vertical-align:top; display:inline-block; *display:inline; margin:0 6px;}
.page-slider .flex-control-nav li a{ width:12px; height:12px; font-size:0; line-height:0; vertical-align:top; cursor:pointer; background:#fff; display:inline-block; overflow:hidden; border-radius:6px;}
.page-slider .flex-control-nav li a.flex-active{ width:24px;}
.page-slider .flex-direction-nav{ width:100%; z-index:3; position:absolute; left:0; top:0; right:0;}
.page-slider .flex-direction-nav a{ width:34px; height:68px; text-indent:-9999em; background-position:center center; background-repeat:no-repeat; overflow:hidden; position:absolute; top:224px;}
.page-slider .flex-direction-nav a.flex-prev{ background-image:url(../img/bg_slider_prev.png); left:10%;}
.page-slider .flex-direction-nav a.flex-next{ background-image:url(../img/bg_slider_next.png); right:10%;}
.page-footer{ height:185px; border-top:1px solid #141414; background:url(../img/bg_footer.png) left top repeat-x;}
.page-footer .service{ height:128px; margin-top:15px;}
.page-footer .service .menu{ width:250px; color:#fff; float:left; margin-right:16px;}
.page-footer .service .menu dt{ font-size:18px; line-height:28px; margin-bottom:4px;}
.page-footer .service .menu dd{ line-height:20px;}
.page-footer .service .menu dd a{ font-size:12px; color:#fff;}
.page-footer .service .menu.last{ width:300px; margin-right:0;}
.page-footer .copyright{ color:#fff; line-height:20px; text-align:center; border-top:1px solid #436d8f; padding:10px 0;}
.page-footer .copyright a{ color:#fff;}
.page-news{ height:42px; border-top:1px solid #141414; border-bottom:1px solid #ececec;}
.page-news .dt{ width:80px; height:42px; font-size:16px; color:#063d7a; line-height:42px; float:left;}
.page-news .dd{ width:1020px; height:42px; float:left;}
.news-scroll{ width:1020px; height:42px; overflow:hidden; position:relative;}
.news-scroll .hd{ position:absolute; right:0; top:6px;}
.news-scroll .hd a{ width:30px; height:30px; text-indent:-9999em; cursor:pointer; background-position:0 0; background-repeat:no-repeat; display:block; overflow:hidden; float:left;}
.news-scroll .hd a.prev{ background-image:url(../img/bg_news_prev.png); margin-left:2px;}
.news-scroll .hd a.next{ background-image:url(../img/bg_news_next.png);}
.news-scroll .bd{ width:958px; height:42px; position:relative; overflow:hidden;}
.news-scroll .bd ul{ width:560px; overflow:hidden;}
.news-scroll .bd ul li{ height:42px; font-size:16px; color:#3c3c3c; line-height:42px; overflow:hidden;}
.news-scroll .bd ul li a{ color:#3c3c3c;}
.news-scroll .bd ul li span{ float:right;}
.main-menu{ height:210px; margin:15px 0 15px -25px;}
.main-menu .item{ width:348px; height:208px; border:1px solid #141414; position:relative; float:left; margin-left:25px; border-radius:4px;}
.main-menu .item:hover{opacity:0.6;filter:alpha(opacity=60);}
.main-menu .item a{ width:348px; height:208px; display:block;}
.main-menu .item .image{ width:348px; height:208px; overflow:hidden;}
.main-menu .item .image img{ width:348px; height:208px; display:block;}

.main-menu .item .text{ width:276px; height:72px; text-align:center; background:url(../img/bg_mask.png); position:absolute; left:50%; top:50%; margin-left:-138px; margin-top:-36px;}
.main-menu .item .text h3{ height:44px; display:inline-block; margin-top:16px;}
.main-menu .item .text h3 i{ width:44px; height:44px; vertical-align:top; background-position:0 0; background-repeat:no-repeat; display:inline-block;}
.main-menu .item .text h3 span{ font-size:26px; color:#fff; line-height:44px; vertical-align:top; display:inline-block; margin-left:16px;}
.main-menu .item.item-1 .text h3 i{ background-image:url(../img/icon_main_menu_1.png);}
.main-menu .item.item-3 .text h3 i{ background-image:url(../img/icon_main_menu_2.png);}
.main-menu .item .text2{ width:260px; height:168px; color:#fff; text-align:center; background:url(../img/bg_mask.png); position:absolute; left:0; top:0; padding:20px 44px;}
.main-menu .item .text2 h3{ font-size:24px; line-height:36px;}
.main-menu .item .text2 p{ font-size:14px; margin-top:24px;}
.main-menu .item .text2 p i{ width:17px; height:12px; background:url(../img/bg_arrow.png) left top no-repeat; display:block; margin:16px auto 0;}
.page-banner{ height:300px; background:url(../img/bg_banner.png) top center repeat;}
.page-banner img{ width:1100px; height:300px; display:block; margin:0 auto;}
.page-side{ width:194px; float:left;}
.side-menu{ border:1px solid #e8e8e8; border-bottom:none;}
.side-menu dl dt{ height:45px; font-size:16px; color:#3c3c3c; line-height:45px; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.side-menu dl dt a{ height:45px; color:#3c3c3c; background:url(../img/bg_arrow_2.png) 157px center no-repeat; display:block; padding-left:14px; padding-right:45px;}
.side-menu dl dt a:hover{ text-decoration:none;}
.side-menu dl dt.z-active a{ color:#fff; background:#2378ce url(../img/bg_arrow_3.png) 157px center no-repeat;}
.side-menu dl dt a.z-active{ color:#fff; background:#2378ce url(../img/bg_arrow_3.png) 157px center no-repeat;}
.side-menu dl dd{ border-bottom:1px solid #e8e8e8; /*display:none;*/}
.side-menu ul{ padding:8px 0;}
.side-menu ul li{ height:40px; font-size:13px; color:#3c3c3c; line-height:17px; overflow:hidden;}
.side-menu ul li a{ color:#3c3c3c; background:url(../img/bg_arrow_4.png) 18px 5px  no-repeat; display:block; padding-left:34px; padding-right:14px;}
.side-menu ul li a:hover{ text-decoration:none; color:#2378ce; background:url(../img/bg_arrow_5.png) 18px 5px  no-repeat;}
.side-menu ul li a.z-active{ color:#2378ce; background:url(../img/bg_arrow_5.png) 18px center no-repeat;}
.page-side2{ width:256px; float:right;}
.quick-links{ min-height:612px; background:#f2f2f2; padding:10px 24px;}
.quick-links .caption{ height:42px; border-bottom:1px solid #b9b9b9;}
.quick-links .caption .title{ font-size:18px; color:#2278cf; font-weight:normal; line-height:42px; background:url(../img/bg_quick_links.png) left center no-repeat; padding-left:32px;}
.quick-links .caption .title small{ font-size:12px; margin-left:8px;}
.quick-links .content{ margin-top:8px;}
.quick-menu li{ height:30px; font-size:15px; color:#3c3c3c; line-height:30px;}
.quick-menu li a{ color:#3c3c3c; background:url(../img/bg_arrow_6.png) 20px center no-repeat; display:block; padding-left:34px; padding-right:14px;}
.page-main{ width:602px; float:left; margin-left:24px;}
.m-title{ height:45px; font-size:18px; color:#2378ce; line-height:45px; background:#f2f2f2;}
.m-title .title{ font-weight:normal; margin-left:24px;}
.product-list li{ height:128px; border-bottom:1px solid #e8e8e8; overflow:hidden; padding:8px 0;}
.product-list .image{ width:128px; height:128px; overflow:hidden; float:left; margin-left:20px;}
.product-list .image img{ width:128px; height:128px; display:block;}
.product-list .text{ margin-left:168px; margin-top:13px;}
.product-list .text .title{ height:24px; font-size:16px; color:#2378ce; line-height:24px; overflow:hidden;}
.product-list .text .title a{ color:#2378ce;}
.product-list .text .summary{ height:44px; color:#3c3c3c; line-height:22px; overflow:hidden; margin-top:8px;}
.product-list .text .more{ height:22px; line-height:22px; overflow:hidden; margin-top:4px;}
.product-list .text .more a{ color:#ffa800;}
.page-content{ background:#fff; padding:24px 24px 60px;}
.page-content-inner{ background:url(../img/bg_line.png) 194px top repeat-y;}
.m-caption{ color:#2378ce; margin-bottom:16px;}
.m-caption strong{ font-size:20px; line-height:20px; display:block;}
.m-caption span{ font-size:16px; line-height:24px; display:block; margin-top:4px;}
.m-caption-2{ float:left; margin-bottom:0;}
.side-menu2{ border-top:1px solid #e8e8e8;}
.side-menu2 dl dt{ height:45px; font-size:16px; color:#3c3c3c; line-height:45px; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.side-menu2 dl dt a{ height:45px; color:#3c3c3c; background:url(../img/bg_arrow_2.png) 157px center no-repeat; display:block; padding-left:14px; padding-right:45px;}
.side-menu2 dl dt a:hover{ text-decoration:none;}
.side-menu2 dl dt.z-active a{ color:#fff; background:#2378ce url(../img/bg_arrow_3.png) 157px center no-repeat;}
.side-menu2 dl dt a.z-active{ color:#fff; background:#2378ce url(../img/bg_arrow_3.png) 157px center no-repeat;}
.side-menu2-2 dl dt a{ background-image:url(../img/bg_arrow_4.png);}
.side-menu2-2 dl dt.z-active a{ color:#fff; background:#2378ce url(../img/bg_arrow_8.png) 157px center no-repeat;}
.side-menu2-2 dl dt a.z-active{ color:#fff; background:#2378ce url(../img/bg_arrow_8.png) 157px center no-repeat;}
.side-menu2 dl dd{ border-bottom:1px solid #e8e8e8; /*display:none;*/}
.side-menu2 ul{ padding:8px 0;}
.side-menu2 ul li{ height:40px; font-size:13px; color:#3c3c3c; line-height:17px; overflow:hidden;}
.side-menu2 ul li a{ color:#3c3c3c; background:url(../img/bg_arrow_4.png) 18px 5px  no-repeat; display:block; padding-left:34px; padding-right:14px;}
.side-menu2 ul li a:hover{ text-decoration:none; color:#2378ce; background:url(../img/bg_arrow_5.png) 18px 5px  no-repeat;}
.side-menu2 ul li a.z-active{ color:#2378ce; background:url(../img/bg_arrow_5.png) 18px center no-repeat;}
.page-main2{ width:820px; float:right;}
.m-crumb{ height:40px; line-height:40px; margin-bottom:8px;}
.m-crumb .title{ font-size:18px; color:#f29e07; font-weight:normal; float:left;}
.m-crumb .location{ color:#aaa; background:url(../img/bg_location.png) left center no-repeat; float:right; padding-left:20px;}
.m-crumb .location a{ color:#aaa;}
.product-show{ overflow:hidden;}
.product-show img{ width:100%; display:block;}
.product-tabs-nav{ height:32px; margin-top:1px; margin-left:-2px;}
.product-tabs-nav .item{ width:272px; height:32px; font-size:14px; color:#3c3c3c; line-height:32px; text-align:center; cursor:default; background:#f2f2f2; float:left; margin-left:2px;}
.product-tabs-nav .item.z-active{ color:#fff; background:#2378ce;}
.product-tabs-content{ overflow:hidden; margin-top:20px;}
.product-tabs-content .content{ display:none;}
.product-detail{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden;}
.page-main3{ width:780px; float:left;}
.solution-tabs-nav{ height:35px; margin-left:-8px; margin-bottom:5px;}
.solution-tabs-nav .item{ width:386px; font-size:18px; color:#3c3c3c; line-height:35px; text-align:center; background:#f2f2f2; position:relative; float:left; margin-left:8px;}
.solution-tabs-nav .item i{ width:14px; height:5px; background:url(../img/bg_arrow_7.png) left top no-repeat; overflow:hidden; display:none; position:absolute; left:50%; bottom:-5px; margin-left:-7px;}
.solution-tabs-nav .item.z-active{ color:#fff; background:#2378ce;}
.solution-tabs-nav .item.z-active i{ display:block;}
.solution-tabs-content{ overflow:hidden; margin-top:20px;}
.solution-tabs-content .content{ display:none;}
.solution-list{ background:url(../img/bg_line.png) 450px top repeat-y; overflow:hidden; margin-left:-60px;}
.solution-list li{ width:360px; height:108px; border-bottom:1px dotted #c4c4c4; overflow:hidden; float:left; margin-left:60px; padding:16px 0;}
.solution-list li.last{ border-bottom:none;}
.solution-list .image{ width:108px; height:108px; overflow:hidden; float:left;}
.solution-list .image img{ width:108px; height:108px; display:block;}
.solution-list .text{ margin-left:124px;}
.solution-list .text .title{ height:24px; font-size:16px; color:#2378ce; line-height:24px; overflow:hidden;}
.solution-list .text .title a{ color:#2378ce;}
.solution-list .text .summary{ height:40px; color:#3c3c3c; line-height:20px; overflow:hidden; margin-top:8px;}
.solution-list .text .more{ height:20px; line-height:20px; overflow:hidden; margin-top:8px;}
.solution-list .text .more a{ color:#02518f;}
.solution-detail{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden;}
.solution-detail h3{ font-size:18px; color:#015a9d; font-weight:normal; line-height:28px; margin-bottom:8px;}
.service .title{ height:28px; line-height:28px;}
.service .title strong{ font-size:18px; color:#2378ce; font-weight:normal; background:url(../img/bg_dot.png) left center no-repeat; padding-left:14px;}
.service .title a{ color:#838383; float:right;}
.service .content{ margin-top:12px;}
.service-list li{ height:144px;}
.service-list .image{ width:214px; height:144px; overflow:hidden; float:left;}
.service-list .image img{ width:214px; height:144px; display:block;}
.service-list .text{ margin-left:244px;}
.service-list .text .summary{ height:96px; font-size:14px; color:#3c3c3c; line-height:24px; overflow:hidden;}
.service-list .text .more{ height:32px; line-height:32px; overflow:hidden; margin-top:16px;}
.service-list .text .more a{ width:114px; height:32px; color:#fff; line-height:32px; text-align:center; background:#f29e07; display:inline-block;}
.service .line{ height:0; font-size:0; line-height:0; border-bottom:1px solid #ebebeb; overflow:hidden; margin:32px 0 16px;}
.service-detail{ font-size:14px; color:#838383; line-height:24px; overflow:hidden;}
.document-download{ overflow:hidden; margin-left:-36px;}
.document-download .wrap{ width:392px; float:left; margin-left:36px;}
.document-download .title{ height:32px; font-size:15px; color:#2378ce; line-height:32px; background:#f2f2f2; padding:0 28px;}
.document-list{ margin-top:12px;}
.document-list li{ font-size:14px; color:#3c3c3c; line-height:30px;}
.document-list li a{ color:#3c3c3c; background:url(../img/bg_dot_2.png) 4px center no-repeat; padding-left:28px;}
.document-list li a:hover{ text-decoration:none; color:#2378ce; background:url(../img/bg_dot_3.png) 4px center no-repeat;}
.page-filter{ height:52px; font-size:14px; color:#5a5a5a; line-height:52px; text-align:center; border-bottom:1px solid #e4e4e4;}
.page-filter a{ color:#5a5a5a;}
.page-filter a.z-active{ color:#045a9c;}
.case-list{ background:url(../img/bg_line.png) 630px top repeat-y; overflow:hidden; margin-left:-80px;}
.case-list li{ width:510px; height:118px; border-bottom:1px dotted #c4c4c4; overflow:hidden; float:left; margin-left:80px; padding:16px 0;}
.case-list li.last{ border-bottom:none;}
.case-list .image{ width:118px; height:118px; overflow:hidden; float:left;}
.case-list .image img{ width:118px; height:118px; display:block;}
.case-list .text{ margin-left:134px;}
.case-list .text .title{ height:24px; font-size:16px; color:#2378ce; line-height:24px; overflow:hidden;}
.case-list .text .title a{ color:#2378ce;}
.case-list .text .summary{ height:60px; color:#3c3c3c; line-height:20px; overflow:hidden; margin-top:8px;}
.case-list .text .more{ height:20px; line-height:20px; overflow:hidden; margin-top:4px;}
.case-list .text .more a{ color:#02518f;}
.page-page{ text-align:center;}
.page-page a{ height:20px; color:#000; line-height:20px; text-align:center; border:1px solid #ddd; display:inline-block; margin:0 2px; padding:0 6px;}
.page-page a.z-active{ color:#fff; border:1px solid #3e79c8; background:#3e79c8;}
.case-detail{ margin-top:20px;}
.case-detail .caption{ text-align:center; background:#f8f8f8; padding:20px;}
.case-detail .caption .title{ font-size:18px; color:#025b9e; line-height:28px;}
.case-detail .caption .date{ color:#b0b0b0; line-height:18px; margin-top:8px;}
.case-detail .content{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden; margin-top:20px; padding:0 16px;}
.case-detail .content h3{ font-size:18px; color:#015a9d; font-weight:normal; line-height:28px; margin-bottom:8px;}
.page-main4{ width:748px; float:left;}
.page-side3{ width:288px; float:right;}
.about .title{ height:28px; line-height:28px;}
.about .title strong{ font-size:18px; color:#2378ce; font-weight:normal; background:url(../img/bg_dot.png) left center no-repeat; padding-left:14px;}
.about .title a{ color:#838383; float:right;}
.about .content{ margin-top:12px;}
.about-list li{ height:200px;}
.about-list .image{ width:290px; height:200px; overflow:hidden; float:left;}
.about-list .image img{ width:290px; height:200px; display:block;}
.about-list .text{ margin-left:310px;}
.about-list .text .summary{ height:144px; font-size:14px; color:#3c3c3c; line-height:24px; overflow:hidden;}
.about-list .text .more{ height:32px; line-height:32px; overflow:hidden; margin-top:24px;}
.about-list .text .more a{ width:114px; height:32px; color:#fff; line-height:32px; text-align:center; background:#f29e07; display:inline-block;}
.about .line{ height:0; font-size:0; line-height:0; border-bottom:1px solid #ebebeb; overflow:hidden; margin:32px 0 16px;}
.about-list2 li{ font-size:14px; color:#3c3c3c; line-height:32px;}
.about-list2 li a{ color:#3c3c3c;}
.about-list2 li span{ float:right;}
.office-contact{ height:536px; background:#f2f2f2; padding:20px;}
.office-contact .office{ height:252px;}
.office-contact .office .title{ font-size:18px; color:#3c3c3c; line-height:28px; text-align:center;}
.office-contact .office .content{ overflow:hidden; margin-top:8px;}
.office-contact .office .more{ line-height:20px; text-align:center; margin-top:8px;}
.office-contact .office .more a{ color:#2378ce;}
.office-contact .contact{ height:264px; margin-top:20px;}
.office-contact .contact .title{ font-size:18px; color:#3c3c3c; line-height:28px; text-align:center;}
.office-contact .contact .content{ overflow:hidden; margin-top:8px;}
.office-contact .contact .more{ line-height:20px; text-align:center; margin-top:12px;}
.office-contact .contact .more a{ color:#2378ce;}
.office-contact .contact dl{ font-size:14px; color:#3c3c3c; line-height:24px; background-position:0 8px; background-repeat:no-repeat; overflow:hidden; padding:8px 0 8px 28px;}
.office-contact .contact dl.item-1{ background-image:url(../img/icon_contact_1.png);}
.office-contact .contact dl.item-2{ background-image:url(../img/icon_contact_2.png);}
.office-contact .contact dl.item-3{ background-image:url(../img/icon_contact_3.png);}
.office-contact .contact dl.item-4{ background-image:url(../img/icon_contact_4.png);}
.office-contact .contact dl.item-5{ background-image:url(../img/icon_contact_5.png);}
.office-contact .contact dl dt{ width:34px; float:left;}
.office-contact .contact dl dd{ margin-left:34px;}
.about-detail{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden;}
.news-list li{ height:140px; background:#f2f2f2; overflow:hidden;}
.news-list .image{ width:230px; height:140px; overflow:hidden; float:left;}
.news-list .image img{ width:230px; height:140px; display:block;}
.news-list .text{ margin-left:254px; margin-top:12px;}
.news-list .text .title{ height:24px; font-size:16px; color:#3c3c3c; line-height:24px; overflow:hidden;}
.news-list .text .title a{ color:#3c3c3c;}
.news-list .text .summary{ height:60px; font-size:13px; color:#787878; line-height:20px; overflow:hidden; margin-top:8px;}
.news-list .text .more{ height:22px; line-height:22px; overflow:hidden; margin-top:4px;}
.news-list .text .more a{ color:#ffa800;}
.news .line{ height:0; font-size:0; line-height:0; border-bottom:1px solid #ebebeb; overflow:hidden; margin:32px 0 16px;}
.news-list2{ margin-top:20px;}
.news-list2 li{ font-size:14px; color:#787878; line-height:32px;}
.news-list2 li a{ color:#787878;}
.news-list2 li a:hover{ text-decoration:none; color:#2378ce;}
.news-list2 li span{ float:right;}
.news-list2 li a:hover span{ color:#2378ce;}
.news-detail{ margin-top:20px;}
.news-detail .caption{ text-align:center; background:#f8f8f8; padding:20px;}
.news-detail .caption .title{ font-size:18px; color:#025b9e; line-height:28px;}
.news-detail .caption .date{ color:#b0b0b0; line-height:18px; margin-top:8px;}
.news-detail .content{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden; margin-top:20px; padding:0 16px;}
.office-detail{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden;}
.office-toggle{ border:1px solid #d9d9d9; margin-top:20px; padding-bottom:20px;}
.office-toggle .item{ border-bottom:1px solid #d9d9d9;}
.office-toggle .item .title{ height:38px; font-size:14px; color:#3c3c3c; line-height:38px; cursor:pointer; overflow:hidden; position:relative; padding:0 24px;}
.office-toggle .item .title i{ width:16px; height:16px; background:url(../img/bg_dot_4.png) left top no-repeat; overflow:hidden; position:absolute; right:14px; top:11px;}
.office-toggle .item .content{ height:0; color:#3c3c3c; line-height:20px; overflow:hidden;}
.office-toggle .item.z-active .title i{ background:url(../img/bg_dot_5.png) left top no-repeat;}
.office-toggle .item.z-active .content{ height:auto;}
.office-toggle .item .wrap{ height:160px; position:relative; padding:4px 24px 16px;}
.office-toggle .item .wrap .frame{ height:160px; position:relative; overflow:hidden;}
.office-toggle .item .wrap .scrollbar{ width:4px; height:160px; background:#d2d2d2; border-radius:2px; position:absolute; right:20px; top:4px;}
.office-toggle .item .wrap .scrollbar .handle{ width:4px; background:#8d8d8d; border-radius:2px; position:absolute; left:0; top:0;}
.office-toggle .item .wrap .scrollbar .mousearea{ width:4px; height:100%; position:absolute; left:0;}
.contact-detail .wrap{ width:440px; float:left;}
.contact-detail .wrap2{ width:339px; min-height:200px; border-left:1px solid #c5c5c5; padding-left:40px; float:left;}
.contact-detail dl{ font-size:14px; color:#3c3c3c; line-height:24px; background-position:0 8px; background-repeat:no-repeat; overflow:hidden; padding:8px 0 8px 28px;}
.contact-detail dl.item-1{ background-image:url(../img/icon_contact_1.png);}
.contact-detail dl.item-2{ background-image:url(../img/icon_contact_2.png);}
.contact-detail dl.item-3{ background-image:url(../img/icon_contact_3.png);}
.contact-detail dl.item-4{ background-image:url(../img/icon_contact_4.png);}
.contact-detail dl.item-5{ background-image:url(../img/icon_contact_5.png);}
.contact-detail dl dt{ width:34px; float:left;}
.contact-detail dl dd{ margin-left:34px;}
.contact-detail .item2{ font-size:14px; color:#3c3c3c; line-height:24px; padding:8px 0;}
.contact-map{ overflow:hidden; margin-top:20px;}
.contact-map img{ width:100%; display:block;}
.sitemap{ min-height:500px; margin-left:-28px;}
.sitemap dl{ width:112px; float:left; margin-left:28px;}
.sitemap dl dt{ height:40px; font-size:16px; line-height:40px; text-align:center; background:#7bb1e7; margin-bottom:10px;}
.sitemap dl dt a{ color:#fff; display:block;}
.sitemap dl dt.title{ background:#2378ce;}
.sitemap dl dt.extra{ background:#64c3ef;}
.sitemap ul{ margin-bottom:10px;}
.sitemap ul li{ font-size:14px; color:#3c3c3c; line-height:24px; text-align:center;}
.sitemap ul li a{ color:#3c3c3c;}
.page-detail{ font-size:14px; color:#3c3c3c; line-height:22px; overflow:hidden;}