@charset "UTF-8";
/* 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: 300px;
	background-color: #fff;
	font-family: 'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 15px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
body a {outline: none;}
/* 统一调整字间距 */
div,a,span,p,ul,li{padding:0;margin:0;}
td,th{ border:1px solid #bbb;}
/*iframe{display: block;margin:25px auto; width:800px!important;height:540px!important;}
video{display: block;margin:25px auto; width:800px!important;height:540px!important;}
@media(max-width:640px){
	iframe{margin:10px auto; width:100%!important;height:220px!important;}
	video{margin:10px auto; width:100%!important;height:220px!important;}
}*/
/*img{display:block;width:auto!important;height:auto!important;margin:0 auto!important;}*/
.main1200{width:1200px;margin:0 auto;}
.main1600{width:1600px;margin:0 auto;}
.main1760{width:1760px;margin:0 auto;}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
	.img.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
	.img.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;}
}
/* 返回顶部  结束 */
.q_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
a.img{outline: none;display: block;width:100%;}
.img{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;
}
.hover:hover .img{
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  transform:scale(1.15,1.15);
}
.q_row{width:100%;margin:0 auto;position: relative;}
.q_row:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_img{width:100%;margin:20px auto;text-align: center;}
.clear{clear:none;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

section.page1 {width: 100%;top: 0;left: 0;height: 100%;position: absolute;}
section.page2 {width: 100%;left: 0;top: 100%;height:auto;position: absolute;}
/*@media(max-width: 640px){
section.page1{position: relative;height: auto;}
section.page2 {position: relative;top: 0;}
}*/


/* q_header start! */
.q_header{width:100%;height:var(--header-h);position: fixed;left:0;top:0;z-index: 100;transition: all 0.4s ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);background-color: var(--white);color:var(--color);
}
.q_header.q_header_fixed,.q_header:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);background-color: var(--white);color:var(--color);}

.gizle {top:var(--header-h-reverse);background-color: var(--white);}
.sabit {top:0;}

.q_logo{width:200px;float:left;}
.q_logo>h1{width:100%;margin:0 auto;}
.q_logo>h1>a{outline: none;display: block;width:100%;margin:0 auto;padding:15px 0;}
.q_logo>h1>a>img{height:50px;}
.q_logo>h1>a>img.default{display: none;}
.q_logo>h1>a>img.hover{display: inline-block;}

.q_header.q_header_fixed .q_logo>h1>a>img.default,.q_header:hover .q_logo>h1>a>img.default{display: none;}
.q_header.q_header_fixed .q_logo>h1>a>img.hover,.q_header:hover .q_logo>h1>a>img.hover{display: inline-block;}

.q_header_r{width:calc(100% - 250px);float:right;position: relative;}

.q_nav{width:calc(100% - 300px);float:left;}
.q_nav>ul{font-size: 0;text-align: right;}
.q_nav>ul>li{display: inline-block;margin-left: 40px;}
.q_nav>ul>li>a{outline: none;display: block;width:100%;padding:15px 0;position: relative;}
.q_nav>ul>li>a:after{content:'';width: 0;height: 0;position: absolute;left:50%;bottom:0;transform: translateX(-50%);
	border-left: 10px solid transparent;border-right:10px solid transparent;border-bottom: 14px solid #f8f8f8;opacity: 0;
}
.q_nav>ul>li:hover>a:after{opacity: 1;}
.q_nav>ul>li>a>span{display: block;width:100%;font-size:16px;color:var(--white);line-height: 50px;height:50px;transition: opacity 0.2s, transform 0.4s;}
.q_nav>ul>li.on>a>span{color:var(--color-main);}

.q_header .q_nav>ul>li>a>span{color:var(--color);}
.q_header .q_nav>ul>li>a:hover>span{color:var(--color-main);}
.q_header .q_nav>ul>li.on>a>span{color:var(--color-main);}

.q_header.q_header_fixed .q_nav>ul>li>a>span,.q_header:hover .q_nav>ul>li>a>span{color:var(--color);}
.q_header.q_header_fixed .q_nav>ul>li>a:hover>span,.q_header:hover .q_nav>ul>li>a:hover>span{color:var(--color-main);}
.q_header.q_header_fixed .q_nav>ul>li.on>a>span,.q_header:hover .q_nav>ul>li.on>a>span{color:var(--color-main);}

.q_tel{display: inline-block;position: absolute;top:20px;right:160px;height:40px;width:40px;border-radius: 20px;cursor: pointer;display:none;
	background: var(--color-main);color:var(--white);transition: width .2s;
}
.q_tel_main{width:100%;height:40px;background:url('../images/q_tel_icon.png') no-repeat center right;padding:0 40px 0 0;}
.q_tel_txt{width:0;float:left;height:40px;line-height: 40px;font-size: 19px;padding:0;overflow:hidden;font-style: italic;letter-spacing: 1px;
	border-top-left-radius:20px;border-bottom-left-radius:20px;transition: width .2s;
}
.q_tel:hover{width:240px;}
.q_tel:hover .q_tel_txt{width:200px;padding:0 25px;}

.q_message{width:128px;float:right;margin-left: 72px;padding:20px 0;display:none;}
.q_message>a{outline: none;display: block;width:100%;line-height: 40px;height:40px;font-size: 16px;text-align: center;
	background: var(--linear-background);color:var(--white);border-radius: 5px;
}
.q_message>a:hover{background:var(--linear-background-hover);}

.gizle .q_nav_son{top:0;}
.gizle.sabit .q_nav_son{top:var(--header-h);}

.q_nav_son{width:100%;position: fixed;left:0;top:var(--header-h);background-color: var(--white);padding:38px 0;display: none;transition: top .3s;}
.q_nav_son:before{content: '';display: block;position: absolute;left: 0;top: 0;border-top: 1px solid #eeeeee;width: 100%;}
.nav_son_main{text-align: left;}
.nav_son_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nav_son_l{width:30%;float:left;min-height: 350px;border-right: 1px solid #e7e7e7;padding:35px 80px 0 0;position: relative;}
.nav_son_l_h .small{font-size: 15px;color: #999;line-height: 1.5;}
.nav_son_l_h .big{margin:5px auto 0;font-size: 24px;color: #222;line-height: 1.5;}
.nav_son_l_img{margin:0 auto;text-align: right;position: absolute;right:80px;bottom:0;}
.nav_son_l_img>img{max-width: 350px;}

.nav_son_r{width:70%;float:right;min-height: 350px;padding:35px 0 0 80px;}
.nav_son_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
a.nav_son_item{outline: none;display: block;}
.nav_son_item{width:48%;float:left;margin:0 4% 50px 0;}
.nav_son_item:nth-of-type(2n){margin:0 0 50px 0;}
.nav_son_item_icon{width:54px;float:left;position: relative;}
.nav_son_item_icon i{display: block;width: 36px;height: 36px;transform: translate(4px, 4px);position: absolute;right: 0;bottom: 0;z-index: -1;
	border-radius: 3px 10px 10px 10px;background: var(--color-main);transition: all 0.4s;
}
.nav_son_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nav_son_item_txt{width:calc(100% - 75px);float:right;}
.nav_son_item_h{font-size: 20px;color:#222;line-height: 30px;height:30px;}
.nav_son_item_p{margin:2px auto 0;font-size: 14px;color:#777;line-height: 20px;height:20px;}
.nav_son_item:hover .nav_son_item_h{color:var(--color-main);}
.nav_son_item:hover .nav_son_item_icon i{right:auto;bottom:auto;left:0;top:0;transform: translate(-8px,-8px);border-radius: 50%;}

.q_nav_son3 .nav_son_r{padding:60px 0 0 80px;}
.q_nav_son3 .nav_son_item{width:32%;margin:0 2% 80px 0;}
.q_nav_son3 .nav_son_item:nth-of-type(2n){margin:0 2% 80px 0;}
.q_nav_son3 .nav_son_item:nth-of-type(3n){margin:0 0 80px 0;}

.q_nav_son4 .nav_son_l{min-height: 420px;}
.nav_son_block{width:100%;margin:0 auto;border-radius: 12px;background-color: #f4f4f4;padding:27px 40px 15px;}
.nav_son_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nav_son_list li{width:32%;float:left;margin:0 2% 25px 0;}
.nav_son_list li:nth-of-type(3n){margin:0 0 25px 0;}
.nav_son_list li:hover .nav_son_item_h{color:var(--color-main);}

.q_nav_son.on .nav_son_l{animation-name: lv-fadeInUp-short; animation-delay: .3s;}
.q_nav_son.on .nav_son_list{animation-name: lv-fadeInUp-short; animation-delay: .3s;}
.q_nav_son.on .nav_son_block{animation-name: lv-fadeInUp-short; animation-delay: .4s;}
/* q_header end! */

/* q_popup start! */
.q_popup{width:0;height:0;opacity: 0;background-color: var(--white);border-radius: 50%;position: fixed;top:-50vw;right:-50vw;z-index: 999;transition: all .8s;}
.q_popup.show{width:200vw;height:200vw;opacity: 1;}
.q_popup_block{width:100%;height:100%;position: fixed;left:0;top:0;z-index: 10;display: none;}
.q_popup.show .q_popup_block{display: block;}
.q_popup_main{width:100%;height:100%;margin:0 auto;position: relative;}
.q_popup_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.popup_header{width:100%;position: absolute;left:0;top:0;padding:15px 3%;z-index: 2;}
.popup_header:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.popup_header_logo{width:30%;float:left;}
.popup_header_logo img{height: 50px;cursor: pointer;}
.popup_header_close{width:60px;height:60px;float:right;text-align: right;position: relative;cursor: pointer;}
.popup_header_close span{display: block;display: block;background: #333;width: 36px;height: 3px;position: absolute;right: 0;top:20px;border-radius: 3px;}
.popup_header_close span:nth-of-type(1){transform: rotate(45deg);}
.popup_header_close span:nth-of-type(2){transform: rotate(-45deg);}

.popup_img{width:50%;float:left;height:100%;}
.popup_img .img{height: 100%;}

.popup_txt{width:50%;float:right;height:100%;position: relative;}
.popup_txt_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.popup_txt_mask_in{width:100%;position: absolute;left:0;top:50%;text-align: left;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.popup_txt_mask_main{width:100%;padding:0 10%;}
.popup_txt_h{font-size: 36px;color:#333;line-height: 50px;}
.popup_txt_hr{margin:4vh auto;background-color: #f5f5f5;}

.q_form{width:100%;margin:0 auto;}
.q_form:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.form_input{width:100%;margin:0 auto 25px;position: relative;}
.form_input input{display: block;width:100%;padding:0 23px 10px;font-size: 15px;line-height: 20px;color:#333;
	border:0;border-bottom: 1px solid #ccc;background: none;
}
.form_input:before{content:'*';font-size: 16px;color:var(--color-main);line-height: 25px;position: absolute;left:5px;top:1px;z-index: 2;}

.form_box{margin:35px auto 0;}
.form_box_h{font-size: 24px;color:#333;line-height: 35px;}
.form_checkbox{margin:25px auto 0;}
.form_checkbox:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.form_label{width:25%;float:left;margin:0 auto 15px;}

.form_button{width:60%;margin:40px 0 0;}
.form_button:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.form_button>button{display: block;width:45%;float:left;padding:10px 15px;font-size: 16px;line-height: 20px;border-radius: 8px;transition: all .15s;
	background: var(--linear-background);color:var(--white);border:0;
}
.form_button>button:nth-of-type(2){float:right;}
.form_button>button:hover{background:var(--linear-background-hover);}

.show .popup_header{animation-name: lv-fadeInUp-short; animation-delay: .6s;}
.show .popup_img{animation-name: lv-fadeInLeft; animation-delay: .6s;}
.show .popup_txt{animation-name: lv-fadeInRight; animation-delay: .6s;}

/* q_popup end! */

/* q_banner start! */
.q_banner{width:100%;margin:0 auto;height:100%;position: relative;}
.q_banner .swiper_banner{height:100%;}
.q_banner .swiper_banner .swiper-wrapper{height:100%;}
.q_banner .swiper_banner .swiper-wrapper .swiper-slide{height:100%;}

.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:30px;height:6px;border-radius: 0;background-color: #fff;opacity:1;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:10px;height:6px;background-color: #fff;opacity: 1;}

.q_banner .swiper_banner .swiper_button_banner{background:none;width:50px;height:50px;line-height: 50px;margin-top:0;font-size: 30px;top:auto;bottom:5%;
  text-align: center;border-radius: 0;border:0;color:#fff;transition: all 0.3s;
}
.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%;}

.banner_item{width:100%;height:100%;position: relative;}
.banner_item_img{width:100%;height:100%;overflow:hidden;}
.banner_item_img .img{height:100%;transition: 1s 2.5s;transform: perspective(1000px) translate3d(0, 0, 100px);}
.q_banner .swiper-slide.swiper-slide-active .banner_item_img .img{transition: 5s 0s;transform: perspective(1000px) translate3d(0, 0, 0px);}
/* q_banner end! */

/* q_section start! */
.q_section{width:100%;margin:0 auto;position: relative;}
.section_title .big{font-size: 36px;font-weight: 700;line-height: 50px;color:#000;}
.section_title .small{margin:10px auto 0; font-size: 18px;line-height: 25px;color:#8f8f8f;}
.section_title .big_center{font-size: 45px;color:#000;text-align: center;line-height: 55px;}

/* q_section end! */

/* q_work start! */
.q_work{padding:100px 0 10px;background:url('../images/q_work_bg.png') no-repeat center bottom;}
.work_list{margin:100px auto 0;}
.work_item{width:48.5%;float:left;margin:0 3% 150px 0;position: relative;}
.work_item:nth-of-type(2n){margin:0 0 150px 0;transform: translateY(-130px);}
.work_item_img{width:100%;margin:0 auto;}
.work_item_img .img{padding:69.63% 0 0;}
.work_item_title{width:100%;position: absolute;left:0;top:0;padding:85px 8% 0;text-align: center;}
.work_item_title a{outline: none;display:block;width:100%;color:var(--white);}
.work_item_title .big{font-size: 30px;font-weight: 700;line-height: 40px;height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.work_item_title .small{margin:10px auto 0;font-size: 17px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.work_item_pic{width:100%;position: absolute;left:0;bottom:-75px;}
.work_item_pic .img{padding:51.825% 0 0;}

/* q_work end! */

/* q_hot start! */
.q_hot{background:url('../images/q_hot_bg.jpg') no-repeat center center;background-size: cover;padding:100px 0;}
.q_hot_title{text-align: center;color:var(--white);}
.q_hot_title .big{font-size: 50px;font-weight: 700;line-height: 60px;letter-spacing: 2px;}
.q_hot_title .small{margin:20px auto 0;font-size: 22px;line-height: 35px;}

.hot_swiper{margin:80px auto 0;}
.swiper_hot{width:100%;padding:0 150px;margin:0 auto;min-height:360px;}
.hot_item{width:100%;position: relative;overflow:hidden;border-radius: 25px;}

.hot_item_img{overflow:hidden;}
.hot_item_img .img{padding:64% 0 0;opacity: 0;transition: all .5s;}


.hot_item_bg{width:100%;height:100%;background-color: rgba(255, 255, 255, 0.03);position: absolute;left:0;top:0;}
a.hot_item_mask{outline: none;display: block;width:100%;height:100%;position: absolute;left:0;top:0;}
.hot_item_mask_in{width:100%;position: absolute;left:0;top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.hot_item_main{padding:0 10%;color:var(--white);}
.hot_item_icon{width:100%;margin:0 auto 20px;display: none;}
.hot_item_icon img{max-width: 80px;}
.hot_item_h{font-size:30px;line-height: 40px;}
.hot_item_p{margin:20px auto 0;font-size:15px;opacity:.3;line-height: 25px;height:50px;text-align: justify;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}


.hot_item:hover .hot_item_img .img{opacity: 1;opacity: 0;}
.hot_item:hover .hot_item_p{opacity: 1;}

.swiper-slide-active .hot_item_icon{display: block;display:none;}
.swiper-slide-active .hot_item_img .img{padding:72.3% 0 0;opacity:1;opacity: 0;}
.swiper-slide-active .hot_item .hot_item_p{opacity: 1;}

.q_hot .swiper_hot .swiper_button_hot{background:none;width:70px;height:70px;line-height: 70px;margin-top:-35px;transition: all 0.3s;font-size: 40px;
  text-align: center;border:0;color:var(--white);background:var(--linear-background);border-radius: 25px;border-bottom-left-radius:0;
}
.q_hot .swiper_hot .swiper_button_hot.swiper_button_hot_prev{left:2%;}

/* q_hot end! */

/* q_case start! */
.q_case{padding:80px 0;}
.case_list{margin:100px auto 0;}
.case_item{width:32.6%;float:left;margin:0 1.1% 18px 0;position: relative;}
.case_item:nth-of-type(3n){margin:0 0 18px 0;}
a.case_item_img{outline: none;display:block;width:100%;overflow:hidden;}
.case_item_img:after{content:'';width:100%;height:100%;background-color: rgba(0,0,0,.4);position: absolute;left:0;top:0;}
.case_item_img .img{padding:67.65% 0 0;
  -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;
}
.case_item:hover .case_item_img .img{
  -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);
}
a.case_item_mask{outline: none;display:block;width:100%;position: absolute;left:0;bottom:0;padding:30px 40px;}
.case_item_main{color:var(--white);}
.case_item_brand{font-size: 16px;line-height: 25px;}
.case_item_h{margin:10px auto 15px; font-size: 22px;font-weight:700;line-height: 36px;height:36px;letter-spacing: 1px;
	overflow:hidden;text-overflow: hidden;white-space: nowrap;
}
.case_item_key{margin:5px auto;}
.case_item_key:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.case_item_key li{float:left;margin:0 8px 10px 0;padding:3px 10px;background-color: rgba(116,116,116,.6);font-size: 13px;line-height: 20px;}

.case_item_more{margin:0 auto;overflow:hidden;transition: all .4s;height: 0;}
.case_item_more span{outline: none;display: block;width:100%;font-size: 17px;line-height: 25px;transition: all .2s;}
.case_item:hover .case_item_more{height: 25px;}
.case_item:hover .case_item_more span:hover{color:var(--color-main);}
/* q_case end! */

/* q_number start! */
.q_number .q_section_main{text-align:center;padding:180px 0 50px;color:var(--white);font-size:22px;line-height:40px;}
.q_number{padding:0;background-color:#000;}
.q_number_bg{background:#000 url('../images/q_number_bg.gif') no-repeat right center;height:400px;background-size: 45% auto;position: relative;}
.q_number_bg:after{content:'';width:100%;height:100%;background-color: rgba(0,0,0,.5);position: absolute;left:0;top:0;}
.q_number_main{width:100%;margin:0 auto;padding:150px 0;position: relative;z-index: 3;}
.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_item{width:25%;float:left;border-right:1px solid #bbb;padding:0 10px;text-align: center;}
.q_number_item:nth-of-type(4){border-right:0px solid #bbb;}
.q_number_top{font-size: 40px;line-height: 50px;color:var(--white);}
.q_number_top .sub{font-size: 15px;vertical-align: text-top;font-weight: normal;}
.q_number_txt{width:100%;margin:10px auto 0;padding:0;font-size: 14px;color:#bbb;line-height: 20px;height:20px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

/* q_number end! */

/* q_news start! */
.q_news{padding:120px 0 160px;}
.q_news_main{position: relative;}
.news_main{margin:60px auto 0;}
.news_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.news_l{width:45%;float:left;}
.news_txt{width:100%;margin:0 auto;}
.news_txt_h{width:90%;}
.news_txt_h>a{outline: none;display: block;font-size: 46px;color:#000;text-align: justify;line-height: 60px;height:120px;font-weight: 700;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
p.news_txt_p{margin:4vh auto 0;font-size: 22px;color:#474747;text-align: justify;line-height: 36px;height: 108px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}

.news_r{width:50%;float:right;position: absolute;top:0;right:0;padding: 6vh 0 0;z-index: 99;}
.newsThumbs{padding-right:calc(50vw - 800px);min-height:300px;}

.news_img{width:100%;overflow:hidden;border-radius: 20px;/*transition: all .6s;*/}
.news_img .img{padding:65% 0 0;transition: all 0s;}
.newsThumbs .swiper-slide-active .news_img .img{padding:72% 0 0;}

.swiper_button_newses{margin:50px auto 0;font-size: 0;}
.swiper_button_news{display: inline-block;width:50px;height:50px;line-height: 50px;border-radius: 10px;margin-right: 20px;font-size: 22px;cursor: pointer;
	text-align: center;background-color: #303032;color:var(--white);border-bottom-left-radius: 0;
}


.newsTop .swiper-slide-active .news_txt{animation-name: lv-fadeInUp-short; animation-delay: .5s;}

/* q_news end! */


/* q_footer start! */
.q_footer{width:100%;margin:0 auto;padding:0;background-color: #000;color:#888;}
.q_footer a{color:#888;outline: none;}
.q_footer a:hover{color:var(--color-main);}
.q_footer_t{width:100%;margin:0 auto;padding:80px 0 60px;border-bottom:1px solid #4d4d4d;}
.q_footer_t_main{width:100%;margin:0 auto;padding:0;}
.q_footer_t_l{width:28%;float:left;padding:1% 0 0;}
.q_footer_t_l_p{width:100%;margin:40px auto 0;padding:0;font-size: 14px;text-align: justify;line-height: 1.7;}
.q_footer_t_r{width:60%;float:right;}
.q_footer_list{width:100%;margin:0 auto;padding:0;}
.q_footer_item{width:30%;float:left;margin:0 5% 0 0;}
.q_footer_item:nth-of-type(3){margin:0;}
.q_footer_item_h{width:100%;margin:0 auto;padding:10px 0;border-bottom: 1px solid #4d4d4d;font-size: 16px;color:#fff;}
.q_footer_item_group{width:100%;margin:15px auto 0;padding:0;font-size: 13px;line-height: 25px;}
.q_footer_item_group p{width:100%;margin:0 auto;padding:0;line-height: 2;}
.q_footer_item_group a{margin:0 3px 0 0;}
.q_footer_item_group_l{width:50%;float:left;}
.q_footer_item_group_r{width:50%;float:right;text-align: center;}
.q_footer_item_group_r a{outline: none;display: inline-block;width:30px;height:30px;line-height: 30px;border-radius: 50%;background-color: #fff;color:#000;
	font-size: 16px;margin:0 6px;position: relative;
}
.q_footer_item_group_r a .icon_hover{position: absolute;width: 120px;top: 50px;left: 50%;margin-left: -60px;box-shadow: 0 0 5px#ccc;display:none;z-index: 99999999999;
	overflow: hidden;transition: all .3s;
}
.q_footer_item_group_r a:hover .icon_hover{animation: 0.3s linear 0s normal both 1 running fadeInDown;display:block;}
.q_footer_b{width:100%;margin:0 auto;padding:20px 0;text-align: center;}
.q_footer_b span,.q_footer_b a{margin:0 2px;line-height: 20px;font-size: 12px;color:#666;}
.q_footer_b span a{margin:0;}
.q_footer_b p{display: inline-block;}

.q_footer_form{width:100%;margin:30px auto 0;padding:0;}
.q_footer_form .form-group{width:25%;margin:0 2% 0 0;padding:0;float:left;}
.q_footer_form .form-group .input{height: 36px;line-height: 22px;font-size: 13px;border-radius: 0;}
.q_footer_form .form-group .input:focus{border:1px solid var(--color-main);}
.q_footer_form .form-group .input-group .addon{background-color: var(--color-main);color:#fff;border: 1px solid var(--color-main);padding: 6px 16px;
	font-size: 13px;border-radius: 0;
}
.q_footer_form .form-button{width:19%;margin:0;padding:0;float:left;}
.q_footer_form .form-button .button{display: block;width:100%; background-color: var(--color-main);color:#fff;font-size: 13px;height: 36px;line-height: 36px;
	padding:0;border:1px solid #2e2d2b;border-radius: 0;
}

/* q_footer end! */

/* q_banner_n start! */
.q_banner.q_banner_n{height:auto;position: relative;}
.q_banner_n .img{padding:28% 0 0;}

.banner_mask{width:100%;height:100%;position: absolute;left:0;top:0;background: linear-gradient(45deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);}
.banner_mask_in{width:100%;position: absolute;left:0;top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.banner_main{width:90%;max-width: 500px;color:var(--white);}
.banner_h{font-size: 42px;font-weight: 700;line-height: 60px;}
.banner_p{font-size: 20px;line-height: 33px;margin:25px auto 0;color:var(--white);}
/* q_banner_n end! */

/* q_position end! */
.q_position{width:100%;position: absolute;left:0;bottom:4%;}
.q_position_main{width:100%;margin:0 auto;text-align: left;color:var(--white);line-height: 30px;height:30px;font-size: 14px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;opacity: .9;
}
.q_position_main>i{margin-right: 5px;}
.q_position_main a{outline: none;color:var(--white);margin:0 3px;}
.q_position_main a:hover{color:var(--color-main);}
.q_position_main:hover{opacity: 1;}
/* q_position end! */

/* q_main start! */
.q_main{width:100%;padding:60px 0;}
.q_main.q_main_show{background-color:#f8f8f8;}
.q_content{min-height: 500px;font-size: 16px;color:#555;line-height: 2;}
p{width:100%;margin:0 auto;font-size: 16px;line-height: 2;}

/* q_main end! */

/* q_n_nav start! */
.q_n_nav{margin:0 auto 60px;}
.q_n_nav_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_nav_ul>li{float:left;margin:0 15px 10px 0;}
.q_n_nav_ul>li>a{outline: none;display: block;width:100%;padding:8px 20px;background-color: #f1f1f1;color:#606060;
	font-size: 14px;line-height: 25px;border-radius: 5px;
}
.q_n_nav_ul>li.on>a,.q_n_nav_ul>li:hover>a{background:none;background: var(--linear-background);color:var(--white);}
/* q_n_nav end! */

/* nwebsite start! */
.q_main.nwebsite{padding:80px 0 0;}
.nwebsite_div{padding:100px 0;
	background-image:linear-gradient( 112deg,rgb(245, 83, 101) 0%,rgb(55, 172, 92) 0%,rgb(106, 191, 96) 55%,rgb(157, 210, 100) 100%);
}
.nwebsite_div_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.nwebsite_img{width:48%;float:left;}
.nwebsite_txt{width:48%;float:right;color:var(--white);padding:100px 0 0;}
.nwebsite_txt p{color:var(--white);}
.nwebsite_txt_h{font-size: 56px;font-weight: 700;letter-spacing: 2px;line-height: 72px;}
.nwebsite_txt_p{margin:20px auto 0;font-size:16px;line-height: 30px;text-align: justify;opacity: 0.9;}
.nwebsite_txt_ul{width:100%;margin:30px auto 0;}
.nwebsite_txt_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nwebsite_txt_ul li{width:75px;float:left;margin:0 20px 0 0;}
.nwebsite_txt_icon{width:75px;height:75px;border:1px solid #fff;background-color: #fff;text-align: center;transition: all .2s;cursor: pointer;}
.nwebsite_txt_icon span{display: block;width:100%;height: 100%;
	background-repeat: no-repeat;background-position:center center;
}
.nwebsite_txt_icon .default{display: block;}
.nwebsite_txt_icon .hover{display: none;}

.nwebsite_txt_icon:hover{background: none;}
.nwebsite_txt_icon:hover .default{display: none;}
.nwebsite_txt_icon:hover .hover{display: block;}

.nwebsite_txt_span{margin:5px auto 0;text-align: center;}
.nwebsite_txt_span span{display: block;width:100%;font-size: 15px;line-height: 25px;}

.nwebsite_div:nth-of-type(2n) .nwebsite_img{float:right;text-align: right;}
.nwebsite_div:nth-of-type(2n) .nwebsite_txt{float:left;}

#nwebsite3{background-image:linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(78, 125, 255) 0%, rgb(67, 152, 254) 55%, rgb(56, 178, 253) 100%);}
#nwebsite5{background-image:linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(246, 118, 85) 0%, rgb(251, 148, 86) 55%, rgb(255, 177, 86) 100%);}
#nwebsite6{background-image:linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(122, 93, 245) 0%, rgb(134, 115, 250) 55%, rgb(145, 137, 255) 100%);}

/* nwebsite end! */

/* nwechat start! */
.nwechat_div_h{text-align: center;padding:25px 0 0;}
.nwechat_div_h .en{font-size:30px;color:#444;line-height: 40px;text-transform: uppercase;}
.nwechat_div_h .cn{margin:0 auto; font-size:45px;color:#464646;line-height: 55px;letter-spacing: 1px;font-weight: 100;}

.nwechat_list{margin:80px auto 40px;}
.nwechat_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.nwechat_item{width:32%;float:left;margin:0 2% 35px 0;padding:50px 35px;background-color: var(--white);border-radius: 6px;transition: all .3s;overflow:hidden;
	text-align: center;position: relative;
}
.nwechat_item:nth-of-type(3n){margin:0 0 35px 0;}
.nwechat_item_icon img{max-width: 76px;}
.nwechat_item_txt{margin:20px auto 0;}
.nwechat_item_h{font-size: 17px;color:#333;line-height: 25px;font-weight: 700;}
.nwechat_item_p{margin:20px auto 0;font-size: 14px;color:#888;line-height: 25px;height:50px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.nwechat_item:hover{box-shadow: 0 0 20px #ddd;transform: translateY(-20px);background:none;}

#nwechat_div2{overflow: hidden;background: #06091a;padding:80px 0 100px;}
#nwechat_div2 .nwechat_div_h .en{color:var(--color-main);background-image:var(--linear-background);-webkit-background-clip: text;color: transparent;}
#nwechat_div2 .nwechat_div_h .cn{color:var(--white);}

.nwebchat_func{margin:80px auto 0;}
.nwebchat_func:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nwebchat_func li{width:32.6%;float:left;margin:0 1.1% 20px 0;background-color: #333;border-radius: 10px;overflow:hidden;position: relative;}
.nwebchat_func li:nth-of-type(3n){margin:0 0 20px 0;}
.nwebchat_func_bg{width:100%;height:100%;background-image:var(--linear-background);position: absolute;left:-100%;top:0;z-index: 1;transition: all .3s;}
.nwebchat_func_box{padding:50px 10%;position: relative;z-index: 2;}
.nwebchat_func_box:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nwebchat_func_icon{width:76px;float:left;}
.nwebchat_func_icon img{max-width: 100%;opacity: .5;}
.nwebchat_func_txt{width:calc(100% - 110px);float:right;}
.nwebchat_func_h{font-size:22px;line-height: 32px;height:32px;color:var(--white);font-weight: 700;letter-spacing: 1px;}
.nwebchat_func_p{margin:10px auto 0;font-size: 15px;color:var(--white);line-height: 25px;height:50px;text-align: justify;opacity: .5;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.nwebchat_func li:hover .nwebchat_func_bg{left:0;}
.nwebchat_func li:hover .nwebchat_func_icon img{opacity: 1;}
.nwebchat_func li:hover .nwebchat_func_p{opacity: 1;}

#nwechat_div3{padding:70px 0 20px;}
.program_list{margin:60px auto 0;}
.program_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.program_item{width:23.5%;float:left;margin:0 2% 30px 0;position: relative;overflow:hidden;padding:90px 40px 40px;transition: all .4s;
	text-align: center;background-color: var(--white);box-shadow: 0 0 25px #e5e5e5;
}
.program_item:nth-of-type(4n){margin:0 0 30px 0;position: relative;overflow:hidden;}
.program_item_label{width:86px;height:92px;overflow:hidden;position: absolute;left:0;top:0;}
.program_item_label span{z-index: 10;display: block;color:var(--white);position: absolute;left:5px;top:10px;
	font-size: 22px;width:40px;line-height:30px;height:30px;text-align: center;
}
.program_item_label:after{content: '';display: block;background: #1e9ed6;transform: rotate(-45deg);
	position: absolute;left: -41px;top: -14px;width: 126px;height: 65px;
}
.program_item:nth-of-type(2) .program_item_label:after{background: #f2b126;}
.program_item:nth-of-type(3) .program_item_label:after{background: #1e8e66;}
.program_item:nth-of-type(4) .program_item_label:after{background: #ff8e82;}
.program_item:nth-of-type(5) .program_item_label:after{background: #1e9ed6;}
.program_item:nth-of-type(6) .program_item_label:after{background: #f2b126;}
.program_item:nth-of-type(7) .program_item_label:after{background: #1e8e66;}
.program_item:nth-of-type(8) .program_item_label:after{background: #ff8e82;}

.program_item_h{margin:30px auto 0;font-size: 22px;color:#333;line-height: 30px;}
.program_item_p{margin:40px auto 0;font-size: 15px;color:#888;line-height: 25px;height:75px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.program_item:hover{box-shadow: 0 0 30px #ccc;transform: translateY(-20px);}

/* nwechat end! */

/* ncase start! */

.ncase_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.ncase_item{width:32.6%;float:left;margin:0 1.1% 20px 0;position: relative;border-radius: 5px;overflow:hidden;}
.ncase_item:nth-of-type(3n){margin:0 0 20px 0;}
.ncase_item_img{width:100%;overflow:hidden;}
.ncase_item_img>.img{padding:75% 0 0;}

a.ncase_item_bg{outline: none;display: block;width:100%;height:100%;position: absolute;left:0;top:0; transition: all .4s;background: rgba(0,0,0,0.5);}
.ncase_item:hover .ncase_item_bg{background: linear-gradient(45deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);}

a.ncase_item_txt{outline: none;display: block;width:100%;padding:30px 8%;position: absolute;left:0;bottom:0;z-index: 2;color:var(--white);}
.ncase_item_txt .small{font-size: 14px;line-height: 25px;}
.ncase_item_txt .big{font-size: 22px;line-height: 30px;margin:10px auto 20px;}
.ncase_item_span{width:15%;height:10px;background-color: var(--white);transition: all .6s;}
.ncase_item:hover .ncase_item_span{width:50%;}

.q_main_r{width:26%;float:right;overflow:visible;min-height: 100vh;height: 100%;}
.q_main_side{width:100%;background: var(--linear-background-reverse);color:var(--white);padding:40px 40px 65px;min-height: 500px;
	position: sticky;position: -webkit-sticky;top:0;transition: all 0.4s ease;
}
.showheaderfixed .q_main_side{top:0;}
.showheader.showheaderfixed .q_main_side{top:var(--header-h);}

.mian_side_h{font-size: 22px;line-height: 35px;text-align: justify;max-height: 70px;overflow:hidden;}
.mian_side_p{margin:25px auto 0;font-size: 14px;color:#eee;line-height: 25px;text-align: justify;max-height:100px;overflow:hidden;text-overflow:ellipsis;}
.mian_side_p p{width:100%;margin:0 auto; font-size: 14px;color:#eee;line-height:25px;text-align: justify;}

.main_side_a{margin:50px auto 0;position: relative;height:80px;}
.main_side_a a{outline: none;display: block;width:72px;text-align: center;color:var(--white);position: absolute;top:0;cursor: pointer;}
.button_a_icon{display:block;margin:0 auto;width:44px;height:44px;border-radius: 50%;line-height: 44px;font-size: 22px;border:1px solid var(--white);}
.button_a_txt{margin:10px auto 0;font-size: 16px;line-height: 25px;}
.button_a:nth-of-type(1){left:0;}
.button_a:nth-of-type(2){left:50%;transform:translateX(-50%);}
.button_a:nth-of-type(3){right:0;}

.main_side_url{margin:50px auto 0;text-align: center;}
.main_side_url a{outline: none;display: inline-block;width:100%; padding:6px 40px;font-size: 14px;line-height: 25px;color:var(--white);border:1px solid var(--white);
	border-radius: 20px;
}
.main_side_url a i{margin-right: 10px;}
.main_side_url a:hover{background-color: var(--white);color:var(--color-main);}

.main_side_message{margin:50px auto 0;}
.main_side_message_h{font-size: 26px;color:var(--white);line-height: 35px;font-weight: 700;}

.main_side_url#case_message{margin:30px auto 0;}
.main_side_url#case_message a{background-color: var(--white);color:var(--color-main);}

.q_main_l{width:74%;float:left;background-color: var(--white);padding:50px 40px;min-height: 500px;}
.q_main_top{font-size: 14px;}
.q_main_top:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_main_catname{width:60%;float:left;}
.q_main_url{width:30%;float:right;text-align: right;}
.q_main_top a{outline: none;display: block;width:100%;line-height: 25px;color:#888;letter-spacing: 1px;}
.q_main_top a:hover{color:var(--color-main);}

.q_body{width:100%;margin:50px auto 0;}

.q_body img{display:block;width:auto!important;height:auto!important;margin:0 auto!important;}

/* ncase end! */

/* nnews start! */
.nnews_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nnews_item{width:31%;float:left;margin:0 3.5% 20px 0;position: relative;border-top: 1px solid #eee;padding:50px 0;}
.nnews_item:after{content:'';width:0;height:1px;background: var(--linear-background);position: absolute;left:0;top:-1px;transition: all .2s;}
.nnews_item:nth-of-type(3n){margin:0 0 20px 0;}
.nnews_item_date{font-size: 14px;line-height: 1.4;color: #888;}
.nnews_item_span{margin:10px 0 0;width:24px;height:2px;background-color: #dadada;transition: all .3s;}
.nnews_item_h{margin:15px auto 0;}
.nnews_item_h a{outline: none;display: block;width:100%;font-size: 24px;line-height: 35px;height:35px;color: #333;transition: all .2s;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nnews_item_p{margin:30px auto 0;font-size:15px;color:#888;text-align: justify; line-height: 25px;height:75px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}

.nnews_item:hover:after{width:100%;}
.nnews_item:hover .nnews_item_span{background-color: var(--color-main);transform: translateX(6px);}
.nnews_item:hover .nnews_item_h a{color: var(--color-main);}

.nnews_l{width:72%;float:left;}
.news_h{width:95%;font-size: 28px;font-weight: 700;line-height: 1.5;color: #333;}
.news_span{margin:20px auto 0;font-size: 15px;line-height: 1.5;color: #c8c8c8;}
.news_span span{margin-right: 20px;}
.news_body{margin:35px auto 0;padding:20px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;min-height: 360px;font-size: 15px;color:#555;line-height:2.2;}
.news_body p{width:100%;margin:0 auto;font-size: 15px;color:#555;line-height: 2.2;}
.news_body img{display:block;width:auto!important;height:auto!important;margin:0 auto!important;}

.nnews_r{width:25%;float:right;}
.nnews_block{margin:0 auto 35px;}
.nnews_block_title{font-size: 22px;color:#333;font-weight: 700;line-height: 35px;}
.nnews_block_ul{margin:15px auto 0;}
.nnews_block_ul li a{outline: none;display: block;width:100%;padding:15px 0;border-bottom: 1px solid #eee;}
.nnews_block_h{font-size: 16px;color:#333;line-height: 25px;height:25px;text-align: justify;transition: all .2s;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nnews_block_span{margin:4px auto;font-size: 14px;line-height: 20px;color: #c8c8c8;}
.nnews_block_span span{margin-right: 20px;}
.nnews_block_ul li:hover .nnews_block_h{color:var(--color-main);transform: translateX(3px);}
/* nnews end! */

/* ncontact start! */
.banner_contact .img{height: 100%;}
.address_blocks{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.address_block{width:100%;height:100%;position:relative;top:0;left:0;}
.address_point{position: absolute;z-index:2;left:66%;top:52%;}
.cont_box{position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%, -50%);word-break: keep-all;white-space: nowrap;text-align: center;
	font-size: 14px;line-height: 1.5;color: var(--white);
}
.cont_box i{display: inline-block;font-size: 22px;color:var(--color-main);}
.cont_box p{font-size: 14px;line-height: 20px;}
.mark_box{--sw:80px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: var(--sw);height: var(--sw);}
.mark_box .mark {position: absolute;left: 0;top: 0;transform: scale(1);
  background-image: linear-gradient(0deg, #fe3091 0%, #da2b58 100%);opacity: 0.2;border-radius: 50%;width: 100%;height: 100%;
  animation: banner-contact-cycle-animate 5s ease-in-out infinite;
}
.mark_box .mark.mark1{animation-delay: 1s;}
.mark_box .mark.mark2{animation-delay: 2s;}
.mark_box .mark.mark3{animation-delay: 3s;}
.mark_box .mark.mark4{animation-delay: 4s;}
.mark_box .mark.mark5{animation-delay: 5s;}

.banner_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.banner_mask_in{width:100%;position: absolute;left:0;top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.banner_contact_main{width:43%;padding:80px 60px;background:linear-gradient(90deg, #f80059 0%, #fe3091 100%);color:var(--white);}

.banner_contact_h .cn{font-size: 33px;line-height: 1.5;letter-spacing: 1px;}
.banner_contact_h .en{font-size: 17px;line-height: 1.5;opacity: .85;text-transform: capitalize;}
.banner_contact_span{margin:30px 0 20px;width:20px;height:2px;font-size: 0;background-color: var(--white);}
.banner_contact_tel .small{font-size: 17px;line-height: 1.5;letter-spacing: 1px;}
.banner_contact_tel .big{font-size: 56px;line-height: 1.5;letter-spacing: 1px;}

.ncontact_list{margin:20px auto 60px;}
.ncontact_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

.ncontact_item{width:22%;float:left;margin:0 4% 0 0;background-color: var(--white);padding:65px 30px;text-align:center;}
.ncontact_item:nth-of-type(4n){margin:0;}
.ncontact_item_icon{width:150px;margin:0 auto;border:1px solid #bbb;border-radius: 50%;padding:25px;}
.ncontact_item_txt{margin:30px auto 0;}
.ncontact_item_txt p{font-size: 16px;color:#444;line-height: 30px;text-transform: uppercase;}

.ncontact_form{margin:80px auto 0;text-align:center;}
.ncontact_form_h{font-size: 22px;color:#333;line-height: 30px;letter-spacing: 2px;}
.ncontact_form_btn{margin:60px auto;text-align: center;}
.ncontact_form_btn span{display: inline-block;padding:10px 50px;background:var(--linear-background-reverse);color:var(--white);
	font-size: 15px;line-height: 25px;border-radius: 3px;cursor: pointer;
}
.ncontact_form_btn span a{outline:none;color:var(--white);}

/* ncontact end! */




/* page-index-all */

@keyframes fadeindown_little {
  0%   {opacity: 0;transform: translateY(-20px)}
  100% {opacity: 1;transform: translateY(0)}
}
.little:hover{animation-name: fadeindown_little;animation-duration: .5s;}

.page-index-all {width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0; z-index: 999999;display: none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.q_form_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_form_mask_in{width:400px;position: absolute;left:50%;margin-left:-200px;top:50%;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_form_main{width:100%;margin:0 auto;background-color: #fff;border-radius: 4px;padding:45px 50px;position: relative;
	animation-name: fadeindown_little;animation-duration: .5s;
}
.q_form_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form_close{width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;top: 10px;right: 10px;color: #50506d;font-size: 22px;cursor: pointer;}
.q_form_close:hover{color:var(--color-main);}
.q_form_h{width:100%;margin:0 auto;color: #50506d;font-family: Helvetica Neue,Helvetica,sans-serif;text-align: center;}
.q_form_h_big{width:100%;margin:0 auto;font-size: 20px;font-weight: 700;line-height: 25px;}
.q_form_h_small{width:100%;margin:10px auto 0;font-size: 12px;line-height: 20px;}
.q_form_input{width:100%;margin:10px auto 0;position:relative;color:#50506d;border:1px solid #50506d;border-radius: 4px;padding:5px 5px;}
.q_form_input>i{display: block;width:30px;height:30px;line-height: 30px;font-size: 22px;float:left;}
.q_form_input>span{display: block;width:30px;float:right;}
.q_form_input>input{width:calc(100% - 60px);float:left;border:0;padding:0 10px;line-height: 30px;height:30px;font-size: 13px;color:#50506d;}
.q_form_button{width:100%;margin:20px auto 0;text-align: center;border-radius: 8px;font-size: 15px;line-height: 40px;padding:3px 0;cursor: pointer;
	background-color: var(--color-main);color:#fff;letter-spacing: 2px;
}
#q_alert{z-index: 9999999;}
#q_alert .q_form_h_big{font-size: 17px;text-align: left;}
#q_alert .q_form_h_small{font-size: 13px;text-align: left;}
#q_alert .q_form_button{width:auto;display: inline-block;float:right;line-height: 20px;padding:7px 30px;font-weight: 400;}

@media(max-width: 640px){
	.q_form_mask_in{width:300px;left:50%;margin-left:-150px;}
}

/* m_footer start! */
.footer_m {display: none;}
@media (max-width: 640px) {
	.q_footer {margin-bottom: 60px;}
	.footer_m {display: block;}
}
.footer_m{position: fixed;bottom:0;left:0;width:100%;height:60px;z-index: 99;padding:10px;background-color:var(--color-main);background:none;}
.footer_m:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.footer_m_item{width:32%; margin:0 2% 0 0;float:left;height:40px;text-align: center;background-color:var(--color-main);padding:10px 0;}
.footer_m_item:nth-of-type(3n){margin:0;}
.footer_m_item a{outline: none;text-align: center;}
.footer_m_item_icon {height:20px;display: inline-block;margin-right: 10px;}
.footer_m_item_icon a{outline: none;display: block;width: 100%;height:100%;outline: none;}
.footer_m_item_icon img{width:20px;height:20px;}
.footer_m_item_txt{display:block;width:100%; height:20px;line-height: 20px;color:#fff;font-size: 14px;letter-spacing: 2px;}
/* m_footer end! */

/* pagelist start! */
.pagelist {list-style: none;margin:50px auto 10px;text-align: center;padding:5px 0;font-size: 0;}
.pagelist > a,.pagelist>span{
	display: inline-block;text-decoration: none;outline: none;min-width:45px;height:40px;line-height: 40px;
	font-size: 15px;padding:0 10px;color:#222;background-color: #f5f5f5;margin:3px 3px;border-radius: 5px;transition: all .2s;}
.pagelist > span{color:#fff;background-color:var(--color-main);}
.pagelist >a:hover{color:#fff;background-color:var(--color-main);}
@media(max-width: 1440px){
	.pagelist {margin:45px auto 10px;}
	.pagelist > a,.pagelist > span{min-width:40px;height:35px;line-height: 35px;font-size: 13px;padding:0 8px;}
}
@media(max-width: 640px) {
	.pagelist {margin:30px auto 5px;}
	.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;padding:0 8px;font-weight: normal;}
}
@media(max-width: 500px) {
	.pagelist {margin:25px auto 5px;}
	.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 2px;}
}
/* pagelist end! */

/* page  start! */
.page{width:100%;margin:10px auto;line-height: 25px;padding:0;}
.page:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.page_a{width:50%;padding:0;float:left;color:#888;font-size: 15px;}
.page_a a{display:block; width:100%;outline: none;color:#888;font-size: 15px;line-height: 25px;height:25px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.page_a a:hover{color: var(--color-main);}
.page_a a i{margin:0 10px;}
.page_next{float:right;text-align: right;}
@media (max-width: 1440px) {
  .page{margin:8px auto 0;font-size: 14px;}
  .page_a a{padding:0;font-size: 14px;}
  .page_a a i{margin:0 6px;}
}
@media (max-width: 640px) {
  .page{margin:0 auto;padding:6px 10px;}
  .page_a{width:100%;float:none;font-size: 13px;line-height: 30px;height:30px;}
  .page_next{float:none;text-align: left;}
  .page_a a{display: inline;padding:0;font-size: 13px;}
  .page_a a i{margin:0 6px;}
}
/* page  end! */

/* q_aside start! */
.q_aside{position: fixed;right:1%;bottom:25%;z-index: 100000000000;}
.q_aside_item{width:54px;height:54px;margin:0 auto 2px; background-color:var(--color-main);border-radius: 4px;cursor: pointer;position: relative;text-align: center;padding:12px;}
.q_aside_item a{outline: none;display: block;}
.q_aside_item_main{width:150px;height:54px;text-align: center;line-height: 54px;font-size: 17px;display: none;
  color:#fff;background-color:var(--color-main);border-radius: 4px;position: absolute;left:-160px;top:0px;
}
.weixin{width:120px;height:120px;text-align: center;padding:0;display: none;overflow:hidden;box-shadow: 0 0 10px #888;
  border-radius: 4px;position: absolute;left:-130px;top:-33px;
}
.q_aside_item4{display: none;}
@media(max-width: 640px){
  .q_aside{right:10px;bottom:15%;}
  .q_aside_item{width:36px;height:36px;padding:7px;}
  .q_aside_item_main{width:120px;height:36px;line-height: 36px;font-size: 14px;display: none;left:-130px;top:0px;}
  .weixin{width:100px;height:100px;display: none;left:-110px;top:-33px;}
  .q_aside_item1,.q_aside_item2,.q_aside_item3{display: none;}
}
/* q_aside end! */