/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"Microsoft YaHei"}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html{font-size:62.5%;color:#222;}
::selection{background-color:#b3d4fc;text-shadow:none;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
a{text-decoration:none;}
input,textarea{background:none;outline:none;border:none;padding:0;font-family:"Microsoft YaHei"}
.clear{ clear:both;}
.clear:after, .case-read-img p:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.outside{width:100%;height:auto;overflow:visible;}
.inside{width:1200px;height:auto;overflow:visible;margin:0 auto;}
.insidehead{width: 90%;height:auto;overflow:visible;margin:0 auto;}
.txtOverflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.txtOverflow02{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.txtOverflow03{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
.txtOverflow04{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4;}
.txtOverflow05{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:5;}
.txtOverflow06{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:6;}
.txtOverflow07{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:7;}

.pagesNo{text-align:center;margin:20px auto;}
.pagesNo{text-align:center;}
.pagesNo a{width:36px;height:36px;display:inline-block;line-height:36px;font-size:12px;margin:2px;color:#333;background:#ededed;border-radius:5px;}
.pagesNo a.cur,
.pagesNo a:hover{background:#f39800;color:#fff;}
.pagesNo a.prev,
.pagesNo a.next{width:94px;height:36px;display:inline-block;line-height:36px;font-size:12px;margin:2px;background:#828282;color:#fff;border-radius:5px;}

.header {height:80px;background:#fff;padding:10px 0;}
.header .logo {display:flex;justify-content:center;align-items:center;height:80px;float:left;}
.header .logo span{display:block;}
.header .logo .pic {width:208px;height:60px;}
.header .logo .pic img {display:block;width:100%;height:auto;}
.header .logo .note {border-left:2px solid #cba055;display:flex;flex-direction:column;margin-left:10px;padding-left:10px;width:240px; height:50px;}
.header .logo .note .t,
.header .logo .note .b {font-size:18px;height:25px;line-height:25px;color:#cba055;text-align-last:justify;width:200px;display:inline-block;}

.header .nav {float:right;}
.header .nav ul {}
.header .nav ul li {display:inline-block;}
.header .nav ul li a {display:block;font-size:18px;font-family: AlibabaPuHuiTi;color:#4d4d4d;padding:0 7px;height:80px;line-height:110px;}
.header .nav ul li:hover a {color:#06067a;}

/*.header .wapMenu {width:40px;height:50px;float:right;display:none;float:right;justify-content:center;align-items:center;margin-left:10px;}
.header .wapMenu .pic {display:block;width:40px;height:40px;}
.header .wapMenu .pic img {display:block;width:40px;height:40px;}*/

.header .wapMenu{position: absolute;font-size: 13px;background-color: #cba055;color: #fff;width: 44px;text-align: center;height: 44px;line-height: 44px;border-radius: 100%;top: 11px;display: none;}

.banner {width:100%;height:auto;overflow:hidden;}
.banner img {width:100%;height:auto;overflow:hidden;}

.pwList{}
.pwList ul{width:100%;height:auto;overflow:hidden;}
.pwList ul li{height:auto;overflow:hidden;float:left;}
.pwList ul li a{display:block;}
.pwList ul li a span{display:block;}
.pwList ul li a .pic{width:100%;position:relative;overflow:hidden;}/* padding = h/w */
.pwList ul li a .pic img{position:absolute;width:100%;height:100%;left:0;top:0;transition:all 0.5s;z-index:1;}
.pwList ul li a .pic .picPo{position:absolute;width:100%;height:100%;left:0;top:0;transition:all 0.5s;z-index:2;display:flex;justify-content:center;align-items:center;}
.pwList ul li a .note{width:100%;text-align:center;}

.bottom {background:#f5f5f5;padding:20px 0;height:auto;overflow:hidden;}
.bottom .inside {}
.bottom .inside .bLogo {width:33.33%;height:auto;overflow:hidden;float:left;}
.bottom .inside .bLogo .bName {font-size:18px;color:#555;}
.bottom .inside .bLogo .bIco {margin:20px 0 0;}
.bottom .inside .bLogo .bIco a {color:#999999;font-size:14px;}
.bottom .inside .bLogo .bIco a:nth-child(n+2){margin-left:20px;}
.bottom .inside .bLogo .bIco a .fa{font-size: x-large;}
.bottom .inside .bLogo .bIco a:hover {color:#666666;}
.bottom .inside .bLogo .bIco a .wxewm-img{position: absolute;left: 0;bottom: 30px;padding: 5px;display: none;width: 160px;background-color: #fff;box-sizing: border-box; z-index:9;}
.bottom .inside .bLogo .bIco a .wxewm-img img{display: block;width: 100%;}
.bottom .inside .bLogo .bIco a:hover .wxewm-img{display: block;}

.bottom .inside .bContact {width:33.33%;height:auto;overflow:hidden;float:left;}
.bottom .inside .bContact .bContactItem {color:#555;font-size:14px;/*height:30px;*/line-height:30px;}
.bottom .inside .bContact .bContactItem {}
.bottom .inside .bContact .bContactItem {}
.bottom .inside .bNote {width:33.33%;height:auto;overflow:hidden;float:left;}
.bottom .inside .bNote .bNoteItem {color:#555;font-size:14px;/*height:30px;*/line-height:30px;}

.cp {/*height:30px;*/line-height:30px;}

.bword{height:auto;overflow:hidden;margin:20px 0;}
.bword .con{width:100%;margin:0 auto;height:auto;overflow:hidden;}
.bword .con p{font-size:14px;color:#555;line-height:18px;width:100%;text-align: justify; }

.n-col-6{width:14.66%;margin:0 1% 1%;}
.n-col-5{width:16%;margin:0 1% 1%;}
.n-col-4{width:23%;margin:0 1% 1%;}
.n-col-3{width:31.33% !important;margin:0 1% 1% !important;}
.n-col-2{width:48%;margin:0 1% 1%;}
.n-col-1{width:98%;margin:0 auto 1%;}

.case-list {
	width:94%;
	margin:20px auto 0;
	/*display:none;*/
}
.case-list .warp-type {
	height:50px;
	position:relative;
}
.case-list .warp-type p {
	font-size:18px;
	line-height:50px;
	position:absolute;
	z-index:0;
	width:160px
}
.case-list .warp-type-list {
	float:right;
	position:absolute;
	z-index:11;
	right:0
}
.case-list .warp-type-list .active {
	text-decoration:underline;
	color:#000;
	font-size:16px
}
.case-list .warp-type-list a {
	display:inline-block;
	margin-right:20px;
	line-height:50px;
	color:#888889;
	font-size:14px
}
.case-list .warp-type-list a:hover {
	text-decoration:underline
}

@media (min-width: 1461px) {
	.inside{width:1460px;}
	.insidehead{width: 90%;}
	.header .logo .pic {width:276px;height:80px;}
	.header .logo .note .t,
	.header .logo .note .b {font-size:18px;height:25px;line-height:25px;width:200px;}
	.case-list .warp-type-list a {
	margin-right:15px
}
}
@media (max-width: 1200px) {
	.inside{width:90%;}
	.insidehead{width:90%;}
	.header .nav ul li a{padding:0 8px;}
	.header .logo .note{display:none;}
	
}
@media (max-width: 979px) {
	
		.header .inside{width:98%;}
		.header .insidehead{width:98%;}
		.header .logo{}
		.header .logo .pic{}	
		.header .wapMenu{right: 30px;width: 50px;height: 50px;line-height: 44px;display: block;cursor:pointer;}
}
@media (max-width: 767px) {
	.xs-col-6{width:14.66%;margin:0 1% 1%;}
	.xs-col-5{width:18%;margin:0 1% 1%;}
	.xs-col-4{width:23%;margin:0 1% 1%;}
	.xs-col-3{width:31.33% !important;margin:0 1% 1% !important;}
	.xs-col-2{width:48% !important;margin:0 1% 2% !important;}
	.xs-col-1{width:98% !important;margin:0 auto 2% !important;}
	.header .inside{width:90%;}
	.header .insidehead{width:90%;}	
	.header .logo{height:50px;}
	.header .logo .pic{width:173px;height:50px;}	
	.header{position:relative;}
	.header{height:50px;}
	.header .nav.navShow{display:block;}
	.header .nav{width:100%;height:auto;background:#fff;border-top:1px solid #ebebeb;z-index:999;position:absolute;top:100%;display:none;left:0;right:0;}
	.header .nav ul li{height:45px;line-height:45px;border-bottom:1px solid #ebebeb;width:100%;}
	.header .nav ul li a{font-size:16px;color:#555;height:45px;line-height:45px;text-align:center;}
	.bottom .inside .bLogo,
	.bottom .inside .bContact,
	.bottom .inside .bNote{width:98%;margin:10px auto;float:none;}
	
.case-list {
	width:94%
}
.case-list .warp-type {
	height:auto
}
.case-list ul li {
	width:100%
}
.case-list .warp-type-list {
    position: static !important;
    float: static;
}
.case-list .warp-type-list a {
	line-height:24px;
	margin-right:25px;
	font-size:12px;
	float:left;
}
.case-list .warp-type p {
	position:static;
	margin-left:0;
	font-size:12px;
	line-height:32px
}
.case-list .warp-type-list .active {
	font-size:12px
}
.case-list .warp-type-list .museo-light {
	font-size:16px;
	margin-bottom:14px
}
.case-list .museo-light {
    width: 100%;
    display: block;
}
}
@media (max-width: 480px) {
	.xxs-col-6{width:14.66%;margin:0 1% 1%;}
	.xxs-col-5{width:18%;margin:0 1% 1%;}
	.xxs-col-4{width:23%;margin:0 1% 1%;}
	.xxs-col-3{width:31.33%;margin:0 1% 1%;}
	.xxs-col-2{width:48% !important;margin:0 1% 2% !important;}
	.xxs-col-1{width:98% !important;margin:0 auto 2% !important;}
	.header .wapMenu{right: 10px;width: 44px;height: 44px;line-height: 44px;display: block;cursor:pointer;top:15px;}


}
@media (max-width: 375px) {
	.xxxs-col-6{width:14.66%;margin:0 1% 1%;}
	.xxxs-col-5{width:18%;margin:0 1% 1%;}
	.xxxs-col-4{width:23%;margin:0 1% 1%;}
	.xxxs-col-3{width:31.33%;margin:0 1% 1%;}
	.xxxs-col-2{width:48% !important;margin:0 1% 2% !important;}
	.xxxs-col-1{width:98% !important;margin:0 auto 2% !important;}
	.header .wapMenu{right: 2px;width: 35px;height: 35px;line-height: 35px;display: block;cursor:pointer;top:15px;}
}