@charset "UTF-8";

/*header*/
.header-box{ height: 125px; background: url(../images/bg.jpg) repeat-x; }
.m-head{ height: 125px; background: url(../images/bg02.png) no-repeat center 0; }
.m-head .m-logo{ float: left; padding-top: 32px; }
.m-head .m-phone{ float: right; width: 436px; padding-top: 40px; height:54px;line-height: 54px; font-style: italic;font-family:'Microsoft YaHei'; }
.m-head .m-phone span{ float: left; font-size: 18px; color: #333; }
.m-head .m-phone p{ float: left; font-size: 30px;  color: #069;font-weight: bold;  }
.m-head .m-phone a{ float: left; margin: 12px 0 0 14px; }

/*nav*/
.nav-box{ position: relative; width: 100%; height:48px; background: url(../images/bg02.png) no-repeat 0 -125px; z-index: 10; }
ul.u-nav{ width: 1000px; height:45px; }
ul.u-nav li{ position: relative; float: left; width: 119px; }
ul.u-nav li a{ display:block; width: 119px; height:45px; line-height: 45px; font-size: 14px; font-family:'Microsoft YaHei'; color: #333; text-align: center; }
ul.u-nav li.current a{ background: url(../images/bg02.png) no-repeat 0 -173px; }
ul.u-nav li ul{ position: absolute; top:45px; left:1px; text-align: center; width:116px; overflow: hidden; padding-top: 2px; background: url(../images/bg02.png) no-repeat -222px -174px; }
ul.u-nav li ul li{ float:none; width:116px; height: 36px; padding:0; background: url(../images/bg02.png) no-repeat -222px -173px; }
ul.u-nav li.current ul li a, ul.u-nav li ul li a{ background: none;height:30px; line-height: 30px; }
ul.u-nav li ul li a:hover{text-decoration: underline;}
ul.u-nav ul li.first{ background-position:-222px -174px; }
.u-menu{ display: none; }

/*focus*/
.focus-box{ height:559px; background: url(../images/bg01.jpg) repeat; text-align: center; overflow: hidden; position: relative; z-index: 1; margin-top: -2px; }
.m-focus-classics{ background:  url(../images/bg02.png) no-repeat center -218px; height: 559px; }

.pic-lists{ position: absolute; top: 0; left: 0; }
.thumbs-lists{ position: absolute; text-align: center; width: 1000px; top: 500px; left:0; z-index: 100; _left:50%; *left:50%; _margin-left:-20px; *margin-left:-20px; line-height:4px; height:4px; }
.thumbs-lists li{ display: inline-block; background: #644ec4; width: 19px; height: 4px; cursor:pointer; _float:left; *float:left; _margin-right:5px; *margin-right:5px; overflow: hidden; line-height: 4px; }
.thumbs-lists li.currents{ background:#fff; }

/*main-box*/
.main-box{padding-bottom: 15px;}

/*news*/
.m-news{width: 316px;float: left;}
.m-news .m-title h2{padding:0 12px;cursor: pointer;}
.m-news ul{display: none;}
.m-news .current{background: #e7e7e7;}

.m-newslist{width: 710px;font-family:'Microsoft YaHei';}
.m-newslist li.hover{ background: #e7e7e7; }
.m-newslist .m-newslistBody{ border-bottom:1px dotted #484848; margin:0 5px; padding:12px 0; }
.m-newslist .m-newslistBody_title{ height:20px; overflow: hidden; }
.m-newslist .m-newslistBody_title i{ width: 9px; height:13px; background-position: -6px 0; margin-right: 5px; }
.m-newslist .m-newslistBody_title a{ font-size: 14px; color: #333; }
.m-newslist .m-newslistBody_title a:hover{ text-decoration: underline; }
.m-newslist .m-newslistBody_title .fl{width: 600px;overflow: hidden;height:20px;}
.m-newslist .m-newslistBody_title .fl i{width: 10px;height: 10px;display: inline-block;background: url(../images/000.png) no-repeat;}
.m-newslist .m-newslistBody_p{ line-height: 24px; color: #666; margin-left: 13px; }

/*products*/
.m-products{float: left; width: 422px;margin:0 19px;}
.m-products .m-title{border:0;}
.m-products .m-body{height:107px;width: 422px;}

.u-photolist{margin-top: 8px;}
.u-photolist li{float: left;margin:0 12px 0 0;text-align: center;margin-top: 5px;_display: inline;}
.u-photolist .u-imgpic{display:table-cell; width: 194px;height:113px;overflow: hidden;border:9px solid #e7e7e7;vertical-align: middle;*display:block;_display:block;}
.u-photolist .u-imgpic img{width: 205px;height:113px;_height:113px;vertical-align: middle;overflow: hidden;}
.u-photolist a{height:24px;line-height: 24px;color: #333;}

/*promotion*/
.m-promotion{float: right; width: 224px;}

/*footer*/
.footer-box{height:8px;border-top:8px solid #e9e9e9;height:94px;padding-top: 6px;margin-top: 17px;}
.m-foot div{margin-top: 10px;padding-left: 5px;height: 20px;line-height: 20px}
.m-foot div.m-footTop a{float: left;}
.m-foot div em{float: left;margin:0 10px;}
.m-foot div span{float: left;display: inline-block;margin-right: 20px;}

/*leftcolumn*/
.leftcolumn{float: left;width: 250px; overflow: hidden;}

.menu{ padding-top: 2px; }
.menu_head{ cursor:pointer; font-weight: normal; background:#e7e7e7; color: #333; margin-top: 2px; }
.menu_head i{ width: 3px; height:3px; background-position: -3px 0; vertical-align:4px; margin-right: 5px;}
.menu_head a{ display: block; color: #333; overflow: hidden; padding-left: 16px;height:31px; line-height: 31px; }
.menu_head a span{display: inline-block;}
.menu .current a{  color: #fff; }
.menu .current {background:#069;}
.menu .current i{background-position: 0 -6px;}

.menu ul{ display: none; position: relative; background: #f5f4f4; }
.menu ul li{ height:30px; border-bottom:1px dotted #474747; }
.menu ul li a{ display: block; color:#333; height:30px; line-height: 30px; padding-left: 23px; }
.menu ul li a:hover{ text-decoration: underline; }
.menu ul li.last{ border: none; }

.leftcolumn .m-body{background: #eee;margin-top: 5px;padding-bottom: 10px;}
.leftcolumn .m-body li{padding-left: 12px;line-height: 24px;}

.leftcolumn .m-phone{height:54px; font-style: italic;font-family:'Microsoft YaHei';font-weight: bold;padding-top: 10px;}
.leftcolumn .m-phone i{width: 38px;height:40px;/* background-position: 0 -13px; */float: left;margin: 6px 0 0 4px;}
.leftcolumn .m-phone div{margin-left: 52px;}
.leftcolumn .m-phone span{ color: #333; }
.leftcolumn .m-phone p{ font-size: 22px;  color: #069;padding-top: 15px;}

.leftcolumn .m-body li.m-map{width: 228px;padding:0 10px;}

.m-address .fl{width: 36px;overflow: hidden;}
.m-address .fr{width: 202px}

/*rightcolumn*/
.rightcolumn{float: right;width: 730px;overflow: hidden;}
.rightcolumn .m-title-d{border-left:0;color: #069;font-family:'Microsoft YaHei';padding-left: 23px;}
.rightcolumn .m-title-d a{color: #069;}

.m-content{padding:0 10px;}


/*内容页*/
.news-detail { line-height: 200%;overflow: hidden; }
.news-detail h1{ padding:10px 0;margin-top: 16px; line-height:28px; text-align:center; font-size:24px; color:#333; font-family:'microsoft yahei'; }
.news-detail .detail-time{ position:relative; text-align:center; color:#666; font-size:12px; padding:5px 0; border-bottom:1px solid #ccc; }
#bdshare{ position:absolute; right:10px; top:3px; line-height:16px; }
.news-detail .detail-user{ text-align:center; color:#999; font-size:12px; padding:5px 0; margin-bottom:10px; border-bottom:1px solid #ccc; }
.news-detail .detail-share{ padding:5px 0; text-align:right; }
.news-detail .detail-img{ text-align:center; padding:10px 0;  }
.news-detail .detail-img img{ max-width:700px; _width: expression((documentElement.clientWidth > 700) ? "700" : "auto" ); }
.news-detail .detail-con{ text-align:justify; padding:10px;  line-height:20px; color:#333; }
.news-detail .detail-con p{font: normal 14px/26px "simsun";color: #666;margin-top: 30px;}
.news-detail .detail-page{ padding:10px; background: url(../images/line.gif) no-repeat center 0;}
.news-detail .detail-page .page-text{ width:48%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-detail .detail-page .right{ text-align:right; }
.news-detail .detail-page .page-text a{ color:#666; }
.news-detail .detail-page .page-text a:hover{ color:#1c4c95; }


.news-detail .detail-con img{
max-width:100%;
display:block;
margin:5px auto;
}
/*联系我们二级*/
.sub-content{ text-align:justify; line-height:30px;  padding:20px 40px; }
.sub-content img{ max-width:700px; _width: expression((documentElement.clientWidth > 700) ? "700" : "auto" ); }
.sub-content h1{ color:#333; margin-bottom:20px; padding:10px 0; text-align:center; font-size:24px; font-weight:normal; border-bottom: solid #ccc 1px;font-family: "microsoft YaHei";}
.sub-content h1 p{ text-align:center; font-size:14px; }
.sub-content p{ font-size:14px; color:#666; }
.sub-map{ padding-left:10px; color: #666}

/*******************gallery*******************/
.m-gallery{margin-bottom:10px;}
.m-gallery .ad-gallery{margin-bottom:10px;}
.m-gallery .ad-image-wrapper {width: 690px; min-height:480px;_height: 480px;margin-bottom: 10px;margin-left:auto;margin-right:auto;position: relative;}
.m-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;}
.m-gallery .ad-image-wrapper .ad-next {position: absolute;right:0px;top: 0;width: 10%;height: 100%;cursor: pointer;display: block;z-index: 100;}
.m-gallery .ad-image-wrapper .ad-prev {position: absolute;left:0px;top: 0;width: 10%;height: 100%;cursor: pointer;display: block;z-index: 100;}
.m-gallery .ad-image-wrapper .ad-prev, .m-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */background: url(../non-existing.jpg)\9}
.m-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .m-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/d-btn.gif) left no-repeat;width: 54px;height: 87px;position: absolute;top: 40%;left: 0;z-index: 101;}
.m-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/d-btn.gif) right no-repeat;width: 54px;height: 87px;right: 0;left: auto;}
.m-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;}
.m-gallery .ad-image-wrapper .ad-image a img {border: 0;}
.m-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0;left: 0px;padding:10px;font-size:14px;font-weight:700;color:#FFF;font-family:"microsoft yahei";text-align: left;width: 80%;z-index: 2;background: url(../images/opa75.png);}
.m-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.m-gallery .ad-controls {width:90%;margin:0 auto;height:24px;}
.m-gallery .ad-info {float: left;}
.m-gallery .ad-slideshow-controls {float: right;display:none;}
.m-gallery .ad-slideshow-controls .ad-slideshow-start, .m-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.m-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.m-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
.m-gallery .ad-nav {width: 100%;position: relative;}
.m-gallery .ad-forward, .m-gallery .ad-back {position: absolute;top:50%;height:50px;margin-top:-25px;z-index: 10;}
.m-gallery .ad-back {cursor: pointer;left:-15px;width: 22px;display: block;background: url(../images/ad_scroll_back.png) 0px center no-repeat}
.m-gallery .ad-forward {cursor: pointer;display: block;right:-15px;width: 22px;background: url(../images/ad_scroll_forward.png) 0px center no-repeat;}
.m-gallery .ad-nav{width:95%;margin:0 auto;}
.m-gallery .ad-nav .ad-thumbs {overflow: hidden;width:95%;margin:0 auto;}
.m-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.m-gallery .ad-thumbs li {position:relative;float: left;_width:80px;display:inline-block;*display:inline;*zoom:1;height:82px;margin:0 5px;}
.m-gallery .ad-thumbs li a{display: inline-block;}
.m-gallery .ad-thumbs li a img {border: 1px solid #999;display: block;height:80px;_width:80px;}
.m-gallery .ad-thumbs li a.ad-active img {border: 1px solid #616161;}
.m-gallery .ad-thumbs li .ad-name{position:absolute;bottom:0;left:0;width:100%;color:#FFF;background:url(../images/ad-namebg.png) repeat;text-align:center;}
.m-gallery .ad-thumbs li .ad-text{display:none;}
.m-gallery .cnt-tt{height:30px;line-height:30px;font-size:14px;border-bottom:1px dotted #999999;color:#333;font-family:'microsoft yahei';}
.m-gallery #cnt-gay{padding:10px 0;line-height:24px;}
.m-gallery .detail-page{padding:10px;border:1px solid #CCC;width: 690px}
.m-gallery .detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-gallery .detail-page .page-text a{color:#666;}
.m-gallery .detail-page .page-text a:hover{color:#069}
.m-gallery .detail-page .right{text-align:right;}


