html,body{margin:0;padding:0;background:#fff;font-size:12px;font-family: "myCatF","Arial","Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3","SimSun","STHeiti";font-family: "Noto Sans SC";
font-weight: 100;}
ul,li,h1,h2,div,h3,h4,h5{list-style:none;margin:0;padding:0;font-family: "myCatF","Noto Sans SC";font-weight: 100;}
a{color:#333;text-decoration:none;}
.pagetop{overflow:hidden;}
.topmenu{position:relative;top:0;left:0;right:0;z-index:999;background:#fff;}
.index .topmenu{position:fixed;}
.topmenu .topspace{height:33px;}
.topmenu .menuarea{
	border-top:1px solid #b5b5b5;border-bottom:1px solid #b6b6b6;height:76px;
}
.topmenu .topnav{position:relative;}
.topnav .logo{float:left;}
.topnav .logo a{display:block;width:76px;height:72px;background:url(../images/img_logo_2024.png) no-repeat;background-size:cover;text-indent:-99999px;}
.topnav .nav{float:right;line-height:74px;text-align:right;}
.topnav .nav li{display:inline-block;padding:0px 15px;}
.topnav .nav li:last-child{padding-right:0;}
.topnav .nav li a{display:block;color:#555;font-size:15px;margin:0px 2px;}
.topnav .nav li a span{display:block;min-width:75px;text-align:left;}
.topnav .nav li a span.en{opacity: 1;animation: fadeinout 0.5s linear;}
.topnav .nav li a span.cn{display:none;opacity: 0;}
.topnav .nav li a:hover span.en{display:none;}
.topnav .nav li a:hover span.cn{opacity: 1;display:inline-block;animation: fadeinout 0.5s linear;}

.topnav .nav li a.cur{border-bottom:2px solid #1a1a1a;color:#101010;}
.topnav .nav li a.lng{margin:0px 0px;}
.topnav .nav li a.curlng{color:#b7aa7d;}
.topnav .moremenu{float:right;display:none;padding-top:5px;padding-right:5px;}
.topnav .moremenu a{display:block;width:32px;height:32px;background:url(../images/icon_more.png) no-repeat;background-size:cover;text-indent:-99999px;}

@-webkit-keyframes fadeinout {
  0%{ opacity: 0; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}
 
@keyframes fadeinout {
  0%{ opacity: 0; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}

.tsce{letter-spacing:0;}

 .super-link{
    position: relative;
    text-decoration: none;
    color: #1a1a1a;
 }
 /*伪元素是两个冒号*/
 .super-link::after{
    content: '';
    width: 100%;
    height: 2px;/*设置伪元素的高度，这里是下划线的粗细*/
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #1a1a1a;/*当前标签继承的文字颜色，这里让伪元素的背景色与父元素的文字颜色相同*/
    transform: scale(0);
    transition:all .35s;
}
.super-link:hover::after{
    transform: scale(1);
}
.left::after{
    transform-origin: left;
 }
 .right::after{
    transform-origin: right;
 }
 .center::after{
    transform-origin: center;
 }

.main{width:1335px;margin:0 auto;clear:both;position:relative;}
.pageabout{position:relative;min-height:50vh;margin-top:5px;}
.pagenav{position:relative;}
.pagenav .nav{position:absolute;top:49px;left:0;z-index:1;min-width:120px;}
.pagenav .nav li{border-bottom:1px solid #c0c0c0;line-height:30px;}
.pagenav .nav li:hover,.pagenav .nav li.cur{border-bottom:1px solid #c0c0c0;}

.pagenav .nav li a span{display:block;}
.pagenav .nav li a span.en{opacity: 1;animation: fadeinout 1s linear;}
.pagenav .nav li a span.cn{display:none;opacity: 0;}
.pagenav .nav li a:hover span.en{display:none;}
.pagenav .nav li a:hover span.cn{opacity: 1;display:block;animation: fadeinout 1s linear;}


.pagenav .nav li a{color:#555;font-size:14px;letter-spacing:1px;}
.pagenav .nav li:hover a,.pagenav .nav li.cur a{color:#000000;}
.pagenav .nav li.cur a{color:#000000;font-weight:600;}

.pagenav .nav li .jnnav{padding:5px 0px;padding-bottom:8px;border-top:1px solid #c0c0c0;}
.pagenav .nav li .jnnav li{border-bottom:0;line-height:1.3;padding-left:5px;}
.pagenav .nav li .jnnav li a{color:#888;font-size:12px;letter-spacing:1px;font-weight:400;}
.pagenav .nav li .jnnav li:hover a,.pagenav .nav li .jnnav li.cur a{color:#555;}
.pagenav .nav li .jnnav li.cur a{color:#222;font-weight:600;}
.pagenav .nav li .jnnav li a span{background:url(../images/icon.png) no-repeat left center;background-size:5px;padding-left:10px;}

.about{
	display:block;
	padding-left:250px;
	padding-top:10px;
}
.about .aboutlist{
	display:block;
	border-top:0px solid #cdcdcd;overflow:hidden;
	min-height:300px;padding-bottom:80px;
}
.introview,.atotherview{padding-top:10px;float:right;width:650px;overflow:auto;max-height:500px;}
.introview .img,.atotherview .img{width:100%;margin-bottom:30px;}
.introview .img img,.atotherview .img img{max-width:100%;}
.introview .note{line-height:1.6;color:#555;padding-bottom:30px;font-size:11px;font-weight:100;margin-top:-8px;}
.introview .note img{width:100%;}
.introview .note .realname{
	margin:0;padding:0;font-size:18px;text-align:left;color:#000000;padding-bottom:3px;font-weight:500;line-height:1.1;margin-top:15px;
}
.introview .note .job{
	margin:0;padding:0px 0px;margin-bottom:15px;padding-bottom:8px;font-size:13px;text-align:left;border-bottom:1px solid #e5e5e5;color:#000000;font-weight:400;line-height:1.4;
}
.introview .note .item{
	margin:0;padding:0px 0px;border:0;margin-bottom:5px;padding-bottom:8px;font-size:13px;text-align:left;color:#000000;font-weight:600;line-height:1.4;
}


.honour{padding:0;margin:0;padding-top:25px;text-align:left;padding-bottom:30px;width:650px;float:right;position:relative;}
.honour .vline{position:absolute;bottom:0px;left:45px;top:0;width:1px;border-left:1px solid #a9a9a9;}
.honour li{position:relative;display:block;}
.honour li h3{padding:0;margin:0;line-height:1.5;font-size:12px;margin-left:50px;padding-left:10px;border-bottom:1px solid #e2e2e2;}
.honour li h3 b{font-weight:400;}
.honour li p{margin:0;padding:0px 2px;position:absolute;bottom:0px;left:0px;font-size:15px;color:#454545;font-weight:bold;border-bottom:1px solid #787878;}
.honour li i{background:url('../images/i_o.png') no-repeat center;background-size:10px;width:12px;height:12px;position:absolute;bottom:-5px;left:40px;}
.honour li.t20{margin-bottom:40px;}

.pageworks{position:relative;min-height:400px;margin-top:40px;border-bottom:1px solid #fff;}
.pageworks .pagination{top:0;max-width:800px;overflow:hidden;}
.pageworks .pagination span{height:3px;}
.pageworks .worksindex{clear:both;padding:0;margin:0;overflow:hidden;}
.pageworks .worksindex .topleft{float:left;width:737px;height:260px;overflow:hidden;}
.pageworks .worksindex .topright{float:right;width:592px;height:260px;overflow:hidden;}
.pageworks .worksindex .topright .toprt{height:140px;overflow:hidden;}
.pageworks .worksindex .topright .toprb{height:140px;margin-top:4px;overflow:hidden;}
.pageworks .worksindex .reltxt a img{width:100%;transition-duration:0.5s;}
.pageworks .line2{margin-top:5px;margin-bottom:40px;}

.pageworks .worksindex .bottomleft{float:left;width:424px;height:260px;overflow:hidden;}
.pageworks .worksindex .bottomcenter{float:left;width:607px;height:260px;overflow:hidden;margin:0px 4px;}
.pageworks .worksindex .bottomright{float:right;width:295px;height:260px;overflow:hidden;}

.pageworks .worksindex .reltxt{position:relative;}
.pageworks .worksindex .reltxt a{display:block;}
.pageworks .worksindex .reltxt:hover a img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.pageworks .worksindex .reltxt .txt{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#d1d3d4;font-size:20px;}
.pageworks .worksindex .reltxt .txt h3{text-align:right;margin:5px 40px;font-size:20px;font-weight:400;}
.pageworks .worksindex .reltxt .txt p{line-height:1.4;text-align:right;display:block;padding-top:5px;padding-bottom:15px;font-size:10px;border-top:1px solid #6c6d6c;margin:0px 40px;overflow:hidden;}
.pageworks .worksindex .reltxt_h:hover .flextxt{background:rgba(0,0,0,0.6);}
.pageworks .worksindex .flextxt{position:absolute;display:flex;top:0;bottom:0;left:0;right:0;text-align:center;}
.pageworks .worksindex .flextxt .ctxt{display:inline-block;align-self:center;text-align:center;font-size:16px;width:100%;color:#d1d3d4;}
.pageworks .worksindex .flextxt .ctxt h3{text-align:center;margin:5px 40px;font-size:16px;font-weight:400;}
.pageworks .worksindex .flextxt .ctxt p{line-height:1.4;text-align:center;display:block;padding-top:5px;padding-bottom:5px;font-size:10px;margin:0px 40px;overflow:hidden;}


.workspage{border-top:1px solid #fff;}
.workslist{margin:0;padding:0;padding-top:20px;padding-bottom:80px;}
.workslist li{display:inline-block;width:325px;padding:0;margin:0;font-size:0;overflow:hidden;padding-bottom:25px;margin-right:6px;}
.workslist li a .img{overflow:hidden;position:relative;}
.workslist li a .img .mask{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:4;}
.workslist li a:hover .img .mask{display:none;}
.workslist li a:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.workslist li .img img{width:100%;transition-duration:0.5s;}
.workslist li .intro{font-size:14px;color:#fff;padding:4px 0px;margin:40px;margin-bottom:0;margin-right:10px;}
.workslist li .intro p{margin:0;padding:0;line-height:1.4;}
.workslist li .intro span{display:block;font-size:12px;color:#fff;padding-top:10px;}
.workslist li:nth-child(4),.workslist li:nth-child(8){margin-right:0;}

.workslist li a .mask{display:block;}
.workslist li .intro{position:relative;color:#111;padding:4px 0px;margin:6px;margin-left:0;margin-bottom:0;margin-right:0px;height:55px;overflow:hidden;}
.workslist li .intro p{float:left;display:inline-block;margin:0;padding:0;line-height:1.4;}
.workslist li .intro span{position:absolute;display:inline-block;font-size:12px;color:#111;bottom:5px;right:0px;}


.client{
	display:block;
	padding-left:250px;
	padding-top:0px;
}
.client .clientlist{
	display:block;
	border-top:0px solid #cdcdcd;
	min-height:200px;
}

.listicon{padding:0;margin:0;text-align:left;padding-top:10px;padding-bottom:20px;}
.listicon li{display:block;text-align:center;margin:10px 0px;margin-bottom:10px;}
.listicon li img{width:50%;
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
}
.listicon li:hover img{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: 0; 
}

.listicon li:nth-child(5n){border-right:0;}


.hover-big:hover{
    -webkit-transform:scale(1.1);
        transform:scale(1.1);
}

@-webkit-keyframes b-zoom{
    10%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-filter:brightness(100%)
        }
    50%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
        -webkit-filter:brightness(105%)
        }
    100%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
        /*css3滤镜亮度百分比*/
        -webkit-filter:brightness(110%)
        }
}
.b-zoom:hover{
    -webkit-animation-name:b-zoom;
    animation-name:b-zoom;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}


@-webkit-keyframes hover-zoom{
    50%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        -webkit-filter:brightness(60%)
        }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        /*css3滤镜亮度百分比*/
        -webkit-filter:brightness(100%)
        }
}
.hover-zoom:hover{
    -webkit-animation-name:hover-zoom;
    animation-name:hover-zoom;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}

.pagenews{position:relative;min-height:50vh;}
.newads .swiper-slide img{min-width:100%}
.new{display:block;}
.topsp20{margin-top:20px;}
.new .newlist{padding:0;margin:0;}
.new .newlist li{display:block;border-bottom:1px solid #cccdce;padding-top:25px;padding-bottom:25px;overflow:hidden;}
.new .newlist li:last-child{border-bottom:0;}
.new .newlist li .img{float:left;width:675px;}
.new .newlist li .img img{width:100%;}
.new .newlist li .txt{float:right;width:555px;overflow:hidden;height:220px;}
.new .newlist li .txt h3{padding:0;margin:0;font-size:16px;font-weight:500;}
.new .newlist li .txt .date{padding:3px 0;font-size:12px;font-weight:500;padding-bottom:15px;color:#959595;}
.new .newlist li .txt .intro{color:#555;line-height:1.5;font-size:12px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;}

.newview{
	display:block;position:relative;
	padding-left:250px;
	padding-top:30px;
}
.newview .trarrow{
	background:url('../images/icon_arrow_topright.png') no-repeat;background-size:cover;width:18px;height:18px;
	position:absolute;top:0;right:0;
}
.newview .newshow{
	display:block;
	border-top:1px solid #cdcdcd;
	min-height:300px;
}
.newview .newshow .newpage{
	float:right;width:80%;min-height:400px;overflow-y:auto;max-height:450px;margin-bottom:80px;
}
.newview .newshow .newpage img{margin:10px;line-height:1.5;}
.newview .newshow .newpage h3{padding:5px 0;margin:0;line-height:2;border-bottom:1px solid #e5e5e5;font-size:16px;font-weight:400;}
.newview .newshow .newpage .date{padding:3px 0;margin:0;line-height:2;font-size:12px;color:#959595;}
.newview .newshow .newpage .note{padding:5px 0;margin:0;line-height:1.6;color:#555;padding-top:20px;}
.newview .newshow .newpage .note img{width:99%;margin:0;}


.join{
	display:block;
	padding-left:250px;
	padding-top:10px;
}
.join .joinlist{
	display:block;
	border-top:0px solid #cdcdcd;
	min-height:250px;
}
.joinview{margin:0;padding:0;padding-bottom:40px;overflow:hidden;margin-top:5px;}
.joinview .imgintro{float:left;width:325px;position:relative;min-height:470px;}
.joinview .imgintro img{width:100%;}
.joinview .imgintro .intro{color:#919192;padding-top:20px;font-size:11px;line-height:1.5;}
.joinview .imgintro .emailabs{position:absolute;bottom:0;left:0;text-align:left;display:block;width:100%;}
.joinview .imgintro .email{text-align:left;display:block;width:100%;padding-top:10px;}
.joinview .imgintro .email h3{margin:0;padding:1px 0;color:#9d9fa2;border-bottom:0px solid #cfd0d1;font-size:11px;}
.joinview .imgintro .email p{color:#6e6e6e;margin:0;padding:0px 0;font-size:12px;}
.joinview .note{
	float:right;width:645px;
}
.joinview .note h2,.joinview .note h3{padding:0;margin:0;font-size:16px;font-weight:300;line-height:1.1;}
.joinview .note h3{padding-bottom:15px;margin:0;border-bottom:1px solid #eaeaea;font-weight:300;line-height:0;}
.joinview .note h3 p{display:inline-block;font-size:12px;margin-left:10px;}
.joinview .note .content{background:#fdfdfd;margin-top:25px;line-height:1.7;padding-bottom:40px;color:#555;max-height:350px;overflow:auto;font-size:11px;}


.contact{
	display:block;
	padding-left:250px;
	padding-top:30px;
}
.contact .contactlist{
	display:block;
	border-top:1px solid #cdcdcd;
	min-height:300px;
}
.viewcontact{
	padding-top:100px;
	width:50%;
	padding-bottom:80px;
}

.viewcontact .qr{
	border-bottom:1px solid #cdcdcd;padding-bottom:20px;margin-bottom:20px;
}
.viewcontact .info{}
.viewcontact .info li{padding:1px 0px;font-weight:300;color:#333;font-size:12px;}

.pagenum{padding:10px 0px;text-align:right;color:#c3b791;font-size:12px;min-height:20px;}
.pagenum a{color:#c3b791;padding:0px 3px;margin:0px 2px;}
.pagenum a.cur,.pagenum a:hover{color:#1a1a1a;}
.pagenum a.upcase{text-transform: uppercase;}
.pagenum span{font-weight:300;color:#999;}
.pagenum b{font-weight:300;color:#282828;padding-right:5px;}

.pagedot{padding:10px 0px;text-align:right;min-height:24px;}
.pagedot a{display:inline-block;background:#e5e5e5;color:#e5e5e5;width:13px;height:3px;padding:0px 3px;margin-left:15px;font-size:2px;text-indent:-99999px;overflow:hidden;}
.pagedot a.cur,.pagedot a:hover{background:#b6aa7a;color:#b6aa7a;}

@-webkit-keyframes hover-zoom{
    50%{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-filter:brightness(60%)}
    100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(100%)}
}
.hover-zoom:hover{
    -webkit-animation-name:hover-zoom;
    animation-name:hover-zoom;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}

.footer{
	clear:both;
	position:relative;z-index:999;
	bottom:0;right:0;left:0;
	background:#d1d3d4;
	height:70px;line-height:20px;
	color:#4d4d4f;
	text-align:left;
	font-size:12px;
}
.index,.contactpage,.bootpage{min-height:100vh;}
.index .footer,.contactpage .footer,.bootpage .footer{position:fixed;}

.footer .cp{
	padding-top:10px;
}
.footer a{color:#4d4d4f;}

.footer .bficon{position:absolute;right:10px;top:10px;}
.footer .bficon li{display:inline-block;width:24px;height:24px;margin-left:10px;position:relative;}
.footer .bficon li a{display:block;text-indent:-9999px;}
.footer .bficon li.wx{background:url('../images/icon_wx.png?t=1') no-repeat center;background-size:24px;}
.footer .bficon li.wb{background:url('../images/icon_wb.png?t=1') no-repeat center;background-size:24px;}
.footer .bficon li .qrimg{display:none;position:absolute;right:0px;bottom:20px;width:110px;}
.footer .bficon li .qrimg img{width:100%;}
.footer .bficon li:hover .qrimg{display:block;}


.allbooter{
	background:#7b202f;
	width:100%;
	overflow:hidden;
	z-index:999;
}
.allads{
	margin:0;padding:0;
}
.allads img{width:100%;}

@media only screen and (max-width: 799px){
	body {min-width:100%;}
	.main{width:100%;}
	.topnav .moremenu{display:block;}
	.topnav .nav{display:none;}
	.topnav .nav{position:absolute;right:0;top:76px;line-height:34px;text-align:center;background:#fff;border-top:1px solid #b5b5b5;}
	.topnav .nav li{padding:0px 5px;}
	.topnav .nav li a{font-size:15px;margin:0px 2px;}

	.pageabout{margin-top:10px;}
	.pagenav .nav{position:relative;width:100%;text-align:center;}
	.pagenav .nav li{display:inline-block;}
	.pagenav .nav li.joinnav{display:block;}

	.pagenav .nav li .jnnav{padding:5px 0px;}
	.pagenav .nav li .jnnav li{margin:0px 5px;}

	.about{padding:5px;}
	.about .aboutlist{border-top:0;min-height:200px;}
	.introview{padding:5px;padding-top:10px;}
	.introview .img{width:100%;text-align:center;}
	.introview .img img{width:100%;}
	.introview .note{width:100%;padding:10px 0px;}

	.pageworks .worksindex .topleft{width:100%;height:auto;}
	.pageworks .worksindex .topright{width:100%;height:auto;}
	.pageworks .worksindex .topright .toprt{height:auto;}
	.pageworks .worksindex .topright .toprb{height:auto;margin-top:0px;}
	.pageworks .line2{margin-top:0px;margin-bottom:40px;}

	.pageworks .worksindex .bottomleft{width:100%;height:auto;}
	.pageworks .worksindex .bottomcenter{width:100%;height:auto;margin:0;}
	.pageworks .worksindex .bottomright{width:100%;height:auto;}

	.workslist{padding:10px;padding-top:40px;padding-bottom:80px;}
	.workslist li{width:100%;}
	.workslist li:nth-child(2),.workslist li:nth-child(5){margin-left:0px;margin-right:0px;}

	.client{padding-left:0px;padding-top:10px;}
	.client .clientlist{border-top:0;}

	.new .newlist li{padding:10px;padding-top:40px;padding-bottom:80px;}
	.new .newlist li .img{width:100%;}
	.new .newlist li .img img{width:100%;}
	.new .newlist li .txt{width:100%;}

	.newview{padding-left:0px;padding-top:30px;}
	.newview .trarrow{right:5px;}
	.newview .newshow{padding:5px 10px;}
	.newview .newshow .newpage{width:100%;}
		
	.join{padding-left:0px;padding-top:10px;}
	.join .joinlist{border-top:0;min-height:200px;}
	.joinview{margin:0;padding:10px;padding-bottom:80px;overflow:hidden;}
	.joinview .imgintro{width:100%;min-height:190px;}
	.joinview .imgintro .email{position:relative;width:100%;padding-bottom:10px;}

	.joinview .note{width:100%;}
	.joinview .note .content{max-height:none;overflow:hidden;}

	.contact{padding:10px;padding-top:10px;}
	.contact .contactlist{border-top:0;min-height:100px;}
	.viewcontact{padding-top:40px;width:100%;}

	.viewcontact .links{padding-top:20px;padding-bottom:30px;}
	.viewcontact .links li{display:block;line-height:35px;}
	.viewcontact .links li a{border-right:0px solid #9c9c9c;}
}

@media only screen and (min-width:800px) and (max-width: 1023px){
	body {min-width:780px;}
	.topmenu .menuarea{height:38px;}
	.topnav .logo a{width:38px;height:38px;}
	.topnav .nav{line-height:35px;}
	.topnav .nav li{padding:0px 5px;}
	.pagenav .nav li a{font-size:12px;}

	.honour{width:500px;}
	.honour li h3{font-size:10px;}
	.honour li p{font-size:10px;}

	.main{width:670px;}
	.pageabout{margin-top:5px;}
	.topnav .nav li a{font-size:12px;margin:0px 2px;}

	.about,.contact,.join,.client{padding-left:115px;}
	.join{padding-left:155px;}
	
	.introview .img img{max-height:150px;}
	.introview{max-width:450px;max-height:260px;}
	.introview .note .item{margin-bottom:5px;padding-bottom:8px;font-size:13px;}
	
	.introview,.atotherview{width:450px;max-height:380px;}

	.pageworks .worksindex .topleft{width:369px;height:190px;}
	.pageworks .worksindex .topright{width:296px;height:190px;}
	.pageworks .worksindex .topright .toprt{height:93px;}
	.pageworks .worksindex .topright .toprb{height:93px;}

	.pageworks .worksindex .bottomleft{width:212px;height:156px;}
	.pageworks .worksindex .bottomcenter{width:305px;height:156px;}
	.pageworks .worksindex .bottomright{width:145px;height:156px;}

	.pageworks .worksindex .flextxt .ctxt{font-size:13px;}
	.pageworks .worksindex .flextxt .ctxt h3{font-size:13px;}
	.workslist li .intro{font-size:12px;margin:10px;margin-left:0;height:65px;}
	.workslist li .intro span{font-size:9px;}

	.workslist li{width:162px;}

	.new .newlist li .img{width:338px;}
	.new .newlist li .txt{width:275px;}
	.newview{padding-left:120px;}

	.joinview .imgintro{width:164px;}
	.joinview .note{width:325px;}
	
	.viewcontact{width:80%;padding-top:30px;}

}

@media only screen and (min-width:1024px) and (max-width: 1279px){
	body {min-width:1000px;}
	.main{width:855px;}

	.topmenu .menuarea{height:45px;}
	.topnav .logo a{width:45px;height:45px;}
	.topnav .nav{line-height:42px;}
	.topnav .nav li{padding:0px 5px;}
	.pagenav .nav li a{font-size:12px;}
	.pagenav .nav li .jnnav li a{font-size:10px;}
	.topnav .nav li a{font-size:13px;margin:0px 2px;}

	.honour{width:500px;}
	.honour li h3{font-size:12px;}
	.honour li p{font-size:13px;}

	.pageabout{margin-top:25px;}

	.about,.contact,.join,.client{padding-left:150px;}
	.join{padding-left:185px;}
	

	.introview .img img{max-height:200px;}
	.introview,.atotherview{width:560px;max-height:380px;}
	
	.introview .note .item{margin-bottom:5px;padding-bottom:8px;font-size:13px;}

	.pageworks .worksindex .topleft{width:470px;height:240px;}
	.pageworks .worksindex .topright{width:380px;height:240px;}
	.pageworks .worksindex .topright .toprt{height:119px;}
	.pageworks .worksindex .topright .toprb{height:119px;}

	.pageworks .worksindex .bottomleft{width:270px;height:200px;}
	.pageworks .worksindex .bottomcenter{width:387px;height:200px;}
	.pageworks .worksindex .bottomright{width:189px;height:200px;}

	.pageworks .worksindex .flextxt .ctxt{font-size:13px;}
	.pageworks .worksindex .flextxt .ctxt h3{font-size:13px;}
	.workslist li{width:208px;}

	.workslist li .intro{font-size:12px;padding:0;margin:5px;margin-left:0;height:75px;}
	.workslist li .intro span{font-size:10px;}
	.workslist li .intro span b{font-weight:400;font-size:8px;}
	.workslist li .year{font-size:13px;padding:0;margin:0;}



	.new .newlist li .img{width:433px;}
	.new .newlist li .txt{width:350px;height:145px;}
	
	.new .newlist li .txt .date{font-size:10px;}
	.new .newlist li .txt .intro{font-size:10px;}

	.newview{padding-left:160px;}

	.joinview .imgintro{width:208px;}
	.joinview .note{width:410px;}
	.joinview .imgintro .intro{font-size:10px;}
	
	.viewcontact{width:75%;padding-top:60px;}
	.viewcontact .qr img{width:100px;}

}

@media only screen and (min-width: 1280px)and (max-width: 1359px) {
	body {min-width:1250px;}

	.topmenu .menuarea{height:58px;}
	.topnav .logo a{width:58px;height:58px;}
	.topnav .nav{line-height:55px;}
	.topnav .nav li{padding:0px 5px;}
	.pagenav .nav li a{font-size:13px;}
	.topnav .nav li a{font-size:14px;margin:0px 2px;}

	.honour{width:510px;}
	.honour li h3{font-size:12px;}


	.main{width:1070px;}
	.pageabout{margin-top:20px;}
	.about,.contact,.join,.client{padding-left:180px;}
	.join{padding-left:210px;}
	.introview{max-height:400px;}
	.introview .img img{max-height:220px;}
	
	.introview,.atotherview{width:560px;max-height:380px;}

	.pageworks .worksindex .topleft{width:590px;height:300px;}
	.pageworks .worksindex .topright{width:475px;height:300px;}
	.pageworks .worksindex .topright .toprt{height:150px;}
	.pageworks .worksindex .topright .toprb{height:150px;}

	.pageworks .worksindex .bottomleft{width:340px;height:250px;}
	.pageworks .worksindex .bottomcenter{width:485px;height:250px;}
	.pageworks .worksindex .bottomright{width:235px;height:250px;}

	.pageworks .worksindex .flextxt .ctxt{font-size:13px;}
	.pageworks .worksindex .flextxt .ctxt h3{font-size:13px;}

	.workslist li{width:260px;}
	.workslist li .intro{font-size:12px;margin:10px;margin-left:0;}
	.workslist li .intro span{font-size:9px;}

	.new .newlist li .img{width:540px;}
	.new .newlist li .txt{width:440px;}
	.newview{padding-left:185px;}

	.joinview .imgintro{width:260px;min-height:430px;max-height:450px;}
	.joinview .note{width:520px;}

	.viewcontact{width:80%;}
	.viewcontact .qr img{width:100px;}
}
@media only screen and (min-width: 1280px)and (max-width: 1359px) and (max-height:800px) {
	.swiper-container {margin-top:30px;}
}
@media only screen and (min-width: 1280px)and (max-width: 1359px) and (max-height:600px) {
}

@media only screen and (min-width: 1360px) and (max-width: 1599px){
	body {min-width:1340px;}

	.topmenu .menuarea{height:62px;}
	.topnav .logo a{width:62px;height:62px;}
	.topnav .nav{line-height:59px;}
	.pagenav .nav li a{font-size:14px;}
	.topnav .nav li a{font-size:14px;margin:0px 2px;}

	.main{width:1135px;}
	.pageabout{margin-top:10px;}
	
	.about,.contact,.join,.client{padding-left:195px;}
	.join{padding-left:215px;}
	
	.introview{max-height:400px;}
	.introview .img img{max-height:220px;}
	.introview .note{}

	.pageworks .worksindex .topleft{width:625px;height:320px;}
	.pageworks .worksindex .topright{width:505px;height:320px;}
	.pageworks .worksindex .topright .toprt{height:159px;}
	.pageworks .worksindex .topright .toprb{height:159px;}

	.pageworks .worksindex .bottomleft{width:360px;height:265px;}
	.pageworks .worksindex .bottomcenter{width:517px;height:265px;}
	.pageworks .worksindex .bottomright{width:250px;height:265px;}

	.pageworks .worksindex .flextxt .ctxt{font-size:13px;}
	.pageworks .worksindex .flextxt .ctxt h3{font-size:13px;}

	.workslist li .intro{font-size:12px;margin:5px;}
	.workslist li .intro span{font-size:9px;}
	.workslist li{width:278px;}

	.new .newlist li .img{width:573px;}
	.new .newlist li .txt{width:464px;height:215px;}
	.newview{padding-left:215px;}

	.joinview .imgintro{width:280px;}
	.joinview .note{width:550px;}
}


@media only screen and (min-width: 1920px) {
	body {min-width:1900px;}
	.main{width:1600px;}

	.topmenu .menuarea{height:90px;}
	.topnav .logo a{width:90px;height:90px;}
	.topnav .nav{line-height:88px;}
	.pagenav .nav li a{font-size:15px;}
	.topnav .nav li a{font-size:16px;}
	
	.pageabout{margin-top:40px;}
	.honour{width:800px;padding-top:4px;}
	
	.topnav .nav li{padding:0px 30px;}
	.topnav .nav li a{font-size:18px;margin:0px 3px;}
	.about,.contact,.join,.client{padding-left:275px;}
	
	.introview,.atotherview{width:800px;max-height:580px;}
	.introview .img img{max-height:270px;}
	.introview .note{font-size:15px;}

	.introview .note .realname{font-size:20px;}
	.introview .note .job{font-size:16px;}

	.pagenum{font-size:14px;}

	.pageworks .worksindex .topleft{width:885px;height:370px;}
	.pageworks .worksindex .topright{width:710px;height:370px;}
	.pageworks .worksindex .topright .toprt{height:185px;}
	.pageworks .worksindex .topright .toprb{height:180px;margin-top:6px;}

	.pageworks .worksindex .bottomleft{width:509px;height:313px;}
	.pageworks .worksindex .bottomcenter{width:729px;height:313px;margin:0px 5px;}
	.pageworks .worksindex .bottomright{width:352px;height:313px;}

	.workslist li{width:395px;}

	.new .newlist li .img{width:810px;}
	.new .newlist li .txt{width:650px;height:260px}	
	.new .newlist li .txt h3{font-size:22px;}
	.new .newlist li .txt .date{font-size:14px;}
	.new .newlist li .txt .intro{font-size:14px;}

	.newview{padding-left:300px;}
	.newview .newshow .newpage h3{font-size:22px;}
	.newview .newshow .newpage .date{font-size:14px;}
	.newview .newshow .newpage .note{font-size:14px;}

	.joinview .imgintro{width:390px;min-height:600px;}
	.joinview .note{width:777px;}
	
	.joinview .imgintro .intro{font-size:14px;}
	
	.joinview .imgintro .email p{font-size:14px;}

	.joinview .note h2,.joinview .note h3{font-size:18px;}
	.joinview .note .content{font-size:14px;max-height:460px;}
	
	.viewcontact .qr3 img{width:90px;}
	.viewcontact .info li{font-size:14px;}
	.viewcontact .links li a{font-size:15px;}

	.pagenav .nav li a{font-size:16px;letter-spacing:1px;}
	.pagenav .nav li .jnnav li a{font-size:14px;letter-spacing:1px;}

	.listicon{padding-top:0px;}
	.listicon li{margin:10px 0px;margin-top:0px;}
}


.excerpt-fade{opacity:0;-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem)}
.excerpt-fade.animation{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:.9s .7s;transition:.9s .7s}

.excerpt-fade-in{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.excerpt-fade-in.animation{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:.9s .7s;transition:.9s 1.0s}