@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实现锚点平滑滚动 */
@font-face{
  font-family: SourceHanSansRegular;
  src: url('./fonts/SourceHanSans-Regular.otf');
}
@font-face{
  font-family: SourceHanSansBold;
  src: url('./fonts/SourceHanSans-Bold.otf');
}
body {
	width:100%;
	margin:0 auto;
	min-height: 500px;
	font-family: SourceHanSansRegular,'Microsoft Yahei',Arial,Verdana,sans-serif;
	font-size: 14px;
	color:#555;
}
ul,li {list-style: none;}
.clearfix {clear:both;}
img {max-width:100%;}
div a {outline: none;}
/* 统一调整字间距以及过渡效果 */
div,a,span,p,ul,li{/*transition: all 0.6s;*/padding:0;margin:0;/*scroll-behavior:smooth;*/}
.main1200{width:100%;max-width:1200px;margin:0 auto;}
.main1400{width:100%;max-width:1400px;margin:0 auto;}
.main1500{width:100%;max-width:1500px;margin:0 auto;}
.main1500:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.main1540{width:100%;max-width:1540px;margin:0 auto;}
/* 电脑端隐藏 */
@media (min-width:640px ) {
	.pc_hidden{display: none;}
}
/* 手机端隐藏 */
@media (max-width:640px ) {
	.m_hidden{display: none;}
}
/* 平板端隐藏 */
@media (min-width:640px ) and (max-width: 1000px) {
	.pb_hidden{display: none;}
}
@media (max-width: 640px) {
	.q_banner .swiper_button {display: none;}
}
/* 返回顶部  开始 */
#toTop{width:55px;height:55px;bottom:100px;right:10px;position:fixed;cursor:pointer;z-index:999999;}
@media(max-width: 640px){
	#toTop{width:35px;height:35px;bottom:75px;}
}
/* 返回顶部  结束 */

@keyframes fadeinup {
	0%   {opacity: 0;transform: translateY(120px)}
	100% {opacity: 1;transform: translateY(0)}
}

@keyframes fadeindown {
	0%   {opacity: 0;transform: translateY(-80px)}
	100% {opacity: 1;transform: translateY(0)}
}

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_pro_box.hover:hover .img{
	-moz-transform:scale(1.12,1.12);
	-ms-transform:scale(1.12,1.12);
	-o-transform:scale(1.12,1.12);
	-webkit-transform:scale(1.12,1.12);
	transform:scale(1.12,1.12);
}
.q_row{width:100%;margin:0 auto;}
.q_row:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}


.q_div_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_div_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%);
}
.q_n_img{width:100%;margin:20px auto;text-align: center;}

/* q_header start! */
.q_header{width:100%;margin:0 auto;position:fixed;left:0;top:0;background-color: #fff;border-bottom: 1px solid #ddd;z-index: 9999999;}
.q_header.q_header_fixed{box-shadow: 0 0 10px #ccc;}
.q_header_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_logo{width:300px;float:left;height:80px;padding:10px 0 0;}
.q_logo h1{font-size: 0}
.q_logo h1 a{outline: none;display: block;width:100%;}
/* q_nav */
.q_nav{width:calc(100% - 450px);float:left;height:80px;}
.q_nav a:hover{color:#ea5514;}
.q_nav>li{float:left;margin:0;padding:0 18px;position: relative;}
.q_nav>li>a{outline: none;display: block;width:100%;padding:0 15px;font-size: 17px;line-height: 80px;height:80px;position: relative;color: #222;}
.q_nav>li>a:after{position: absolute;left: 50%;bottom: 0px;content: "";width: 0;height: 3px;border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.q_nav>li>a:hover:after,.q_nav>li>a.on:after{width: 100%;background-color: #ea5514;transform: translateX(-50%);}
.q_nav>li>a:hover,.q_nav>li>a.on{color:#ea5514;}
/* q_nav_son */
.q_nav_son{width:180%;position: absolute;top:100%;left:-40%;padding:0;z-index: 10;display: none;padding:30px 0 20px;}
.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: 3;color:#444;}
.q_nav_son>li:hover>a{color:#ea5514;}

.q_nav>li:hover .q_nav_son>li>a:hover{color:#ea5514;}
.q_nav>li>a.on+.q_nav_son>li>a{color:#333;font-weight: bold;}

/* q_header_bg */
.q_header_bg{width:100%;position: fixed;left:0;top:81px;padding:70px 0 60px;background-color: rgba(255,255,255.95);box-shadow: 0 3px 10px #ccc;display: none;min-height: 400px;}

/* q_search */
.q_search{width:150px;float:right;font-size: 0;text-align: right;padding:25px 0 0;}
.q_search:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_search_q{height:30px;cursor: pointer;padding:0;display: inline-block;}
.q_search_q img{width:30px;display: block;line-height: 30px;height:30px;}
/* q_search_div */
.q_search_div{width:100%;margin:0 auto;padding:5% 25%;position: fixed;left:left;top:0;background-color: rgba(255,255,255,.95);z-index: 9999999;box-shadow: 0 0 10px #ccc;display: none;}
.q_search_div_main{width:100%;margin:0 auto;padding:0;position: relative;}
.q_search_div_close{width:36px;height:36px;font-size: 20px;cursor: pointer;position: absolute;right:0;top:-65px;}
.q_search_div_close:hover{transform: rotate(180deg);transition: all .5s ease;}
.q_search_div_close::before,.q_search_div_close::after {position: absolute;content: ' ';left: 18px;width: 2px;height: 36px;background-color: #8590a6;}
.q_search_div_close::before {transform: rotate(45deg);}
.q_search_div_close::after {transform: rotate(-45deg);}
.q_form_search .form-group .addon{background-color:#8590a6;color:#fff;border: 1px solid #8590a6;cursor: pointer;}

.q_top_icon{height:30px;cursor: pointer;padding:0;display: inline-block;}
.q_top_icon a{outline: none;display: block;width:100%;margin:0 auto;}
.q_top_icon a img{width:30px;display: block;line-height: 30px;height:30px;}

.q_language{padding:5px 0 0;display: inline-block;height:30px;float:right;margin-left:8px;}
.q_language a{outline: none;display: inline-block;margin:0;font-size: 11px;height:20px;line-height:20px;text-transform: uppercase;position: relative;color:#8590a6;padding:0 5px;border-radius: 5px;}
.q_language a.q_cn{margin-right: 16px;background-color: #8590a6;color:#fff;}
.q_language a.q_cn:after{content:'';width:1px;height:12px;background-color:#8590a6;position: absolute;top:5px;left:calc(100% + 10px);}
.q_language a:hover{background-color: #8590a6;color:#fff;}

/* q_header end! */

/* q_banner start! */
.q_banner{width:100%;margin:80px auto 0;}
.q_banner .swiper_banner .swiper-slide a{outline: none;display: block;width:100%;padding:38.5% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_banner .swiper_banner .swiper_pagination_banner{bottom:5%;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet{width:15px;height:15px;background-color: #fff;opacity: 1;}
.q_banner .swiper_banner .swiper_pagination_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ea5514;}
.q_banner .swiper_banner .swiper_button_banner{width:75px;height:144px;margin-top: -72px;}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_prev{left:3%;background:url('../images/banner_left.png') no-repeat center center;background-size: 100% 100%;}
.q_banner .swiper_banner .swiper_button_banner.swiper_button_banner_next{right:3%;background:url('../images/banner_right.png') no-repeat center center;background-size: 100% 100%;}
.q_banner:hover .swiper_banner .swiper_button_banner{opacity: 1;}
/* q_banner end! */

/* q_pro start! */
.q_pro{width:100%;margin:0 auto;padding: 6.5vw 0 8vw;background: #fff url('../images/q_pro_bg.jpg') no-repeat bottom center;}
.q_pro_title{width:100%;margin:0 auto;padding:0 0 0 20px;border-left:4px solid #ea5514;position: relative;}
.q_pro_title_cn{width:100%;margin:0 auto;font-size: 25px;color:#686868;line-height: 30px;height:30px;}
.q_pro_title_cn span{font-weight: bold;margin-right: 5px;}
.q_pro_title_en{margin:1px auto 0; width:100%;font-size: 12px;height:20px;line-height: 20px;color:#888;text-transform: uppercase;font-weight: 100;}
.q_pro_title_line{border-bottom: 1px solid #ddd;margin:15px auto 0;}

.q_pro_main{width:100%;margin:2.5vw auto 0;}
.q_pro_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_pro_box{float:left;position: relative;overflow: hidden;}
.q_pro_box>img{width:100%;
	-moz-transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}
.q_pro_box1{width:967px;height:417px;margin:0 47px 47px 0;}
.q_pro_box2{width:526px;height:417px;margin:0 0 47px 0;}
.q_pro_box3{width:460px;height:417px;margin:0 47px 0 0;}
.q_pro_box4{width:460px;height:417px;margin:0 47px 0 0;}
.q_pro_box5{width:526px;height:417px;}
.q_pro_box .img{height:100%;}
.q_pro_box a.q_mask{outline:none;display:block;width:100%;height:100%;position: absolute;left:0;top:0;color:#fff;}
.q_mask_in{width:100%;margin:0 auto;position: absolute;left:0;bottom:30px;padding:0 50px;}
.q_pro_mask_top{width:100%;margin:0 auto;font-size: 16px;line-height: 25px;height:25px;}
.q_pro_mask_h{width:100%;margin:5px auto 0;font-size: 22px;line-height: 30px;height:30px;font-weight: 400;}
.q_pro_mask_h span{margin-left: 30px;font-weight: 700;letter-spacing: 2px;position: relative;}
.q_pro_mask_h span:before{content:'';width:1px;height:20px;background-color:#fff;position: absolute;top:6px;left:-15px;}
.q_pro_mask_more{width:100%;margin:5px auto 0;height:0;transition: all .5s;overflow: hidden;font-size: 20px;line-height: 36px;}
.q_pro_mask_more i{color:#ea5514;margin-left: 10px;}
.q_pro_box:hover>img{
	-moz-transform:scale(1.12,1.12);
	-ms-transform:scale(1.12,1.12);
	-o-transform:scale(1.12,1.12);
	-webkit-transform:scale(1.12,1.12);
	transform:scale(1.12,1.12);
}
.q_pro_box:hover a.q_mask{opacity: 1;visibility: visible;background-image: url(../images/mask_grad.png);background-repeat: repeat-x;background-position: left top;background-size: auto 100%;}
.q_pro_box:hover .q_pro_mask_more{height:36px;}
/* q_pro end! */

/* q_sol start! */
.q_sol{width:100%;margin:0 auto;}
.q_sol:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_sol_item{width:50%;float:left;position: relative;}
.q_sol_item .img{padding:72.9% 0 0;}
.q_sol_item .q_div_mask{background-color: rgba(234,85,20,.85);}
.q_sol_item .q_div_mask .q_div_mask_in{padding:0 15% 0 20%;color:#fff;}
.q_sol_h_big{width:100%;margin:0 auto;font-size: 38px;line-height: 45px;height:45px;font-weight: 700;}
.q_sol_h_small{width:100%;margin:10px auto 0;font-size: 28px;line-height: 35px;height:35px;font-weight: 100;}
.q_sol_span{width:15%;margin:1.3vw 0;height:1px;background-color: #fff;}
.q_sol_h_en{width:100%;margin:0 auto;font-size: 14px;line-height: 20px;font-weight: 100;text-transform: uppercase;}
.q_sol_more{width:100%;margin:1.5vw auto 0;}
.q_sol_more a{outline: none;display: inline-block;width:20px;height:20px;padding:0;font-size: 12px;line-height: 18px;text-align: center;color:#fff;border:1px solid #fff;}
.q_sol_more a:hover{color:#ea5514;background-color: #fff;}
/* q_sol end! */

/* q_about start! */
.q_about{width:100%;margin:0 auto;}
.q_about:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_about_item{width:50%;float:left;position: relative;}
.q_about_item>img{width:100%;}
.q_about_main{width:100%;margin:0 auto;padding:0 8%;}
.q_about_h{width:100%;margin:0 auto;font-size: 25px;color:#373737;height:30px;line-height: 30px;font-weight: 700;}
.q_about_span{width:3%;height:2px;margin:1.2vw 0 0;background-color: #ea5514;}
.q_about_h_small{width:100%;margin:0.8vw auto 0;font-size: 18px;color:#555;height:25px;line-height: 25px;}
.q_about_h_en{width:100%;margin:0 auto;font-size: 12px;color:#666;height:20px;line-height: 20px;font-weight: 100;text-transform: uppercase;}
.q_about_p{width:100%;margin:1vw auto 0;}
.q_about_p p{width:100%;margin:0 auto;font-size: 15px;line-height: 2;text-align: justify;color:#666;}
/* q_number */
.q_number{width:100%;margin:1.5vw auto 0;}
.q_number_main{width:100%;margin:0 auto;padding:0;padding:20px 0;}
.q_number_item{width:25%;float:left;border-right:1px solid #ddd;padding:0 10px;text-align: center;}
.q_number_item:nth-of-type(4){border-right:0px solid #ddd;}
.q_number_top{font-size: 27px;line-height: 35px;color:#ea5514;font-weight: bold;}
.q_number_top .sub{font-size: 13px;vertical-align: text-top;font-weight: 400;}
.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 14px;color:#595959;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* q_about end! */

/* q_news start! */
.q_news{width:100%;margin:0 auto;padding:90px 0 60px;}
.q_news_more{position: absolute;bottom:0;right:0;text-align: right;width:10%;}
.q_news_more a{outline: none;display: inline-block;width:20px;height:20px;padding:0;font-size: 12px;line-height: 18px;text-align: center;color:#ea5514;border:1px solid #ea5514;}
.q_news_more a:hover{color:#fff;background-color: #ea5514;}
/* q_news_main */
.q_news_main{width:100%;margin:50px auto 0;}
.q_news_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_news_item{width:32%;float:left;margin:0 2% 0 0;background-color:#f8f8f8;position: relative;height: 485px;overflow:hidden;}
.q_news_item:nth-of-type(3n){margin:0;}
.q_news_item_img{width:100%;height:280px;margin:0 auto;overflow:hidden;}
.q_news_item_img .img{height:100%;}
.q_news_item_txt{width:100%;margin:0 auto;padding:30px 35px;}
.q_news_item_h{width:100%;margin:0 auto;}
.q_news_item_h a{outline: none;display: block;width:100%;margin:0 auto;font-size: 17px;color:#444;font-weight: 550;line-height: 25px;height:50px;text-align: justify;letter-spacing: 1px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_news_item_date{width:100%;margin:5px auto 0;font-size: 16px;color:#888;line-height: 20px;}
.q_news_item_date i{margin-right: 5px;}
.q_news_item_p{width:100%;margin:20px 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;
}
/* q_news_ul */
.q_news_ul{padding:35px 30px;}
.q_news_li{width:100%;margin:10px auto 0;}
.q_news_li:nth-of-type(1){margin:0 auto;}
/* q_section_more */
.q_section_more{width:100%;margin:50px auto 0;text-align: center;}
.q_section_more a{outline: none;display: inline-block;font-size: 15px;color:#111;line-height: 20px;padding:8px 50px;border:1px solid #555;letter-spacing: 2px;transition: all .2s;}
.q_section_more a:hover{color:#fff;border:1px solid #ea5514;background-color: #ea5514;}

/* q_news end! */

/* q_footer start! */
.q_footer{width:100%;margin:0 auto;padding:0;border-top:1px solid #aaa;background-color: #efefef;}
.q_footer a{outline: none;color:#555;}
.q_footer a:hover{color:#ea5514;}
/* q_footer_t */
.q_footer_t{width:100%;margin:0 auto;padding:50px 0;}
.q_footer_t_main{width:100%;margin:0 auto;border-top:1px solid #ccc;padding:50px 0 0;}
.q_footer_t_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_footer_item{width:19%;margin:0 1.25% 0 0;float:left;}
.q_footer_item:nth-of-type(5n){margin:0;}
.q_footer_h{width:100%;margin:0 auto;}
.q_footer_h a{outline: none;display: block;width:100%;font-size: 18px;line-height: 25px;height:25px;font-weight: bold;letter-spacing: 1px;color:#333;}
.q_footer_body{width:100%;margin:10px auto 0;}
.q_footer_body>ul{width:100%;margin:0 auto;}
.q_footer_body>ul>li{width:100%;margin:0 auto;}
.q_footer_body>ul>li>a{outline: none;display: block;width:100%;margin:0 auto;font-size: 14px;height:35px;line-height: 35px;color:#555;
	overflow: hidden;text-overflow: ellipsis;white-space:nowrap;
}
/* q_footer_c */
.q_footer_c{width:100%;margin:0 auto;padding:30px 0;border-top:1px solid #ccc;}
.q_footer_c .main1400:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.q_footer_c_l{width:80%;float:left;font-size: 0;padding:5px 0 0;}
.q_footer_c span,.q_footer_c a{margin:0 2px;line-height: 24px;font-size: 13px;color:#333;outline: none;}
.q_footer_c_l>span:nth-of-type(1){margin-right: 20px;}
.q_footer_c a:hover{color:#ea5514;}
.q_footer_c span a{margin:0;}

.q_footer_c_r{width:15%;float:right;text-align: right;font-size: 0;}
/* q_icon */
.q_icon{width:100%;height:34px;float:right;text-align: right;padding:0;position: relative;}
.q_icon a{outline: none;display: inline-block;background-color: rgba(255,255,255,0);margin:0 0 0 8px;width:34px;height:34px;line-height: 34px;border-radius: 50%;font-size:25px;color:#ea5514;
	text-align: center;position: relative;
}
.q_icon_wechat_div{width:104px;box-shadow: 0 0 10px #aaa;position: absolute;right:10px;top:-135px;display: none;}

/* q_footer_b */
.q_footer_b{width:100%;margin:0 auto;padding:15px 0;background-color: #bfbfbf;}
.q_footer_b .main1400:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.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 span,.q_footer_b a{margin:0 2px;line-height: 20px;font-size: 13px;color:#333;outline: none;}
.q_footer_b a:hover{color:#ea5514;}
.q_footer_b span a{margin:0;}
/* q_footer end! */

/* q_banner_n start! */
.q_banner_n .img{padding:20.83% 0 0;}
/* q_banner_n end! */

/* q_nav_n start! */
.q_nav_n{width:100%;margin:0 auto;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.q_nav_n ul{width:100%;font-size: 0;}
.q_nav_n ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_nav_n ul>li{float:left;margin:0 80px 0 0;position: relative;}
.q_nav_n ul>li:after{content:'';width:1px;height:14px;background-color: #777;position: absolute;top:16px;right:-40px;}
.q_nav_n ul>li:last-child:after{height:0;}
.q_nav_n ul>li>a{outline:none;display: block;width:100%;margin:0 auto;font-size: 17px;color:#595959;line-height: 25px;padding:10px 0;position: relative;}
.q_nav_n ul>li>a:after{position: absolute;left: 50%;bottom: -1px;content: "";width: 0;height: 2px;border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.q_nav_n ul>li>a:hover:after,.q_nav_n ul>li>a.on:after{width: 100%;background-color: #ea5514;transform: translateX(-50%);}
.q_nav_n ul>li>a:hover,.q_nav_n ul>li>a.on{color: #ea5514}
/* q_nav_n end! */

/* q_n_top start! */
.q_n_top{width:100%;margin:20px auto 0;background-color: #f3f5f8;padding:30px 0 25px;}
.q_n_top.q_n_top_big{padding:60px 0 50px;}
.q_n_top_main{width:100%;margin:0 auto;}
.q_n_top_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_top_h{width:100%;margin:0 auto;}
.q_n_top_h_cn{width:100%;margin:0 auto;font-size: 25px;color:#4e4e4e;line-height: 36px;height:36px;font-weight: 100;}
.q_n_top_h_cn span{font-size:28px;font-weight: 700;margin-right: 10px;letter-spacing: 1px;}
.q_n_top_h_en{width:100%;margin:0 auto;font-size: 12px;color:#4e4e4e;line-height: 25px;height: 25px;font-weight: 100;text-transform: uppercase;}
.q_n_top_span{width:100%;margin:15px auto 0;font-size: 0;line-height: 0;}
.q_n_top_span span{display: inline-block;width:20px;height:2px;background-color: #ea5514;font-size: 0;line-height: 0;}
.q_n_top .q_n_top_p{width:100%;margin:20px auto 0;font-size: 17px;color:#5f5f5f;line-height: 2;text-align: justify;}
.q_n_top .q_n_top_p p{width:100%;margin:0 auto;font-size: 17px;color:#5f5f5f;line-height: 2;text-align: justify;}
/* q_n_top end! */

/* q_main start! */
.q_main{width:100%;margin:0 auto;padding:20px 0;min-height: 360px;font-size: 16px;line-height: 2;color:#555;}
.q_main p{width:100%;margin:0 auto;font-size: 16px;line-height: 2;color:#555;}
.q_main .q_n_top_p{width:100%;margin:20px auto 0;font-size: 17px;color:#5f5f5f;line-height: 2;text-align: justify;}
.q_main .q_n_top_p p{width:100%;margin:0 auto;font-size: 17px;color:#5f5f5f;line-height: 2;text-align: justify;}
.q_n_top_p.q_n_top_p_bold{font-weight: 700;}
.q_n_top_p.q_n_top_p_bold p{font-weight: 700;}
.q_content{width:100%;margin:0 auto;padding:35px 0 30px;}
/* q_main end! */

/* q_n_product start! */
.q_n_pro_list{width:100%;margin:0 auto;}
.q_n_pro_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_pro_item{width:49%;float:left;margin:0 2% 25px 0;border:1px solid #ddd;transition: all .2s;}
.q_n_pro_item:nth-of-type(2n){margin:0 0 25px 0;}
.q_n_pro_item_img{width:100%;margin:0 auto;padding:25px 10%;}
.q_n_pro_list_new .q_n_pro_item_img{padding:0;}

.q_n_pro_item_a{width:100%;margin:0 auto;overflow:hidden;}
.q_n_pro_item_a .img{padding:53.3% 0 0;}
.q_n_pro_item_txt{width:100%;margin:0 auto;padding:35px 8%;background-color: #f3f5f8;transition: all .3s;}
.q_n_pro_item_h{width:100%;margin:0 auto;padding:0 0 0 18px;border-left: 7px solid #ea5514;transition: all .2s;}
.q_n_pro_item_h a{outline:none;display: block;width:100%;margin:0 auto;font-size: 22px;color:#1e1e1e;line-height: 30px;height:30px;letter-spacing: 1px;transition: all .2s;}
.q_n_pro_item_p{width:100%;margin:30px auto 0;padding:0 0 0 25px;font-size: 16px;color:#666;text-align: justify;line-height: 30px;height:90px;transition: all .2s;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.q_n_pro_item_more{width:100%;margin:30px auto 0;padding:0 0 0 25px;}
.q_n_pro_item_more a{outline: none;display: inline-block;width:135px;font-size: 17px;line-height: 36px;height:36px;color:#ea5514;font-weight: 700;letter-spacing: 1px;transition: all .2s;
	background:url('../images/q_n_pro_item_more.png') no-repeat center right;background-size: 135px 36px;
}
.q_n_pro_item:hover{border:1px solid #ea5514;}
.q_n_pro_item:hover .q_n_pro_item_txt{background-color: #ea5514;}
.q_n_pro_item:hover .q_n_pro_item_h{border-left: 7px solid #fff;}
.q_n_pro_item:hover .q_n_pro_item_h a{color:#fff;}
.q_n_pro_item:hover .q_n_pro_item_p{color:#fff;}
.q_n_pro_item:hover .q_n_pro_item_more a{color:#fff;background:url('../images/q_n_pro_item_more_hover.png') no-repeat center right;background-size: 135px 36px;}

/* show */
.q_n_pro_top{width:100%;margin:35px auto 0;}
.q_n_pro_top:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_pro_top_img{width:64%;margin:30px 0 0;border:1px solid #ddd;padding:50px 60px;position: relative;}
.q_n_pro_top_new .q_n_pro_top_img{padding:0;}
.q_n_pro_top_txt{width:100%;margin:0 auto;padding:0;}

.q_n_pro_top_img .swiper_pro .swiper-slide a{outline: none;display: block;width:100%;padding:53.3% 0 0;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.q_n_pro_top_img .swiper_pro .swiper_pagination_pro{display: none;}
.q_n_pro_top_img .swiper_button_pro{background:none;width:40px;height:40px;line-height: 40px;margin-top: -20px;font-size: 18px;
  text-align: center;border-radius: 50%;background-color: #ea5514; border:1px solid #ea5514;color:#fff;transition: all 0.3s;
}
.q_n_pro_top_img .swiper_button_pro.swiper_button_pro_prev{left:20px;}
.q_n_pro_top_img .swiper_button_pro.swiper_button_pro_next{right:20px;}
/* q_n_pro_top_txt */
.q_n_pro_top_h{width:100%;margin:0 auto;padding:0 0 0 15px;border-left: 4px solid #ea5514;font-size: 20px;color:#292929;line-height: 25px;font-weight: 700;letter-spacing: 2px;}
.q_n_pro_top_line{margin:20px auto;}
.q_n_pro_top_ul{width:100%;margin:0 auto;}
.q_n_pro_top_li{padding:0 0 0 15px;margin:0 auto 20px; border-left: 4px solid #ea5514;font-size: 18px;color:#292929;line-height: 25px;}
.q_n_pro_top_li span:nth-of-type(1){font-weight: 700;letter-spacing: 2px;}
.q_n_pro_top_info{width:100%;margin:20px auto 0;font-size:15px;line-height:25px;text-align:justify;color:#888;}
/* q_n_pro_content */
.q_n_pro_content{width:100%;margin:60px auto 0;}
.q_n_pro_content_h{width:100%;margin:0 auto;line-height: 40px;border-bottom: 1px solid #ddd;}
.q_n_pro_content_h span{display: inline-block;font-size: 20px;color:#292929;line-height: 39px;padding:3px 10px;border-bottom: 4px solid #ea5514;letter-spacing: 2px;}
.q_n_pro_body{width:100%;margin:0 auto;padding:45px 35px;border-bottom: 1px solid #ddd;min-height: 300px;}
.q_n_pro_body.q_n_pro_case{padding:45px 4%;}
.q_n_pro_body h2{width:100%;margin:0 auto;font-size: 18px;color:#ea5514;line-height: 30px;font-weight: bold;letter-spacing: 1px;}
/* q_n_product end! */

/* q_n_solution start! */
.q_n_sol_top{width:100%;margin:0 auto;}
.q_n_sol_t{width:100%;margin:45px auto 0;background-color: #f3f5f8;}
.q_n_sol_t:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_sol_t_img{width:605px;height:340px;float:right;overflow:hidden;}
.q_n_sol_t_img .img{height:100%;}
.q_main .q_n_sol_t_txt{width:calc(100% - 605px);height:340px;float:left;padding:70px 5% 0;font-size: 17px;color:#434343;line-height: 2.2;text-align: justify;}
.q_main .q_n_sol_t_txt p{width:100%;font-size: 17px;color:#434343;line-height: 2.2;text-align: justify;}
/* q_n_sol_img */
.q_n_sol_img{width:100%;margin:0 auto;padding:70px 0;text-align: center;}
/* q_n_sol_a */
.q_n_sol_a{width:100%;margin:0 auto;background-color: #f3f5f8;}
.q_n_sol_a a{outline:none;display: block;width:100%;margin:0 auto;text-align: center;padding:50px 5%;}
/* q_n_solution end! */

/* q_n_case start! */
.q_n_case_list{width:100%;margin:0 auto;}
.q_n_case_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_case_item{width:32.7%;float:left;margin:0 .95% 20px 0;position: relative;}
.q_n_case_item:nth-of-type(3n){margin:0 0 20px 0;}
.q_n_case_item_img{width:100%;margin:0 auto;overflow:hidden;}
.q_n_case_item_img .img{padding:64% 0 0;}
/* q_n_case_item_txt */
a.q_n_case_item_txt{outline: none;display: block;width:100%;height:100%;padding:45px 8%;color:#fff;position: absolute;left:0;top:0;transition: all .4s;
	background-image: url(../images/mask_grad_reverse.png);background-repeat: repeat-x;background-position: left top;background-size: auto 100%;
}
.q_n_case_item_h{width:100%;margin:0 auto;font-size: 22px;line-height: 30px;letter-spacing: 1px;}
.q_n_case_item_p{width:100%;margin:40px auto 50px;font-size: 15px;line-height: 25px;height:100px;text-align: justify;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;display: none;
}
.q_n_case_item_more{width:100%;margin:30px auto 0;transition: all .4s;}
.q_n_case_item_more span{width:135px;height:36px;display: inline-block;background:url('../images/q_n_case_item_more.png') no-repeat center right;background-size: 135px 36px;}

.q_n_case_item:hover .q_n_case_item_txt{background:none;background-color: rgba(234,85,20,.9);}
.q_n_case_item:hover .q_n_case_item_p{display: -webkit-box;animation-name: fadeinup;animation-duration: .6s;}
.q_n_case_item:hover .q_n_case_item_more{margin:70px auto 0;animation-name: fadeindown;animation-duration: .6s;}

/* q_n_case_top */
.q_n_case_top{width:100%;margin:0 auto;}
.q_n_case_top:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_case_top_img{width:48%;float:left;}
.q_n_case_top_img .img{padding:64% 0 0;}
.q_n_case_top_txt{width:48%;float:right;padding:30px 0 0;}
.q_n_case_top_h h1,.q_n_case_top_h h2{width:100%;margin:0 auto;font-size: 20px;color:#292929;line-height: 24px;font-weight: 700;
	padding:0 0 0 14px;border-left: 4px solid #ea5514;
}
.q_n_case_top_h hr{margin:15px auto;}
.q_n_case_top_p{width:100%;margin:0 auto;padding:15px 18px;font-size: 18px;color:#5c5c5c;text-align: justify;line-height: 2;}

/* q_n_case end! */

/* q_n_strength start! */

.q_n_partner_list{width:100%;margin:0 auto;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.q_n_partner_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_partner_list>li{width:12.5%;float:left;overflow:hidden;background-color: #fff; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.q_n_partner_list>li>.li_img{background-position: center center;background-size: cover;background-repeat: no-repeat;padding:45% 0 0;}


.q_n_str_t{width:100%;margin:45px auto 0;background-color: #f3f5f8;}
.q_n_str_t:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_str_t_img{width:700px;height:398px;float:right;overflow:hidden;}
.q_n_str_t_img .img{height:100%;}
.q_main .q_n_str_t_txt{width:calc(100% - 700px);height:395px;float:left;padding:65px 5% 0;font-size: 17px;color:#434343;line-height: 2;text-align: justify;}
.q_main .q_n_str_t_txt p{width:100%;font-size: 17px;color:#434343;line-height: 2;text-align: justify;}
/* q_main_title */
.q_main_title{width:100%;margin:25px auto 0;text-align: center;}
.q_main_title_cn{width:100%;margin:0 auto;font-size: 26px;color:#4e4e4e;font-weight: 700;letter-spacing: 2px;line-height: 35px;}
.q_main_title_en{width:100%;margin:0 auto;font-size: 13px;color:#909090;font-weight: 100;line-height: 20px;text-transform: uppercase;}
.q_main_title_span{width:100%;margin:5px auto 0;font-size: 0;line-height: 0;}
.q_main_title_span span{display: inline-block;width:20px;height:2px;background-color: #ea5514;font-size: 0;line-height: 0;}
/* q_n_str_list */
.q_n_str_list{width:100%;margin:50px auto 0;}
.q_n_str_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_str_item{width:49.3%;float:left;margin:0 1.4% 25px 0;border:1px solid #ccc;position: relative;padding:50px;transition: all .3s;}
.q_n_str_item:nth-of-type(2n){margin:0 0 25px 0;}
.q_n_str_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_str_item_icon{width:64px;height:64px;float:left;padding:30px 0 0;}
.q_n_str_item_txt{width:calc(100% - 90px);float:right;}
.q_n_str_item_h{width:100%;margin:0 auto;font-size: 25px;color:#313131;font-weight: 700;line-height: 35px;}
.q_n_str_item_span{width:100%;margin:10px auto 0;font-size: 0;line-height: 0;}
.q_n_str_item_span span{display: inline-block;width:20px;height:2px;background-color: #ea5514;font-size: 0;line-height: 0;transition: all .3s;}
.q_n_str_item_p{width:100%;margin:12px auto 0;font-size: 17px;color:#5c5c5c;text-align: justify;line-height: 30px;height:60px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.q_n_str_item_p p{width:100%;margin:0 auto;font-size: 17px;color:#5c5c5c;text-align: justify;line-height: 30px;}
.q_n_str_item:hover{border:1px solid #ea5514;}
.q_n_str_item:hover .q_n_str_item_h{color:#ea5514;}
.q_n_str_item:hover .q_n_str_item_span span{width:80px;}

/* q_n_strength end! */

/* q_n_about start! */
.q_site{width:100%;margin:45px auto 0;position: relative;}
.q_site_txt{width:40%;padding:70px 70px 100px;background-color: rgba(234,85,20,.95);position: absolute;top:90px;right:40px;z-index: 2;}
.q_site_txt_logo{width:100%;margin:0 auto;}
.q_main .q_site_p{width:100%;margin:30px auto 0;color:#fff;font-size: 17px;line-height: 1.8;text-align: justify;}
.q_main .q_site_p p{width:100%;margin:20px auto 0;color:#fff;font-size: 17px;line-height: 1.8;text-align: justify;}
/* q_n_number */
.q_n_number{width:55%;margin:0 0 30px;padding:55px 0;}
.q_n_top_contact{padding:0 50px;}
/* q_n_tel */
.q_n_tel{width:100%;margin:0 auto;padding:60px 0;}
.q_n_tel:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_tel_item{width:35%;float:left;margin:0 2% 0 0;}
.q_n_tel_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_tel_item:nth-of-type(2){width:60%;margin:0;}
.q_n_tel_item_icon{width:60px;float:left;}
.q_n_tel_item_txt{width:calc(100% - 72px);float:right;color:#595959;}
.q_n_tel_item_h{width:100%;font-size: 18px;line-height: 25px;height:25px;font-weight: bold;}
.q_n_tel_item_p{width:100%;margin:5px auto 0;font-size:17px;line-height: 25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_n_tel_item_p span:nth-of-type(2){margin-left: 20px;}

.q_tel_img{width:100%;margin:0 auto 50px;text-align:center;}
/* q_about_img */
.q_about_img{width:100%;margin:50px auto 20px;}
.q_about_img_li:nth-of-type(1){width:100%;margin:0 auto 15px;}

/* q_form */
.q_form{width:100%;margin:0 auto;padding:25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.q_n_form{width:100%;margin:0 auto;padding:0;display: block;}
.q_form_div:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_n_form .form-group{margin:0 auto;}
.q_n_form .q_form_div .form-group{width:28%;float:left;margin:0 2% 0 0;padding:0;}
.q_n_form .q_form_div .form-button{width:10%;float:left;margin:0;padding:0;}
.q_n_form .form-group .addon{background-color: #ea5514;color:#fff;border: solid 1px #ea5514;}
.q_n_form .form-group .input:focus{border: solid 1px #ea5514;}
.q_n_form .form-button{text-align: right;margin:20px auto 0;padding:0;}
.q_n_form .form-button .button{display: inline-block; padding:6px 50px;background-color: #ea5514;color:#fff;border: solid 1px #ea5514;font-size: 14px;line-height: 20px;letter-spacing: 1px;}

/* q_map */
.q_map{width:100%;height:450px;margin:40px auto 0;}
#allmap {width: 100%;height: 100%;font-size: 14px;line-height: 25px;overflow: hidden;font-family:"微软雅黑";}
#allmap b{color: #CC5522;font-weight: 700;font-size: 17px;line-height: 30px}
#allmap img{max-width: none;}
#allmap span:nth-of-type(2){margin-left: 20px;}

/* q_n_about end! */

/* q_n_news start! */
.q_n_news_list{width:100%;margin:0 auto;}
.q_n_news_list:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_n_news_list .q_news_item{margin:0 2% 30px 0;height:auto;}
.q_n_news_list .q_news_item:nth-of-type(3n){margin:0 0 30px 0;}
.q_n_news_list .q_news_item_img{height:auto;}
.q_n_news_list .q_news_item_img .img{height:auto;padding: 56.75% 0 0;}
.q_n_news_top{width:100%;margin:0 auto;padding:0 8%;text-align: center;}
.q_n_news_top h1{width:100%;margin:0 auto;font-size: 27px;color:#222;line-height: 1.5;}
.q_n_news_top .q_n_news_top_span{width:100%;margin:20px auto;font-size: 18px;line-height:20px;color:#888;font-weight: 100;}
.q_n_news_top .q_n_news_top_span span{margin:0 8px;}
/* q_n_news end! */

/* pagelist start!  */
.pagelist {list-style: none;margin:50px auto 50px;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: #ea5514;}
.pagelist >a:hover{color:#fff;background-color: #ea5514;}
@media(max-width: 1440px){
	.pagelist {margin:35px auto 30px;}
	.pagelist > a,.pagelist > span{min-width:40px;height:35px;line-height: 35px;font-size: 13px;padding:0 8px;}
}
@media(max-width: 640px) {
	.pagelist {margin:20px auto 15px;}
	.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:20px auto 10px;}
	.pagelist > a,.pagelist > span{min-width:40px;height:30px;line-height: 30px;font-size: 12px;margin:3px 2px;}
}
/* pagelist end!  */

/* page  start! */
.page{width:100%;margin:10px auto;line-height: 25px;padding:0;}
.page:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.page_a{width:50%;padding:0;float:left;color:#888;line-height: 25px;height:25px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page_a a{display: inline-block; outline: none;color:#888;font-size: 16px;}
.page_a a:hover{color: #ea5514;}
.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: 15px;}
  .page_a a{padding:0;font-size: 15px;}
  .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: #ea5514;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:#ea5514;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;
}
@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! */
/* 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 0;background-color: #2a2a2a;}
.footer_m:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.footer_m_item {width:33.33%;float:left;height:40px;text-align: center;}
.footer_m_item a{outline: none}
.footer_m_item_icon {width:100%;height:20px;}
.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{width:100%;height:20px;line-height: 20px;color:#fff;font-size: 12px;}
/* m_footer end! */
