/*必备样式*/
@charset "utf-8";
/*html::-webkit-scrollbar{ display: none;}*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0; overflow: hidden;}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6,b{font-size:100%; font-weight:normal;}
a{display: block;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
a{text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;}
body,th,td,button,input,select,textarea{ font-family:Microsoft Yahei,Arial,Helvetica,sans-serif;font-size:12px;color:#000;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1}
.ib{display:inline-block;*display:inline;*zoom:1; vertical-align:middle}
.clear{clear: both;}
/*******************************************/
@font-face{
	font-family: 'cent'; 
	src: url('../../font/CENTURYGOTHIC.TTF');
}
.eng{
	font-family: "cent";
}
.upp{
	text-transform: uppercase;
}
.wrap2{
	width: 1540px;
	margin: 0 auto;
}
.go-back{
	position: fixed;
	z-index: 99999;
	top: 40px;
	right: 40px;
	width: 40px;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #FFF;
	background-color: #FFF;
}
.go-back img{
	margin-bottom: 5px;
}
.go-back a{
	color: #666464;
}
.page{
	text-align: center; 
	padding: 50px 0	;
}
.page a{
	display: inline-block; 
	font-size: 16px; 
	padding: 0 4px; 
	color: #555;
}
.page span{
	font-size: 16px;
	text-decoration: underline;
	color: #ea5520;
}
/********* 首页 *********/
body{color: #595757; letter-spacing: 2px;}
.wrap{
	position: relative;
	z-index: 0;
	top: 0;
	left: 0;
}
.wrap .section{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.top{
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100vw;
	overflow: hidden;
	padding: 18px 0;
	background-color: #000000C0;
}
.logo{
	margin-left: 62px;
}
.nav-menu{
	position: absolute;
  top: 0;
  z-index: 100;
  width: 34px;
  overflow: hidden;
  right: 0;
  height: 34px;
  margin: 18px 62px 0 0;
  padding: 10px;
}
.menu{
	margin-right: 62px;
	padding: 10px;
}
.section1 .top{
	
}
.section1 .logo{

}
.section1 .menu{

}
.section2 .top{
	
}
.section2 .logo{
	
}
.section2 .menu{

}
.click-show-nav,.click-close-nav{
	cursor: pointer;
}
#Video{
	background: #000!important;
}
.videoBox{
	width: 100vw;
	height: 100vh;
	position: relative;
	top: 0;
}
.videoBg{
	position: absolute;
	z-index: 3;
	top: 0;
	height: 100%;
	width: 100%;
}
.video-bg-img-box{
	height: 100%;
}
.video-bg-img-box img{
	width: 100vw;
	height: 100vh;
}
.videoButArea{
	position: absolute;
	top: 400px;
	left: 50%;
	width: 104px;
	margin-left: -52px;
	display: none;
}
.videoButArea a{
	display: inline-block;
	width: 104px;
	height: 104px;
	line-height: 104px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
}
.videoButArea a:last-child{
	background: url(../../images/skcq/play.png) no-repeat center center;
}
.videoButArea a span{
	display: inline-block; 
	margin-right: 30px;
}
.videoWord{
	position: absolute;
	z-index: 4;
	top: 280px;
	left: 50%;
	margin-left: -261px;
	width: 522px;
	line-height: 80px;
	text-align: center;
	color: #FFF;
}
.videoWord span{
	display: inline-block;
	font-size: 48px;
}
.videoWord h2{
	font-weight: bold;
	font-size: 60px;
}
.videoWord i{
	display: inline-block;
	width: 480px;
	line-height: 30px;
	margin-top: 15px;
	font-size: 18px;
	color: #e72418;
}
.videoWord p{
	margin-top: 10px;
	line-height: 30px;
	font-size: 16px;
}
.videoWord a{
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin-top: 15px;
	border: 1px solid #666a72;
	background-color: #FFF;
	border-radius: 9px;
	text-align: center;
	font-size: 16px;
	color: #e72418;
}
.menu-bg{
	position: fixed;
	top: -100vh;
	z-index: 103;
	width: 100%;
	height: 100%;
	transition: 0.4s;
	background: url(../../images/skcq/section1_bg.jpg) 100% no-repeat;
}
.menu-bg ul{
	overflow: hidden;
	height: 100%;
	background-color: #0037ff30;
}
.menu-bg ul li{
	width: calc(100% / 5);
	height: 100%;
	line-height: 100vh;
	float: left;
	text-align: center;
	letter-spacing: 2px;
	font-size: 30px;
}
.menu-bg ul li:hover{
	background-color: #c3c5cb;
}
.menu-bg ul li a{
	color: #FFF;
}
.menu-bg ul li span{
	display: none;
}
.menu-bg ul li:hover span{
	display: inline;
	color: #403900;
}
.menu-bg ul li:hover i{
	display: none;
}
.menu-bg ul li i{
	font-size: 35px;
	text-transform: uppercase;
}
.section2{
	position: relative;
	z-index: 0;
}
.section2-top{
	width: 100vw;
	height: 502px;
	background: url(../../images/skcq/about_section2_top_bg1.jpg) no-repeat center bottom;
}
.section2-bottom{
	overflow: hidden;
	height: 418px;
}
.section2-bottom li{
	position: relative;
	float: left;
	width: 50vw;
	height: 100%;
	cursor: pointer;
	background: url(../../images/skcq/section2_bottom_bg.jpg) no-repeat;
}
.section2-bottom li:first-child{
	background: url(../../images/skcq/section2_bottom_l_bg.jpg) no-repeat;
}
.section2-bottom li .mb{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .4;
	transition: .5s;
}
.section2-bottom li p{
	position: absolute;
	width: 100%;
	line-height: 42px;
	margin-top: 240px;
	text-align: center;
	font-size: 24px;
	color: #FFF;
}
.section2-bottom li p span{
	display: block;
}
.section2-yqzs{   /* 圆圈装饰 */
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 120px;
	width: 770px;
	height: 770px;
	margin-left: -385px;
	opacity: .3;
	background: url(../../images/skcq/section2_yqzs2.png);
}
.section2-yqzs li{
	float: left;
	width: 50%;
	height: 50%;
}
.section2-yqzs li:nth-child(3),.section2-yqzs li:nth-child(4){cursor: pointer;}
.section3-word{
	padding-top: 90px;
	line-height: 830px;
	text-align: center;
	font-size: 250px;
	color: #3e3a39;
	letter-spacing: 19px;
}
.section3 .section3-box{
	background: url(../../images/skcq/section3_bg.jpg) no-repeat;
}
.section4{
	background: url(../../images/skcq/section4_bg.jpg) no-repeat;
}
.section5{
	background: url(../../images/skcq/section5_bg.jpg) no-repeat;
}
.section6{
	background: url(../../images/skcq/section6_bg.jpg) no-repeat;
}
.gongyingshang{
	margin-top: -60px;
}
.zhanlan{
	position: relative;
  top: 0;
  left: 50%;
  width: 1580px;
  min-height: 676px;
  margin-left: -850px;
  padding: 164px 0 74px;
  overflow: hidden;
}
.zhanlan-left{
	position: relative;
	width: 280px;
	height: 676px;
	float: left;
}
.zhanlan-right{
	width: 1300px;
	float: left;
}
.zhanlan-title{
	overflow: hidden;
	padding-left: 40px;
	margin-top: 35px;
	color: #3e3a39;
	font-size: 30px;
}
.zhanlan-title .eng{
	line-height: 40px;
	writing-mode: vertical-lr;
	letter-spacing: 4px;
}
.zhanlan-title .word{
	width: 40px;
	text-align: center;
  line-height: 38px;
  margin: -6px 0 0 10px;
}
.zhanlan-top{
	overflow: hidden;
	margin-bottom: 24px;
}
.zhanlan-top img{
	float: left;
	width: 16px;
	height: 16px;
  margin-left: -36px;
  float: left;
  padding: 10px 8.5px;
  cursor: pointer;
}
.search{
	position: absolute;
	bottom: 22px;
	left: 0;
}
.search input{
	float: left;
	width: 190px;
	height: 30px;
	padding-left: 15px;
	line-height: 30px;
	border: 3px solid #c9caca;
	border-radius: 18px;
	font-size: 14px;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #595757;
  font-family: "cent";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #595757;
  font-family: "cent";
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #595757;
  font-family: "cent";
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
}   
.zhanlan-list{
	overflow: hidden;
}
.zhanlan-list li{
	position: relative;
	float: left;
	width: 430px;
	height: 335px;
	margin: 0 4px 6px 0;
}
.zhanlan-list li div{
	width: 430px;
	height: 335px;
	overflow: hidden;
}
.zhanlan-list li:nth-child(3n){
	margin-right: 0;
}
.zhanlan-list li img{
	width: 430px;
	height: 335px;
	object-fit: cover;
}
.zhanlan-list li p{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 265px;
	height: 70px;
	line-height: 70px;
	opacity: 1;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	background-color: #000000b0;
	transition: .4s;
}
.zhanlan-list li:hover img{
	/*transform: scale(1.2);*/
}
.zhanlan-list li:hover p{
	opacity: 0;
}
.zhanlan-list li a{
	color: #595757;
}
.zhanchen{
	text-align: center;
}
.zhanchen h2{
	font-size: 64px;
	margin-bottom: 80px;
}
.zhanchen h3{
	font-size: 64px;
	margin-bottom: 130px;
	font-weight: bold;
}
.zhanchen button{
	width: 146px;
	height: 48px;
	border: 0;
	background-color: #FFF;
	color: #221815;
	font-size: 18px;
	cursor: pointer;
	border-radius: 6px;
	letter-spacing: 2px;
}
.browse-more{
	margin-left: 60px; 
	color: #807e7e;
	font-size: 14px;
	text-decoration: underline;
}
.news{
	position: relative;
  top: 0;
  left: 50%;
  width: 1580px;
  min-height: 676px;
  margin-left: -850px;
  padding: 160px 0 82px;
  overflow: hidden;
}
.news .zhanlan-left{height: 660px;}
.news-list{
	float: left;
	width: 1300px;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	height: 612px;
	background: url(../../images/skcq/xuxian.png) no-repeat left 1px center;
}
.news .news-list li{
	border: none;
}
.news-list li{
	width: 100%;
	float: left;
	padding: 0 0 70px;
	border-bottom: 1px dashed #000;
}
.news-list li:nth-child(2n){
	padding: 70px 0 0;
}
.news-list li a{
	overflow: hidden;
	color: #595757;
}
.news-list li:nth-child(3n){
	padding-left: 73px;
}
.news-left{
	overflow: hidden;
	width: 542px;
	height: 236px;
}
.news-left img{
	width: 100%;
	height: 100%;
	transition: .5s;
}
.news-list li a:hover .news-left img{
	transform: scale(1.2);
}
.news-list li a:hover .news-right p,.news-list li a:hover .news-right h2,.news-list li a:hover .news-right span{
	color: #000;
}
.news-right{
	width: 516px;
	height: 236px;
	margin-left: 64px;
	text-align: justify;
}
.news-list li:nth-child(2n) .news-right{
	padding-right: 0;
}
.news-right h2{
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	transition: 0.3s;
	letter-spacing: 1px;
}
.news-list h3{margin-top: 30px;}
.news-list h3 span{
	float: left;
	margin-left: 4px;
}
.news-list h3 a{
	width: 100px;
  padding-left: 15px;
  height: 30px;
  border: 1px solid #acabab;
  line-height: 30px;
  background: url(../../images/skcq/enter.png) no-repeat 77px center;
  background-size: 22px 22px;
  font-size: 12.61px;
  color: #595757;
  background-color: #FFF;
}
.news-right a{
	color: #595757;
}
.news-right span{
	line-height: 60px;
	font-size: 15px;
	transition: .3s;
}
.news-right p{
	line-height: 32px;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 14.72px;
	letter-spacing: 1px;
	transition: .3s;
}
.new-right-date{
	position: relative;
	float: right;
	width: 150px;
  margin-top: 66px;
	color: #a2a1a0;
}
.new-right-date span{font-size: 62.66px;}
.new-right-date i{
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 25.06px;
}
.new-right-date b{
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 14px;
  font-family: "yahei";
}
.footer{
	position: absolute;
	bottom: 0;
	height: 80px;
	line-height: 80px;
	width: 100%;
	color: #FFF;
	font-size: 15.9px;
	background-color: #000000C0;
}
.footer-wrap{
	width: 1620px;
	margin: 0 auto;
}
.footer .map{
	position: relative;
	cursor: pointer;
}
.footer .map:hover>ul{display: block;}
.footer .map>ul{
	position: absolute;
	bottom: 104px;
	left: 50%;
	width: 530px;
	padding: 20px 0 20px 30px;
	margin-left: -280px;
	line-height: 30px;
	overflow: hidden;
	background-color: #e7e7e7;
	box-shadow: 4px 4px 4px 0px #a9a9a9;
	color: #000;
	cursor: auto;
	display: none;
}
.footer .map>ul>li{
	float: left;
	width: 65px;
	margin: 0 30px;
	text-align: center;
	font-size: 14px;
}
.footer .map>ul>li a{
	font-weight: bold;
	color: #000;
}
.footer .contact{
	position: relative;
	cursor: pointer;
	width: 500px;
	height: 80px;
	overflow: unset;
	margin-left: 30px;
}
.footer .contact li{
	position: relative;
	float: left;
	width: 100px;
	height: 80px;
	overflow: unset;
	background-repeat: no-repeat;
	background-position: center center;
}
.footer .contact li div{
	display: none;
  width: 178px;
  height: 253px;
  position: absolute;
  bottom: 104px;
  left: 50%;
  margin-left: -89px;
  border: 1px solid #899ab2;
  text-align: center;
  background-color: #e2e0e0;
  color: #000;
  box-shadow: 4px 4px 4px 0px #a9a9a9;
  cursor: auto;
}
/*.footer .contact li:last-child div{
	left: unset;
	right: 0;
	margin: 0;
}*/
.footer .contact li:hover div{display: block;}
.footer .contact li div h3{
	line-height: 46px;
	font-size: 14px;
}
.footer .contact li div span{
  display: inline-block;
  width: 28px;
  border-bottom: 1px solid #999;
}
.footer .contact li div p{
	margin-top: 15px;
	line-height: 24px;
	font-size: 12px;
	letter-spacing: 1px;
	word-wrap: break-word;
}
.footer .beian,.footer .map{
	margin-left: 60px;
}


.hezuo-title{
	height: 60px;
  background-color: #000;
  line-height: 60px;
  padding-top: 120px;
}
.hezuo-title li{
	width: 740px;
	float: left;
	padding-left: 168px;
	font-size: 22px;
	color: #FFF;
}
.hezuo-title li:last-child{
	padding-left: 100px;
}
.hezuo-title li span{
	font-size: 16px;
	text-transform: uppercase;
}
.hezuo{
	width: 100%;
	margin: 0 auto;
	height: 460px;
	background: url(../../images/skcq/fengexuxian.png) no-repeat center center;
	background-color: #d3d4d4;
}
.hezuo-left,.hezuo-right{
	width: 50%;
	text-align: center;
}
.hezuo img{
	margin-top: 80px;
	width: 70%;
}
.hezuo-right img{
	margin-top: 125px;
}
.bottom-left{
	line-height: 26px;
	font-size: 16px;
	color: #9fa0a0;
}
.bottom-left p{
	margin: 20px 0 10px;
	line-height: 25px;
}
.bottom-nav{
	width: 924px;
	margin-left: 76px;
	line-height: calc(200px / 5);
	font-size: 16px;
}
.bottom-nav>li{
	float: left;
	width: calc(924px / 6);
}
.bottom-nav>li a{
	color: #e6e6e6;
}
.bottom-nav li>ul>li{
	color: #9fa0a0;
}
.bottom-nav li>ul>li a{
	color: #9fa0a0;
}
.bottom-nav a{
	color: #9fa0a0;
}
.bottom-right{
	color: #9fa0a0;
	font-size: 15px;
}
.bottom-right a{
	margin-bottom: 10px;
	color: #9fa0a0;
}
.bottom-right p{
	margin-bottom: 14px;
	line-height: 24px;
}
.bottom-right span{
	line-height: 24px;
}
.bottom-right i{
	line-height: 25px;
}
/********* 首页END *********/


/********* 关于我们 *********/
.about.section3,.about.section4,.about.section5{
	background: none;
}
.about.section5{
	right: 0;
}
.about-wrap{
	position: relative;
	z-index: 1;
	width: 100vw;
	height: 100vh;
	display: table-cell;
	background: url(../../images/skcq/jianjie_top_bg.jpg) no-repeat top center;
	background-color: #e7e7e7;
}
.about-wrap-inside{
	width: 1300px;
	height: 684px;
	margin: calc((100vh - 684px)/2) auto;
}
.inside{
	overflow: hidden;
}
.inside-fl{
	width: 590px;
	color: #FFF;
}
.inside-fl h2{
	font-size: 48px;
	letter-spacing: 9px;
	line-height: 62px;
	text-align: right;
	text-transform: uppercase;
}
.inside-fl h3{
	line-height: 62px;
	text-align: right;
	letter-spacing: 6px;
	font-size: 30px;
	margin-bottom: 30px;
}
.inside-fr{
	width: 610px;
	margin: 140px 0 0 100px;
	line-height: 32px;
	font-size: 18px;
	text-align: justify;
	letter-spacing: 2px;
}
.inside-fr div{
	height: 390px;
	line-height: 54px;
  letter-spacing: 1.2px;
  color: #595757;
}
.inside-fr div p{
	margin-top: 34px;
	text-indent: 2em;
	color: #dcdbdb;
}
.inside-fr div::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.inside-fr div::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 4px;
  background-color: #333;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
}
.inside-fr div::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
}
.inside-fr ul{
	overflow: hidden;
	margin-top: 46px;
	background: url(../../images/skcq/shuxian.png) no-repeat top center;
}
.inside-fr ul li{
	float: left;
	width: 220px;
	text-align: center;
}
.inside-fr ul li:first-child{width: 196px;}
.inside-fr ul li:last-child{width: 194px;}
@keyframes warn {
  0% {
      transform: scale(1);
      opacity: 1;
  }
  50% {
      transform: scale(.9);
      opacity: 0.1;
  }
  100% {
      transform: scale(1);
      opacity: 1;
  }
}
.inside-fr ul li a{
	opacity: 1;
	color: #595757;
}
.inside-fr ul li:hover a{animation: warn 1.2s ease-out infinite;}
.inside-fr ul li p{
	margin-top: 25px;
	line-height: 20px;
	font-size: 16.34px;
}
.about-show{
	position: absolute;
	z-index: 101;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
  background: url(../../images/skcq/about_show_bg.jpg);
	color: #666464;
}
.about-show .show-top{
	position: absolute;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
	background-color: #FFF;
	padding-top: 29px;
}
.about-show ul{
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	background-color: #FFF;
}
.about-show ul li{
	display: none;
	height: 100%;
	width: 800px;
	margin: 0 auto;
}
.about-map{
	position: relative;
	height: 520px;
	margin-top: 123px;
	text-align: center;
}
.about-map img{
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
	max-height: 100%;
	max-width: 100%;
}
.about-bottom{
	width: 486px;
	margin: 0 auto;
}
.about-bottom h2{
	font-weight: bold;
	line-height: 32px;
	margin: 26px 0 20px 0;
	font-size: 30px;
}
.about-bottom p{
	line-height: 40px;
	font-size: 21px;
	letter-spacing: 2px;
}
#slider{
	margin-top: -42px;
	text-align: center;
}
#slider span{
	display: inline-block;
	width: 50px;
	height: 12px;
	background-color: #e7e7e7;
	cursor: pointer;
}
#slider span:nth-child(2){
	background-color: #5d5d5d;
}
#slider span:nth-child(3){
	background-color: #e7e7e7;
}
#slider span.active{
	background-color: #fe6253;
}
.about-click-close-nav{
	cursor: pointer;
}
.about-click-close-nav:hover{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition:-webkit-transform .3s linear;
    transition:transform .3s linear;
}
.click-close-nav:hover{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition:-webkit-transform .3s linear;
    transition:transform .3s linear;
}

.zhanlan-nav{
	float: right;
	/*width: 70%;*/
	width: 480px;
	height: 19px;
	margin-right: 20px;
	overflow: hidden;
	transition: .6s;
	text-align: right;
}
.zhanlan-nav a{
	display: inline-block;
	margin-left: 26px;
	color: #595757;
	font-size: 14px;
}
.zhanlan-nav a.active{
	color: #ed1c24;
}
#navButton{
	width: 15px;
	height: 15px;
	margin-top: 2px;
}
#navButton img{
	float: none;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
}

.about-qywh{
	position: absolute;
	bottom: 100px;
	width: 1030px;
	right: 660px;
	text-align: right;
	font-size: 48px;
	color: #e6e6e6;
}
.about-qywh span{
	display: block;
  font-size: 85px;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-right: -10px;
}
.about .section3-box{
	height: 100%;
	height: 100%;
	background: url(../../images/skcq/about_section3_bg.png) no-repeat;
}
.about-qyjs{
	position: absolute;
	top: 256px;
	right: 1090px;
	line-height: 44px;
	font-size: 24px;
	color: #FFF;
	text-align: right;
}
.about-zyfw{
	position: absolute;
	top: 700px;
	left: 830px;
	line-height: 76px;
	font-size: 36px;
	color: #595757;
	letter-spacing: 6px;
	font-weight: bold;
	text-align: left;
}
.about-zyfw span{
	line-height: 30px;
	font-size: 24px; 
	font-weight: normal;
	letter-spacing: 3.3px;
}
.about-qyjs.about-qyyj{color: #595757;}
.about-yewu{
	width: 100%;
	height: 100%;
}
.about-yewu li{
	position: relative;
	float: left;
	width: calc(100vw / 6);
	height: 100%;
}
.about-yewu li div{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	transition: .01s;
	background-color: #000000C0;
}
.about-yewu li span{
	position: absolute;
	z-index: 10;
	top: 180px;
	left: 65px;
	line-height: 30px;
	opacity: 0; 
	color: #FFF;
	font-size: 16px;
	transition: .4s;
	font-weight: bold;
}
.about-yewu li:nth-child(2n) span{
	color: #000;
}
.about-yewu li img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
}
.about-yewu li:hover div{
	top: unset;
	bottom: 0;
	height: 276px;
	background-color: #000;
}
.about-yewu li:hover span{
	opacity: 1;
}
.about-yewu li:hover img{
	bottom: 30px;
}
.about-yewu h3{
	position: absolute;
	bottom: 75px;
	left: 0;
	z-index: 2;
	width: 100%;
	line-height: 35.31px;
	text-align: center;
	font-size: 21px;
	color: #e7e7e7;
	transition: .4s;
}
.about-yewu h3 b{
	display: block;
	width: max-content;
	margin: 0 auto;
	text-align: left;
}
.about-yewu li:hover h3{
	bottom: 107px;
}
/********* 关于我们END *********/


/********* 展陈策划 *********/
.solution{
	position: relative;
  top: 0;
  left: 50%;
  width: 1540px;
  min-height: 920px;
  margin-left: -770px;
  overflow: hidden;
}
.solution-box{
	margin-top: 126px;
}
.solution-box .zhanlan-left{
	height: 800px;
	width: 230px;
}
.solution-box .zhanlan-title{
	padding-left: 0;
	margin-top: 90px;
}
.solution-box .search{
	bottom: 60px;
	float: left;
}
.solution-box .browse-more{margin-left: 10px;}
.solution-list{
  position: relative;
  left: 0;
  top: 0;
  float: left;
  width: 1310px;
  height: 800px;
  overflow: hidden;
}
.solution-list .search{
	position: relative;
	bottom: 0;
}
.solution-list .search img{
  float: left; 
	width: 12px;
  height: 12px;
  margin-left: -36px;
  padding: 9px 8.5px;
  cursor: pointer;
}
.solution-list .search input {
  width: 160px;
  padding-left: 10px;
  height: 24px;
  line-height: 24px;
}
.solution-nav{float: right;}
.solution-nav li{
	float: left;
	margin-left: 30px;
}
.solution-nav li a{
	font-size: 14px;
	color: #3e3a39;
}
.solution-nav li.current a{color: #e72418;}
.solution-nav li:hover a{color: #e72418;}
.solution-1-list{
	width: 1300px;
	margin-top: 34px;
	overflow: hidden;
	display: none;
}
.solution-list-box .solution-1-list:first-child{
	display: block;
}
.solution-1-list li{
	position: relative;
	float: left;
	width: 50%;
	height: 658px;
}
.solution-1-list li a img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
}
.solution-1-list li a div{
	position: absolute;
	bottom: -200px;
	height: 158px;
	padding: 0 42px 42px;
	color: #efefef;
	font-size: 11.75px;
	transition: .4s;
	background: none;
}
.solution-1-list li a div h3{
	line-height: 80px;
	letter-spacing: 5px;
	font-size: 17.63px;
}
.solution-1-list li a div p{line-height: 23.51px}
.solution-1-list li a:hover img{
	bottom: 100px;
}
.solution-1-list li a:hover div{
	bottom: 0;
	background-color: #000;
}
.back-to-top{
	position: fixed;
	z-index: 1;
	right: 20px;
	bottom: 20px;
	width: 43px;
	height: 43px;
	padding: 2px;
	cursor: pointer;
  background-color: #595757;
  border-radius: 5px;
  -webkit-user-select:none; 
  -moz-user-select:none; 
  -ms-user-select:none; 
  user-select:none;
}
.back-to-top div{
	position: absolute;
	z-index: 2;
	top: 0;
	line-height: 22px;
	opacity: 0;
	transition: .4s;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.back-to-top{display: none;}
.back-to-top img{transition: .3s;}
.back-to-top:hover div{opacity: 1;}
.back-to-top:hover img{opacity: 0;}


/********* 展陈策划END *********/


/********* 产品服务 *********/
.fanwei-img{
	padding: 48px 0;
	text-align: center;
}
.fanwei-img.moshi{background-color: #e6e7e7;}


/********* 产品服务END *********/


/********* 新闻资讯 *********/
.news-inside{
	padding-top: 146px;
}
.news-nav{
	float: right;
	width: 1300px;
	margin-bottom: 60px;
}
.news .zhanlan-left{margin-top: 60px;}
.news-nav-left{
	float: left;
  font-size: 25.23px;
  color: #3e3a39;
}
.news-nav-left span{font-size: 18.92px;}
.news-nav-right ul{overflow: hidden;}
.news-nav-right ul li{
  float: left;
  margin-left: 30px;
}
.news-nav-right ul li a{color: #3e3a39; font-size: 14px;}
.news-nav-right ul li.current a{ color: #e72418; }
.fenye{
	float: right;
	margin: 20px 20px 0 0;
	font-size: 18px;
	font-weight: bold;
}
.fenye .a1{display: none;}
.fenye a{
	display: inline; 
	margin-left: 20px;
	color: #3e3a39;
}
.fenye span{ 
	margin-left: 20px;
	color: #e72418; 
}
.show-news-box{
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	width: 1200px;
	margin: 0 auto;
	padding: 140px 0;
	min-height: 639px;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	background-color: #FFF;
}
.show-news-box .go-back{
	position: absolute;
	top: 48px;
	right: 58px;
	padding: 0;
	border: 0;
	line-height: 20px;
}
.show-news-box h1{
	line-height: 48px;
	font-size: 30px;
}
.show-news-box>span{
	line-height: 80px;
}
.show-news-box .content{
	width: 615px;
	margin: 0 auto;
	text-align: justify;
}
.show-news-box .content img{
	margin-bottom: 20px;
	max-width: 100%;
}
.show-news-bg{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100vh;
  width: 100vw;
  background: url(../../images/skcq/news_bg.jpg) no-repeat;
}


/********* 新闻资讯END *********/


/********* 案例展示 *********/
.zhanlan.case{
	display: block;
}
.zhanlan.case ul{
	display: block;
}
/********* 案例展示END *********/


/********* 联系我们 *********/
.contact.section3{
	background: none;
}
.contact-wordarea{
	position: absolute;
  right: 280px;
  bottom: 66px;
  width: 600px;
  height: 556px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 36px;
  padding-right: 75px;
  background-color: #e9e9e9;
}
.contact-wordarea::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 11px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.contact-wordarea::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background-color: #707070;
}
.contact-wordarea::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  /*border-radius: 10px;*/
}
/********* 联系我们END *********/