/*

Theme Name:zbwedding

Theme Author:博客吧

Theme Url:http://www.boke8.net/zbwedding.html

*/

div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}

section, main, figure, header, footer, nav, hgroup, article, aside {display:block;}

body {background-color:#fff; font:100%/1.5em Arial,'Microsoft Yahei',"Hiragino Sans GB",sans-serif; overflow-x:hidden;}

a {text-decoration:none; -webkit-tap-highlight-color:transparent;}

li {list-style:none;}

.clear {clear:both;}

a img {border:none;}

img.alignleft {display:inline-block; float:left; margin:0 10px 10px 0;}

img.aligncenter {display:block; margin:0 auto;}

img.alignright {display:inline-block; float:right; margin:0 0 10px 10px;}

table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}

table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}

table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*global*/

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../image/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



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

.load {background:#f9f9f9 url(http://www.xiantianan.cn/zb_users/theme/zbwedding/images/ajax-loader.gif) no-repeat center center;}

/*header*/

.header,.menu,.container {width:1200px; margin:0 auto; position:relative;}

.logo {width:275px; height:95px; padding-top:20px; float:left; overflow:hidden;}

.logo img {display:block; width:100%; height:auto;}



/*keyframes*/

@keyframes tel {

	0% {

		background-size:auto 95%;

	}

	50% {

		background-size:auto 85%;

	}

	100% {

		background-size:auto 95%;

	}

}

@-moz-keyframes tel {

	0% {

		background-size:auto 95%;

	}

	50% {

		background-size:auto 85%;

	}

	100% {

		background-size:auto 95%;

	}

}

@-webkit-keyframes tel {

	0% {

		background-size:auto 95%;

	}

	50% {

		background-size:auto 85%;

	}

	100% {

		background-size:auto 95%;

	}

}

@-o-keyframes tel {

	0% {

		background-size:auto 95%;

	}

	50% {

		background-size:auto 85%;

	}

	100% {

		background-size:auto 95%;

	}

}

/*tel*/

.tel {float:right; height:86px; background:url(../image/tel.png) no-repeat left top; color:#333; padding:10px 0 0 20px; animation:tel 1.5s infinite linear; -moz-animation:tel 1.5s infinite linear; -webkit-animation:tel 1.5s infinite linear; -o-animation:tel 1.5s infinite linear;}

.tel p {font-size:0.875em; margin-bottom:15px;}

.tel p.phone {font-size:2em;}

.tel p.phone a {color:#CB0000;}

/*language*/

.language {position:absolute; right:0; top:0; font-size:0.875em;}

.language span a {color:#fff;}

.language span {background:#B38E5E; padding:5px; color:#fff;}

/*nav*/

.nav {background-color:#000; height:50px; border-top:2px solid #B38E5E;}

.nav ul li {float:left; width:11.083333%; text-align:center; white-space:nowrap; text-overflow:ellipsis; line-height:50px; position:relative;}

.nav ul li a {color:#B38E5E; display:block; transition:all 0.2s ease 0s;}

.nav ul li a:hover {color:#fff; transition:all 0.2s ease-out 0s; padding-bottom:5px; line-height:45px;}

.nav ul li ul {width:100%; text-align:center; position:absolute; left:0; top:50px; background:#000; border-top:2px solid #B38E5E; display:none; z-index:51; padding:10px 0;}

.nav ul li ul li {float:none; display:block; width:auto; line-height:35px; font-size:1em;}

.nav ul li ul li a:hover {padding-bottom:0; line-height:35px; margin-left:-10px;}



/*slider*/

.slides {clear:both; width:100%; position:relative;}

.slides .inner {height:650px;}

.slides .item {background:no-repeat top center; background-size:cover;}

.slides .owl-nav {font-size:60px; line-height:normal;}

.slides .owl-prev, .slides .owl-next {position:absolute; left:5%; top:50%; margin-top:-34.8px; color:#999; opacity:.6;}

.slides .owl-next {right:5%; left:auto;}

/*hTitle*/

.hTitle {border-bottom:1px solid #e4e4e4; margin-bottom:20px;}

.hTitle h2 {font-size:1.875em; line-height:1.1em; color:#CA0202; margin-bottom:10px; text-align:center; font-weight:normal;}

.hTitle h2 a {color:#CA0202;}



.hTitle h3 {font-size:1.75em; line-height:1.1em; text-align:center; color:#000; font-weight:normal; font-family:arial; text-transform:uppercase; margin-bottom:5px;}

.hTitle p {text-align:center; margin-bottom:10px; font-size:0.875em; color:#333;}



/*categories*/

.container {margin-bottom:30px; overflow:hidden; clear:both;}

.categories {padding:30px 0; background-color:#f9f9f9; border-bottom:1px solid #eee;}

.categories .inner {overflow:hidden;}

.categories ul {overflow:hidden; width:103%;}

.categories li{position:relative; float:left; width:31%; padding-right:2%; padding-bottom:30px; height:auto; overflow:hidden;}

.categories .thumbnail {overflow:hidden; padding-bottom:100%; position:relative;}

.categories img {position:absolute; left:0; top:0; display:block; width:100%; height:100%; transition:all 0.3s ease 0s;}

.categories li a {display:block; color:#fff; position:relative;}

.categories .title {position:absolute; width:100%; left:0; bottom:0; height:100%; text-align:center; font-size:1.75em; color:#fff; overflow:hidden; transition:all 0.3s ease 0s;}

.categories .title p{height:3em; position:absolute; top:50%; margin-top:-1.5em; left:0; width:100%; display:block; line-height:1.5em; text-align:center;}

.categories .title span {display:block; font-size:1em; text-transform:uppercase; position:absolute; width:100%; text-align:center; transition:all 0.3s ease 0s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.categories .en {left:-100%; top:0;}

.categories .cn {right:-100%; bottom:0;}

.categories li.cur img {transform:scale(1.2,1.2);}

.categories li.cur .title { background-color:rgba(0,0,0,0.4);}

.categories li.cur .en {left:0;}

.categories li.cur .cn {right:0;}

/*showcase*/

.showcase {overflow:hidden; padding:20px 0;}

.showcase ul {width:102%; overflow:hidden;}

.showcase li {float:left; width:23%; padding:0 2% 20px 0;}

.showcase li a {display:block; overflow:hidden; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.showcase .thumbnail {padding-bottom:100%; position:relative; overflow:hidden; }

.showcase .thumbnail img {position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; display:block; transition:transform 0.3s ease 0s;}

.showcase .thumbnail img:hover {opacity:0.8; transform:scale(1.2,1.2);}

.showcase p {font-size:0.875em; text-align:center; margin-top:10px;}

.showcase li a:hover {color:#BF7939;}



.showcase.scList {padding:0;}

/*designer*/

.designer {overflow:hidden; padding:30px 0;}

.designers .item {background-color:#f9f9f9;}

.designer a {display:block; overflow:hidden; color:#333;}

.designer .photo {width:170px; float:left; height:170px; position:relative;}

.designer .photo img {position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; display:block; transition:transform 0.3s ease 0s;}

.designer .info {margin-left:170px; padding:10px 15px;}

.designer .name {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.125em; margin-bottom:15px;}

.designer .intro {font-size:0.875em; color:#666; line-height:1.5em; height:7.5em; overflow:hidden;}



.designer .owl-stage-outer {margin-bottom:20px;}

.designer .owl-dots {text-align:center;}

.designer button.owl-dot {display:inline-block; margin:0 5px; border:1px solid transparent; padding:3px;}

.designer button.owl-dot.active {border-color:#B38E5E;}

.designer button.owl-dot span {display:block; width:15px; height:5px; background-color:#eee;}

.designer button.owl-dot.active span {background-color: #B38E5E;}





/*news*/

.news {padding:30px 0;}

.news .inner {overflow:hidden;}

.news h2 {font-size:1.125em; border-bottom:3px solid #e4e4e4; padding-bottom:10px; margin-bottom:20px; color:#CA0202; font-weight:normal;}

.news h2 span {border-bottom:3px solid #aaa; padding-bottom:10px;}

.news h2 a {float:right; font-weight:normal; font-size:0.65em; font-family:'Simsun'; color:#555; margin-top:5px; display:inline;}

.news .thumbnail { position:relative; overflow:hidden;}

.news .thumbnail img {display:block; width:100%; min-height:100%; position:absolute; left:0; top:0;}

.news .thumbnail a {display:block;}

.news h3 {font-weight:normal; font-size:1.125em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}

.news a {color:#000;}

.news a:hover {color:#BF7939; text-decoration:underline;}

.news p {font-size:0.875em; color:#555; text-align:justify; line-height:1.75em; height:3.5em; overflow:hidden;}



.news .first {width:450px; float:left;}

.news .first .thumbnail {padding-bottom:300px; margin-bottom:10px;}

.news .first p {height:5.25em;}



.news .list {margin-left:480px; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:14px; margin-bottom:14px;}

.news .list .thumbnail {float:left; width:120px; padding-bottom:80px;}

.news .list .info {margin-left:135px;}

.news .list:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none;}





.newsBox .inner {overflow:hidden;}

.newsBox .newsMain {width:102%;}

.newsBox .news {float:left; width:48%; padding-right:2%;}

.newsBox .news .list {margin-left:0;}



/*contact*/

.contact {background-color:#f9f9f9; padding:30px 0; clear:both; border-top:1px solid #eee;}

.contact .inner {overflow:hidden;}

.contact .map {width:530px; float:left; position:relative;}

.contact .map img {display:block; width:100%; height:auto;}

.contact .info {margin-left:560px;}

.contact h2 {font-size:1.35em; font-weight:normal; line-height:1.5em; margin-bottom:10px;}

.contact li {overflow:hidden; font-size:1.125em; line-height:1.5em; color:#666; padding:10px 0; border-bottom:1px solid #eee;}

.contact span {display:block;}

.contact .item {float:left; width:3em; text-align:right;}

.contact .text {margin-left:3em;}



/*banner*/

.banner {clear:both; overflow:hidden; background:no-repeat center center; background-size:cover;}

.banner .inner {height:280px;}



/*homeBan*/

.homeBan {width:100%; height:auto; clear:both;}

.homeBan img {display:block; width:100%; height:auto;}



/*breadcrumb*/

.breadcrumb {background-color:#f4f4f4; padding:10px 0; border-bottom:1px solid #eee; margin-bottom:30px; font-size:0.875em;}

.breadcrumb a {color:#555;}

.breadcrumb a:hover {color:#000;}

/*pagenavi*/

.pagenavi {clear:both; text-align:center; padding-top:20px; font-size:0;}

.pagenavi a,.pagenavi span.now-page {font-size:14px; display:inline-block; height:35px; line-height:35px; padding:0 15px; background-color:#efefef; margin:2px; color:#555;}

.pagenavi a:hover,.pagenavi span.now-page {background:#CB0000; border-color:#CB0000; color:#fff;}

.pagenavi span.now-page {border-color:#ccc;}

/*sidebar*/

.sidebar {width:280px; float:left;}

.sideMenu,.widget {margin-bottom:20px;}

.sideMenu h3{background-color:#000; color:#fff; font-size:1.125em; font-weight:normal;}

.sideMenu h3 a {color:#f1f1f1; display:block; padding: 15px;}

.sideMenu ul {background-color:#B38E5E; font-size:1em; border-bottom:1px solid #c5ab8a; border-top:1px solid #a08057;}

.sideMenu ul li a {display:block; padding:10px 15px; color:#f1f1f1; border-top:1px solid #c5ab8a; border-bottom:1px solid #a8804c;}

.sideMenu ul li a:hover {background:#BF7939}

.widget {border:1px solid #ddd;}

.widget h3 {background:#F4F4F4; color:#222; font-weight:normal; font-size:1em; border-top:2px solid #B38E5E; padding:8px 10px; border-bottom:1px solid #ddd;}

.widget ul,.widget .textwidget {padding:10px;}

.widget ul li {font-size:0.75em; line-height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../image/dot.jpg) no-repeat left center; padding-left:10px;}

.widget ul li a {color:#666;}

.widget ul li a:hover,.graphic .info h2 a:hover,.showList li h2 a:hover,.newsList li a:hover,.post .postmeta span a:hover,.relatedPro a:hover,.prenext a:hover,.relatedpost ul li a:hover,.commentlist ol li a:hover {text-decoration:underline; color:#BF7939;}

.widget .textwidget p {margin:5px 0; font-size:0.875em; color:#333;}

.widget .textwidget p img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}

.widget form {padding:5px 3%;}

.widget input {height:25px;}

.widget input[type="text"] {width:75%;  line-height:25px;}

#divContorPanel div{font-size:0.875em; padding:10px;}

#divContorPanel a {color:#333;}

#divMisc.widget ul li {background:none;}

#divCalendar table {width:100%; text-align:center; padding:10px 0;}

#divCalendar a {color:#CB0000;}

.main {width:890px; float:right;}

h1.title {font-size:1.25em; color:#CA0202; font-weight:normal; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px;}



/*graphic*/

.graphic {overflow:hidden; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px;}

.graphic .thumbnail {float:left; width:250px; height:167px; position:relative; overflow:hidden;}

.graphic .thumbnail a {display:block;}

.graphic .thumbnail img {display:block; width:100%; min-height:100%; position:absolute; left:0; top:0; transition:transform 0.3s ease 0s;}

.graphic .thumbnail img:hover {opacity:0.8; transform:scale(1.2,1.2);}

.graphic .info {margin-left:270px; padding:10px 0;}

.graphic .info h2 {font-weight:normal; font-size:1.25em; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.graphic .info h2 a {color:#333;}

.graphic .info p {font-size:1em; line-height:1.75em; color:#555; height:7em; overflow:hidden;}

/*showList*/

.showList {overflow:hidden;}

.showList ul {overflow:hidden; width:103%;}

.showList li {float:left; width:31%; padding-right:2%; padding-bottom:20px;}

.showList li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}

.showList h2 {font-size:1em; font-weight:normal; text-align:center; padding:5px 0;}

.showList .thumbnail {padding-bottom:100%; position:relative; overflow:hidden;}

.showList .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

/*newsList*/

.newsList {margin-bottom:20px;}

.newsList li {font-size:1em; background:url(../image/dot.jpg) no-repeat left center; padding:8px 65px 8px 10px; line-height:1.75em; border-bottom:1px solid #ededed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; }

.newsList li a {color:#555;}

.newsList li span {position:absolute; right:0; top:auto; color:#999; font-size:0.75em;}

/*post*/

.post .post_title {text-align:center; font-size:1.5em; color:#222; line-height:1.75em; font-weight:normal; margin-bottom:15px;}

.post .postmeta {text-align:center; color:#888; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:15px; font-size:0;}

.post .postmeta span {padding:0 10px; font-size:14px;}

.post .postmeta a {color:#888;}

.post .entry {font-size:1em; color:#333; line-height:1.75em;}

.post .entry h1, .post .entry h2, .post .entry h3, .post .entry h4, .post .entry h5,.post .entry h6 {margin-bottom:20px;}

.post .entry blockquote {background-color:#f1f1f1; margin:15px 2em; padding:15px 20px 0; overflow:hidden; border:1px dotted #ddd; border-radius:5px;}

.post .entry p {margin-bottom:20px; text-align:justify;}

.post .entry ul,.post .entry ol {padding:0 2em; margin-bottom:20px;}

.post .entry ul li {list-style:inside disc none;}

.post .entry ol li {list-style:inside decimal none;}

.post .entry img {max-width:100%; height:auto;}

.relatedPro h3,.relatedpost h3,.commentlist h3,.commentForm h3{font-weight:normal; font-size:1.125em; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:5px; color:#CA0202;}

.relatedPro .bx-wrapper {box-shadow:none; border:none;}

.relatedPro a {display:block; color:#333;}

.relatedPro p {padding:5px 0; text-align:center; font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.relatedPro .bx-controls {position:absolute; top:-35px; right:0px;}

.relatedPro .bx-wrapper .bx-prev {background:url(../image/arrow-scroll.png) no-repeat -2px 0; left:-70px;}

.relatedPro .bx-wrapper .bx-prev:hover {background-position:-2px -35px; background-color:#D6D6D6; border-radius:3px;}

.relatedPro .bx-wrapper .bx-next {background:url(../image/arrow-scroll.png) no-repeat -34px 0; right:0;}

.relatedPro .bx-wrapper .bx-next:hover {background-position:-34px -35px; background-color:#D6D6D6; border-radius:3px;}

.prenext {border-top:1px solid #eee; padding:20px 0; font-size:1em;}

.prenext a {color:#333;}

/*relatedpost*/

.relatedpost {margin-bottom:15px;}

.relatedpost li {font-size:1em; background:url(../image/dot.jpg) no-repeat left center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 0 5px 10px;}

.relatedpost a {color:#333;}

/*commentlist*/

.commentlist {color:#444;}

.commentlist li{position:relative; overflow:hidden; margin-bottom:30px; background:#f1f1f1; padding:10px; border:1px solid #ddd;}

.commentlist li .gravatar {position:absolute; left:10px; top:10px; width:45px; height:45px; overflow:hidden;}

.commentlist li .gravatar img {display:block; width:100%; height:auto;}

.commentlist li .cmtInfo {padding-left:55px; font-size:0.875em;}

.commentlist li a {color:#000;}

.commentlist li .cmtDate {font-size:0.875em; color:#999; margin-bottom:5px;}

.commentlist li .cmtDate a{color:#666;}

.commentlist li ol {clear:both; margin-top:15px;}

.commentlist li li {margin-bottom:0; background:#fff;}

/*commentForm*/

.commentForm p {padding:10px 0; overflow:hidden;}

.commentForm a {color:#cb0000;}

.commentForm label {display:block; font-size:1em; float:left; height:37px; line-height:37px; width:75px; text-align:right;}

.commentForm label i {font-style:normal; color:#f00;}

.commentForm .text {height:35px; line-height:normal; border:1px solid #dcdcdc; border-radius:2px; text-indent:5px; font-family:'Microsoft Yahei'; font-size:1em; width:50%; float:left;}

.commentForm img {display:block; height:37px; width:auto;}

.commentForm textarea {border:1px solid #dcdcdc; border-radius:2px; padding:5px 1%; height:150px; width:80%; font-family:'Microsoft Yahei'; font-size:1em;}

.commentForm .text:focus,.commentForm textarea:focus {border:1px solid #B38E5E;}

.commentForm .submit {border:none; border-radius:3px; background:#B38E5E; color:#fff; cursor:pointer; height:45px; width:120px; text-align:center; font-size:1.125em; margin-left:75px; -webkit-appearance:none;}

.commentForm .postbottom {margin-left:75px;}



/*footer*/

.footer {background-color:#222; padding:20px 0; color:#ccc;  font-size:14px;}

.footer .inner {position:relative;}



/*social*/

.social {position:absolute; right:0; top:50%; margin-top:-17.5px;}

.social li {float:left; margin-left:10px; position:relative;}

.social li:first-child {margin-left:0;}

.social a {display:block; width:35px; height:35px; background:#333 no-repeat center center; border-radius:50%; text-indent:-9999em; outline:none; background-size:22px 22px;}

.social .wb a {background-image:url(../image/icon_03.png);}

.social .wx a {background-image:url(../image/icon_02.png);}

.social .qq a {background-image:url(../image/icon_01.png);}

.social .qrcode {position:absolute; left:50%; bottom:50px; width:100px; height:auto; padding:4px; border:1px solid #e4e4e4; border-radius:3px; z-index:3; margin-left:-55px; display:none;}

.social .qrcode:after {content:''; display:block; width:10px; height:10px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; transform:rotate(-45deg); position:absolute; left:50%; bottom:-6px; margin-left:-6px;}

.social .qrcode img {display:block; width:100%; height:auto;}



/*pageslist*/

.pageslist {padding:5px 0; margin-right:130px;}

.pageslist ul {overflow:hidden;}

.pageslist li {float:left; padding-right:15px; margin-right:15px; position:relative;}

.pageslist li:after {content:''; display:block; width:1px; height:10px; background-color:#ccc; position:absolute; right:0; top:50%; margin-top:-5px;}

.pageslist li:last-child {padding-right:0; margin-right:0;}

.pageslist li:last-child:after {display:none;}

.pageslist li a {color:#ccc;}



/*copyright*/

.copyright {padding:5px 0; font-family:Arial; margin-right:130px; text-transform:uppercase;}

.copyright a {color:#ccc;}



/*friendlinks*/

.friendlinks {margin-right:130px; padding:5px 0;}

.friendlinks ul {overflow:hidden;}

.friendlinks li {float:left; padding-right:15px; color:#ccc;}

.friendlinks li:last-child {padding-right:0;}

.friendlinks a {color:#ccc;}





/*partner*/

.partner {clear:both; padding:30px 0;}

.partner .inner {position:relative;}

.partner .ptMain {margin-left:45px;}

.partner h2 {position:absolute; left:0; top:0; width:40px; height:100%; font-size:0.875em; background-color:#B38E5E; background-color:rgba(179,142,94,.5); color:#fff; font-weight:normal; text-align:center;}

.partner h2 span {display:block; width:1em; position:absolute; left:50%; top:50%; margin-left:-0.5em; line-height:1.5em; margin-top:-3em;}

.partner .item {border:1px solid #e4e4e4; padding:1px;}

.partner .item a {display:block; position:relative; padding-bottom:60%; background-color:#fff;}

.partner .item img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}





.fixedSide {background-color:#B38E5E; width:50px; position:fixed; bottom:10%; right:15px; z-index:9;}

.fixedSide li {width:100%; height:50px; border-bottom:1px solid #fff; position:relative;}

.fixedSide li:last-child {border-bottom:none;}

.fixedSide li a {display:block; height:50px; background:no-repeat center center; background-size:25px 25px; outline:none;}

.fixedSide li.qq a {background-image:url(../image/icon_qq.png);}

.fixedSide li.qd a {background-image:url(../image/icon_qrcode.png);}

.fixedSide li.bt a {background-image:url(../image/icon_arrow.png);}

.fixedSide li a:hover {background-color:#b5b5b5;}

.fixedSide .qrcode {background-color:#fff; border:1px solid #eee; padding:5px; width:100px; height:100px; position:absolute; top:50%; right:65px; border-radius:5px; margin-top:-56px; display:none;}

.fixedSide .qrcode img {display:block; width:100%; height:auto;}

.fixedSide .qrcode:after {content:''; display:block; width:12px; height:12px; background-color:#fff; border-top:1px solid #eee; border-right:1px solid #eee; transform:rotate(45deg); position:absolute; right:-7px; top:50%; margin-top:-7px;}



/*screen width*/

@media only screen and (max-width:1280px){

	.inner,

	.header, 

	.nav .menu, 

	.container {

		width:93.75%;

	}

	.slides .inner {

		height:auto;

		padding-bottom:50.782%;

	}

	.banner .inner {

		height:auto;

		padding-bottom:21.875%;

	}	

	

	

	.sidebar {

		width:26.666667%;

	}

	.main {

		width:70.833333%;

	}

	

}

@media only screen and (max-width:1080px){

	.contact .map {width:450px;}

	.contact .info {margin-left:470px;}

	.contact li {font-size:1em; padding:8px 0;}

}

@media only screen and (max-width:960px){

	body.open {

		position:fixed;

		left:0;

		top:0;

		width:100%;

		height:100%;

		overflow:hidden;

	}

	.logo {

		width:220px;

		height:76px;

		padding-top:10px;

	}

	.language {

		top:50%;

		margin-top:-12px;

	}

	.language span {

		padding:3px 5px;

	}

	.tel {

		width:25px;

		height:22px;

		background:#B38E5E url(../image/icon_tel.png) no-repeat center center;

		background-size:auto 15px;

		padding:0;

		float:none;

		position:absolute;

		right:30px;

		top:50%;

		margin-top:-11px;

		animation:none;

		-webkit-animation:none;

		-moz-animation:none;

		-o-animation:none;

	}

	.tel p {

		display:none;

	}

	.tel p.phone {

		display:block;

		height:22px;

		font-size:0;

		margin-bottom:0;

	}

	.tel a {

		display:block;

		position:absolute;

		width:100%;

		height:100%;

		text-indent:-9999em;

	}

	.navBtn {

		height:20px;

		width:25px;

		position:absolute;

		right:60px;

		top:50%;

		margin-top:-10px;

		cursor:pointer;

		

	}

	.navBtn span {

		display:block;

		width:100%;

		height:2px;

		background-color:#B38E5E;

		position:absolute;

		left:0;

		top:50%;

		margin-top:-1px;		

		transition:all 0.2s ease 0s;

	}

	.navBtn:before {

		content:'';

		display:block;

		width:100%;

		height:2px;

		background-color:#B38E5E;

		position:absolute;

		left:0;

		top:0;

		transition:all 0.2s ease 0s;

	}

	.navBtn:after {

		content:'';

		display:block;

		width:100%;

		height:2px;

		background-color:#B38E5E;

		position:absolute;

		left:0;

		bottom:1px;

		transition:all 0.2s ease 0s;

	}

	.navBtn.open span {

		opacity:0;

	}

	.navBtn.open:before {

		transform:rotate(45deg);

		top:50%;

		bottom:0;

	}

	.navBtn.open:after {

		transform:rotate(-45deg);

		top:50%;

		bottom:auto;

	}

	.nav {

		position:fixed;

		left:-160px;

		width:160px;

		background-color:rgba(0,0,0,.8);

		height:100%;

		z-index:9;

		overflow-y:auto;

		transition:left 0.2s ease 0s;

		-webkit-overflow-scrolling:touch;

	}

	.nav.open {

		left:0;

	}

	.nav .menu {

		width:auto;

	}

	.nav ul li {

		float:none;

		width:auto;

		text-align:left;

	}

	.nav ul li a {

		padding-left:1em;

	}

	.nav ul li a:hover {

		padding-bottom:0;

		line-height:50px;

	}

	.nav ul li ul {

		display:block;

		position:static;

		left:auto;

		top:auto;

		width:auto;

		text-align:left;

		background:none;

		padding:0;

		border-top:none;

	}

	.nav ul li ul li {

		line-height:45px;

	}

	.nav ul li ul li a {

		padding-left:2em;

		

	}

	.nav ul li ul li a:hover {

		padding-left:2em;

		line-height:45px;

		margin-left:0;

	}

	.contact .map {width:350px;}

	.contact .info {margin-left:370px;}

	.contact h2 {margin-bottom:0; font-size:1.125em;}

	.contact li {font-size:1em; padding:5px 0;}

}

@media only screen and (max-width:768px){

	.main {

		width:100%;

		float:none;

	}

	.sidebar {

		display:none;

	}

	

	.logo {

		width:145px;

		height:50px;

	}	

	.fixedSide {display:none;}

	.hTitle h2 {font-size:1.35em;}

	.hTitle h3 {font-size:1em;}

	.categories {padding:20px 0 0;}

	.categories .title {font-size:1em;}

	.categories .en {left:0;}

	.categories .cn {right:0;}

	.categories li {

		padding-bottom:20px;

	}

	.categories li.cur img {

		transform:none;

	}

	.categories li.cur .title {

		background-color:transparent;

	}

	.designer {padding:20px 0;}

	.designer .owl-stage-outer {margin-bottom:10px;}

	.designer .photo {width:120px; height:120px;}

	.designer .info {margin-left:120px;}

	.designer .name {font-size:1em; margin-bottom:10px;}

	.designer .intro {height:6em;}

	.designer button.owl-dot {

		margin:0 2px;

	}

	.showcase {padding:5px 0 0;}

	.showcase li {padding-bottom:15px;}

	.news {padding:0 0 20px;}

	.news .first {float:none; width:auto; margin-bottom:15px;}

	.news .first .thumbnail {padding-bottom:66.666%;}

	.news .first p {height:auto;}

	.news h3 {font-size:1em; margin-bottom:5px;}

	.news .list {margin-left:0;}

	

	.newsBox {padding:12px 0;}

	.newsBox .news {float:none; width:auto; padding:8px 0;}

	

	.partner {padding:0 0 20px;}

	.partner h2 {position:static; left:auto; top:auto; width:auto; height:auto; margin-bottom:15px;}

	.partner h2 span {position:static; left:auto; top:auto; margin-top:0; width:auto; padding:5px 0;}

	.partner .ptMain {margin-left:0; padding-right:1px;}

	.contact {padding:20px 0;}

	.contact .map {float:none; width:100%; margin-bottom:15px;}

	.contact .info {margin-left:0;}

	

	.social {position:static; top:auto; right:auto; margin:0 auto 10px; width:125px;}

	.pageslist, .friendlinks {clear:both; margin:0; text-align:center;}

	.pageslist ul, .friendlinks ul {font-size:0; line-height:normal;}

	.pageslist li {padding-right:10px; margin-right:10px;}

	.pageslist li, .friendlinks li {display:inline-block; font-size:14px; float:none;}

	

	.copyright {margin-right:0; text-align:center;}

	

	.breadcrumb {margin-bottom:20px;}

	.pagenavi {padding-top:10px;}

	

	.graphic .thumbnail {width:150px; height:100px;}

	.graphic .info {margin-left:170px;}

	.graphic .info h2 {font-size:1em; margin-bottom:5px;}

	.graphic .info p {height:3.5em;}

	

	.showList ul {width:102%;}

	.showList li {width:48%; padding-right:2%; padding-bottom:15px;}

	

	.commentForm .text {width:70%;}

	.commentForm .verify {width:30%;}

	.commentForm textarea {width:70%; padding:5px 0; text-indent:5px;}

	

	.post .post_title {font-size:1.125em; line-height:1.5em; margin-bottom:10px;}

	.post .postmeta {padding-bottom:10px; margin-bottom:20px;}

	.post .postmeta span {padding:0 5px; font-size:12px;}

}

@media only screen and (max-width:640px){

	.showcase li, .categories li {width:48%;}

	

	.categories ul {width:102%;}

}



@media only screen and (max-width:520px){	

	

	

	.newsList li span {

		float:none;

		margin-right:10px;

	}

	

}

@media only screen and (max-width:420px){

	.graphic .thumbnail {width:120px; height:80px;}

	.graphic .info {margin-left:130px; padding:5px 0;}

	.graphic .info p {display:none;}

	.graphic .info h2 {white-space:normal;}

	

	

}

@media only screen and (max-width:310px){	

	

	.newsList li span {

		display:none;

	}

}