/* ========基础样式*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, q, s, samp, small, strong, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    min-width: 1200px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'microsoft yahei';
}

button, input, select, textarea {
    font: 12px/1.5 'microsoft yahei', arial
}

a {
    color: #5f5f5f;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

p {
    line-height: 25px;
}

img {
    border: 0;
    vertical-align: bottom;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul, li {
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}
/* ========翻页样式*/
.page {
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}
.page a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #5fa6e6;
    border: 1px solid #5fa6e6;
    border-radius: 4px;
    vertical-align: middle;
    transition: 0.5s;
}
.page a:hover {
    background: #5fa6e6;
    color: #fff;
    transition: 0.5s;
}
.page-list a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #5fa6e6;
    border: 1px solid #5fa6e6;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.page-list a:hover {
    background: #5fa6e6;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
/* ========留言样式*/
fieldset {
    border: none
}

.msg_ul {
    width: 580px;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}

.msg_ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
}

.msg_ul li p {
    width: 90px;
    float: left;
    height: 36px;
    font: 14px/36px "microsoft yahei";
    color: #333;
    vertical-align: top;
    text-align: right;
    margin: 0 6px 0 0;
}

.msg_ul li p span {
    color: #5fa6e6;
    margin-top: 2px;
    vertical-align: middle;
    font-weight: bold
}

.msg_input {
    width: 264px;
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 0 10px;
}

.msg_textarea {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 0 10px;
}

.msg_pin {
    width: 164px;
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 0 10px;
    float: left;
}

.msg_pin img {
    float: left;
    margin-left: 14px;
}

.msg_textarea {
    width: 264px;
    height: 80px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 10px;
    resize: none
}

.msg_submit {
    width: 286px;
    height: 36px;
    margin: 20px auto;
    border-radius: 3px;
    border: 0;
    text-align: center;
    font: 18px/36px "microsoft yahei";
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    background: #5fa6e6;
}
.msg_submit:hover {
    background: #fff;
    border: 1px solid #5fa6e6;
    transition: 0.5s;
    color: #5fa6e6;
}
.wrapper { width:1200px; margin:0 auto 40px; margin-top: 80px;}
.part1 { width:1200px; margin:0 auto 40px; }
.part1 .tod { height:210px; }
/* unit */
.unit .tid { height:40px; width:100%; overflow:hidden; margin-bottom:20px; }
.unit .heying { float:left; height:40px; overflow:hidden; text-indent:-99em; background:url(../images/ico.png) 0 0 no-repeat; }
.unit h2 { float:left; height:40px; overflow:hidden; text-indent:-99em; background:url(../images/ico1.png) 0 0 no-repeat; }
.unit .more { float:right; width:78px; height:20px; background:url(../images/more.gif) 0 0 no-repeat; margin-top:20px; overflow:hidden; text-indent:-99em; }
.unit .sort { float:left; height:20px; margin-top:20px; font-size:14px; color:#48275b; margin-left:10px; display:inline; }
.unit .sort a { margin:0 10px; color:#48275b; }
.unit .tod { width:100%; overflow:hidden; }
/* ipro */
.ipro { width:1200px; margin:0 auto 40px;  }
.ipro .tid h2 { width:165px; }
.ipro .tod { position:relative; height:300px; }
.ipro ul { float:left; width:105%; }
.ipro li { width:199px; float:left; margin-right:2px; display:inline; }
.ipro li .u { width:100%; height:148px; background:#c22929; margin-bottom:2px; display:block; position:relative; transition:background 300ms ease; text-align:center; }
.ipro li .u:hover { background:#48275b; transition:background 300ms ease; text-decoration:none; }
.ipro li span { position:absolute; left:0; top:60px; color:#FFF; width:100%; height:20px; line-height:20px; display:block; overflow:hidden; }
.ipro li .g { display:block; margin-bottom:2px; }
.ipro li img { width:100%; height:148px; display:block; }
.ipro li.even span { background:url(../images/tip3_1.gif) center bottom no-repeat; padding-bottom:8px; }
.ipro li.odd span { background:url(../images/tip3_2.gif) center top no-repeat; padding-top:8px; }
/* iabout */
.iabout { width:230px; float:left; }
.iabout .tid h2 { width:165px; background-position:0 -50px; }
.iabout p { line-height:29px; text-align:justify; text-indent:2em; }
/* inews */
.inews { width:330px; float:left; margin-left:90px; display:inline; }
.inews .tid h2 { width:165px; background-position:0 -100px; }
.inews img { width:100%; height:70px; display:block; margin-bottom:10px; }
.inews dl { float:left; width:100%; }
.inews dd { float:left; width:100%; height:30px; line-height:30px; background:url(../images/tip1.gif) 0 center no-repeat; }
.inews dd span { float:right; }
.inews dd a { float:left; margin-left:15px; display:inline; }
/* icontact */
.icontact { width:250px; float:right; }
.icontact .tid h2 { width:180px; background-position:0 -150px; }
.icontact .tel { height:50px; overflow:hidden; line-height:15px; font-size:14px; color:#250c36; }
.icontact .tel font { display:block; line-height:30px; font-size:26px; color:#8453a0; font-family:"Georgia"; }
.icontact p { line-height:23px; }
/* icase */
.icase { width:1200px; margin:0 auto 40px;  }
.icase .tid h2 { width:225px; background-position:0 -200px; }
.icase .tod { position:relative; }
.icase ul { float:left; width:105%; }
.icase ul li { float:left; width:254px; margin-bottom:20px; }
.icase ul a { display:block; width:230px; height:215px; background:url(../images/tip2.gif) right bottom no-repeat #c22929; color:#FFF; transition:background 300ms ease; }
.icase ul img { width:220px; height:165px; display:block; margin-bottom:10px; padding:5px; }
.icase ul span { margin-left:30px; }
.icase ul a:hover { background-color:#48275b; text-decoration:none; transition:background 300ms ease; }
/* ilink */
.ilink { background:#f2f2f2; padding:10px 0; }
.ilink .main { width:1200px; height:40px; line-height:40px; margin:0 auto; }
.ilink h2 { float:left; width:180px; height:40px; overflow:hidden; text-indent:-99em; background:url(../images/ico.gif) 0 -250px no-repeat; }
.ilink a { margin:0 15px; font-size:14px; }
/* footer */
.footer { background:url(../images/footer.gif) 0 0 repeat #c22929; padding-top:50px; padding-bottom:20px; }
.footer .main { width:980px;  margin:0 auto;  line-height:30px; color:#eee8f0; }
.footer .subNav { height:40px; line-height:15px;  }
.footer .subNav a { margin:0 10px; color:#eee8f0; }
.footer .ikey { border-top:1px solid #493d51; padding-top:10px; }
.footer a { color:#eee8f0; }
/* sidebar */
.sidebar { width:240px; float:left; }
.leftNav { width:238px; margin-bottom:20px; border-top:3px solid #48275b; }
.leftNav .tid { height:40px; line-height:40px; border:1px solid #ddd; }
.leftNav .tid h2 { font-size:16px; margin-left:20px; color:#8c336c; }
.leftNav .tod dd { border:1px solid #ddd; border-top:1px solid #FFF; }

.leftNav .tod a.nav2 { display:block; height:30px; line-height:30px; padding-left:30px; background:url(../images/tip4.gif) 10px center no-repeat; }
.leftNav .tod .drop { padding:5px 0; border-top:1px solid #ddd; }
.leftNav .tod .drop a { display:block; height:25px; line-height:25px; margin-left:20px; padding-left:20px; background:url(../images/tip1.gif) left center no-repeat; }
.leftNav .tod a.nav2:hover { background-color:#c22929; text-decoration:none; color:#fff; }
.leftNav .tod .drop a:hover { color:#fff; }
/* leftCon */
.leftCon .tid h2 { width:100%; background-position:0 -150px; }
.leftCon .tod { line-height:26px; margin-bottom:20px; }
.content { width:930px; float:right; border-top:3px solid #48275b;  }
.content .tid { width:900px; padding:0 14px; border:1px solid #ddd; border-top:0; height:40px; line-height:40px; }
.content .tid h2 { float:left; font-size:16px; color:#8c336c; }
.sitepath { float:right; text-align:right; font-size:12px; margin-right:10px; color:#555; }
.sitepath a.home { color:#555; }
.sitepath a:hover { text-decoration:underline; color:#8c336c; }
.sitepath span { color:#555; }
.mainContent h1{font-size:18px;text-align: center;}
.listNews li.item {
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: url(../images/tip1.gif) 0 center no-repeat;
    border-bottom: 1px dashed #AAA;
}
.listNews li.item span {
    float: right;
}
.listNews li.item a {
    float: left;
    padding-left: 15px;
}
.content .tod {
    width: 900px;
    padding: 15px 14px;
    border: 1px solid #ddd;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(221, 221, 221);
    border-top: 0;
    padding-bottom: 15px;
 
}
.listCase ul.list {
    float: left;
    width: 105%;
}
.listCase li.item {
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
}
.listCase li.item a {
    display: block;
    text-align: center;
}
.listCase li.item img {
    display: block;
    width: 260px;
    height: 150px;
    border: 5px solid #f9eeff;
    margin-bottom: 10px;
    transition: border-color 500ms ease;
}
.content .tid {
    width: 900px;
    padding: 0 14px;
    border: 1px solid #ddd;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(221, 221, 221);
    border-top: 0;
    height: 40px;
    line-height: 40px;
}
/* =========== */