html, body { line-height: 180%; font-size: 13px; font-family: "Microsoft Yahei", "宋体"; background: #f8f8f8; }
li { list-style: none; }
a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #333; text-decoration: none; }
a:hover { text-decoration: none; color:#822d7e}
/* 划过图片放大 */
.img-auto { display: block; overflow: hidden; }
.img-auto img { width: auto; height: auto; margin: 0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/* 导航 */
.navbar { position: relative; min-height: 50px; margin-bottom: 0; border: none; }
.navbar-default { background: #f8f8f8; }
.navbar-default section { border-top: 2px solid #822d7e; width: 100%; padding: 20px 0px; height: 102px; }
.navRight { float: right; width: 320px; padding: 10px 0 0 0; height: 70px; }
.navRightT { height: 34px; }
.navRightB { height: 26px; line-height: 26px; }
.navRightB a { padding: 0 3px }
.navInput { float: left; width: 280px; l height:34px;
}
.navButton { float: right; width: 40px; height: 34px; }
.navInput .form-control { border-radius: 4px 0 0 4px; border-right: none }
.navButton .btn-default { border-radius: 0 4px 4px 0; color: #fff; background-color: #822d7e; border-color: #822d7e; width: 40px }
.navButton .btn-default:hover { background-color: #22132d; border-color: #22132d; }
.navAll { }
.bannerWarp { }


.navbar-default .navbar-nav>li { border-left: 1px solid #752971; border-right: 1px solid #8f328a }
.navbar-default .navbar-nav>li:first-child { border-left: 1px solid #822d7e; }
.navbar-default .navbar-nav>li:last-child { border-right: none }
.navbar-default .navbar-nav>li> a { color: #fff; font-size: 16px; }
.navbar-default .navbar-nav>li> a:hover { background: #692565; color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff;background-color: #692565;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #fff;background-color: #692565;}
/* logo */
a.navbar-brand { width: 257px; max-height: 60px; height: 60px; margin: 0; padding: 0 0 0 15px; overflow: hidden; }
a.navbar-brand img { max-width: 242px; max-height: 60px; margin: 0px auto; }
.navbar1 { float: left; padding: 0 0 0 20px }
.navbar1 img { width: 300px; height: 60px; }



/* 导航右侧 */
@media (min-width: 768px) {
#navbar { padding: 0; background: #822d7e }
.navbar-nav>li>a { padding: 10px 35px; }
.navbar-nav>li:first-child>a { padding: 10px 35px; }
}
@media (min-width: 1200px) {
.navbar-nav>li:first-child>a { padding: 10px 45px; }
.navbar-nav>li>a { padding: 10px 50px; }
}
/*导航用户注册*/
.user-panel { margin: 10px 20px 0 0px; }
.user-panel a, .user-panel a:visited, .user-panel a:link { color: #198DDD; font-size: 14px; padding: 5px 10px; text-align: center; text-decoration: none; border: 1px solid #198DDD; }
.user-panel a:hover { color: #198DDD; }
.user-panel a.top-login { color: white; background: #198DDD; }
.user-panel a:hover { background: #26c79d; color: white; border: 1px solid #26c79d; }
}

@media (min-width: 768px) {
ul.navbar-nav li.oen { height: 70px; padding: 10px 0px; }
}
.top-nav-right { position: absolute; top: 20px; right: 0px; width: 110px; margin: 0px; padding: 0px; }

@media all and (min-width:1024px) and (max-width:1024px) {
.top-nav-right { top: 5px; }
.user-panel { margin: 30px 0px 0px 0px; }
}

@media all and (min-width:1156px) and (max-width:1280px) {
.user-panel { margin: 10px 60px 0 0px; }
}
.top-nav-right ul { margin: 0px; padding: 0px; }
.top-nav-right ul li { float: left; width: 30px; line-height: 30px; margin: 2px; }
.top-nav-right ul li.nav-shopping a { position: absolute; top: 0px; right: 0px; display: block; width: 30px; height: 30px; }
.shopping-box { margin: 0px auto; padding: 20px; }
.shopping-box li { margin: 10px; }

@media (max-width: 768px) {
.user-panel { margin: 10px 0px 0px 0px; }
.top-nav-right { margin-top: 10px; }
.top-nav-right ul li.nav-shopping, .top-nav-right ul li.glyphicon-search { display: none; }
.navbar-toggle { z-index: 999; }
.top-nav-right { width: 30px; position: relative; top: 0px; left: 5px; z-index: 99; font-size: 26px; }
}
#fat-menu { margin-top: 3px; }
/* 幻灯文字 */

.carousel-caption { bottom: 10%; }
#myCarousel, .banner { }
.carousel-caption h3 { margin-bottom: 30px; font-size: 3.2em; }
.carousel-caption p { line-height: 200%; font-size: 1.2em; }
.carousel-caption .btn { margin-top: 20px; font-size: 1.0em; }

@media (max-width: 1280px) {
.carousel-caption h3 { font-size: 2.0em; }
.carousel-caption p { line-height: 180%; font-size: 1.0em; }
}

@media (max-width: 768px) {
#myCarousel, .banner { }
.carousel-caption h3 { margin-bottom: 30px; font-size: 1.2em; }
.carousel-caption p { display: none; }
.carousel-caption .btn { display: none; }
}


.modal { top: 20%; }
.bs-example-modal-lg-search .row { padding: 20px; }
/* 通用 */

.blank5, .blank10, .blank20, .blank30, .blank50, .blank60 { clear: both; height: 5px; overflow: hidden; }
.blank10 { height: 10px; }
.blank20 { height: 20px; }
.blank30 { height: 30px; }
.blank50 { height: 50px; }
.blank60 { height: 60px; }
.title, .title-2 { padding: 0; text-align: center; text-transform: uppercase; }
.title h1, .title h3 a { color: #822d7e; line-height: 40px; height: 40px; font-size: 24px; font-weight: normal; text-decoration: none; }
.title h3 small { display: block; clear: both; margin: 20px 0px 10px 0px; color: #a1a1a1; font-size: 10px; }
.title p, .title-index-1 p { margin: 10px auto 30px auto; line-height: 20px; color: #333; font-size: 16px; }
.title span { }

@media (min-width: 768px) {
.title p, .title-index-1 p { width: 600px; }
}
.title-2 a { font-size: 30px; }
.title-2 h3 a small { display: block; clear: both; margin: 10px 0px 10px 0px; color: #a1a1a1; font-size: 8px; }
/* 页底 */


.foot { padding: 0; line-height: 20px; }
.foot .container { position: relative; }
.foot a { color: #9b9b9b; }
.foot h5 { color: #9b9b9b; margin-bottom: 60px; line-height: 180%; font-size: 16px; font-weight: normal; }
.foot .foot-nav { clear: both; margin-bottom: 60px; overflow: hidden; }
.foot .foot-nav dl { }
.foot .foot-nav dl dt { position: relative; padding-bottom: 30px; border-bottom: 1px solid #9fa0a1; margin-bottom: 20px; font-size: 20px; }
.foot .foot-nav dl dt b { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #fff; }
.foot .foot-nav dl dd { line-height: 30px; }
.foot .foot-nav dl dd a { font-size: 16px; }
.foot .copyright { clear: both; padding: 20px 0px; text-align: center; color: #999; }
.fweixin img { width: 150px; }
.fweixin p { line-height: 24px; text-align: center; color: #9b9b9b; }

.navWarp{ overflow:hidden; font-size:14px; border-bottom:1px solid #ddd;margin-bottom: 30px; line-height:50px}
.navLeft{ float:left; font-size:18px;border-bottom:2px solid #822d7e; padding:0 20px 0 0;letter-spacing:2px}
.sub_menu { margin-top: 0; float:right}

@media (max-width: 768px) {
.foot .copyright p span { display: none }

}
/* 面包屑导航 */
.breadcrumb { margin-bottom: 0; border-radius: 0; background-color: #fff; padding: 0; }
.breadcrumb span { padding-right: 15px; color: #ccc; }
/* 内页文字大小按钮 */
.content_tools { float: right; margin: 20px 0px; padding: 5px 15px; background: #f8f8f8; text-align: right; font-size: 14px; }
/************* 分页 */

.pages { clear: both; margin: 0px 10px; font-size: 0.8em; color: #888; }
.pages strong, .pages span { color: #fff; display: block; float: left; height: 26px; line-height: 26px; float: left; padding: 0px 8px; background: #822d7e; margin: 0px 3px 0px 0px; font-size: 0.8em; border-radius: 4px; }
.pages a, .pages a { display: block; float: left; height: 24px; line-height: 24px; float: left; padding: 0px 8px; border: 1px solid #822d7e; border-radius: 4px; text-decoration: none; margin: 0px 3px 0px 0px; color: #822d7e; font-size: 0.8em; }
.pages strong { color: white; }
.pages span { float: right; }
#page { font-size: 14px; }
#page strong { padding: 5px 8px; background: #ccc; border-radius: 4px; color: white; margin-right: 15px; font-size: 12px; font-weight:normal }
.pagination { }
/* 分页 */

.page-number { position: relative; right: 0px; top: 5px; color: #FFFFFF; height: 26px; line-height: 26px; padding: 9px 20px; background: #337ab7; margin: 0px 3px 0px 0px; font-size: 0.8em; border-radius: 3px 3px 3px 3px; }
/* 正文 */
#content_text { line-height: 180%; font-size: 1.2em; }
/* 首页 */


.index-1, .index-3 { padding-bottom: 100px; background: #f8f8f8; }
.index-1 ul { overflow: hidden; }
.index-1 li { height: 350px; overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }
.index-1 li:hover { background: white; border: 1px solid #ccc; }
.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }
.index-1 .t1 .img-auto { height: 176px; margin: 0px 0px 10px 0px; overflow: hidden; }
.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }
.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }
.index-1 li:hover .t1 { margin-top: -50px; }
.index-1 li:hover .t2 { bottom: 0px; }

@media (max-width: 768px) {
.index-1 li { margin-bottom: 30px; background: white; border: 1px solid #ccc; }
.index-1 li .t1 { margin-top: -50px; }
.index-1 li .t2 { bottom: 0px; }
}
.index-2 { padding-bottom: 80px; }
.index-2 div div { padding: 20px 30px; border: 1px solid #eee; -moz-box-shadow: 0px 0px 10px #eee; -webkit-box-shadow: 0px 0px 10px #eee; box-shadow: 0px 0px 10px #eee; border-radius: 3px; }

@media (max-width: 768px) {
.index-2 div div { margin-bottom: 20px; }
}
.index-2 div div.img-auto a { display: block; height: 100px; margin: 20px 0px; overflow: hidden; }
.index-2 div div.img-auto h4 a { height: 16px; font-size: 14px; }
.index-2 div div:hover { background: #eee; }
.index-2 div div p { font-size: 12px; color: #555; }
.index-2 div div p.date { color: #999; }
.index-3 .btn { padding: 10px 40px; border-radius: 50px; }
.index-3-left { height: 240px; overflow: auto; }
.index-3-left p { text-indent: 2em; }

@media (max-width: 768px) {
.index-3-left { margin-bottom: 30px; }
}
.index-6 { padding: 0px 0px 100px 0px; }
.index-6 ul li { height: 124px; padding: 0px; border: 1px solid #eee; overflow: hidden; }
.index-6 ul li .img-auto { width: 89px; height: 68px; margin: 28px 50px; overflow: hidden; }
/* 友情链接 */
.home-links { padding: 20px 0;  font-size: 13px;line-height:1.5; border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb; margin:0 0 20px 0}
.home-links a{padding: 0 10px;}
.home-links a:hover{}
.home-links .hr { padding: 15px 0px 0px 0px; border-top: 1px dotted #555; }
.home-links-left { }

.home-links .links-logo img { float: left; margin: 10px; opacity: 0.2; }
.home-links .links-logo img:hover { opacity: 1; transition: 400ms; }

.home-links .links-a { clear: both; margin: 0 auto; padding-bottom: 0; }
.home-links .links-a a { color: #666; padding: 0 10px; line-height: 300%; }
/**/
/*列表页 -文字列表*/
/**/

.list-container a { color: #333; }
.list-container p { color: #3e3e3e }
.list-container h4 { color: #000; font-weight: bold; }
.list-container .row { margin-bottom: 15px; }
.list-container .news-list { margin-bottom: 0; }
.list-border { padding: 15px; clear: both; border: 1px dotted transparent; border-bottom-color: #BBBBBB; }
.list-border-w { border: 1px dashed #ddd; margin: 15px 0px; }
.list-border:hover { background: #f8f8f8; border-color: #ccc; }
.list-date { width: 4em; float: left; margin-right: 20px; text-align: center; }
.list-date span { display: block; width: 1em; line-height: 1em; padding-top: .1em; white-space: nowrap; font-size: 4em; color: #555; overflow: hidden; font-family: 'Times New Roman', Times, serif; }
.list-date p { clear: both; display: block; width: 4em; overflow: hidden; margin-bottom: 0; }
.news-list p, .news-list-text-pic p, .list-down p { line-height: 1.6; font-size: 0.8em; }
.list-down .img-auto { height: 170px; overflow: hidden; }
#projectlist.masonry { margin: 0 auto; }
#projectlist { }
.wrapper { margin: 0px auto; }
.projectitem { margin: 0px 0px 30px 0px; width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d; }
.projectitem a { position: relative; display: block; }
.projectitem a:hover { text-decoration: none; overflow: hidden; }
.projectitem a h4 { display: none; cursor: hand; text-align: center; }
.projectitem a:hover h4 { width: 100%; line-height: 30px; margin: 0; padding: 15px 0px; background: #333; display: block; position: absolute; bottom: 0; left: 0; color: #fff; filter: alpha(opacity=56); -moz-opacity: 0.8; opacity: 0.8; }
.projectitem img, .index-1 img, .index-2 img, .index-3 img, .owl-item img { -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; }
.projectitem p { line-height: 200%; font-size: 1.2em; }
/*列表页 - 右侧*/

.content-right-list h3 { font-size: 16px; }
.content-right-list ol { margin-bottom: 60px; }
.content-right-list ol li { list-style-type: decimal; font-size: 14px; line-height: 1.8 }

@media (max-width: 768px) {
.content-right-list { margin-top: 60px; }
}
/* 联系我们地图页 */

.contact-us { background: #242625; }
.contact-us h3 { font-size: 60px; line-height: 120%; color: #CCCCCC; text-align: center; padding: 50px 0; }
.contact-us h3 span { font-weight: bold; color: #C22C45; }
.contact-us h4 { clear: both; margin: 50px auto 0; padding: 0 0 50px }
.contact-us dl { }
.contact-us dl dt { line-height: 40px; color: #CACACA; font-size: 26px; margin-bottom: 10px; }
.contact-us dl dd { color: #AEAEAE; font-size: 1.0em; }
.content-ditu { height: 30em; overflow: hidden; }
/* 产品页面右侧文字信息 */
.product_info { overflow: hidden }
.product_info table { color: #535353; width: 100%; }
.product_info table th { text-align: right; padding: 7px 5px; width: 120px; font-weight: normal; color: #888; }
.product_info table td { padding: 5px; color: #535353; font-size: 0.9em; }
.product_info table tr { }
.product_info strong { color: #E53F40; font-size: 30px; }
#dialog_link { margin-left: 20px; background: #236298; }

@media (max-width: 768px) {
#dialog_link { margin: 20px 0px 0px 0px; }
}
/* 滚动图片 */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; padding: 0px 50px; overflow: hidden; text-align: center; }
.owl-carousel .owl-item h4 { margin: 30px 0px; font-size: 16px; }
.owl-carousel .owl-item h4 small { padding-left: 20px; font-style : oblique; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon*/
.grabbing { cursor: url(http://www.mindpnsc.com/template/default/skin/images/index/grabbing.png) 8 8, move; }
/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-theme .owl-controls { margin-top: 20px; text-align: center; }
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div { color: #333; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/
margin: 5px; padding: 5px 15px; font-size: 20px; font-weight: bold; background: #eee; }
.owl-theme .owl-controls .owl-buttons div:hover { background: #333; color: white; }
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=30);/*IE7 fix*/ opacity: 0.3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #999; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images*/
.owl-item.loading { min-height: 150px; background: url(http://www.mindpnsc.com/template/default/skin/images/base/AjaxLoader.gif) no-repeat center center }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.content-bottom-list-more { padding: 8px 15px; background: #eee; color: #888; }

@media (min-width: 768px) {
.servers-wap { display: none; }
.dropdown-menu>li>a { padding: 10px 20px; text-align: center }
.navbar .nav > li.oen ul.two { margin: 0 0 0 -1px; font-size: 15px; }
.navbar .nav > li.oen:hover ul.two { display: block; min-width: 176px; }
}

@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu { background: #ccc; }
/* 手机菜单弹出按钮颜色 */
.top_menu>li { background: #ccc; }
/* 手机菜单平铺背景颜色 */
.foot_mp { background: #2e2e2e; }
.servers, .foot-share, .content_tools_box { display: none; }
ul.nav-pills li.active { clear: both; display: block; }
#carousel-example-generic { margin-bottom: 30px; }
.content-bottom-list-more { display: block; width: 110px; margin-bottom: 30px; }
}
.navbar-right { padding: 0px; }
.top-nav-right .dropdown-menu li { clear: both; width: 98%; }
.lead { font-size: 16px; line-height: 1.6; }
.index-1 ul, .index-6 ul { margin: 0px; padding: 0px; }
.lead img { max-width: 100%; }
.child { display: none; }
.left-menu { line-height: 42px; border: 1px solid #ccc; border-radius: 5px; }
.left-menu ul { margin: 0px; padding: 0px; }
.left-menu ul li a { display: block; padding: 0px 0px 0px 40px; }
.left-menu ul li.two { padding-left: 10px; }
.left-menu ul li.three { padding-left: 10px; }
.left-menu ul li.four { padding-left: 10px; }
.left-menu ul li.five { padding-left: 10px; }
.top-login { padding-left: 5px; }
#projectlist.masonry { margin: 0 auto; }
#projectlist { }
.wrapper { margin: 0px auto; }
.post-masonry { margin: 0px 0px 30px 0px; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d; }
.post-masonry a { position: relative; display: block; }
.post-masonry a:hover { text-decoration: none; overflow: hidden; }
.post-masonry a h4 { display: none; cursor: hand; text-align: center; }
.post-masonry a:hover h4 { width: 100%; line-height: 30px; margin: 0; padding: 15px 0px; background: #333; display: block; position: absolute; bottom: 0; left: 0; color: #fff; filter: alpha(opacity=56); -moz-opacity: 0.8; opacity: 0.8; }
.post-masonry img { -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; }
.post-masonry p { line-height: 200%; font-size: 1.2em; }
#print img { max-width: 100%; }
.mainWrapper { background: #fff; padding: 0; box-shadow: 0 1px 0 0 rgba(0,0,0,.05);}
.mainWrapper .leftWarp { width: 20%; }
.mainWrapper .rightWarp { width: 80%; }

.leftNav { padding: 20px 10px 20px 20px; }
.leftNav h3 { background: #f8f8f8; color: #822d7e; font-size: 22px; line-height: 40px; padding: 0 22px; margin: 0 }
.leftNav ul { margin: 0; padding: 20px 0 20px 0; background: #f8f8f8; border-radius: 4px; border-top: 3px solid #822d7e; border-bottom: 1px solid #822d7e }
.leftNav li { border-bottom: 1px solid #e5dfe5; border-top: 1px solid #fff7ff; zoom: 1; position: relative; ; }
.leftNav li:first-child { border-top: none; }
.leftNav li:last-child { border-bottom: none; }
.leftNav li a { color: #822d7e; display: block; font-size: 15px; line-height: 40px; zoom: 1; padding: 0 0 0 30px }
.leftNav li a:hover { background: #822d7e; color: #fff; left: -30px; width: 214px; position: relative; padding: 0 0 0 60px; border-radius: 0 4px 4px 4px }
.leftNav li a span { padding: 0 10px 0 0 }
.leftNav li:hover b { width: 10px; height: 6px; position: absolute; left: -30px; top: -6px;  display: block; background: url(../image/leftNavB.png) no-repeat center center }

.rightAll { padding: 20px 20px 20px 0 }

.rightNav { padding: 20px 20px 20px 10px; }
.rightNav h3 { background: #f8f8f8; color: #822d7e; font-size: 22px; line-height: 40px; padding: 0 22px; margin: 0 }
.rightNav ul { margin: 0; padding: 20px 0 20px 0; background: #f8f8f8; border-radius: 4px; border-top: 3px solid #822d7e; border-bottom: 1px solid #822d7e }
.rightNav li { border-bottom: 1px solid #e5dfe5; border-top: 1px solid #fff7ff; zoom: 1; position: relative; ; }
.rightNav li:first-child { border-top: none; }
.rightNav li:last-child { border-bottom: none; }
.rightNav li a { color: #822d7e; display: block; font-size: 15px; line-height: 40px; zoom: 1; padding: 0 0 0 30px }
.rightNav li a:hover { background: #822d7e; color: #fff; right: 10px; width: 214px; position: relative; padding: 0 0 0 40px; border-radius:4px 0  4px 4px }
.rightNav li a span { padding: 0 10px 0 0 }
.rightNav li:hover b { width: 10px; height: 6px; position: absolute; right: -30px; top: -6px;  display: block; background: url(../image/rightNavB.png) no-repeat center center }


.rightNav div.listSon{border-bottom: 1px solid #e5dfe5;border-top: 1px solid #fff7ff; background:#fff}
.rightNav div.listSon a{padding: 0 0 0 45px;font-size: 14px;line-height: 40px;}
.rightNav div.active{}
.rightNav div.active a{ color:#822d7e}

.rightNav li.active a{background: #822d7e; color: #fff; right: 10px; width: 214px; position: relative; padding: 0 0 0 40px; border-radius:4px 0  4px 4px}
.rightNav li.active b{ width: 10px; height: 6px; position: absolute; right: -30px; top: -6px;  display: block; background: url(../image/rightNavB.png) no-repeat center center}

.leftAll { padding: 20px 0 20px 20px }

.newList { border-bottom: 1px solid #f5f5f5; padding-bottom: 20px }
.newList h4 { color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newList h4 a { color: #000; }
.newList p { font-size: 15px; color: #999 }
.newList p a { padding: 0 0 0 10px }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #822d7e; border-color: #822d7e; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #822d7e; }
.pagination>li>a, .pagination>li>span { color: #822d7e; }
.newListT a { max-height: 200px; overflow: hidden }
.listRow { position: relative; border-bottom: 1px dashed #ddd; }
.listRow:last-child { }
.listRow:hover { }
.listRow:after { content: ""; display: block; clear: both; height: 0; }
.listRow a { text-decoration: none; display: block; margin: 0; padding: 20px 0; }
.listRow a:hover { }
.listRow .listRowT {}
.listRow .listRowT h4 { font-size: 18px; color: #070707; font-weight: 500; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; margin: 0 }
.listRow .listRowT span { color: #999; font-size: 12px; line-height: 28px; }
.listRow .listRowT p { font-size: 14px; line-height: 24px; color: #666; height: 72px; overflow: hidden; margin: 0 }
.listRow a:hover .listRowT h4 { color: #822d7e; }
.listRow .listRowT1 { }
.listRow .listRowT1 h4 { font-size: 18px; color: #666; font-weight: 500; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; margin: 0 }
.listRow .listRowT1 span { color: #999; font-size: 12px; line-height: 28px; }
.listRow .listRowT1 p { font-size: 14px; line-height: 24px; color: #666; height: 48px; overflow: hidden; margin: 0 }
.listRow a:hover .listRowT1 h4 { color: #822d7e; }
.listRow .listRowP { }
.listRow .listRowP .listRowP1 { width: 100%; height: auto; overflow: hidden }
.listRow .listRowP img { width: 100%; height: auto; }


.tuanduiRow { margin: 0 0 30px 0; box-shadow: 0 1px 0 0 rgba(0,0,0,.08); }
.tuanduiRow a.img-auto {  }
.tuanduiRow a.img-auto img { width: 100%; height: auto }
.tuanduiRow .tuanduiText { padding: 20px; background: #f8f8f8; }
.tuanduiRow h4 { font-size: 18px; margin: 0 0 5px; color: #070707; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tuanduiRow h5 { font-size: 14px; margin: 0; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tuanduiRow p { line-height: 22px; height: 66px; overflow: hidden; margin: 20px 0 25px; color: #666; }
.tuanduiRow a.more { display: block; line-height: 40px; text-align: center; text-transform : uppercase; font-size: 14px; background: #fff }
.tuanduiRow:hover a.more { background: #822d7e; color: #FFF; text-decoration: none; }


.tushuRow { margin-bottom: 30px; }
.tushuRow a { position: relative; }
.tushuRow .tushuPic { padding: 20px 10px; border: 1px solid #eee; width: 100%; height: auto; overflow: hidden }
.tushuRow h5 { position: absolute; bottom: 0; margin: 0; left: 0; right: 0; background: rgba(0,0,0,.5); text-align: center; padding: 10px 15px; line-height: 20px; color: #fff; transition: 600ms; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tushuRow a:hover h5 { background: rgba(0,0,0,.7); }





.hezuoRow { margin-bottom: 30px; }
.hezuoRow img{ width:100%}
.hezuoRow h4 { border-bottom: 1px solid #ddd; color: #070707; font-size: 18px; height: 40px; line-height: 40px; transition: all ease-out .2s;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.hezuoRow h4 a { color: #070707; }
.hezuoRow:hover h4 a { color: #822d7e; }
.hezuoRow p { margin-top: 16px; color: rgba(0,0,0,0); font-size: 14px; transition: all ease-out .3s; overflow: hidden; margin-top: 0px; color: #666; text-align: left; padding: 0; line-height: 22px; height: 44px; }

@media (max-width: 1199px) {
.rightNav li a { color: #822d7e; display: block; font-size: 15px; line-height: 40px; zoom: 1; padding: 0 0 0 30px }
.rightNav li a:hover { background: #822d7e; color: #fff; right: 10px; width: 174px; position: relative; padding: 0 0 0 40px; border-radius:4px 0  4px 4px }
.rightNav li a span { padding: 0 10px 0 0 }
.rightNav li:hover b { width: 10px; height: 6px; position: absolute; right: -30px; top: -6px;  display: block; background: url(../image/rightNavB.png) no-repeat center center }
.rightNav li.active a{background: #822d7e; color: #fff; right: 10px; width: 174px; position: relative; padding: 0 0 0 40px; border-radius:4px 0  4px 4px}
.rightNav li.active b{ width: 10px; height: 6px; position: absolute; right: -30px; top: -6px;  display: block; background: url(../image/rightNavB.png) no-repeat center center}
	
}

@media (max-width: 991px) {
.navbar-nav>li>a { padding: 10px 20px; }
.navbar-nav>li:first-child>a { padding: 10px 15px; }
.navbar1{ display:none}
.mainWrapper .leftWarp { display:none }
.mainWrapper .rightWarp { width: 100%; }
.leftAll { padding: 20px }

}

@media (max-width: 767px) {

.navbar-default{top: 0;border-width: 0 0 1px;position: fixed;right: 0;left: 0;z-index: 1030;opacity: 0.95;-moz-box-shadow: 0px 0px 15px #888;-webkit-box-shadow: 0px 0px 15px #888;box-shadow: 0px 0px 15px #888;}
.bannerWarp { padding:82px 0 0 0}
.navbar-default section { padding: 10px 0px; height: 82px; }
.navRight{ display:none}
.navbar-default .navbar-toggle {margin-top: 13px; margin-bottom: 13px;}
.navbar-default .navbar-nav>li> a {color: #000;font-size: 1.0em;}
.navbar-default .navbar-nav>li:first-child {border:none;}
.navbar-default .navbar-nav>li:last-child { border: none }
.navbar-default .navbar-nav>li {border: none;  float:left; text-align:center}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #000;background: none;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #666;}

.navbar-nav>li>a {padding: 10px 20px;}


.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 15px;}
.dropdown-menu{min-width: 100px; text-align:center}

.listRow .listRowT h4{ margin:10px 0 0 0}
.content-ditu { height: 20em; }

.foot{ padding:0 0 40px 0}
}
@media (max-width: 358px) {
.navLeft{ display:none}
.sub_menu {float: none;}
}
@media (max-width: 345px) {
a.navbar-brand { max-width: 195px; }
a.navbar-brand img { max-width: 180px; max-height: 45px;margin:7px 0 0 0}	
	
}
.indexBanner{ max-height:350px;}

.wapTop{ text-align:center; font-size:14px;}
.wapTop span{ padding:0 10px 0 0}

section.in


dex1{ }




.indexGG{ height:48px; position:relative;overflow:hidden; padding:0 20px; background:#f8f8f8; border:1px solid #ebebeb; margin:0 0 20px 0}




#trendDiv{height:46px;overflow:hidden;float:left;margin-bottom: 0;}

.indexGG ul{ position:relative;padding:0;}
.indexGG li{height:46px;line-height:46px;}
.indexGG li span{color:#999;margin:0 20px 0 0;}

.voiceRight{ position:absolute;right:20px;top:50%;margin-top:-10px;z-index:10;}
.voiceRight .down{height:20px;width:20px; display:inline-block; margin:0 5px;position:relative;background: url(../image/down.png) no-repeat 0 0; }
.voiceRight .up{height:20px;width:20px; display:inline-block; position:relative;background: url(../image/up.png) no-repeat 0 0;}
.voiceRight .do:hover{z-index:1; background-position:0 -20px}
.voiceRight .uo:hover{z-index:1;background-position:0 -20px}


.indexJJ{ padding:20px;border:1px solid #ebebeb; margin:0 0 0 0; max-height:353px;height:353px;  overflow:hidden}
.indexJJ h2{font-size: 18px;line-height: 34px;text-align: center;}
.indexJJ p{font-family: "KaiTi";line-height: 26px;font-size: 16px;text-indent: 2em;word-wrap: break-word;}
.indexJJ p a{ padding: 0 0 0 10px; color:#822d7e}
.indexJJ p a:hover{ text-decoration:underline}

.indexXW{}
.indexXWt{ overflow:hidden; height:42px; line-height:42px; background: url(../image/indexXWt.png) no-repeat bottom left;  margin-bottom:20px;}
.indexXWt h3{ float:left; margin:0;font-size: 16px;font-weight: normal;line-height: 42px;}
.indexXWt a{ float:right; color:#999}
.indexXWt a:hover{ color:#822d7e}
.indexXWt a span{ padding:0 0 0 5px}

.indexTT{ border-bottom:1px dashed #ebebeb; padding:0 0 10px 0; margin:0 0 10px 0}
.indexTT h4{font-size: 20px;line-height: 32px;font-weight: normal; color:#070707; margin-top:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.indexTT p{line-height: 20px; color:#666;margin:0}

.indexLB{}
.indexLB .indexLBrow{height: 30px;line-height: 30px;overflow: hidden;;}
.indexLB .indexLBrow a{color: #666;font-size: 14px;}
.indexLB .indexLBrow a:hover{color: #822d7e;}
.indexLB .indexLBrow span{ padding:0 10px 0 0}

.indexTP{}
.indexTProw{position: relative;}
.indexTProw img{ width:100%; height:auto}
.indexTProw a{overflow: hidden;position: relative;display: block; }



.indexTProwText h4 {color: #fff;font-size: 16px;margin: 0; height:30px; line-height:30px;}
.indexTProwText p {font-size: 1.0em;margin:0.5em 0;}


.indexTProw .indexTProwText {display: inline-block;height:50px;width: 100%;color: #ffffff;position: absolute;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);padding:10px 15px;text-align: center;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.indexTProw .indexTProwText a{ color:#fff}
.indexTProw .indexTProwText a:hover{ color:#eee}
.indexTProw:hover .indexTProwText {}


.index1Left{ padding:0 0 0 0}



.indexXMall{    padding: 0 20px;
    border: 1px solid #ebebeb;
    margin: 0 0 0 0;box-shadow: 0 1px 0 0 rgba(0,0,0,.08);}

.indexXMt{ overflow:hidden; height:42px; line-height:42px; background: url(../image/indexXWt.png) no-repeat bottom left;  margin-bottom:20px;}
.indexXMt h3{ float:left; margin:0;font-size: 16px;font-weight: normal;line-height: 42px;}
.indexXMt a{ float:right; color:#999}
.indexXMt a:hover{ color:#822d7e}
.indexXMt a span{ padding:0 0 0 5px}

.indexXM{}
.indexXM h4{ font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding:0 0 28px 0}

.indexZJ{}

.indexZJ .tuanduiRow{margin: 0;}
.indexZJ .tuanduiRow p{margin: 20px 0 0;}


.indexZJt{ overflow:hidden; height:42px; line-height:42px; background: url(../image/indexZJt.png) no-repeat bottom left;  margin-bottom:20px;}
.indexZJt h3{ float:left; margin:0;font-size: 16px;font-weight: normal;    height: 42px;line-height: 42px;padding: 0 30px; background: url(../image/indexZJth3.png) no-repeat 0 0; color:#fff}
.indexZJt a{ float:right; color:#999; padding:0 20px 0 0}
.indexZJt a:hover{ color:#822d7e}
.indexZJt a span{ padding:0 0 0 5px}


.indexTSt{ overflow:hidden; height:42px; line-height:42px; background: url(../image/indexZJt.png) no-repeat bottom left;  margin-bottom:20px;}
.indexTSt h3{ float:left; margin:0;font-size: 16px;font-weight: normal;    height: 42px;line-height: 42px;padding: 0 30px; background: url(../image/indexZJth3.png) no-repeat 0 0; color:#fff}
.indexTSt a{ float:right; color:#999; padding:0 20px 0 0}
.indexTSt a:hover{ color:#822d7e}
.indexTSt a span{ padding:0 0 0 5px}

.indexHZt{ overflow:hidden; height:42px; line-height:42px; background: url(../image/indexXWt1.png) no-repeat bottom left;  margin-bottom:20px;}
.indexHZt h3{ float:left; margin:0;font-size: 16px;font-weight: normal;line-height: 42px;}
.indexHZt a{ float:right; color:#999}
.indexHZt a:hover{ color:#822d7e}
.indexHZt a span{ padding:0 0 0 5px}

.indexHZ h4{ font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding:0 0 15px 0; text-align:center}


section.index1{ margin:20px 20px 0 20px}
section.index2{ margin:20px 20px 0 20px}
section.index3{ margin:20px 20px 0 20px; overflow:hidden}
section.index4{ margin:20px 20px 0 20px}



@media (max-width: 768px) {
	.indicators-line > .carousel-indicators{ display:none}
	.voiceRight{ display:none}
.indexBanner #bootstrap-touch-slider {margin-top: 82px;}
.indexTT{ padding:10px 0}
.indexJJ{ margin:10px 0 0 0;max-height: inherit;
    height: auto;}
	.indexZJ .tuanduiRow {
    margin: 0 0 20px 0;
}

.indexXM img{ width:100%}
}
@media (max-width: 768px) {
	.indexZJ .col-xs-6{ width:100%; float:none}
		.indexXM .col-xs-6{ width:100%; float:none}
		.indexTS .col-xs-4{ width:50%; }
		.indexHZ .col-xs-4{ width:50%; }
	
	
	
	
	}