/**
 * reset style
 */
body { overflow-x: hidden; font-family: "Helvetica Neue", "PingFang SC", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: normal; }
ul, ol, dl, p {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}
ul, ol { padding-left: 0; }
dd { margin-left: 0; }
img { vertical-align: top; }
textarea { resize: none; }
a { transition: .5s; }
a:hover { text-decoration: none; }

/**
 * header style
 */
.header { min-height: auto; margin-bottom: 0; background-color: #fff; }
.topbar { height: 32px; font-size: 12px; line-height: 32px; background-color: #333; color: #fff; }
.header > .container .navbar-brand { height: 95px; padding-top: 0; padding-bottom: 0; margin-left: 0; }
.header .navbar-nav > li > a:focus,
.header .navbar-nav > li > a:hover,
.header .navbar-nav > .active> a,
.header .navbar-nav > .active> a:focus,
.header .navbar-nav > .active> a:hover { background-color: #D81B79; color: #fff; }

/**
 * product style
 */
.sec-tt { padding: 30px 0; text-align: center; }
.product-item { position: relative; overflow: hidden; height: 360px; margin-bottom: 15px; }
.product-item img { width: 100%; height: 100%; }
.product-item-tt { position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; text-align: center; font-size: 24px; line-height: 65px; background-color: #333; color: #fff; }
.product-item-tt > span { position: relative; z-index: 1; }
.product-item-tt::after { content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; opacity: 0; background-color: #D81B79; transition: .5s; }
.product-item-tt:hover { color: #fff; }
.product-item:hover > .product-item-tt::after { opacity: 1; left: 0; }

/**
 * contactus style
 */
.contactus-tab-ctrl-item { margin-bottom: 15px; }
.contactus-tab-ctrl-item > img { width: 100%; }
.contactus-main { position: relative; max-height: 450px; }
.contactus-main-item { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; }
.contactus-main-item.active { display: block; }
.contactus-main-item img { width: 100%; max-height: 450px; }

/**
 * case style
 */
.case { background-color: #f6f6f6; }
.case-item { display: block; margin-bottom: 15px; overflow: hidden; }
.case-item > img { width: 100%; transition: .5s; }
.case-item:hover > img { transform: scale(1.2)}
.case .more,
.news .more { display: block; width: 180px; padding: 15px; border: 1px solid #D81B79; margin: 15px auto; text-align: center; color: #666; transition: .5s; }
.case .more:hover,
.news .more:hover { background-color: #D81B79; color: #fff; }

/**
 * news style
 */
.news { background-color: #f6f6f6; }
.news .thumbnail img { width: 100%; }
.news .caption > a { display: block; padding: 7px 0; font-weight: 700; color: #333; }
.news .caption > a:hover { color: #D81B79; }
.news .caption > p { color: #666; }

/**
 * footer style
 */
.footer-bar { padding: 30px 0; text-align: center; background-color: #333; color: #fff; }
.footer-bar .glyphicon { padding-right: 7px; }
.footer-bar p { margin-bottom: 15px; }
.footer-main { padding: 30px 0; }
.ft-item { text-align: center; }
.ft-item dd { height: 25px; line-height: 25px; }
.ft-item a { color: #666; }

/**
 * main style
 */
.main-tt { padding: 15px 0; border-bottom: 1px solid #ddd; font-size: 30px; font-weight: 700; color: #D81B79; }
.main-subtt { padding: 30px 0; }
.main-subtt-item { transition: .5s; }
.main-subtt-item:hover { background-color: #D81B79; color: #fff; }
.content { overflow: hidden; padding: 15px 0; }
.news-media { padding: 15px 0; border-top: 1px solid #ddd; }
/*.news-media .thumbnail { height: 100px; }*/
/*.news-media .thumbnail >img { width: 100%; height: 100%; }*/
.news-media h4 { padding-bottom: 15px; font-weight: 700; }
.news-media p { padding-bottom: 7px; color: #666; }
.news-media h4 > a { color: #333; transition: .5s; }
.news-media h4 > a:hover { color: #D81B79; }
.pagination { margin-left: auto; margin-right: auto; }

/**
 * news-content style
 */
.news-content-tt { padding-bottom: 15px; border-bottom: 1px solid #ddd; text-align: center; }
.news-content-tt > h3 { padding-bottom: 15px; font-size: 24px; }
.news-content-tt > p { color: #666; }
.news-content-main { padding: 15px 25px; }


/**
 * media style
 */
@media only screen and (min-width: 1200px) {
    .header .nav { float: right; }
    .header .nav> li > a { height: 95px; padding-top: 0; padding-bottom: 0; line-height: 95px; }
    .banner,
    .product,
    .contactus,
    .case,
    .news { margin-bottom: 36px; }
    .news-media .thumbnail { margin-bottom: 0; }
}
@media only screen and (max-width: 768px) {
    .header .navbar-brand > img { width: 100%; }
    .sec-tt { padding: 15px 0; }
    .sec-tt > img { width: 100%; }
    .product-item { height: auto; }
    .footer-bar,
    .footer-main { padding-top: 15px; padding-bottom: 15px; }
    .footer-bar p { margin-bottom: 15px; }
    .footer .vxcode { width: 25%; margin: 0 auto; }
    .footer-logo { margin: 0 auto; padding-bottom: 15px; }
}






.dede_pages{
text-align:right;
}
.dede_pages ul{
float:right;
padding:12px 0px 12px 16px;
}
.dede_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
border:1px solid #E9E9E9;
}
.dede_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
display:block;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8;
padding:2px 4px 2px;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}