/* css utf-8 编码声明  下面注释若有必要可自行删除
Write by 奇点网络 WWW.QIDIANRT.COM  QQ/WeChat：1195650011  Tel：15508600880
 */
/* 此CSS样式为奇点网络-李露露编写 类名通用加前缀 q_ */
html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
body {
	width:100%;
	margin:0 auto;
	/*min-height: 3000px;*/
	font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 14px;
	background-color: #cee4f5;

}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距以及过渡效果 */
div,a,span,p,ul,li{/*transition: all 0.6s;*/padding:0;margin:0;/*scroll-behavior:smooth;*/}

/* q_header start! */
.q_header{width:100%;padding:0 2%;position: fixed;left:0;top:0;z-index: 9;transition: all 0.5s;}
.q_header_main{width:100%;margin:0 auto;padding:0;}
.q_header_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_logo{width:580px;float:left;padding:20px 0;}
.q_logo a{outline: none;color:#fff;}



/* q_banner end! */

/* q_case start! */

.q_case{width:100%;margin:0 auto;padding:0;position: fixed;}
.q_case_main{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_case_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_case_item{width:25%;float:left;height:100%;border-left: 1px solid rgba(255,255,255,.2);position: relative;background-color: rgba(255,255,255,0);}
/*.q_case_item:nth-of-type(1){border-left: 0px solid #ddd;}*/
.q_case_item_out{width:100%;height:100%;position: absolute;top:0;left:0;}
.q_case_item_in{width:60%;position: absolute;left:20%;bottom:23%;color:#fff;transition: all 0s;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);  padding: 5% 0 2% 0 ;box-shadow: 2px 3px 5px #323232;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%); text-align: center; border-radius: 30px;
}
.q_case_item_h{width:100%;margin:0 auto;padding:0;font-size: 30px;

line-height: 45px;
            text-align: center;
            letter-spacing: 5px;
            font-weight: 700;
            color: #e7bc7b;
            text-shadow: 2px 2px 0 #00355d;


}
.q_case_item_h_en{width:100%;margin:0 auto;padding:0;font-size: 13px;line-height: 20px;text-transform: uppercase;}
.q_case_item_nav{width:100%;margin:0 auto;padding:0;}
.q_case_item_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_case_item_nav>li{margin:0 10px 0 0;padding:0 10px 0 0;position: relative; display: inline-block;}
.q_case_item_nav>li:after{content:"";width:2px;height:16px;background-color:#fff;position: absolute;top:12px;left:100%;}
.q_case_item_nav>li:last-of-type:after{width:0px;}
.q_case_item_nav>li>a{outline: none;display: block;width:100%;font-size: 17px;line-height: 40px;color:#fff;}
.q_case_item_icon{width:100%;margin:10px auto 0;padding:0;}
.q_case_item_icon img{width:60px; }
.q_case_item_list{width:100%;margin:20px auto 0;padding:0;transition: max-height linear 0s;max-height: 0;overflow: hidden;}
.q_case_item_item{width:94%;margin:0 3% 8px 3%;padding:0;}
.q_case_item_item img{border-radius: 15px; width: 80%;}
.q_case_item_more{width:100%;margin:25px auto 0;padding:0;text-align: center;}
.q_case_item_more a{width:40px;height:40px;line-height: 35px; outline: none;display: inline-block;border-radius: 50%;border:1px solid #fff;font-size: 28px;color:#fff;}

.q_case_img01{display:block;width:100%;}
.q_case_img02{display:none;width:100%;}
.q_case_img03{display:none;width:100%;}
.q_case_img04{display:none;width:100%;}

.q_case_item:hover{    background-color: rgba(0,79,153,.3);}
.q_case_item:hover .q_case_item_list{max-height: 2000px;}
.q_case_item a:hover{color:#f00;}
/* q_case end! */
/* q_footer start! */
.foot{width:100%;margin:0 auto;padding:0; height: 40px; line-height: 40px; color: #fff;
	background-color: rgba(0,0,0,.5); bottom: 0px;position: absolute;z-index: 2; text-align: center;}
	.q_footer a{outline: none;color:#fff;}
	.q_footer_main{width:100%;margin:0 auto;padding:0;}
	.q_footer_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.q_footer_t{width:100%;margin:0 auto;padding:100px 5%;}
	
	.q_footer_content{width:100%;margin:20px auto 0;padding:0;}
	.q_footer_content:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.q_footer_img{width:406px;float:right;}
	.q_footer_txt{width:calc(100% - 480px);float:left;padding:35px 0 0;}
	.q_footer_txt:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	
	.q_footer_item{width:100%;margin:0 auto 10px;color:#fff;}
	.q_footer_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.q_footer_item_icon{width:24px;height:24px;float:left;}
	.q_footer_item_txt{width:calc(100% - 30px);height:24px;line-height: 24px;float:right;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	
	.q_footer_b{width:100%;margin:0 auto;padding:20px 5%;border-top:1px solid #fff;}
	.q_footer_b span,.q_footer_b a{display: inline-block;margin:0 5px;color:#fff;line-height: 20px;font-size: 14px;}
	.q_footer_b span img{width:20px;}
	.q_footer_b_r{width:200px;float:right;text-align: right}
	.q_footer_b_r a{margin:0;}
	.q_footer_b_l{width:calc(100% - 200px);float:left;}
	.q_case_item_h_en a{color: #fff;}
	.q_case_item_h_en a:hover{color: #fff; text-decoration: underline; font-weight: bold;}
	.q_logo h1 img{width: 60%;}
	/* q_footer end! */
	
@media (min-width: 1025px) {
	.video_wap{display: none;}
	.foot em{display: none;}
	}
@media (max-width: 1024px) {
	.video_pc{display: none;}
	.q_case_item{width:45%;float:left;height:100%; margin-left: 3%;      margin-top: 15px;  border-left: 0px solid rgba(255,255,255,.2);}
	.slideshow1 video{ width: 100%; height: auto;}
	.slideshow1 embed{ width: 100%; height: auto;}
	.q_case_item_in {
		width: 100%;
		position: relative;
		left: 0%; 
		z-index:9999999999999;
		top: 154%;
		box-shadow: 2px 3px 5px #eee;
		padding-bottom: 15px;}
		.q_case_item_h {
			
			font-size: 20px;}
.q_case_item_nav>li>a{font-size: 13px;}
.q_case_item_icon img {
    width: 34px;
}
.q_case_item_nav {
   
    margin-left: 6%;
}

.q_logo {
    width: 78%;
	position: absolute;
	z-index: 999999999;
   
}

.q_case_item_list{display: none;}
.q_case_item:hover{    background:none;}
.foot {
    width: 100%;

    margin: 0 auto;
    padding: 5px 10px 5px 10px;
   height: auto;
    line-height: 22px}
	.q_header{position: relative;z-index: 9999999;}
	.slideshow1{position: relative; z-index: 0;}
	.q_case {
	    
	    position: relative;
	}
	.q_case_main {
	  
	    position: relative;
		top: 120px;
	 
	}
	.q_case_item_out {
	    width: 100%;
	    height: 100%;
	    position: relative;
	    top: 0;
	    left: 0;
	}
	.q_case_item_icon {
	 margin: 0px auto 0;
	   
	}
	.q_case_item_h{line-height: 33px;}
	.foot span{display: none;}
  }