﻿caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'宋体'}
.fw{font-family:'微软雅黑'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
a{text-decoration:none;color:#444}
a:hover{color:#d7a746}
.ani,a{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
img{max-width:100%}
input,select,textarea{font-size:12px;color:#444;font-family:cnRegular,"Microsoft Yahei"}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.wp{width:1200px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
*{outline:0}
.banner{height:500px}
.banner a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.footer{background:#232323}
.footer .tit{font-size:14px;color:#bcbcbc;line-height:24px;font-weight:400;margin-bottom:15px}
.f-top{padding:74px 0 66px}
.f-bot{overflow:hidden;padding:24px 0 15px;background:#fff}
.f-logo{float:left;margin-right:69px}
.f-logo img{display:inline-block;vertical-align:top}
.f-nav{overflow:hidden;float:left}
.f-nav dl{float:left;width:110px}
.f-nav dl.dl-first{width:130px}
.f-nav dl a{display:block;font-size:12px;color:#494949;line-height:24px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.f-nav dl a:hover{color:#fff}
.f-ma{float:right;width:209px;font-size:12px;color:#aaa;line-height:20px}
.f-ma p{position:relative;margin-bottom:18px}
.f-ma p span{display:block;padding:10px 11px 10px 18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #393939;border-radius:4px;cursor:pointer}
.f-ma p span i{display:block;width:20px;height:20px;float:right;background:url(/newpc/new_web/images/cy_v/icon15.png) center center no-repeat}
.f-ma .img-ma{width:80px;height:80px;position:absolute;right:0;bottom:100%;display:none}
.f-ma p.on span{border-color:#d7a746}
.f-ma p.on .img-ma{display:block}
.f-copy{float:left;width:40%;line-height:20px;color:#aeaeae}
.f-copy span{color:#393939;margin-right:13px}
.f-copy em{font-family:Arial}
.f-cont{padding-top:8px;float:right;width:40%;font-size:14px;color:#393939;line-height:20px}
.f-cont img{display:inline-block;vertical-align:middle;width:24px;height:24px;margin:-2px 9px 0 30px}
.row{padding:70px 0 80px}
.row.row2{background-color:#fefbf3}
.g-btnh1{text-align:center}
.g-btnh1 a{display:inline-block;line-height:50px;background-color:#dca437;text-align:center;color:#fff;font-size:16px;padding:0 32px;min-width:135px}
.g-btnh1 a:hover{background-color:#8e681b}
.g-tit1{text-align:center;margin-bottom:30px}
.g-tit1 span{display:block}
.g-tit1 .en{font-size:40px;color:#666;text-transform:uppercase;font-weight:500;}
.g-tit1 .cn{font-size:34px;color:#dca437;}
.cur{font-size:12px;padding:5px 0;height:40px;line-height:40px}
.cur a{color:#888}
.cur a:hover{color:#d7a746}
.cur i{display:inline-block;margin:0 8px;width:5px;height:9px;vertical-align:middle;background:url(/newpc/new_web/images/cy_v/xwzx-gt.png) center center no-repeat}
.slick-ind1{margin:-30px -10px 0}
.slick-ind1 .slick-list{padding:30px 0}
.slick-ind1 .item{margin:0 10px}
.slick-ind1 .slides{margin-bottom:20px}
.slick-ind1 .slides a{display:block}
.slick-ind1 .pic{width:285px;height:220px;overflow:hidden}
.slick-ind1 .pic img{display:block;width:100%;height:100%}
.slick-ind1 .txt{position:relative;z-index:1;border:1px solid #ededed;border-top:none;padding:57px 20px 35px;text-align:center;font-size:14px;color:#888;line-height:22px}
.slick-ind1 .txt h4{font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}
.slick-ind1 .txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:44px}
.slick-ind1 .icon{position:absolute;top:-40px;left:50%;margin-left:-50px;width:100px;height:100px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center center;box-shadow:0 0 0 8px rgba(255,255,255,.3);z-index:-1}
.slick-ind1 .icon.s1{background-image:url(../img/icon-ind1-1.png)}
.slick-ind1 .icon.s2{background-image:url(../img/icon-ind1-6.png)}
.slick-ind1 .icon.s3{background-image:url(../img/icon-ind1-3.png)}
.slick-ind1 .icon.s4{background-image:url(../img/icon-ind1-4.png)}
.slick-ind1 .icon.s5{background-image:url(../img/icon-ind1-5.png)}
.slick-ind1 .icon.s6{background-image:url(../img/icon-ind1-2.png)}
.slick-ind1 .icon.s7{background-image:url(../img/icon-ind1-7.png)}
.slick-ind1 .icon.s8{background-image:url(../img/icon-ind1-4.png)}
.slick-ind1 .item a:hover .icon.s1{background-image:url(../img/icon-ind1-1-h.png)}
.slick-ind1 .item a:hover .icon.s2{background-image:url(../img/icon-ind1-6-h.png)}
.slick-ind1 .item a:hover .icon.s3{background-image:url(../img/icon-ind1-3-h.png)}
.slick-ind1 .item a:hover .icon.s4{background-image:url(../img/icon-ind1-4-h.png)}
.slick-ind1 .item a:hover .icon.s5{background-image:url(../img/icon-ind1-5-h.png)}
.slick-ind1 .item a:hover .icon.s6{background-image:url(../img/icon-ind1-2-h.png)}
.slick-ind1 .item a:hover .icon.s7{background-image:url(../img/icon-ind1-7-h.png)}
.slick-ind1 .item a:hover .icon.s8{background-image:url(../img/icon-ind1-4-h.png)}
.slick-ind1 .item a:hover{box-shadow:0 5px 10px rgba(0,0,0,.1)}
.slick-ind1 .item a:hover .txt{border:none}
.slick-ind1 .slick-arrow{position:absolute;top:50%;border:none;background:url(../img/arr-1-left.png) center center no-repeat;width:20px;height:35px;font-size:0;z-index:2;cursor:pointer;margin-top:-17px}
.slick-ind1 .slick-prev{left:-40px}
.slick-ind1 .slick-next{right:-40px;background-image:url(../img/arr-1-right.png)}
.pic-actual .slick-dots{position:absolute;bottom:10px;right:10px}
.pic-actual .slick-dots li{float:left}
.pic-actual .slick-dots button{font-size:0;padding:0;border:none;width:10px;height:10px;border-radius:50%;margin:0 2px;background-color:#fff}
.pic-actual .slick-active button{background-color:#dca437}
.pic-malan .slick-dots{position:absolute;bottom:10px;right:10px}
.pic-malan .slick-dots li{float:left}
.pic-malan .slick-dots button{font-size:0;padding:0;border:none;width:10px;height:10px;border-radius:50%;margin:0 2px;background-color:#fff}
.pic-malan .slick-active button{background-color:#dca437}

.col-2h{margin-bottom:50px;zoom:1}
.col-2h:after{content:" ";display:block;clear:both;height:0}
.pic-actual{width:430px;height:519px;overflow:hidden}
.pic-actual img{display:block;width:100%;height:100%}
.desc-actual{width:750px;overflow:hidden;border-top:1px solid #f6f1e5;border-right:1px solid #f6f1e5}
.desc-actual li{float:left;border-left:1px solid #f6f1e5;border-bottom:1px solid #f6f1e5;padding:40px;width:294px}
.desc-actual .icon{display:block;width:35px;height:35px;background-repeat:no-repeat;background-position:center center;margin-bottom:18px}
.desc-actual h4{font-size:22px;line-height:46px;color:#333}
.desc-actual p{font-size:14px;line-height:24px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:72px;margin-bottom:7px}
.desc-actual .even{background-color:#fcf7ea}
.pic-free{width:550px;height:400px;overflow:hidden}
.pic-free img{display:block;width:100%;height:100%}
.desc-free{width:550px;padding-top:20px}
.desc-free li{position:relative;line-height:22px;height:90px}
.desc-free .icon{float:left;width:90px;height:90px;border-radius:50%;background-repeat:no-repeat;background-position:center center;margin-right:34px}
.desc-free .txt{padding-top:12px}
.desc-free h4{font-size:18px;color:#333}
.desc-free p{font-size:14px;color:#666}
.desc-free li+li{margin-top:50px}
.desc-free li+li:before{content:'';position:absolute;width:2px;height:30px;background-color:#f8edd7;left:44px;top:-40px}
.info-designed{width:291px;height:430px;background:url(/newpc/new_web/images/cy_v/bg-ind4-1.png) no-repeat}
.info-designed .cont{font-size:14px;line-height:30px;color:#666;padding:25px 18px}
.info-designed .cont p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;height:270px}
.pic-desigend li{float:left;width:280px;margin-left:20px}
.pic-desigend a{display:block}
.pic-desigend .pic{width:280px;height:280px}
.pic-desigend .pic img{display:block;width:100%;height:100%}
.pic-desigend .txt{background-color:#fff;padding:32px 30px 30px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.pic-desigend .en{font-size:26px;line-height:24px;color:#dca437;text-transform:uppercase;margin-bottom:10px}
.pic-desigend .cn{font-size:18px;line-height:30px;color:#333}
.pic-desigend a:hover .txt{box-shadow:0 0 20px rgba(220,164,55,.3)}
.ul-achieve{margin:0 -10px 30px;overflow:hidden}
.ul-achieve li{float:left;width:386px;margin:0 10px 20px}
.ul-achieve .pic{width:386px;height:230px;overflow:hidden}
.ul-achieve .pic img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-achieve .txt{border:1px solid #ededed;padding:18px 22px;font-size:14px;line-height:24px;color:#666}
.ul-achieve .txt h4{font-size:18px;line-height:28px;color:#333;margin-bottom:4px}
.ul-achieve a:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.ul-business{overflow:hidden;margin:0 -10px 30px}
.ul-business li{float:left;margin:0 10px 20px}
.ul-business a{display:block;width:386px;height:280px;overflow:hidden}
.ul-business a img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.ul-business .last a{width:793px}
.ul-business a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.m-online{background-repeat:no-repeat;background-position:center center;background-size:cover;padding:74px 0 80px}
.m-online .g-tit1 .en{font-weight:500;font-size:60px;color:#fff;margin-bottom:6px}
.m-online .g-tit1 .cn{font-size:40px;color:#fff}
.btn-wrap{text-align:center;font-size:0;padding:10px 0}
.btn-wrap a{display:inline-block;width:220px;height:60px;margin:0 15px;font-size:20px;line-height:60px;color:#fff;background-color:#dca437}
.btn-wrap a:hover{background-color:#8e681b}
.video-detail{background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden}
.video-box{overflow:hidden;margin-bottom:40px}
.video-box .col-l{width:900px}
.video-box .col-r{width:300px}
.video-box .video{width:900px;height:550px}
.video-box #video-cont{width:100%;height:100%}
.video-box .info{background-color:#222;height:30px;line-height:30px;padding:20px}
.video-box .info .tit{font-size:20px;color:#fff;font-weight:400}
.video-box .info .bar{float:right;font-size:12px;color:#888}
.video-box .info .bar i{float:left;margin:0 10px;width:2px;height:30px;background:url(/newpc/new_web/images/cy_v/icon-line.png) center center no-repeat}
.video-box .info .view{padding-left:25px;background:url(/newpc/new_web/images/cy_v/icon-view.png) left center no-repeat;float:left}
.video-box .info .share{float:left;line-height:30px;height:30px}
.video-box .info .bds_more{padding-left:25px;background:url(/newpc/new_web/images/cy_v/icon-share.png) left center no-repeat;margin:0;line-height:30px;height:30px;color:#888}
.video-list{background-color:#424242}
.video-list dt{font-size:16px;color:#fff;padding:10px 20px;line-height:30px}
.video-list dd{background-color:#2d2d2d;padding:0 20px;overflow-y:auto;height:520px}
.video-list .list li{margin:12px 0}
.video-list .list a:hover{opacity:.8;filter:alpha(opacity=80)}
.video-list .pic{float:left;width:120px;height:78px;position:relative;margin:4px 15px 0 0}
.video-list .pic img{display:block;width:100%;height:100%}
.video-list .time{position:absolute;bottom:0;right:0;line-height:20px;background:url(/newpc/new_web/images/cy_v/bg-mask1.png);padding:0 5px;color:#fff}
.video-list .txt h4{font-size:14px;color:#fff;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:44px;font-weight:400;margin-bottom:23px}
.video-list .txt .view{font-size:12px;line-height:14px;color:#888;padding-left:18px;background:url(/newpc/new_web/images/cy_v/icon-video-view.png) left center no-repeat}
/* 作品详情 */
.works-detail .wp .works-box .col-l{
	width:100%;
	border-radius: 10px;
	border: 1px solid #C4C4C4;
}
.works-detail .wp .works-box .col-l .works{
	    padding: 14px 3px 12px 14px;
    display: inline-block;
    width: 63%;
	float: left;
}
.works-detail .wp .works-box .col-l .works .view{
	width:100%;
	display:inline-block;
}
.works-detail .wp .works-box .col-l .works .view img{
	width: 100%;
	box-shadow: 1px 0px 18px 0px!important;
    border-radius: 7px;
}
.works-detail .wp .works-box .col-l .info{
	display:inline-block;
	width: 35%;
    padding: 14px 3px 0 3px;
    float: left;
}
.works-detail .wp .works-box .col-l .info .w-i-m{
	padding: 43px 24px 22px 23px;
	height: 322px;
}
.works-detail .wp .works-box .col-l .info .w-i-m  h4{
	font-size:20px;
}
.works-detail .wp .works-box .col-l .info .w-i-m  h3{
	font-size: 18px;
}
.works-detail .wp .works-box .col-l .info .w-i-m .bar{
	font-size: 15px;
    line-height: 25px;
    margin-top: 37px;
    letter-spacing: 2px;
}
.works-detail .wp .works-box .col-l .info .w-i-m-btns{
	width: 25%;
    margin: 0 auto;
}
.works-detail .wp .works-box .col-l .info .w-i-m-btns a {
	box-shadow: 2px -2px 3px 0px #D7D6D6 inset,1px 0px 2px 1px #C6C6C6;
    border: 2px solid #F8B836;
    cursor: pointer;
    display: inline-block;
    /* float: left; */
    width: 121px;
    height: 34px;
    background: white;
    /* background: url(../images/bg1.png) 0 0 no-repeat; */
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    color: #eaae32;
    line-height: 34px;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -mos-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.works-detail .wp .works-box .col-l .info .w-i-m-btns a:hover{
	color:white;
	box-shadow:1px 0px 2px 1px #C6C6C6;
	background:#F8B836;
	transform:translate(0,-4px);
	  transition: all .3s;
    -webkit-transition: all .3s;
    -mos-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
/* 动画 */
@keyframes w-i-m-h{
	0%{
		padding-left:309px;
	}
	100%{
		padding-left:0;
	}
}
@keyframes w-i-m-t{
	0%{
		opacity:0;
		margin-top: 83px;
	}
	100%{
		opacity:1;
		margin-top: 37px;
	}
}
.w-i-m-h-key{
animation-name:w-i-m-h;
animation-duration:0.5s;
animation-iteration-count:inherit ;
animation-timing-function: linear;
}
.w-i-m-t-key{
animation-name:w-i-m-t;
animation-duration:0.5s;
animation-iteration-count:inherit ;
animation-timing-function: linear;
}
/* 动画 */
/* 作品详情 */
/* 底部小导航 */
.b-e-b .title{
	padding: 7px 0 8px 0!important;
}
.b-e-b .title li {
	position:relative;
    display: inline-block;
    margin: 0 58px;
    width: 220px!important;
    height: 50px;
    line-height: 50px;
    text-align: center;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
}
.b-e-b  .title .ative>a, .b-e-b  .title li:hover a {  
    background-position: 0px 0px;
	transform:translate(0,-5px)!important;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	/* box-shadow:0 0 30px #c1c1c1; */
}

.b-e-b .title li a {
	padding: 0px 0 1px 0;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	 box-shadow: 2px 2px 8px!important;
	-ms-transition:all .4s;
	-o-transition:all .4s;
    display: block;
	background:white!important;
	padding-left: 42px;
    color: #464646!important;
    letter-spacing: 2px;
    font-size: 20px;
    background:#F4F4F4!important;
	border-radius:6px;
}
.b-e-b .title li a i{
	position: absolute;
    width: 61px;
    height: 100%;
    left: 0;
    background:url('http://image.shomick.com/others/items-icon-0401.svg') center center no-repeat;
    display: inline-block;
	background-size: 555px;
}
/* 底部小导航 */
