@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
WRITE BY AUTHOR 落叶飘红/李露露
 */
/* 此CSS样式为落叶飘红/李露露编写 类名通用加前缀 q_ */
html,body{/*scroll-behavior:smooth;*/}  /* 不使用js只用css实现锚点平滑滚动 */
/*@font-face{
	font-family: 'PingFang_SC';
	src:url('./PingFang_SC.ttf');
}*/
*{font-family: '华文黑体',"PingFang_SC";}
body {
	width:100%;
	margin:0 auto;
	min-height: 300px;
	font-family: '华文黑体','Microsoft Yahei',"PingFang_SC",'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 14px;
	color:#fff;
	background-color: #111111;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距以及过渡效果 */
div,a,span,p,ul,li{padding:0;margin:0;}
.main1000{width:100%;max-width:1000px;margin:0 auto;}
.main1200{width:100%;max-width:1200px;margin:0 auto;}
.main1400{width:100%;max-width:1400px;margin:0 auto;}
.main1540{width:100%;max-width:1540px;margin:0 auto;position: relative;}
.main1540:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
}
/* 平板端隐藏 */
@media (min-width:640px ) and (max-width: 1000px) {
	.pb_hidden{display: none;}
}
@media (max-width: 640px) {
	.q_banner .swiper_button {display: none;}
}
/* 返回顶部  开始 */
#toTop{width:55px;height:55px;bottom:100px;right:10px;position:fixed;cursor:pointer;z-index:999999;}
@media(max-width: 640px){
	#toTop{width:35px;height:35px;bottom:75px;}
}
/* 返回顶部  结束 */

::selection {color:#000;background-color: #fff;opacity: 1;}
::-moz-selection {color:#000;background-color: #fff;opacity: 1;}
.q_main p::selection {color:#000;background-color: #fff;opacity: 1;}
.q_main p::-moz-selection {color:#000;background-color: #fff;opacity: 1;}
.q_main div::selection {color:#000;background-color: #fff;opacity: 1;}
.q_main div::-moz-selection {color:#000;background-color: #fff;opacity: 1;}

::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track {width: 6px;background-color:#111;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
::-webkit-scrollbar-thumb {background-color:#292929;background-clip:padding-box;min-height:28px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}

/* q_header start! */
.q_header{width: 100%;height: 80px; background-color: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index:99;padding:0 2% 0 3%;z-index: 2;
	backdrop-filter:blur(30px);-webkit-backdrop-filter: blur(30px);
}
.q_header.q_header_fixed{box-shadow: 0 0 1px #222;background-color: rgba(0,0,0,.8);}
.q_header_main{width:100%;margin:0 auto;}
.q_header_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_logo{width:350px;float:left;height:80px;}
.q_logo>h1{width:100%;font-size: 0;}
.q_logo>h1>a{outline: none;display: block;width:100%;padding:25px 0 0 ;height:80px;}
.q_logo>h1>a>img{height:30px;}
.q_nav{width:calc(100% - 460px);height:80px;float:right;font-size: 0;text-align: right;}
.q_nav>li{display: inline-block;position: relative;height:80px;margin-left: 50px;}
.q_nav>li>a{outline: none;display: block;width:100%;height:80px;line-height: 80px;font-size: 15px;color:rgba(255,255,255,.7);position: relative;}
.q_nav>li>a.on,.q_nav>li>a:hover{color:rgba(255,255,255,1);}
.q_nav>li>a>span{display: block;width:100%;position: relative;}
.q_nav>li>a>span:after{position: absolute;left: 50%;bottom: 12px;content: "";width: 0;height: 3px;border-radius: 3px;
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}
.q_nav>li>a.on>span:after,.q_nav>li>a:hover>span:after{width: 100%;background-color: #fff;transform: translateX(-50%);}

/* q_nav_son */
.q_nav_son{width:300%;position: absolute;top:100%;left:-65%;padding:10px 0;z-index: 10;background-color:rgba(0,0,0,.4);display: none;}
.q_nav_son>.li{width:100%;margin:0 auto;padding:0;}
.q_nav_son>.li>a{outline: none;display: block;width:100%;margin:0 auto;padding:0 10px 0 25px;font-size: 14px;text-align: left;line-height: 45px;color:rgba(255,255,255,.8);}
.q_nav_son>.li>a>i{margin-right: 10px;opacity: 0;font-size: 20px;}
.q_nav_son>.li:hover{background-color: rgba(0,0,0,.8);}
.q_nav_son>.li:hover>a{color:#fff;}
.q_nav_son>.li:hover>a>i{opacity: 1;}
/* q_header end! */

/* q_banner start! */
.q_banner{width:100%;height:100vh;position: relative;left:0;top:0;}
.swiper_banner{width:100%;height: 100%;}
.swiper_banner .swiper-slide a{outline: none;display: block;width:100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}

.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:15px;height:15px;background-color:rgba(0,0,0,.7);opacity: 1;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
.q_banner .swiper_banner .swiper_button_banner{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;background-color:rgba(0,0,0,.7);color:#fff;opacity: 1;transition: all 0.3s;z-index: 9999;
}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_prev{left:3%;}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_next{right:3%;}
.q_banner:hover .swiper_banner .swiper_button_banner{opacity: 1;}
/* video  bg  start! */
#container{overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.background_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;width: 100%;object-fit: cover;}
#background_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;width: 100%;object-fit: cover;}
#video_cover{position: absolute;width: 100%;height: 100%;background: url('../images/bg.jpg') no-repeat;background-size: cover;background-position: center;}
#video_controls{position: absolute;left: 50%;transform: translate(-50%,0);display: none;}
#play img{width: 100%;}
#pause img{width: 90px;}
#pause{display: none;}
#container{height: 100%;}
#overlay{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.005);}
/* video  bg  end! */

/* q_banner end! */

/* q_section start! */
.q_section{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_section_main{width:100%;position: absolute;left:0;top:50%;padding:0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.section_title{width:100%;margin:0 auto;position: relative;}
.section_title_cn{width:100%;margin:0 auto;font-size: 35px;color:rgba(255,255,255,1);line-height: 42px;font-weight: bold;}
.section_title_en{width:100%;margin:0 auto;font-size: 28px;color:rgba(255,255,255,.8);line-height: 35px;}
.section_title_line{width:100%;margin:10px auto 0;height:2px;background-color: rgba(150,150,150,.1);position: relative;font-size: 0;}
.section_title_line span{width:5%;background-color:#0d4b46;height:2px;display: inline-block;}
.section_main{width:100%;margin:8vh auto 0;}

/* q_section end! */

/* q_event start! */
.q_event{width:100%;margin:0 auto;overflow: hidden;height:60vh;position: relative;cursor:pointer;}
.q_event_list{width:100%;margin:0 auto;height:100%;overflow-y:scroll;position: relative;padding:15px 0 0;}

.q_event_list::-webkit-scrollbar{width:6px;height:6px;}
.q_event_list::-webkit-scrollbar-track {width: 6px;background-color:#111;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
.q_event_list::-webkit-scrollbar-thumb {background-color:#292929;background-clip:padding-box;min-height:28px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}

.q_event_before{width:30px;height:2px;background-color: #fff;position: absolute;left:30px;top:0;}
.q_event_item{width:100%;margin:0 auto;height:100%;}
.q_event_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_event_item_date{width:95px;height:100%;float:left;position: relative;text-align: right;font-size: 0;border-right:2px solid rgba(255,255,255,.2);}
.q_event_item_date>span{display: inline-block;line-height: 20px;}
.q_event_item_date_r{width:12px;height:12px;border-radius: 50%;background-color: rgba(255,255,255,.5);position: relative;top:5px;right:-7px;}
.q_event_item_date_r:after{content:''; width:20px;height:20px;border-radius: 50%;background-color:rgba(255,255,255,.2);position: absolute;right:-4px;top:-4px;z-index: -1;}
.q_event_item_date_l{font-size: 25px;color:rgba(255,255,255,.5);position: relative;top:8px;right:20px;}
.q_event_item_txt{width:calc(100% - 130px);float:right;height:100%;padding:3px 30px 0 0;font-size: 17px;line-height: 30px;color: rgba(255,255,255,.6)}
.swiper-slide-active .q_event_item_date_r{background-color: rgba(255,255,255,1)}
.swiper-slide-active .q_event_item_date_l{color: rgba(255,255,255,1)}
.swiper-slide-active .q_event_item_txt{color: rgba(255,255,255,1)}
.q_event_item:hover .q_event_item_date_r{background-color: rgba(255,255,255,1)}
.q_event_item:hover .q_event_item_date_l{color: rgba(255,255,255,1)}
.q_event_item:hover .q_event_item_txt{color: rgba(255,255,255,1)}

/* q_event end! */

/* q_pro start! */
.section_nav_pro{width:100%;margin:0 auto;position: absolute;right:0;bottom:10px;text-align: right;font-size: 0;}
.section_nav_pro>li{display: inline-block;margin:0 0 0 40px;position: relative;}
.section_nav_pro>li:nth-of-type(1):before{content:'';}
.section_nav_pro>li:before{content:'/';position: absolute;top:1px;left:-20px;color:rgba(255,255,255,.5);font-size: 14px;}
.section_nav_pro>li>a{outline: none;display: block;width:100%;font-size: 14px;line-height: 20px;color:rgba(255,255,255,.5);}
.section_nav_pro>li>a:hover,.section_nav_pro>li>a.on{color:rgba(255,255,255,1);}
/* q_pro_main */
.q_pro_main{width:100%;margin:0 auto;position: relative;}
.q_pro_item{width:100%;margin:0 auto;}
.q_pro_item_img{width:100%;margin:0 auto;overflow:hidden;position: relative;}
.q_pro_item_img_a{width:100%;margin:0 auto;padding:68% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_pro_item_img_mask{outline: none;display: block;width:100%;height:100%;position: absolute;top:0;left:0;background-image: url(../images/mask_grad.png);opacity: 1;transition: all .5s;
	background-repeat: repeat-y;background-position: left top;background-size: 100% 100%;
}
/* q_pro_item_txt */
.q_pro_item_txt{width:100%;margin:0 auto;padding:25px;}
.q_pro_item_txt:after{position: absolute;left:0;bottom: 0;content: "";width: 0;height: 2px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.q_pro_item_txt:hover:after{width: 100%;background-color: rgba(255,255,255,.5);}

.q_pro_item_txt>a{outline: none;display: block;width:100%;margin:0 auto;color:rgba(255,255,255,.5);}
.q_pro_item_txt>a:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_pro_item_txt_r{width:30px;float:right;text-align: right;height:45px;line-height: 45px;font-size: 28px;opacity: 0;transition: all 0.5s;}
.q_pro_item_txt_l{width:calc(100% - 45px);float:left;}
.q_pro_item_txt_l_cn{width:100%;margin:0 auto;font-size: 20px;line-height: 28px;height:28px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 1px;}
.q_pro_item_txt_l_en{width:100%;margin:5px auto 0;font-size: 14px;line-height: 17px;height:17px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_pro_item:hover .q_pro_item_img_mask{opacity: 0;}
.q_pro_item:hover .q_pro_item_txt>a{color:rgba(255,255,255,1);}
.q_pro_item:hover .q_pro_item_txt_r{opacity: 1;}
.q_pro_item:hover .q_pro_item_txt:after{width: 100%;background-color: rgba(255,255,255,.5);}

/* q_pro_item_txt2 */
.q_pro_item_txt2{width:100%;margin:10px auto;padding:25px;}
.q_pro_item_txt2 a{outline: none;display: block;width:100%;margin:0 auto;font-size: 20px;line-height: 28px;height:28px;text-align: center;letter-spacing: 1px;opacity: .6;color:#fff;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_pro_item:hover .q_pro_item_txt2 a{opacity: 1;}

/* swiper_button_pro_all */
.swiper_button_pro_all{width:100%;margin:10vh auto 0;position: relative;}
.swiper_button_pro_all .swiper_button_pro{background:none;width:40px;height:40px;margin-top: -20px;line-height: 40px;color:#fff;text-align: center;font-size: 38px;outline: none;}
.swiper_button_pro_all .swiper_button_pro.swiper_button_pro_prev{left:calc(50% - 50px);}
.swiper_button_pro_all .swiper_button_pro_line{width:2px;height:30px;background-color:rgba(255,255,255,.3);position: absolute;top:calc(50% - 15px);left:50%;}
.swiper_button_pro_all .swiper_button_pro.swiper_button_pro_next{right:calc(50% - 50px);}

/* q_pro end! */

/* q_product start! */
.q_product{width:100%;height:100%;margin:0 auto;position: relative;}
.q_product_title{width:100%;position: absolute;left:0;top:15vh;padding:0;z-index: 3;}
.q_product_title .section_title_line{background-color: rgba(150,150,150,0);}

.swiper_product{width:100%;height:100%;}
.q_product .swiper_button_product{background:none;width:50px;line-height: 50px;height:50px;text-align: center;margin-top: -25px;font-size: 40px;}
.q_product .swiper_button_product_prev{left:5%;}
.q_product .swiper_button_product_next{right:5%;}
.q_product_item{width:100%;height:100%;position: relative;}
.q_product_item>a{outline: none;display: block;width:100%;height:100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_product_item .a{width:100%;height:100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_product_mask{width:100%;position: absolute;left:0;bottom:0;}
.q_product_mask_title{width:100%;padding:0;margin:0 auto;}
.q_product_mask_title span{display: inline-block;position: relative;font-size: 22px;color:#fff;line-height: 35px;}
.q_product_mask_title span:after{content: '';width:50%;height:2px;background-color:rgba(255,255,255,.3);border-radius: 2px;position: absolute; left:0;top:100%;}
.q_product_mask_main{width:100%;margin:3vh auto 0;background-color: rgba(0,0,0,.5);padding:4vh 0;font-size: 14px;line-height: 25px;text-align: justify;opacity: .8;}

/* q_product end! */

/* q_class start! */
.q_class{width:100%;height:100%;margin:0 auto;position: relative;background:url('../images/class.jpg') no-repeat center center;background-size: cover;}
.q_class_title{width:100%;position: absolute;left:0;top:15vh;padding:0;z-index: 3;}
.q_class_title .section_title_line{background-color: rgba(150,150,150,0);}

.swiper_class{width:100%;height:100%;}
.q_class .swiper_button_class{background:none;width:50px;line-height: 50px;height:50px;text-align: center;margin-top: -25px;font-size: 40px;}
.q_class .swiper_button_class_prev{left:5%;}
.q_class .swiper_button_class_next{right:5%;}

/* q_class_item */
.q_class_item{width:100%;height:100%;margin:0 auto;position: relative;text-align: center;}
a.q_class_mask{outline: none;display: block; width:100%;height:100%;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0);transition: all .5s;color:rgba(255,255,255,.6);}
.q_class_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 10%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_class_item_icon{width:100%;margin:0 auto;}
.q_class_item_title{width:100%;margin:3vh auto 0;}
.q_class_item_title_cn{width:100%;margin:0 auto;font-size: 20px;line-height: 28px;height:28px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 1px;}
.q_class_item_title_en{width:100%;margin:5px auto 0;font-size: 14px;line-height: 17px;height:17px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_class_item_nav{width:100%;margin:2vh auto 0;font-size: 0;padding:0 20%;text-align: center;}
.q_class_item_nav ul{display: inline-block;margin:0 auto;position: relative;}
.q_class_item_nav ul:after{position: absolute;left: 50%;bottom: -20px;content: "";width: 0;height: 2px;border-radius: 2px;
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}
.q_class_item:hover .q_class_item_nav ul:after{width: 85%;background-color: rgba(255,255,255,.2);transform: translateX(-50%);}


.q_class_item_nav ul>li{display: inline-block;font-size: 13px;position: relative;margin:0 10px;line-height: 25px;opacity: 0;transition: all .6s;}
.q_class_item_nav ul>li:before{content: '/';font-size: 13px;position: absolute;top:0;left:-11px;}
.q_class_item_nav ul>li:nth-of-type(1):before{content: '';}

.q_class_item:hover a.q_class_mask{background-color: rgba(0,0,0,.6);color:rgba(255,255,255,1);}
.q_class_item:hover .q_class_item_nav ul>li{opacity: 1;}
/* q_class end! */

/* q_news start! */
.q_news_main{width:100%;margin:0 auto;}
.q_news_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
/* q_news_main_l */
.q_news_main_l{width:924px;float:left;border-right: 2px solid rgba(150,150,150,.1);padding:40px 20px 0 0;}
.q_news_main_l_img{width:902px;height:360px;margin:0 auto;overflow:hidden;}
.q_news_main_l_img a{outline: none;display: block;width:100%;height:100%; margin:0 auto;padding:0;background-position: center center;background-size: cover;background-repeat: no-repeat;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}
.q_news_main_l:hover .q_news_main_l_img a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_news_main_l_txt{width:100%;margin:0 auto;padding:25px 20px;border-bottom: 2px solid rgba(150,150,150,.1);}
.q_news_main_l_main{width:100%;margin:0 auto;}
.q_news_main_l_txt_h{width:100%;margin:0 auto;}
.q_news_main_l_txt_h a{outline: none;display: block;width:100%;margin:0 auto;font-size: 23px;line-height: 30px;height:30px;color:rgba(255,255,255,.7);
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_news_main_l_txt_p{width:100%;margin:10px auto 0;font-size: 15px;color:rgba(255,255,255,.4);line-height: 25px;height:50px;letter-spacing: 1px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_news_main_l_txt_more{width:100%;margin:10px auto 0;color:rgba(255,255,255,.7);}
.q_news_main_l_txt_more:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_news_main_l_txt_more span{display: block;float:left;width:20%;font-size: 14px;line-height: 20px;}
.q_news_main_l_txt_more a{display: block;float:right;outline: none;width:70%;font-size: 20px;line-height: 20px;height:20px;text-align: right;color:#fff;opacity: 0;}
.q_news_main_l:hover .q_news_main_l_txt_h a{color:#fff;}
.q_news_main_l:hover .q_news_main_l_txt_more{color:#fff;}
.q_news_main_l:hover .q_news_main_l_txt_more a{opacity: 1;}
/* q_news_main_r */
.q_news_main_r{width:calc(100% - 944px);height:572px;border-bottom:2px solid rgba(150,150,150,.1);float:right;padding:40px 0 0 0;overflow-y:scroll;}
.q_news_item{width:100%;margin:0 auto 10px;padding:20px 25px;background-color: rgba(0,0,0,0);}
.q_news_item:hover{background-color: rgba(50,50,50,.1);}
.q_news_item:hover .q_news_main_l_txt_h a{color:#fff;}
.q_news_item:hover .q_news_main_l_txt_more{color:#fff;}
.q_news_item:hover .q_news_main_l_txt_more a{opacity: 1;}

/* q_news end! */

/* q_footer start! */
.q_footer{width: 100%;background-color: rgba(24,24,24,1);padding:3vh 0;}
.q_footer a{outline: none;color:rgba(255,255,255,.4);}
.q_footer a:hover{color:rgba(255,255,255,1);}
.q_footer_main{width:100%;margin:0 auto;}
.q_footer_main:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_t{width: 100%;padding:4vh 10%;margin:0 auto;}
.q_footer_l{width:60%;float:left;}
.q_footer_l:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_item{width:25%;float:left;}
.q_footer_h{width:100%;margin:0 auto;font-size: 18px;line-height: 30px;height: 30px;color:#ddd;letter-spacing: 1px;}
.q_footer_content{width:100%;margin:1vh auto 0;}
.q_footer_content ul{width:100%;margin:0 auto;}
.q_footer_content ul li{width:100%;margin:0 auto;}
.q_footer_content ul li a{outline: none;display: block; width:100%;margin:0 auto;font-size: 15px;color:rgba(255,255,255,.4);line-height: 35px;height:35px;}
.q_footer_icon{padding:6px 0 0;}
.q_footer_txt{width:100%;margin:1.5vh auto 0;}
.q_footer_txt p{width:100%;margin:0 auto 1vh;font-size: 15px;color:rgba(255,255,255,.4);line-height: 25px;}
.q_footer_r{width:37%;float:right;}
.q_footer_b{width: 100%;padding:1.5vh 10%;margin:0 auto;}
.q_footer_b .q_footer_main>span,.q_footer_b .q_footer_main>a{margin:0 3vw 3px 0;line-height: 20px;font-size: 14px;color:rgba(255,255,255,.4);outline: none;letter-spacing: 1px;}
.q_footer_b .q_footer_main a:hover{color:#fff;}
.q_footer_b .q_footer_main span>a{margin:0;}
.q_footer_logo{width:100%;margin:0 auto;padding:0 10%;text-align: center;}
.q_footer_logo>img{height:25px;opacity: .4;}
/* q_footer end! */

/* q_banner_n start! */
.q_banner_n{width:100%;margin:0 auto;position: relative;}
.q_banner_n>img{width:100%;}
.swiper_banner_n{width:100%;margin:0 auto;}
.swiper_banner_n .swiper-slide a{outline: none;display: block;width:100%;}
.swiper_banner_n .swiper-slide a>img{width:100%;}
.q_banner_n .swiper_banner_n .swiper_button_banner_n{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;background-color:rgba(0,0,0,.7);color:#fff;opacity: 1;transition: all 0.3s;z-index: 9999;outline: none;outline: 0;
}
.q_banner_n .swiper_banner_n .swiper_button_banner_n.swiper_button_banner_n_prev{left:3%;}
.q_banner_n .swiper_banner_n .swiper_button_banner_n.swiper_button_banner_n_next{right:3%;}
.q_banner_n:hover .swiper_banner_n .swiper_button_banner_n{opacity: 1;}

.q_banner_contact .q_product_mask_title{padding:0 10%;}
.q_banner_contact .q_product_mask_main{padding:4vh 10%;}
/* q_banner_n end! */

/* q_main start! */
.q_main{width:100%;margin:0 auto;padding:10vh 0;min-height: 500px;}
.q_main_div{width:100%;margin:0 auto;padding:0 10%;}
.q_8vh{margin:8vh auto 0;}
/* q_main end! */
/* q_about start! */

/* q_about_brand */
.q_about_brand_img{width:100%;margin:0 auto;position: relative;}
.q_about_brand_img>img{width:100%;}
.q_about_brand_img>a{outline: none;display: block;width:100%;padding:45% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_about_brand_img .a{width:100%;padding:45% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_about_brand_mask{width:100%;margin:0 auto;position: absolute;left:0;bottom: 0;background-color: rgba(0,0,0,.6);padding:30px;}
.q_about_brand_mask_title{width:100%;padding:0;margin:0 auto;}
.q_about_brand_mask_title span{display: inline-block;position: relative;font-size: 24px;color:#fff;line-height: 30px;}
.q_about_brand_mask_title span:after{content: '';width:50px;height:2px;background-color:rgba(255,255,255,.3);border-radius: 2px;position: absolute; left:0;top:calc(100% + 5px);}
.q_about_brand_mask_main{width:100%;margin:2vh auto 0;padding:0;}
.q_about_brand_mask_main p{width:100%;margin:0 auto 10px;padding:0;font-size: 14px;line-height: 25px;text-align: justify;}
/*q_about_service*/
.q_about_service{}
.q_service_list{width:100%;margin:0 auto;}
.q_service_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_service_item{width:23.5%;margin:0 2% 0 0;float:left;padding:40px 30px;background-color: #181818;text-align: center;color:rgba(255,255,255,.7);}
.q_service_item:nth-of-type(4){margin:0;}
.q_service_item_icon{width:100%;margin:0 auto;}
.q_service_item_icon img{opacity: .6;transition: all .5s;}
.q_service_item_h{width:100%;margin:15px auto 0;color:#fff;opacity: .6;}
.q_service_item_h_cn{width:100%;margin:0 auto;font-size: 20px;line-height: 30px;}
.q_service_item_h_en{width:100%;margin:0 auto;font-size: 14px;line-height: 20px;}
.q_service_item_span{width:10%;margin:10px auto 0;height:1px;background-color:rgba(255,255,255,.3);transition: all .5s;}
.q_service_item_p{width:100%;margin:10px auto 0;font-size: 13px;line-height: 25px;height:75px;color:#fff;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;opacity: .6;
}
.q_service_item:hover .q_service_item_icon img{opacity: 1;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.q_service_item:hover .q_service_item_h{opacity: 1;}
.q_service_item:hover .q_service_item_span{background-color:#fff;width:15%;}
.q_service_item:hover .q_service_item_p{opacity: 1;}
/* q_team */
.q_team{}
.q_team_list{width:100%;margin:0 auto;}
.q_team_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_team_item{width:32%;margin:0 2% 1vh 0;float:left;}
.q_team_item:nth-of-type(3n){margin:0 0 1vh;}
.q_team_item_img{width:100%;margin:0 auto;overflow:hidden;}
.q_team_item_img a{outline: none;display: block;width:100%;margin:0 auto;padding:60% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}
.q_team_item_txt{width:100%;margin:0 auto;padding:35px 30px 80px;background-color: #1f1f1f;}
a.q_team_item_h{outline: none;display: block;width:100%;color:#fff;}
a.q_team_item_h:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_team_item_h_l{width:88%;float:left;}
.q_team_item_h_r{width:10%;float:right;text-align: right;opacity: .6;height:50px;line-height: 50px;font-size: 30px;}
.q_team_item_h_l_big{width:100%;margin:0 auto;font-size: 20px;line-height: 30px;opacity: .9;}
.q_team_item_h_l_small{width:100%;margin:0 auto;font-size: 14px;line-height: 20px;opacity: .6;}
.q_team_item_line{width:100%;margin:3vh auto;height:2px;background-color:rgba(255,255,255,.1);position: relative;}
.q_team_item_line_hover{width:0;height:2px;background-color:rgba(255,255,255,.8);position: absolute;left:0;top:0;transition: all .5s;}
.q_team_item_p{width:100%;margin:0 auto;font-size: 14px;line-height: 25px;height:75px;color:#fff;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;opacity: .6;
}

.q_team_item:hover .q_team_item_img a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_team_item:hover .q_team_item_txt{background-color: #292929;}
.q_team_item:hover .q_team_item_h_l_big{opacity: 1;}
.q_team_item:hover .q_team_item_h_l_small{opacity: .8;}
.q_team_item:hover .q_team_item_line_hover{width:100%;}
.q_team_item:hover .q_team_item_p{opacity: .8;}
/* q_about end! */

.a_about_event{}

/* q_social start! */
.q_social{}
.q_social_list{width:100%;margin:0 auto;}
.q_social_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_social_item{width:32%;margin:0 2% 30px 0;float:left;position: relative;}
.q_social_item>a{outline:none;display:block;width:100%;}
.q_social_item .a{width:100%;margin:0 auto;}
.q_social_item:nth-of-type(3n){margin:0 auto 30px;}
.q_social_mask{width:100%;position: absolute;left:0;bottom:0;padding:30px 30px 0;background-color: #1f1f1f;transition: all .4s;}
.q_social_item_h{width:100%;margin:0 auto;}
.q_social_item_h_cn{width:100%;margin:0 auto;font-size: 20px;line-height: 30px;opacity: .6;}
.q_social_item_h_en{width:100%;margin:0 auto 25px;font-size: 14px;line-height: 20px;opacity: .3;}
.q_social_item_txt{width:100%;margin:0 auto;padding:0;border-top:2px solid rgba(255,255,255,0);;overflow:hidden;height:0;transition: all .4s;}
.q_social_item_txt_main{width:100%;margin:0 auto;padding:0;font-size: 14px;line-height: 25px;height:100px;opacity:.5;transition: all .4s;text-align: justify;
	color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;
}

.q_social_item:hover .q_social_mask{background-color: rgba(41,41,41,.9);}
.q_social_item:hover .q_social_item_h_cn{opacity: .9;}
.q_social_item:hover .q_social_item_h_en{opacity: .8;}
.q_social_item:hover .q_social_item_txt{height:210px;padding:25px 0 70px;border-top:2px solid rgba(255,255,255,.1);}
.q_social_item:hover .q_social_item_txt_main{opacity:.8;}


/* q_social end! */

/* q_n_product start! */
.swiper_product_n{width:100%;margin:0 auto;}
.swiper_product_n .swiper-wrapper{height:auto;}
.swiper_product_n .swiper-slide>a{outline: none;display: block;width:100%;}
.q_banner_n .swiper_product_n .swiper_button_product_n{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;background-color:rgba(0,0,0,.7);color:#fff;opacity: 1;transition: all 0.3s;
}
.q_banner_n .swiper_product_n .swiper_button_product_n{z-index: 9999;}
.q_banner_n .swiper_product_n .swiper_button_product_n.swiper_button_product_n_prev{left:3%;}
.q_banner_n .swiper_product_n .swiper_button_product_n.swiper_button_product_n_next{right:3%;}
.q_banner_n:hover .swiper_product_n .swiper_button_product_n{opacity: 1;}

.banner_product_main{width:100%;padding:25vh 10% 0;color:#fff;position: absolute;left:0;top:0;}
.banner_product_h{width:100%;font-size: 30px;line-height: 35px;opacity: .9;}
.banner_product_span{width:20px;height:2px;background-color: rgba(255,255,255,.5);margin:15px 0 10px;}
.banner_product_p{width:100%;font-size: 18px;line-height: 25px;opacity: .7;}
.banner_product_more{width:100%;margin:20px 0 0 -5px;font-size: 0;}
.banner_product_more>a{outline: none;display: inline-block;padding:6px 25px;font-size: 14px;line-height: 22px;color:#fff;opacity: .7;margin-right: 10px;border-radius: 30px;
	border:1px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5);
}
.banner_product_more>a:hover{border:1px solid rgba(255,255,255,1);opacity: .9;}

/* q_n_product */
.q_n_pro_list{width:100%;margin:0 auto;}
.q_n_pro_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_n_pro_list .q_pro_item{width:32%;margin:0 2% 35px 0;float:left;position: relative;}
.q_n_pro_list .q_pro_item:nth-of-type(3n){margin:0 0 35px 0;}
.q_n_pro_list.q_n_pro_list2 .q_pro_item{width:32%;margin:0 2% 0 0;float:left;position: relative;}
.q_n_pro_list.q_n_pro_list2 .q_pro_item:nth-of-type(3n){margin:0;}
/* show_product */
.show_product{width:100%;margin:100px auto 0;}
.q_n_product_show{width:100%;margin:0 auto;}
.q_n_product_show:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_n_product_img{width:60%;float:left;position: relative;}
.q_n_product_img .gallery-top .swiper-slide{padding:55% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_n_product_img .gallery-thumbs .swiper-slide{padding:0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_n_product_thumbs{width:100%;margin: auto 0;padding:25px 10%;background-color: #0d0d0d;height:180px;position: relative;}
.q_n_product_thumbs .gallery-thumbs{width:100%;height:100%;position: relative;}

.q_n_product_img .q_n_product_thumbs .swiper_button_product_thumbs{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;background-color:rgba(0,0,0,.7);color:#fff;opacity: 1;transition: all 0.3s;z-index: 9999;
}
.q_n_product_img .q_n_product_thumbs .swiper_button_product_thumbs.swiper_button_product_thumbs_prev{left:2%;}
.q_n_product_img .q_n_product_thumbs .swiper_button_product_thumbs.swiper_button_product_thumbs_next{right:2%;}
.q_n_product_img .q_n_product_thumbs .swiper-slide{border:1px solid rgba(255,255,255,0);}
.q_n_product_img .q_n_product_thumbs .swiper-slide.swiper-slide-thumb-active{border:1px solid rgba(255,255,255,1);}

.q_n_product_txt{width:calc(40% - 30px);float:right;padding:15px 0 0;}
.q_n_product_txt_h{width:100%;margin:10px auto 0;}
.q_n_product_txt_h span{display: inline-block;padding:0 0 10px;font-size: 24px;line-height: 30px;border-bottom: 2px solid rgba(255,255,255,.1);letter-spacing: 1px; }
.q_n_product_txt_h_en{width:100%;margin:15px auto 0;font-size: 18px;line-height: 25px;color:#fff;opacity: .7;}

.q_n_product_txt_ul{width:100%;margin:4vh auto 0;}
.q_n_product_txt_ul li{width:100%;margin:0 auto 7px;font-size: 14px;line-height: 22px;color:#fff;opacity: .5;text-align: justify;}
.q_n_product_txt_ul li>span{font-size: 20px;margin-right: 3px;}
.q_n_product_txt_ul iframe{width:100%;margin:10px auto;height:450px;}
.q_n_product_more{width:100%;margin:20px auto 0;}
.q_n_product_more>a{outline: none;display: inline-block;padding:6px 25px;font-size: 14px;line-height: 22px;color:#fff;opacity: .7;margin-right: 10px;border-radius: 30px;
	border:1px solid rgba(0,0,0,0);background-color:rgba(255,255,255,.1);
}
.q_n_product_more>a:hover{border:1px solid rgba(255,255,255,1);opacity: .9;}
.q_n_product_txt_size{width:100%;margin:10vh auto 0;}
.q_n_product_txt_size_h{width:100%;margin:0 auto;font-size: 20px;line-height: 30px;color:#fff;}
.q_n_product_txt_size_h>span{font-size: 26px;margin-right: 3px;}
.q_n_product_txt_size_p{width:100%;margin:15px auto 0;font-size: 13px;line-height: 20px;color:#fff;opacity: .5;}
.q_n_product_txt_size_p p{width:100%;margin:0 auto 5px;line-height: 22px;}

/* q_n_product end! */

/* q_process start! */
.q_process{}
.q_process_main{width:100%;margin:0 auto;}
.q_process_main .swiper_process .swiper-wrapper{font-size: 0;}
.q_process_main .swiper_process .q_about_brand_img{width:100%;height:100%;}
.q_process_main .swiper_pagination_process{position: static;margin:30px auto 0;}
.q_process_main .swiper_pagination_process .swiper-pagination-bullet{margin:0 5px;background-color: #333;}
.q_process_main .swiper_pagination_process .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;opacity: .6;}
/* q_process end! */

/* q_factory start! */
.q_factory{}
.q_factory_main{width:100%;margin:0 auto;}
.q_factory_main .swiper_factory .swiper-wrapper{font-size: 0;}
.q_factory_main .swiper_factory .q_about_brand_img{width:100%;height:100%;}
.q_factory_main .swiper_pagination_factory{position: static;margin:30px auto 0;}
.q_factory_main .swiper_pagination_factory .swiper-pagination-bullet{margin:0 5px;background-color: #333;}
.q_factory_main .swiper_pagination_factory .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;opacity: .6;}
.q_n_factory_thumbs{width:100%;margin:0 auto;position: relative;height:260px;padding:30px 10%;background-color: #0d0d0d;}
.q_n_factory_thumbs .gallery_thumbs_factory{width:100%;height:100%;position: relative;}
.q_n_factory_thumbs .gallery_thumbs_factory .swiper-slide {padding: 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}

.q_factory_main .q_n_factory_thumbs .swiper_button_factory_thumbs{background:none;width:56px;height:56px;line-height: 56px;margin-top: -28px;font-size: 30px;
  text-align: center;border-radius: 50%;background-color:rgba(0,0,0,.7);color:#fff;opacity: 1;transition: all 0.3s;z-index: 9999;
}
.q_factory_main .q_n_factory_thumbs .swiper_button_factory_thumbs.swiper_button_factory_thumbs_prev{left:2%;}
.q_factory_main .q_n_factory_thumbs .swiper_button_factory_thumbs.swiper_button_factory_thumbs_next{right:2%;}
.q_factory_main .q_n_factory_thumbs .swiper-slide{border:1px solid rgba(255,255,255,0);}
.q_factory_main .q_n_factory_thumbs .swiper-slide.swiper-slide-thumb-active{border:1px solid rgba(255,255,255,1);}

/* q_factory end! */

/* q_partner start! */
.q_partner_main{width:100%;margin:0 auto;padding:0 10%;}
.q_partner_list{width:100%;margin:0 auto;}
.q_partner_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_partner_item{width:16.6%;margin:0 auto 40px;float:left;text-align: center;padding:5px 10px;position: relative;}
.q_partner_item:after{content:'';width:1px;height:50%;background-color: rgba(255,255,255,.1);position: absolute;left:100%;top:25%;}
.q_partner_item:nth-of-type(6n):after{width:0px;}
.q_partner_item img{/*filter: grayscale(1);*/transition: all .5s;opacity: .5;}
.q_partner_item:hover img{/*filter: grayscale(0);*/opacity: 1;}

/* q_partner end! */

/* q_n_class start! */
.q_n_class_list{width:100%;margin:0 auto;font-size: 0;}
.q_n_class_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_n_class_item{width:33%;padding:0 10px;margin:0 auto 25px;float: left;}
.q_n_class_item .q_news_main_l_txt_more{opacity: .5;}
.q_n_class_item .q_news_main_l_txt_more a{opacity: .5;}
.q_n_class_item:hover .q_news_main_l_txt_h a{color:#fff;}
.q_n_class_item:hover .q_news_main_l_txt_p{color:rgba(255,255,255,.7);}
.q_n_class_item:hover .q_news_main_l_txt_more{opacity: .8;}
.q_n_class_item:hover .q_news_main_l_txt_more a{opacity: .8;}

/* q_n_class end! */

/* q_n_news start! */
.q_n_news_top{width:100%;margin:0 auto;position: relative;overflow:hidden;}
.q_n_news_top>a{outline: none;display:block;width:100%;margin:0 auto;padding:45% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}
.q_n_news_top:hover>a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_n_news_top_mask{width:100%;margin:0 auto;position: absolute;left:0;bottom: 0;background-color: rgba(0,0,0,.6);padding:30px;color:#fff;}
.q_n_news_top_mask_title{width:100%;padding:0;margin:0 auto;}
.q_n_news_top_mask_title>a{outline: none;display:block;width:100%;padding:0;margin:0 auto;}
.q_n_news_top_mask_title>a span{display: inline-block;position: relative;font-size: 24px;color:#fff;line-height: 30px;}
.q_n_news_top_mask_title>a span:after{content: '';width:50px;height:2px;background-color:rgba(255,255,255,.3);border-radius: 2px;position: absolute; left:0;top:calc(100% + 5px);}
.q_n_news_top_mask_p{width:100%;margin:20px auto 0;padding:0;font-size: 14px;line-height: 25px;text-align: justify;opacity: .9;}
.q_n_news_top_mask_date{width:100%;margin:10px auto 0;padding:0;font-size: 13px;line-height: 20px;opacity: .8;}
/* q_n_news_list */

.q_n_news_list{width:100%;margin:5vh auto 0;}
.q_n_news_item{width:100%;margin:0 auto;padding:30px 0;border-top:2px solid rgba(180,180,180,.1);}
.q_n_news_item:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_n_news_item:nth-of-type(1){border-top:0;}
.q_n_news_item_img{width:33%;float:left;overflow:hidden;}
.q_n_news_item_img>a{outline: none;display:block;width:100%;margin:0 auto;padding:55% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}

.q_n_news_item:hover .q_n_news_item_img>a{
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.q_n_news_item_txt{width:64%;float:right;padding:30px 0 0;color:#fff;position: relative;}
.q_n_news_item_txt_h{width:100%;margin:0 auto;}
.q_n_news_item_txt_h>a{outline: none;display:block;width:100%;margin:0 auto;color:#fff;line-height: 40px;height:40px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_news_item_txt_h>a>span{display: inline-block;font-size: 22px;line-height: 36px;border-bottom: 2px solid rgba(180,180,180,.1);opacity: .6;}
.q_n_news_item_txt_p{width:100%;margin:15px auto 0;font-size: 14px;line-height: 25px;text-align: justify;opacity: .5;}
.q_n_news_item_txt_date{width:100%;margin:40px auto 0;font-size: 13px;line-height: 20px;opacity: .5;}

.q_n_news_item:hover .q_n_news_item_txt_h>a>span{opacity: 1;}
.q_n_news_item:hover .q_n_news_item_txt_p{opacity: .8;}
.q_n_news_item:hover .q_n_news_item_txt_date{opacity: .8;}

/* q_n_news_show */
.q_n_news_show{width:100%;margin:0 auto;padding:0 2.5%;}
.q_n_news_show_h{width:85%;margin:0 auto;font-size: 28px;line-height: 35px;color:#fff;text-align: center;font-weight: bold;}
.q_n_news_show_span{width:100%;margin:2vh auto 0;font-size: 14px;line-height: 25px;text-align: center;}
.q_n_news_show_span span{display: inline-block; margin:0 5px;font-size: 14px;line-height: 25px;}
.q_n_news_show_content{width:100%;margin:3vh auto 0;min-height: 34vh;border-top:2px solid rgba(180,180,180,.1);padding:3vh 0 0;font-size: 15px;line-height: 2;text-align: justify;color:#888;}
.q_n_news_show_content p{width:100%;margin:0 auto;font-size: 15px;line-height: 2;text-align: justify;color:#888;}
.q_n_news_show_img{width:100%;margin:3vh auto;text-align: center;}

.q_n_news_show_content iframe{display:block;margin:15px auto;width:100%;height:600px;}

/* q_n_news end! */

/* q_job_main start! */
.q_job_main{width:100%;margin:0 auto;}
.q_job_main:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_job_item{width:32%;float:left;margin:0 2% 0 0;position: relative;}
.q_job_item>img{width:100%;}
.q_job_item:nth-of-type(3n){margin:0;}
a.q_mask{outline: none;display:block;width:100%;height:100%;position: absolute;left:0;top:0;background-color: rgba(0,0,0,.3);color:#fff;transition: all .5s;}
.q_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 25px;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_job_item_icon{width:100%;margin:0 auto;}
.q_job_item_icon img{opacity: .8;}
.q_job_item_h{width:100%;margin:10px auto 0;font-size: 28px;line-height: 35px;opacity: .8;}
.q_job_item_h_en{width:100%;margin:0 auto;font-size: 20px;line-height: 25px;opacity: .8;}
.q_job_item_span{width:12%;height:2px;margin:5px auto 0;background-color: rgba(180,180,180,.3);border-radius: 2px;transition: all .5s;}
.q_job_item_p{width:100%;margin:8px auto;font-size: 14px;line-height: 20px;text-align: center;color:#fff;opacity: .8}

.q_job_item:hover a.q_mask{background-color: rgba(0,0,0,.5);}
.q_job_item:hover .q_job_item_icon img{opacity: 1;}
.q_job_item:hover .q_job_item_h{opacity: 1;}
.q_job_item:hover .q_job_item_h_en{opacity: 1;}
.q_job_item:hover .q_job_item_span{width:20%;background-color: rgba(255,255,255,.8);}

/* q_job_main end! */

/* q_n_contact_list start! */
.q_n_contact_list{width:100%;margin:0 auto;}
.q_n_contact_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_contact_item{width:23.5%;float:left;margin:0 2% 0 0;color:#fff;position: relative;}
.q_contact_item:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_contact_item:nth-of-type(4){margin:0;}
.q_contact_item_icon{width:64px;height:64px;float:left;border-radius: 50%;border:2px solid rgba(255,255,255,.4);text-align: center;line-height: 64px;font-size: 30px;opacity: .5;transition: all .4s;}
.q_contact_item_txt{width:calc(100% - 80px);height:64px;float:right;padding:7px 0 0;font-size: 15px;text-align: justify;line-height: 25px;opacity: .5;transition: all .5s;}
.q_contact_item_txt p{width:100%;padding:0;margin:0 auto;font-size: 15px;text-align: justify;line-height: 25px;}
.q_contact_item.q_contact_item2 .q_contact_item_txt p{line-height: 50px;}
.q_contact_item.q_contact_item3 .q_contact_item_txt{padding:0;}
.q_contact_item.q_contact_item4 .q_contact_item_txt{margin:-45px auto 0;}
.q_wexin_div{width:120px;position: absolute;left:180px;top:-20px;box-shadow: 0 0 5px#ccc;display:none;z-index: 99999999999;overflow: hidden;transition: all .3s;}
.q_contact_item.q_contact_item2:hover .q_wexin_div{animation: 0.3s linear 0s normal both 1 running fadeInDown;display:block;}
.q_contact_item:hover .q_contact_item_icon{border:2px solid rgba(255,255,255,1);opacity: 1;}
.q_contact_item:hover .q_contact_item_txt{opacity: 1;}
/* q_jdtb_icon */
.q_jdtb_icon{width:100%;font-size: 0;}
.q_jdtb_icon a{outline: none;display: inline-block;margin-left: 8px;opacity: .7;}
.q_jdtb_icon a:hover{opacity: 1;}


/* q_n_contact_list end! */

/* q_n_job_main start! */
.q_n_job_main{width:100%;margin:10vh auto 0;padding:0 3%;}
.q_job_div{width:100%;margin:0 auto 8vh;}
.q_job_div:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
/* q_job_div_l */
.q_job_div_l{width:24%;float:left;}
.q_job_div_l_h{width:100%;margin:0 auto;font-size: 24px;line-height: 30px;}
.q_job_div_l_h_en{width:100%;margin:0 auto;font-size: 14px;line-height: 25px;opacity: .8;}
.q_job_div_l_line{width:100%;margin:1vh auto;height:1px;background-color: rgba(255,255,255,.5);}
.q_job_div_l_salary{width:100%;margin:0 auto;font-size: 26px;line-height: 35px;}
.q_job_div_l_user{margin:1.5vh 0 0;width:80px;height:80px;line-height: 80px;border-radius: 50%;text-align: center;font-size: 36px;border:1px solid rgba(255,255,255,.8);opacity: .7;transition: all .3s;}
/* q_job_div_r */
.q_job_div_r{width:60%;float: right;}
.q_job_div_r ul{width:100%;margin:0 auto;}
.q_job_div_r ul li{width:100%;margin:0 auto;font-size: 14px;line-height: 28px;text-align: justify;color:#fff;opacity: .8;}
.q_job_div_r p{width:100%;margin:0 auto;font-size: 14px;line-height: 28px;text-align: justify;color:#fff;opacity: .8;}
.q_job_div:hover .q_job_div_l_user{border:1px solid rgba(255,255,255,1);opacity: 1;}
/* q_n_job_main end! */







/* pagelist start!  */
	.pagelist {list-style: none;margin:8vh auto 0;text-align: center;padding:5px 0;font-size: 0;}
	.pagelist > a,.pagelist>span{
		display: inline-block;text-decoration: none;outline: none;min-width:50px;height:45px;line-height: 45px;
		font-size: 16px;padding:0 10px;color:rgba(255,255,255,.6);background-color: #1a1a1a;margin:5px 5px;transition: all .4s;}
	.pagelist > span{color:#fff;background-color: #343434;}
	.pagelist >a:hover{color:#fff;background-color: #343434;}
	@media(max-width: 1600px){
		.pagelist {margin:8vh auto 0;}
		.pagelist > a,.pagelist > span{min-width:45px;height:40px;line-height: 40px;font-size: 14px;padding:0 10px;margin:5px 4px;font-weight: normal;}
	}
	@media(max-width: 1200px){
		.pagelist {margin:6vh auto 0;}
		.pagelist > a,.pagelist > span{min-width:42px;height:36px;line-height: 36px;font-size: 13px;padding:0 10px;margin:5px 4px;}
	}
	@media(max-width: 640px) {
		.pagelist {margin:20px auto 5px;}
		.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;padding:0 8px;margin:5px 3px;}
	}
	@media(max-width: 500px) {
		.pagelist {line-height: 40px;margin:25px auto 10px;}
		.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 2px;}
	}
/* pagelist end!  */

/* #page start!  */
	#page {list-style: none;margin:8vh auto 0;text-align: center;padding:5px 0;font-size: 0;}
	#page > a,#page>span{
		display: inline-block;text-decoration: none;outline: none;min-width:50px;height:45px;line-height: 45px;
		font-size: 16px;padding:0 10px;color:rgba(255,255,255,.6);background-color: #1a1a1a;margin:5px 5px;transition: all .4s;}
	#page > span{color:#fff;background-color: #343434;}
	#page >a:hover{color:#fff;background-color: #343434;}
	@media(max-width: 1600px){
		#page {margin:8vh auto 0;}
		#page > a,#page > span{min-width:45px;height:40px;line-height: 40px;font-size: 14px;padding:0 10px;margin:5px 4px;font-weight: normal;}
	}
	@media(max-width: 1200px){
		#page {margin:6vh auto 0;}
		#page > a,#page > span{min-width:42px;height:36px;line-height: 36px;font-size: 13px;padding:0 10px;margin:5px 4px;}
	}
	@media(max-width: 640px) {
		#page {margin:20px auto 5px;}
		#page > a,#page > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;padding:0 8px;margin:5px 3px;}
	}
	@media(max-width: 500px) {
		#page {line-height: 40px;margin:25px auto 10px;}
		#page > a,#page > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 2px;}
	}
/* #page end!  */