﻿/*符号字体*/
@font-face { font-family: 'myicomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: 'myicomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.icon-search,
.icon-th-large,
.icon-th,
.icon-th-list,
.icon-check,
.icon-close,
.icon-clock-o,
.icon-qrcode,
.icon-map-marker,
.icon-chevron-left,
.icon-chevron-right,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-down,
.icon-chevron-up,
.icon-chevron-down,
.icon-bars,
.icon-envelope,
.icon-angle-left,
.icon-angle-right,
.icon-angle-up,
.icon-angle-down,
.icon-paw,
.icon-tencent-weibo,
.icon-qq,
.icon-wechat,
.icon-share-alt,
.icon-line-chart { font-family: 'myicomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
sub, sup { margin: 0; padding: 0; border: 0; }
html { line-height: 1; }
ol, ul { list-style: none; }
ul ul { list-style-type: circle; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*END RESET*/

html { min-height: 100%; height: 100%; -webkit-text-size-adjust: none; font-family: 微软雅黑; font-size: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { height: 100%; width: 100%; position: relative; overflow-x: hidden; background-color: #fff; }
#siteContainer { width: 100%; min-height: 100%; position: relative; padding-bottom: 60px; padding-top: 60px; }

@media only screen and (max-width: 741px) {
#siteContainer { padding-top: 88px; }
}

/* 可变容器自适应宽度 */
.autopadding { padding-left: 10%; padding-right: 10%; }

@media only screen and (min-width: 1401px) {
.autopadding { padding-left: 10%; padding-right: 10%; }
}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
.autopadding { padding-left: 4%; padding-right: 4%; }
}

@media only screen and (max-width: 1025px) {
.autopadding { padding-left: 1%; padding-right: 1%; }
}
/* 可变容器自适应宽度结束 */

/*黑色的标题*/
.pinfo > h3 { color: #bbb; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 1.5em; font-weight: normal; padding-top: 1%; padding-bottom: 1%; text-transform: uppercase; }
/*灰色的标题*/
.pinfo .line { display: block; width: 100%; height: 1px; border-top: 1px solid #bbb; }
.pinfo .content { width: 66%; float: left; font-size: 14px; line-height: 2em; color: #333; padding: 1.6% 0 0 0; }
.pinfo .content h3 { color: #bbb; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 2em; font-weight: normal; margin-top: 3%; margin-bottom: 1.6%; text-transform: uppercase; }
.pinfo .extra { width: 34%; float: left; padding: 1.6% 0 1.6% 5%; color: #777; font-size: 14px; line-height: 2em; }
.pinfo .extra strong { color: #555; font-weight: bold; }
.pinfo .extra a { text-decoration: underline; }

.pinfo ul.teamtab { display: block; font-size: 24px; line-height: 1em; height: 1em; width: 100%; margin-bottom: 1%; margin-top:1%; }
.pinfo ul.teamtab li { display: inline-block; height: 100%; text-align: center; padding: 0 1em; }
.pinfo ul.teamtab li a { font-size: 24px; line-height: 1em; text-align: left; color: #ccc; }
    .pinfo ul.teamtab li a.current { color: #333; }
.pinfo .panes { font-size: 14px; line-height: 1.5em; color: #333; }
.pinfo .panes b { font-weight: bold; }

.pinfo .adminpane h2 {color: #333; -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 2em; font-weight: normal; text-transform: uppercase; }
.pinfo .adminpane .item2 {width: 15%; margin: 0 1.6% 1.6% 0; float: left; position: relative; color: #333; padding:1em 1em 1.5em 1em; background-color:#f3f3f3}
.pinfo .adminpane .item2 > img { }
.pinfo .adminpane .item2 > h4 { font-size:18px; font-weight:bold; color:#333; line-height:2em;}
.pinfo .adminpane .item2 > span { font-size:16px; color:#555; line-height:1.5em; display:block; height:3em;}

@media only screen and (min-width: 1130px) and (max-width: 1500px) {
.pinfo .adminpane .item2 > span { font-size:14px;}
}

@media only screen and (max-width: 1129px) {
.pinfo .adminpane .item2 > span { font-size:12px;}
}

@media only screen and (max-width: 741px) {
.pinfo .adminpane .item2 { width: 49%; margin: 1% 1% 1% 0;}
}

/*专项服务页*/
.pinfo .services { display: block; width: 100%; position: relative; margin-top: 3%; }
.pinfo .services .item { width: 23.5%; margin: 1% 2% 0 0; float: left; position: relative; }
.pinfo .services .item.lastitem { margin-right: 0; }
.pinfo .services .item h1 { color: #999; font-size: 28px; text-transform: uppercase; margin-bottom: 1em; line-height: 1.2em; text-align: center; -webkit-font-smoothing: antialiased; font-weight: normal; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; }
.pinfo .services .item a { display: block; padding: 0; }
.pinfo .services .item:hover h1 { color: #333; }
.pinfo .services .item img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.pinfo .services .item:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
.pinfo .services .item h1 { font-size: 24px; }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
.pinfo .services .item h1 { font-size: 20px; }
}

@media only screen and (max-width: 741px) {
.pinfo .services .item h1 { font-size: 16px; }
.pinfo .services .item { width: 49%; }
.pinfo .services .item.l2item { margin-right: 0; }
.pinfo .services .item img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
}
/*专项服务页结束*/

/*联系我们列表页*/
.contactlist { width: 100%; font-size: 16px; font-style: italic; line-height: 1.5em; display: block; overflow: hidden; }
.contactlist .item { float: left; width: 15%; display: block; border-right: 1px solid #fff; height: 100%; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
.contactlist .item a { display: block; width: 100%; height: 100%; }
.contactlist .item a img { width: 470%; max-width: 470%; height: 100%; }
.contactlist .item h2 { z-index: 10; display: block; position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 0.5em; margin-top: 2em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; text-transform: uppercase; font-style: normal; font-weight: bold; letter-spacing: 1px; font-size: 18px; text-align: left; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.contactlist .item h3 { display: block; position: absolute; width: 100%; bottom: 0; left: 0; text-transform: uppercase; font-style: normal; font-weight: bold; letter-spacing: 1px; font-size: 30px; line-height: 1em; color: #fff; text-align: left; margin: 0px 0px 15px 20px; /* text-shadow: -1px -1px 1px #ccc;*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.contactlist .item.active { width: 70%; }
.contactlist .item.active a img { width: 100%; max-width: 100%; }
.contactlist .item.active h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.contactlist .item.active h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (max-width: 741px) {
.contactlist .item { margin-bottom: 1.6%; }
.contactlist .item h1 { display: none; }
.contactlist .item h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.contactlist .item a img { width: 100%; max-width: 100%; height: auto; }
.contactlist .item.active { width: 100%; }
.contactlist .item { width: 100%; }
}
/*联系我们内容页*/
.pinfo .extra h4 { color: #333; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 1em; font-weight: normal; text-transform: uppercase; }
.pinfo .joinus { width: 66%; float: left; font-size: 14px; line-height: 2em; color: #333; padding: 0; border-bottom: 1px solid #bbb; }
.pinfo .hrinfo { width: 34%; float: left; padding: 1.6% 0 0 5%; color: #777; font-size: 12px; line-height: 2em; }
.pinfo .joinus .accordpane { width: 100%; position: relative; }
.pinfo .joinus .accordpane h3 { position: relative; margin: 0; border-top: 1px solid #bbb; font-size: 18px; line-height: 3em; cursor: pointer; color: #333; }
.pinfo .joinus .accordpane h3:hover { color: #000; }
.pinfo .joinus .accordpane ol { padding: 0 0 0 30px; margin: 0; }
.pinfo .joinus .accordpane ol li { list-style-type: decimal; font-size: 14px; color: #666; }
.pinfo .joinus .accordpane h3.first { border-top: none; }

@media only screen and (max-width: 741px) {
.pinfo .joinus { width: 100%; }
.pinfo .hrinfo { width: 100%; padding: 1.6% 0; }
.pinfo .joinus .accordpane h3 { font-size: 14px; }
.pinfo .joinus .accordpane ol li { font-size: 12px; }
}

/*联系我们结束*/

/*关于页*/
.pinfo .intro2 { width: 100%; padding: 1% 0; color: #333; font-size: 16px; line-height: 1.8em;padding-right: 20%; }
.pinfo .intro2 .imghead { width: 480px; float: left;margin-right:1em;  }
.pinfo .intro2 video { max-width: 100%; width: 100%; height: auto; }
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
.pinfo .intro2  { padding-right: 10%; }
}

@media only screen and (min-width: 1281px) and (max-width: 1400px) {
.pinfo .intro2  { padding-right: 5%; }
}

@media only screen and (min-width: 742px) and (max-width: 1280px) {
.pinfo .intro2  { padding-right: 0; }
}

@media only screen and (max-width: 741px) {
.pinfo .intro2 { padding-top: 0;padding-right: 0; }
.pinfo .intro2 .imghead { width: 100%; }
}

.pinfo .about { display: block; width: 100%; position: relative; margin-top: 2%; }
.pinfo .about .item { width: 18.8%; margin: 0 1.5% 1.5% 0; float: left; position: relative; border-radius: 8px; background-color: #e8e8e8; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; }
.pinfo .about .item.lastitem { margin-right: 0; }
.pinfo .about .item h1 { margin-top: 0.8em; color: #999; text-transform: uppercase; font-size: 32px; line-height: 1.2em; margin-bottom: 0.5em; text-align: center; -webkit-font-smoothing: antialiased; font-weight: normal; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; }
.pinfo .about .item a { display: block; padding: 0; }
.pinfo .about .item:hover h1 { color: #333; }
.pinfo .about .item img { margin-bottom: 25%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.pinfo .about .item:hover { background-color: #efefef; }
.pinfo .about .item:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
.pinfo .about .item h1 { font-size: 24px; }
}

@media only screen and (min-width: 742px) and (max-width: 1025px) {
.pinfo .about .item h1 { font-size: 20px; }
}

@media only screen and (max-width: 741px) {
.pinfo .about .item h1 { font-size: 16px; }
.pinfo .about .item img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 100; margin-bottom: 10%; }
}
/*关于页结束*/
/*新闻列表页*/

/* 清除浮动 */
.clear { clear: both !important; }
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.lxwm{
width:500px;
height:550px;
float:left;}

.bjtc_1{
position:absolute;
top:10%;
left:80px;
width:350px;
height:80%;
background:#ffffff;
opacity: 0.5;}
.lxwm_1{
position:absolute;
top:100px;
left:40px;
}
.lxwm_1{
white-space: normal;
margin-left:100px;
padding:0 0;
line-height:30px;
font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 12px;
font-style:normal;
position:absolute;}

.wx_1{
position:absolute;
left:-23px;	
bottom:-130px;}
.wx_2{
position:absolute;
left:120px;
bottom:-130px;}
.gywm{
width:100%;
height:80%;
position:absolute;
background:#ffffff;
opacity: 0.8;
top:10%;
left:0px;
overflow:hidden;
}

.gywm p{
font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 12px;
font-style:normal;
margin-left:20px;
margin-right:20px;
display:block;
}

