@charset "UTF-8";
/* 此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;}*/
.main1540{width:1540px;margin:0 auto;}
.main1600{width:1600px;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;}
.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{height:90px;border-bottom-right-radius: 20px;transition: all .3s;
	width:100%;margin:0 auto;position: fixed;left:0;top:0;background-color:var(--white);z-index: 10;
}
.header_block{width:100%;height:100%;position: relative;}
.header_lang_bg{width:250px;height:100%;position: absolute;top:0;right:0;border-bottom-right-radius: 20px;background-image:var(--linear-background);}

.q_language{width:60px;border:1px solid var(--white);position: absolute;top:30px;right:45px;border-radius: 3px;transition: all .3s;}
.q_language:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_language>li{width:50%;float:left;}
.q_language>li>a{font-size: 13px;line-height: 26px;height:26px;
	outline: none;display: block;width:100%;text-align: center;text-transform: uppercase;color:var(--white);
}
.q_language>li:nth-of-type(1){background-color:var(--white);border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.q_language>li:nth-of-type(1)>a{color:var(--color-main);}

.q_header .main1600{height:100%;}
.header_main{width:100%;height:100%;margin:0 auto;background-color:var(--white);border-bottom-right-radius: 20px;position: relative;z-index: 11;}
.q_logo{width:560px;float:left;}
.q_logo>h1>a{outline: none;display: block;width:100%;padding:10px 0;transition: all .3s;}
.q_logo>h1>a>img{height:70px;transition: all .3s;}
.q_nav{width:calc(100% - 560px);float:right;text-align: right;font-size: 0;}
.q_nav>li{display: inline-block;margin-right:56px;position: relative;}
.q_nav>li>a{outline: none;display: block;width:100%;padding:18px 0 22px;position: relative;transition: all .3s;}
.q_nav>li>a:after{position: absolute;left: 50%;bottom: 10px;content: "";width: 0;height: 3px;background-color: var(--color-main);border-radius: 3px;
	-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_nav>li.on>a:after,.q_nav>li:hover>a:after{width: 100%;transform: translateX(-50%);}
.q_nav>li>a>span{display: block;width:100%;font-size: 17px;color:#2e2e2e;line-height: 40px;height:40px;font-weight: 700;}
.q_nav>li.on>a>span,.q_nav>li:hover>a>span{color:var(--color-main);}

/* q_nav_son */
.q_nav_son{width:200%;position: absolute;top:100%;left:-50%;padding:10px 0;z-index: 10;background-color: var(--white);display: none;box-shadow: 0 1px 1px #eee;}
.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;font-size: 14px;text-align: center;line-height: 36px;color:#555;}
.q_nav_son>li:hover{background-color: var(--color-main);}
.q_nav_son>li:hover>a{color:var(--white);}

.q_header.q_header_fixed{box-shadow: 0 0 2px #809cbb;height:80px;}
.q_header.q_header_fixed .q_language{top:25px;}
.q_header.q_header_fixed .q_logo>h1>a>img{height:60px;}
.q_header.q_header_fixed .q_nav>li>a{padding:13px 0 17px;}


.nav_pro{width:100%;background-color: var(--white);position: fixed;left:0;top:89px;transition: top .3s;display: none;/*display: block!important;*/
	z-index: 100;border-top:1px solid #eee;background-image:var(--linear-background);
}
.nav_pro_item{width:23.5%;float:left;margin:0 2% 0 0;text-align: left;border-left:1px solid #ccc;padding:0 0 0 30px;min-height: 300px;}
.nav_pro_item:nth-of-type(4n){margin:0;}
.nav_pro_item:nth-of-type(1){border-left:0;}
.nav_pro_main{padding:25px 0;}
.nav_pro_h>a{outline: none;display: block;width:100%;font-size: 17px;color:#555;font-weight: 700;line-height: 30px;color:var(--white);}
/*.nav_pro_h>a:hover{color: var(--color-main);}*/
.nav_pro_ul{margin:15px auto 0;padding:0 10px;}
.nav_pro_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nav_pro_ul>li{width:48%;float:left;margin:0 2% 0 0;}
.nav_pro_ul>li:nth-of-type(2n){margin:0;}
.nav_pro_ul>li>a{outline: none;display: block;width:100%;font-size: 15px;line-height: 30px;color:color:#555;height: 30px;color:var(--white);
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
/*.nav_pro_ul>li>a:hover{color: var(--color-main);}*/
.q_header.q_header_fixed .nav_pro{top:79px;}
/* q_header 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-slide{height:100%;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;padding:0;height:100%;
	background-position: center center;background-size: cover;background-repeat: no-repeat;
}
.q_banner .swiper_banner .swiper_pagination_banner{display: none;}
.banner_buttons{width:100%;position: absolute;left:0;bottom:10%;z-index: 9;}
.banner_buttons_main{width:100%;position: relative;text-align:right}
.q_banner .banner_buttons .swiper_button_banner{display: inline-block;background:none;width:56px;height:56px;line-height: 53px;margin-top:0;font-size: 27px;top:0;
  text-align: center;border-radius: 50%;border:1px solid #888;color:#888;transition: all 0.3s;position: static;margin-left: 20px;
}
.q_banner .banner_buttons .swiper_button_banner:after{content:'';}
.q_banner .banner_buttons .swiper_button_banner.swiper_button_banner_prev{left:3%;}
.q_banner .banner_buttons .swiper_button_banner.swiper_button_banner_next{right:3%;}
/* q_banner end! */

/* q_section start! */
.q_section{width:100%;position: relative;}
.q_section_main{width:100%;position: relative;}
.section_title{margin:0 auto 60px;}
.section_title:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.section_title_l{width:36%;float:left;}
.section_title_l .cn{font-size: 40px;color:#3e3e3e;line-height:50px;}
.section_title_l .en{margin:5px auto 0; font-size: 25px;color:#aaa;line-height:30px;font-weight: 100;text-transform: uppercase;}
.section_title_r{width:60%;float:right;text-align: right;padding:50px 100px 0 0;font-size: 19px;color:#5a5a5a;line-height: 25px;}
.section_more{width:100px;text-align:right;position: absolute;right:0;top:48px;}
.section_more a{outline: none;display: inline-block;font-size: 18px;line-height: 30px;height:30px;position: relative;
	color:#555;text-transform: uppercase;font-family:Arial;
}
.section_more a:after{content:'';width:100%;height:3px;position: absolute;left:0;bottom:-5px;background-image:var(--linear-background);}

/* q_section end! */

/* q_product start! */
.q_product{padding:50px 0;background-color:#fafafa;}
.product_item{width:18.6%;float:left;margin:0 1.75% 50px 0;position: relative;text-align:center;padding:25px 0;}
.product_item:nth-of-type(5n){margin:0 0 50px 0;}
.product_item:after{content:'';width:100%;height:50%;background-image: var(--linear-background);position: absolute;left:0;bottom:0;z-index: 1;
	border-bottom-right-radius:30px;border-bottom-left-radius:30px;border-top-right-radius:80px;border-top-left-radius:80px;
}
.product_item_img{width:240px;height: 240px;border:2px solid var(--color-main);border-radius: 50%;overflow:hidden;margin:0 auto;position: relative;z-index: 2;}
.product_item_img .img{height:100%;}
.product_item_txt{margin:15px auto 0;position: relative;z-index: 2;}
.product_item_txt a{outline: none;display: block;width:100%;font-size: 25px;color:var(--white);line-height:35px;height:35px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}

.product_item: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);
}
.product_item:hover:after{background-image: var(--linear-background-reverse);}

/* q_product end! */

/* q_equipment start! */
.q_equipment{padding:100px 0 80px;}
.equipment_item{width:48.8%;float:left;margin:0 2.4% 35px 0;position: relative;border-radius: 10px;box-shadow: 0 0 10px #ccc;overflow:hidden;}
.equipment_item:nth-of-type(2n){margin:0 0 35px 0;}
.equipment_item_img{width:100%;overflow:hidden;}
.equipment_item_img .img{padding:66.66% 0 0;}
.equipment_item: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);
}
.equipment_item_h{width:100%;position: absolute;left:0;top:0;padding:20px;}
.equipment_item_h a{outline: none;display: block;width:100%;font-size: 18px;color:#666;line-height: 25px;height:25px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.equipment_item_h a:hover{color:var(--color-main);}

.equipment_item_catename{width:100%;position: absolute;left:0;bottom:25px;}
.equipment_item_catename a{outline: none;display: block;width:70%;padding:12px;border-top-right-radius:20px;
	background-image: var(--linear-background);text-align: center;
}
.equipment_item_catename a span{display: block;width:100%;font-size: 24px;color:var(--white);line-height: 36px;height:36px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}

/* q_equipment end! */

/* q_engineering start! */
.engineering_img{width:100%;overflow:hidden;border-top-right-radius: 20px;}
.engineering_img .img{padding:37.65% 0 0;}
.engineering_mask{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 2;}
.engineering_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%);
}
.engineering_main{width:28%;margin:0;}
.engineering_main .section_title{margin:0 auto;}
.engineering_main .section_title_l{width:100%;float:none;}
.engineering_main .section_title_l .cn{color:var(--white);}
.engineering_main .section_title_l .en{color:var(--white);opacity: .5;}
.engineering_p{margin:60px auto 0;font-size: 18px;color:var(--white);text-align: justify;line-height: 2.2;}
.engineering_p p{width:100%;margin:0 auto;font-size: 18px;color:var(--white);text-align: justify;line-height: 2.2;}

.engineering_main .section_more{width:100%;margin:90px 0 0;position: relative;top:0;right:auto;left:0;text-align: left;}
.engineering_main .section_more a{color:var(--white);}
/* q_engineering end! */

/* q_about start! */
.q_about{background:url('../images/q_about_bg.jpg') no-repeat center bottom;height: 850px;}
.about_main{width:53%;margin:0;padding:135px 0 0;}
.q_about .section_title{margin:0 auto;}
.about_body{margin:45px auto 0;color:#323232;}
.about_h{font-size: 22px;line-height: 30px;}
.about_p{margin:20px auto 0; font-size: 16px;text-align: justify;line-height: 2.2;}
.about_p p{width:100%;margin:0 auto;font-size: 16px;text-align: justify;line-height: 2.2;}
.about_img{margin:35px auto 0;}

.q_video{width:41.5%;background:url('../images/q_video.jpg') no-repeat center center;background-size: cover;
	height:100%;position: absolute;top:0;right:0;cursor: pointer;z-index: 2;
}

/* q_about end! */

/* q_number start! */
.q_number{height:325px;background:url('../images/q_number_bg.jpg') no-repeat center center;padding-left:calc((100% - 1540px)/2);}
.q_number_bg{width:100%;height:100%;background: var(--linear-background);border-bottom-left-radius: 40px;}
.number_main_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.number_main{width:100%;margin:0 auto;padding:100px 0;}
.number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_number_item{width:20%;float:left;padding:0 50px;text-align: center;position: relative;}
.q_number_item:before{content:'';width:1px;height:60%;background-color: var(--white);position: absolute;left:0;top:20%;}
.q_number_item:nth-of-type(1):before{width:0;}
.q_number_top{font-size: 56px;line-height: 60px;color:var(--white);font-weight: 700;font-family: 'number';}
.q_number_top .sub{font-size: 22px;vertical-align: text-top;font-weight: normal;}
.q_number_txt{width:100%;margin:20px auto 0;padding:0;font-size: 21px;color:var(--white);line-height: 25px;height:25px;letter-spacing: 2px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
/* q_number end! */

/* q_news start! */
.q_news{padding:135px 0 100px;}
.q_news .section_title_r{padding:30px 0 0;}
.q_news .tab .news_tab_nav{font-size: 0;}
.q_news .tab .news_tab_nav li{margin-left: 20px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;
	display: inline-block;overflow:hidden;background:none;border:0;
}
.q_news .tab .news_tab_nav li a{padding:6px 50px;font-size: 22px;line-height: 30px;background-color: #eee;
	outline: none;display: block;width:100%;border:0;border-radius: 0;color:#3e3e3e;
}
.q_news .tab .news_tab_nav li.active a{color:var(--white);background: var(--linear-background);}
.q_news .tab .news_tab_body{margin:0 auto;border:0;padding:50px 0 0;}

.news_item{width:100%;}
.news_item_date{font-size:22px;font-family: 'number';color:#969696;line-height: 40px;height:40px;}
.news_item_date span{font-size:38px;margin-right: 10px;}
.news_item_img{margin:12px auto 0; overflow:hidden;border-radius: 10px;}
.news_item_img .img{padding:44% 0 0;}
.news_item: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);
}
.news_item_txt{padding:20px 0;position: relative;border-bottom: 2px solid #d2d2d2;}
.news_item_txt:after{content:'';width:0;height:2px;background: var(--linear-background);position: absolute;left:0;bottom:-2px;transition: all .3s;}
.news_item:hover .news_item_txt:after{width:100%;}
.news_item_h a{outline: none;display: block;width:100%;font-size: 18px;color:#252525;line-height: 25px;height:25px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.news_item_h a:hover{color:var(--color-main);}
.news_item_p{margin:10px auto 0;font-size: 14px;color:#999;text-align: justify;line-height: 20px;height:40px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

.news_buttons{margin:60px auto 0;text-align: center;}

.swiper_button_news{margin:0 15px;width:36px;height:36px;line-height: 32px;cursor: pointer;
	display: inline-block;border-radius: 50%;border:1px solid var(--color-main);background-color:var(--color-main);color:var(--white);font-size: 20px;
}
.swiper_button_news.swiper-button-disabled{background-color: var(--white);color:var(--color-main);}

/* q_news end! */

/* q_message start! */
.q_message{padding:90px 0;background:url('../images/q_message_bg.jpg') no-repeat top center;color:#fff;}
.q_message_main{width:100%;margin:0 auto;}
.q_message_h{width:100%;margin:0 auto 0;}
.q_message_h_cn{width:100%;margin:0 auto;font-size: 42px;line-height: 50px;letter-spacing: 2px;}
.q_message_h_cn span{font-weight: 700;}
.q_message_h_en{width:100%;margin:5px auto 0;font-size: 17px;line-height: 24px;font-weight: 100;text-transform: uppercase;}
.q_message_nav{width:100%;margin:40px auto 0;font-size: 15px;line-height: 22px;letter-spacing: 1px;}
.q_form{width:100%;margin:50px auto 0;}
.q_form:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_form .q_form_div{width:calc((100% - 175px) / 3);float:left;margin:0 10px 0 0;}
.q_form .q_form_div .form-group{width:100%;margin:0 auto;padding:0;}
.q_form .form-group .addon{background-color: var(--color-main);color:#fff;border: solid 1px var(--color-main);border-radius: 0;}
.q_form .form-group .input{border-radius: 0;background-color: #fff;border: solid 1px #fff;box-shadow:0 0 0 #fff;padding:10px 12px;height: 40px;}
.q_form .form-group .input:focus{border: solid 1px var(--color-main);}
.q_form .form-button{text-align: center;margin:20px auto 0;padding:0;}
.q_form .form-button .button{display:block;width:145px;float:right; padding:8px 35px;font-size: 16px;line-height: 24px;height: 40px;letter-spacing: 1px;
	border-radius:0;background-image: var(--linear-background);color:#fff;border: 0;
}
/* q_message end! */


/* q_footer start! */
.q_footer_line{width:100%;height:10px;background-image: var(--linear-background);}
.q_footer{background:#055ba6 url('../images/q_footer_bg.jpg') no-repeat center top;}
.q_footer a{outline: none;color:var(--white);opacity: .8;}
.q_footer a:hover{color:var(--color-main);opacity: 1;}
/* q_footer_t */
.q_footer_t{width:100%;margin:0 auto;}
.q_footer_t .q_footer_main{border-bottom: 1px solid #bbb;padding:20px 0 10px;}
.q_footer_search{text-align: right;}
.q_footer_search img{cursor: pointer;}

/* q_footer_c */
.q_footer_c{width:100%;margin:0 auto;padding:75px 0;}
.q_footer_c_l{width:400px;float:left;}
.q_footer_tel{width:100%;margin:0 auto;}
.q_footer_tel>li{width:100%;margin:0 auto 15px;}
.q_footer_tel>li:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size:0;}
.q_footer_icon{width:32px;float:left;}
.q_footer_txt{width:calc(100% - 50px);float:right;font-size: 17px;color:var(--white);line-height: 30px;text-align: justify;}

.q_footer_c_r{width:calc(100% - 520px);float:right;}
.q_footer_list{width:100%;margin:0 auto;}
.q_footer_item{width:16%;float:left;margin:0 0.8% 0 0;}
.q_footer_item:nth-of-type(6n){margin:0;}
.q_footer_item_h{width:100%;margin:0 auto;}
.q_footer_item_h a{display: block;font-size: 22px;opacity: 1;line-height: 30px;letter-spacing: 2px;}
.q_footer_item ul{width:100%;margin:25px auto 0;}
.q_footer_item ul>li{width:100%;margin:0 auto;}
.q_footer_item ul>li>a{font-size: 16px;line-height: 2.4;}

/* q_footer_b */
.q_footer_b{width:100%;margin:0 auto;padding:25px 0;border-top:1px solid #7f7f7f;}
.q_footer_b_r{width:15%;float:right;text-align: right;font-size: 0;}
.q_footer_b_l{width:80%;float:left;font-size: 0;}
.q_footer_b_l>span:nth-of-type(1){margin-left:0;}
.q_footer_b span,.q_footer_b a{margin:0 4px;line-height: 20px;font-size: 14px;color:var(--white);outline: none;}
.q_footer_b a:hover{color:var(--color-main);}
.q_footer_b span a{margin:0;}

.q_footer_code{margin:0 auto;}
.q_footer_code ul{width:100%;margin:0 auto;font-size: 0;text-align: right;}
.q_footer_code ul>li{display: inline-block;position: relative;margin-left: 15px;}
.q_footer_code ul>li>a{display: block;width:100%;opacity: .7;}
.q_footer_code ul>li>a>img{width:30px;}
.q_footer_wx_div{width:120px;height:120px;box-shadow: 0 0 5px #ccc;position: absolute;left:-36px;top:-146px;display: none;}

/* q_footer end! */

/* q_banner_n start! */
.q_banner_n{margin:90px auto 0;height:auto;}
.q_banner_n .img{padding:32.55% 0 0;}
/* q_banner_n end! */

/* q_main start! */
.q_main{font-size: 16px;color:#555;line-height: 2;min-height: 360px;}
p{width:100%;margin:0 auto; font-size: 16px;color:#555;line-height: 2; text-align: justify;}
.main_top{margin:60px auto 50px;}
.main_top:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size:0;}
.main_title{width:36%;float:left;position: relative;padding: 0 0 10px;}
.main_title .en{font-size: 35px;color:var(--color-main);line-height: 40px;opacity: .3;text-transform:uppercase;font-family: Arial;font-weight: 700;}
.main_title .cn{width:100%;font-size: 30px;color:#2e2e2e;line-height: 35px;position: absolute;left:0;bottom:0;font-weight: 700;letter-spacing: 2px;}

.q_content{padding:0 0 60px;}
/* q_main end! */

/* q_position start! */
.q_position{width:55%;float:right;text-align: right;color:#999;line-height: 30px;font-size: 15px;}
.q_position>i{margin-right: 5px;}
.q_position a{outline: none;color:#999;margin:0 3px;}
.q_position a:hover{color:var(--color-main);}
.q_position a:last-child{color:var(--color-main);}
/* q_position end! */

/* q_n_nav start! */
.q_n_nav{margin:0 auto 70px;}
.q_n_nav:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size:0;}
.q_n_nav>li{width:23.5%;float:left;margin:0 2% 0 0;border:1px solid #ddd;}
.q_n_nav>li:nth-of-type(4n){margin:0;}
.q_n_nav>li>a{outline: none;display: block;width:100%;padding:10px;text-align: center;font-size: 22px;color:#999;line-height: 35px;}
.q_n_nav>li.on,.q_n_nav>li:hover{border:1px solid var(--color-main);}
.q_n_nav>li.on a,.q_n_nav>li:hover a{background-color: var(--color-main);color:var(--white);}
/* q_n_nav end! */

/* nproduct start! */
.nproduct_item{width:49%;float:left;margin:0 2% 30px 0;border-radius: 10px;box-shadow: 0 0 10px #ddd;overflow:hidden;position: relative;padding:40px;}
.nproduct_item:nth-of-type(2n){margin:0 0 30px 0;}
.nproduct_item_img{overflow:hidden;}
.nproduct_item_img>.img{padding:56% 0 0;}
.nproduct_item_h{width:100%;}
.nproduct_item_h a{outline: none;display: block;width:100%;}
.nproduct_item_h a span{display: inline-block;font-size: 22px;color:#666;line-height: 30px;height:30px;position: relative;transition: all .2s;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nproduct_item_h a span:after{content:'';width:100%;height:5px;position: absolute;left:0;bottom:1px;z-index: -1;
	background-color: var(--color-main);opacity: .2;
}
.nproduct_item:hover .nproduct_item_h a span{color:var(--color-main);}

.nproduct_item_more{width:100%;margin:20px auto 0;}
.nproduct_item_more a{outline: none;display: block;width:100%;text-align: right;}

.q_n_cont_pic{position: relative;border:1px solid #ccc;}
.q_n_cont_pic .img{padding:56% 0 0;}
.q_n_cont_pic_top{background-color: var(--white);padding:50px 20%;}
.q_n_cont_pic_thumbs{border-top:1px solid #ccc;padding:20px 150px;position: relative;}
.img_block{border:1px solid #ccc;padding:0;}
.swiper-slide-thumb-active .img_block{border:1px solid var(--color-main);}

.cont_pic_thumbs{padding:0 5px;}
.q_n_cont_pic .q_n_cont_pic_thumbs .swiper_button_cont_pic{background:none;width:30px;height:80%;line-height: 1;margin-top: 0;font-size: 20px;
  text-align: center;border-radius: 0;border:0;transition: all 0.3s;color:#555;background-color: #eee;top:10%;
}
.q_n_cont_pic .q_n_cont_pic_thumbs .swiper_button_cont_pic:after{content:'';}
.q_n_cont_pic .q_n_cont_pic_thumbs .swiper_button_cont_pic i{display: block;width:24px;height: 24px;line-height: 24px;position: absolute;left:3px;top:50%;margin-top: -15px;}
.q_n_cont_pic .q_n_cont_pic_thumbs .swiper_button_cont_pic.swiper_button_cont_pic_prev{right:auto;left:3%;}
.q_n_cont_pic .q_n_cont_pic_thumbs .swiper_button_cont_pic.swiper_button_cont_pic_next{right:3%;}

	/* q_n_cont_title */
.q_n_cont_title{margin:100px auto 0;height:70px;background-color: #f1f1f1;color:var(--white);position: relative;}
.q_n_cont_title:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size:0;}
.q_n_cont_title_l{width:60%;background-color:var(--color-main);height:100px;position: absolute;left:0;bottom:0;padding:25px 50px;font-size: 0;}
.q_n_cont_title_l:after{content: '';width:0;height:0;border-right: 60px solid transparent;border-top: 100px solid var(--color-main);position: absolute;right:-60px;top:0;}
.q_n_cont_title_l h1{font-size:30px;height: 50px;line-height: 50px;font-weight: 700;}
.q_n_cont_title_l h1 span{font-size:22px;height: 50px;line-height: 50px;font-weight: 400;vertical-align: bottom;margin-left: 80px;}

.q_n_cont_title_r{width:35%;float:right;height:100%;position: absolute;right:0;bottom:0;text-align: center;font-size: 0;padding:15px 0;}
.q_n_cont_title_r span{display: inline-block;font-size: 24px;color:#999;line-height: 40px;}
.q_n_cont_title_r .normal{}
.q_n_cont_title_r .bold{color:var(--color-main);font-family: 'number';font-size: 28px;}
.q_n_cont_title_r .bold i{width:32px;height:32px;font-size: 18px;line-height: 35px;text-align: center;vertical-align: middle;margin:0 10px;
	display: inline-block;background-color: var(--color-main);color:var(--white);border-radius: 50%;
}
	/* q_n_cont_body */
.q_n_cont_body{margin:0 auto;}
.q_n_cont_group{margin: 60px auto 0}
.q_n_cont_group_h{border-left:5px solid var(--color-main);padding:0 0 0 20px;font-size: 22px;color:var(--color-main);line-height: 30px;height:30px;
	font-weight: 700;letter-spacing: 2px;
}
.q_n_cont_group_p{margin:10px auto 0;padding:0 0 0 25px;font-size: 18px;color:#999;line-height: 25px;}
.q_n_cont_group_body{padding:30px 0;font-size: 17px;color:#555;line-height: 2.2;}
.q_n_cont_group_body p{font-size: 17px;color:#555;line-height: 2.2;}
.q_n_cont_group_txt{padding:0 25px;}

.q_n_cont_ul{margin:20px auto 0;}
.q_n_cont_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_cont_ul>li{width:18.6%;float: left;margin:0 1.4% 30px 0;text-align: center;position: relative;}
.q_n_cont_ul>li:nth-of-type(5n){margin:0 0 30px 0;}
.q_n_cont_ul>li>.img{padding:76.35% 0 0;cursor: default;}
.pic_txt{width:100%;font-size: 18px;color:var(--white);line-height: 45px;height:45px;position: absolute;left:0;bottom:0;background-color: rgba(0,0,0,.5);
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_n_cont_ul>li:hover .pic_txt{background-color: rgba(16,152,186,.7);}
.q_n_variety_main{width:100%;position: relative;}
.q_n_variety_before,.q_n_variety_after{width:175px;position: absolute;top:0;}
.q_n_variety_before{left:-175px;}
.q_n_variety_after{right:-175px;}

.q_n_variety_list{padding:0 4px;}
.variety_li{margin:0 4px;float:left;width:20%;}
.variety_item{border:1px solid var(--color-main);border-radius: 10px;text-align: center;overflow:hidden;cursor: pointer;}
.variety_item_img{height:350px;position: relative;border-bottom: 1px solid var(--color-main);}
.variety_item_img .img{height:100%;}
.variety_item_mask{width:100%;height: 100%;background-color: #fff;position: absolute;left:0;top:0;transition: all .3s;}
.variety_item_mask_in{width:100%;position: absolute;left:0;top:50%;padding:0 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.variety_item_h{font-size: 28px;color:var(--color-main);font-weight: 700;letter-spacing: 3px;line-height: 35px;height: 35px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.variety_item_txt{padding:60px 15px;}
.variety_item_num{font-size: 44px;color:var(--color-main);line-height: 50px;height:50px;font-family: 'number';}
.variety_item_more{margin:30px auto 0;}
.variety_item_more span{display: inline-block;padding:6px 25px;font-size: 14px;color:var(--color-main);border:1px solid var(--color-main);cursor: pointer;
	line-height: 20px;border-radius: 20px;letter-spacing: 1px;
}
.variety_item_title{margin:33px auto;font-size: 30px;color:var(--color-main);line-height: 50px;height:50px;letter-spacing: 5px;font-weight: 700;}
.variety_item:hover .variety_item_mask{background-color: rgba(255,255,255,0);}
.variety_item_p{display: none;opacity: 0;}

.q_n_variety_fixed{width:100%;height:100%;background-color: rgba(0,0,0,.4);position: fixed;left:0;top:0;z-index: 9999999999999999;display: none;}
.q_n_variety_bg{width:100%;height:100%;position: relative;}

.variety_block_out{width:100%;height:100%;position: absolute;left:0;top:0;}
.variety_block_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%);
}
.variety_block{width:86%;margin:0 auto;max-width: 800px;background-color: #fff;padding:50px;border-radius: 15px;position: relative;}
.variety_block_close{width:30px;height:30px;line-height: 30px;text-align: center;font-size: 22px;
	color:#222;cursor: pointer;position: absolute;top:30px;right:30px;
}
.variety_block_img{width:40%;float:left;text-align: center;}
.variety_block_txt{width:55%;float:right;}
.variety_block_txt a{outline: none;display: block;width:100%;padding:50px 0;}
.variety_block_txt_h{font-size: 26px;color:#333;line-height: 35px;text-align: left;}
.variety_block_txt_p{margin:30px auto 0;font-size: 16px;color:#555;text-align: justify;overflow:hidden;
	line-height: 25px;height:100px;
}
.variety_block_txt:hover .variety_block_txt_h{color:var(--color-main);}


.q_n_param_list{width:100%;margin:20px auto 0;border-collapse : separate;border-spacing:5px;}
.q_n_param_list th,.q_n_param_list td{border:1px solid var(--color-main);padding:20px 8px;text-align:center;font-size: 15px;color:#555;line-height: 25px;}
.q_n_param_list th{color:#fff;font-size: 17px;background-color:var(--color-main);}
.q_n_param_list td:nth-of-type(1){font-size: 17px;font-weight: 700;}

.q_n_cont_group_info{margin:20px auto 25px;padding:0 25px;font-size: 15px;color:#777;line-height: 25px;text-align: justify;}

.q_n_cont_form{padding:50px;background-color: #f8f8f8;}
.q_n_form{display: block;width:100%;}
.form_item{width:47%;float:left;margin:0 6% 25px 0;position: relative;}
.form_item:nth-of-type(2n){margin:0 0 25px 0;}
.form_item_input{padding:10px 30px;font-size: 16px;color:#000;line-height: 25px;
	display: block;width:100%;border:0;border-bottom: 1px solid #ccc;background:none;
}
.form_item_input:focus{border-bottom: 1px solid var(--color-main);}
.form_item:nth-of-type(5){width:100%;margin:0;}
.form_item_must:before{content:"*";font-size: 16px;color:#f00;position: absolute;left:15px;top:8px;}
.q_n_form_btn{margin:50px auto 0;}
.form_btn{display: inline-block;background-color: #888;border:0;padding:10px 50px;font-size:18px;color:#fff;line-height: 25px;margin-right: 20px;}
.form_btn:nth-of-type(1){background-color: var(--color-main);}


 /* 生产线 nproduct_list2 */
.nproduct_list2 .nproduct_item_img{margin:40px auto;}
.nproduct_list2 .nproduct_item_img>.img{padding:22.65% 0 0;}
.nproduct_ul{margin:0 auto;}
.nproduct_ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nproduct_ul li{width:18.6%;float:left;margin:0 1.75% 0 0;}
.nproduct_ul li:nth-of-type(5n){margin:0;}
.nproduct_ul li .img{padding:100% 0 0;border-radius: 50%;overflow:hidden;}

.q_n_cont_pic.q_n_cont_pic2 .img{padding:22.65% 0 0;}
.q_n_cont_pic.q_n_cont_pic2 .q_n_cont_pic_top{padding:60px 0;}
.q_n_cont_pic.q_n_cont_pic2 .q_n_cont_pic_thumbs .img_block{padding:30px 0;}

/* nproduct end! */

/* nfeed start! */
.nfeed_top{padding:30px 0 0;}
.nfeed_top_img{width:50%;float:right;text-align: right;}
.nfeed_top_txt{width:43%;float:left;padding:80px 0 0;}
.nfeed_top_h{font-size: 30px;color:var(--color-main);line-height: 40px;}
.nfeed_top_p{margin:35px auto 0;font-size: 18px;color:#999;line-height: 2;}
.nfeed_top_p p{margin:0 auto;font-size: 18px;color:#999;line-height: 2;}

.nfeed_ul{height:440px;}
.nfeed_ul_img{width:200px;float:left;text-align: center;height:100%;
	background-repeat: no-repeat;background-position: center center;background-size:180px 300px;
}

.nfeed_ul_img.nfeed_ul_img2{float:right;}
.nfeed_li{width:calc(100% - 400px);float:left;height:100%;}
.nfeed_li li{width:8.33%;float:left;border-right:1px solid #ccc;text-align: center;height:100%;position: relative;
	background-repeat: no-repeat;background-position: center center;background-size:cover;
}
.nfeed_li li:after{content:'';width:100%;height: 100%;position: absolute;left:0;top:0;background-color:var(--white);z-index: 1;transition: all .3s;}
.nfeed_li li:nth-of-type(1){border-left:1px solid #ccc;}

.nfeed_li_num{width:100%;position: absolute;left:0;bottom:40%;z-index: 2;}
.nfeed_li_num:after{content:'';width:100%;height:1px;background-color: #ccc;position: absolute;left:0;top:16px;z-index: -1;}
.nfeed_li_num span{width:36px;height:36px;line-height: 34px;font-size: 18px;
	display:inline-block;border-radius: 50%;color:#666;border:1px solid #ccc;background-color:var(--white);
}
.nfeed_li li:hover .nfeed_li_num:after{height:0;}
.nfeed_li li:hover .nfeed_li_num span{border:1px solid var(--white);color:var(--color-main);}

.nfeed_li_txt{position: absolute;left:0;bottom:52%;width:100%;font-size: 18px;color:#666;line-height: 25px;
	writing-mode: vertical-rl;z-index: 2;text-align: center;padding:0 34px;
}
.nfeed_li_txt span{display: inline-block;vertical-align: middle;}
.nfeed_li li:hover .nfeed_li_txt{color:var(--white);}

.nfeed_li li:hover{border-radius: 5px;overflow:hidden;}
.nfeed_li li:hover:after{content:'';width:100%;height: 100%;position: absolute;left:0;top:0;background-color:var(--white);z-index: 1;opacity: 0;}

.nfeed_list li{width:49%;float:left;margin:0 2% 25px 0;}
.nfeed_list li:nth-of-type(2n){margin:0 0 25px 0;}
.nfeed_list li .img{padding:56% 0 0;}

.nfeed_install{width:100%;border:1px solid var(--color-main);padding:80px 50px;text-align: center;}

.nfeed_contact{background-color: #ebece7;}
.nfeed_contact_img{width:40%;float:left;}
.nfeed_contact_txt{width:60%;float:right;padding:100px 50px 20px 100px;}
.nfeed_contact_h{font-size: 25px;color:#333;line-height: 33px;font-weight: 700;}
.nfeed_contact_p{margin:60px auto 0;}
.nfeed_contact_p p{font-size: 18px;color:#999;line-height: 25px;margin:5px auto 0;}
.nfeed_contact_more{margin:45px auto 0;}
.nfeed_contact_more a{outline: none;display: inline-block;padding:10px 30px;font-size: 17px;line-height: 25px;border-radius: 5px;
	background-color: var(--color-main);color:var(--white);
}

/* nfeed end! */

/* nvideo start! */
.nvideo_item{width:32%;float:left;margin:0 2% 50px 0;position: relative;text-align: center;cursor: pointer;}
.nvideo_item:nth-of-type(3n){margin:0 0 50px 0;}
.nvideo_item_img{overflow:hidden;position: relative;}
.nvideo_item_img .img{padding:80% 0 0;}
.nvideo_item: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);
}
.nvideo_item_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.nvideo_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%);
}
.nvideo_item_icon img{width:76px;}
.nvideo_item_h{margin:15px auto 0;}
.nvideo_item_h a{outline: none;display: block;width:100%;font-size: 18px;color:#333;line-height: 25px;height:25px;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
/* nvideo end! */

/* nnews start! */
.nnews_item{padding:40px 0;position: relative;border-bottom:1px solid #ddd;}
.nnews_item:nth-of-type(1){border-top:1px solid #ddd;}
.nnews_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nnews_item_img{float:left;width:250px;height: 150px;overflow:hidden;border-radius: 6px;}
.nnews_item_img .img{height:100%;}
.nnews_item: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);
}
.nnews_item_txt{width:calc(100% - 500px);float:right;height:150px;position: relative;padding:20px 0 0;}
.nnews_item_h a{outline: none;display: block;width:100%;font-size: 18px;color:#333;line-height: 25px;height:25px;transition: all .2s;
	overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.nnews_item_h a:hover{color:var(--color-main);}
.nnews_item_date{width:100px;height:150px;position: absolute;left:-150px;top:0;text-align: center;}
.nnews_item_date span{display: block;width:100%;}
.nnews_item_date .small+span{display: none;}
.nnews_item_date .big{font-size: 56px;color:#333;line-height: 80px;height:80px;position: absolute;left:0;top:20px;}
.nnews_item_date .small{font-size: 17px;color:#333;line-height: 25px;height:25px;position: absolute;left:0;bottom:20px;}
.nnews_item_p{margin:25px auto 0;font-size: 16px;color:#666;line-height: 25px;height:50px;text-align: justify;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.nnews_item_more{width:100%;position: absolute;left:0;bottom:0;text-align: left;}
.nnews_item_more a{outline: none;display: block;width:100%;font-size: 14px;color:#999;line-height: 20px;transition: all .2s;}
.nnews_item_more a:hover{color:var(--color-main);}

.news_show{padding:30px 0 100px;}
.nnews_h{width:90%;margin:0 auto;text-align: center;font-size: 22px;color:#333;line-height: 30px;}
.nnews_span{margin:20px auto 0;text-align: center;font-size: 0;}
.nnews_span span{display: inline-block;margin:0 10px;font-size: 14px;color:#999;line-height: 20px;}
.nnews_body{margin:35px auto 0;padding:30px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height: 300px;}
/* nnews end! */

/* nabout start! */
.nabout_top_img{width:39%;float:left;}
.nabout_top_txt{width:58%;float:right;padding:10px 0 0;}
.nabout_top_h{font-size: 30px;color:#333;line-height: 40px;}
.nabout_top_p{margin:30px auto 0;font-size: 16px;color:#999;text-align: justify;line-height: 2.2;}
.nabout_top_p p{width:100%;margin:20px auto 0;font-size: 16px;color:#999;text-align: justify;line-height: 2.2;}
.nabout_top_p p:nth-of-type(1){margin:0 auto;}

.nabout_number{margin:30px auto 0;}
.nabout_number .q_number_item{width:25%;padding:0 15px;}
.nabout_number .q_number_top{color:var(--color-main);font-size: 45px;line-height: 56px;}
.nabout_number .q_number_txt{color:#555;margin:10px auto 0;font-size: 16px;line-height: 25px;height:25px;}

.nabout_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.nabout_item>div{width:50%;float:left;}
.nabout_item:nth-of-type(2n+1) .nabout_item_img{float:right;}
.nabout_item_txt{padding:90px 40px 30px;}
.nabout_item_h{font-size: 24px;color:#333;line-height: 32px;}
.nabout_item_p{margin:30px auto 0;font-size: 16px;color:#999;text-align: justify;line-height: 2.2;}
.nabout_item_p p{margin:0 auto;font-size: 16px;color:#999;text-align: justify;line-height: 2.2;}

.nfactory_item{width:23.5%;float:left;margin:0 2% 25px 0;}
.nfactory_item:nth-of-type(4n){margin:0 0 25px 0;}
.nfactory_item .img{padding:76.35% 0 0;}

.nhonor_swiper{width:100%;position: relative;}
.nhonor_item{width:100%;padding:3px;}
.nhonor_item_img{border:1px solid #ddd;padding:30px 15px;}
.nhonor_item_img .img{padding:63.8% 0 0;}

.swiper_button_nhonor{width:36px;height:36px;border-radius: 50%;line-height: 32px;font-size: 20px;cursor: pointer;text-align: center;
	position: absolute;top:50%;transform: translateY(-50%);border:1px solid var(--color-main);background-color: var(--color-main);color:var(--white);
}
.swiper_button_nhonor.swiper-button-disabled{background-color: var(--white);color:var(--color-main);}
.swiper_button_nhonor_prev{left:-60px;}
.swiper_button_nhonor_next{right:-60px;}

.nculture_img{width:100%;position: relative;}
.nculture_img .img{padding:35.25% 0 0;}
.nculture_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.nculture_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%);
}
.nculture_txt{width:50%;padding:90px 50px;background-color: var(--color-main);color:var(--white);font-size: 25px;text-align: justify;line-height: 2.2;}
.nculture_txt p{width:100%;color:var(--white);font-size: 25px;text-align: justify;line-height: 2.2;}

/* nabout end! */

/* ncontact start! */
.ntel{margin:60px auto 0;}

.ntel_l{width:65%;float:left;}
.ntel_l p{font-size: 17px;color:#555;line-height: 30px;margin:0 auto 10px;}
.ntel_r{width:30%;float:right;}
.code_item{width:32%;float:left;margin:0 2% 20px 0;text-align: center;}
.code_item:nth-of-type(3n){margin:0 0 20px 0;}
.code_item_h{font-size: 14px;color:#555;line-height: 25px;}


.ntel_item{width:31%;float:left;margin:0 3.5% 0 0;position: relative;box-shadow: 0 0 10px #eee;padding:35px 50px;transition: all .2s;}
.ntel_item:nth-of-type(3n){margin:0;}
.ntel_item_icon img{width:40px;}
.ntel_item_icon img.default{display: inline-block;}
.ntel_item_icon img.hover{display: none;}

.ntel_item_txt{margin:30px auto 0;color:#333;}
.ntel_item_h{font-size: 15px;line-height: 25px;}
.ntel_item_p{margin:5px auto 0;font-size: 18px;line-height: 30px;}

.ntel_item_span{padding:10px 0 0;}
.ntel_item_span span{display: block;width:100%;font-size: 16px;line-height: 25px;}
.ntel_item_weixin{width:120px;position: absolute;top:50%;right:100px;margin-top: -60px;}

.ntel_item:hover{background-color: var(--color-main);}
.ntel_item:hover .ntel_item_txt{color: var(--white);}
.ntel_item:hover .ntel_item_icon img.default{display: none;}
.ntel_item:hover .ntel_item_icon img.hover{display: inline-block;}
/* ncontact end! */