@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1440px) {

	.width_all{ max-width:1200px;}
	
	.messages .text-input{ width:97.7%;}
	.messages .cont-input{ width:97.7%;}
	
	.footer .footer_right .footer_contact ul li:nth-child(3){ line-height:26px;}
	.footer .footer_right .footer_contact ul li:nth-child(3) i{ margin:10px 8px 10px 0;}
	
	.product_right{ width:46%;}
	
	.ny_news dl dd{ width:26%;}
	.ny_news dl dt{ width:70%;}
	
	.company_right{ margin:-229px 0 0 0;}
	.company_right .c_p_height{ min-height:310px;}
	
	.contact dl{ width:46%; margin:0 4% 4% 0;}
	.contact dl:nth-child(2){ width:50%; margin:0 0 4% 0;}
	.contact dl:nth-child(3){ width:100%; margin:0;}

}

@media screen and (max-width:1200px) {

	.width_all{ max-width:980px;}
	
	.application_width .application_right dl dt .application_r_c{ height:96px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
	
	.messages .text-input{ width:97.6%;}
	.messages .cont-input{ width:97.6%;}
	
	.links .link_name{ width:8%;}
	.links .link_nr{ width:92%;}
	
	.product_nav ul li{ width:16%;}
	
	.product_right{ width:34%;}
	
	.ny_news dl dd{ width:30%;}
	.ny_news dl dt{ width:66%;}
	
	.company_right{ margin:-260px 0 0 0;}
	.company_left{ float:left; width:60%;}

}

@media screen and (max-width:1024px) {

	.head_top h1{ margin:12px 0;}
	.head_top .logo_hover{ margin:12px 0;}
	.head_top2 .ny_logo{ margin:12px 0;}
	
	.width_all{ width:92%;}
	.gouwudai{ display:none;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:20px;}
	#navToggle span{ position:relative; width:25px; height:1px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#fff;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#fff;}
	.header{ float:right; margin:0;}
	.nav{ display:none;}
	.h_active #navToggle span,.h_active #navToggle span:before,.h_active #navToggle span:after{ background:#004da1;}
	.h_active #navToggle.open span:before,.h_active #navToggle.open span:after{ background:#004da1;}
	.head_top2 #navToggle span,.head_top2 #navToggle span:before,.head_top2 #navToggle span:after{ background:#004da1 !important;}
	.head_top2 #navToggle.open span:before,.head_top2 #navToggle.open span:after{ background:#004da1 !important;}

	.banner_sj{ display:block; margin:0 auto;}
	.banner{ display:none;}
	
	.new_p_id ul li .new_p_c{ opacity:1;}
	.new_p_id ul li .new_p_more img{ left:0; opacity:1;}
	.new_p_width2 ul li .new_p2_more img{ left:0; opacity:1;}
	
	.application_width .application_left{ float:none; width:100%; margin:0 auto;}
	.application_width .application_wid_m span{ left:0; opacity:1;}
	.application_width .application_right{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.application_width .application_right dl dt .application_r_m span{ left:0; opacity:1;}
	
	.about .about_left{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.about .about_right{ position:inherit; top:inherit; right:inherit; width:100%; margin:0 auto; overflow:hidden;}
	.about_right .about_r_name{ width:90%;}
	.about_right .profiles{ width:90%;}
	.about_right .about_more{ width:90%;}
	
	.feedback_width{ width:68%;}
	
	.links .link_name{ float:none; width:100%; margin:13px auto 5px auto; overflow:hidden;}
	.links .link_nr{ float:none; width:100%; margin:5px auto 13px auto; overflow:hidden;}
	.links .link_nr ul{ height:auto;}
	
	.footer{ padding:28px 0 36px 0;}
	.footer .footer_left{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.footer .footer_left .footer_erweima{ width:50%; margin:0;}
	.footer .footer_nav{ display:none;}
	.mobile_footer{ display:block; width:100%; margin:16px auto 26px auto;}
	.mobile_footer ul{ overflow:hidden;}
	.mobile_footer ul li{ border-bottom:#424242 1px solid; position:relative;}
	.mobile_footer ul li a{ display:block; margin:0 auto; color:#fff; font-size:14px; font-weight:bold; line-height:26px; padding:6px 0;}
	.mobile_footer ul li:hover a{ color:#fff; text-decoration:none;}
	.mobile_footer ul li ul.droparea{ display:none; width:100%; margin:0 auto;}
	.mobile_footer ul li span{ position:absolute; height:42px; width:100%; top:0px; right:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; cursor:pointer;}
	.mobile_footer ul li .inactive:before,.mobile_footer ul li .inactive:after{ transform:rotate(45deg); transition:all .3s ease; content:""; position:absolute; right:0; top:50%; height:2px; width:10px; border-radius:3px; background:#9e9e9e; margin-top:-3px;}
	.mobile_footer ul li .inactive:after{ transform:rotate(-45deg); margin-top:3px; transition:0.5s;}
	.mobile_footer ul li .inactives:before,.mobile_footer ul li .inactives:after{ transform:rotate(135deg); transition:all .3s ease; content:""; position:absolute; top:50%; height:2px; width:20px; border-radius:3px; background:#9e9e9e; margin-top:0px;}
	.mobile_footer ul li .inactives:after{ transform:rotate(45deg); margin-top:0px;}
	.mobile_footer ul li ul li{ margin:0 0 2px 0; background:none; border-top:#333 1px solid; border-bottom:none;}
	.mobile_footer ul li ul li a{ padding:5px 0 5px 12px; border-bottom:none; width:100%; font-size:14px; font-weight:normal; color:#9e9e9e !important;}
	.mobile_footer ul li ul li a:hover{ color:#9e9e9e !important;}
	.footer .footer_right{ float:none; width:100%;}
	.footer .footer_right .footer_contact ul li:nth-child(3){ line-height:32px;}
	.footer .footer_right .footer_contact ul li:nth-child(3) i{ margin:0 8px 0 0;}
	
	.footer_icp .footer_i_left{ float:none; width:100%; margin:0 0 8px 0; overflow:hidden;}
	.footer_icp .footer_i_right{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	
	.ny_banner{ margin:58px auto 0 auto;}
	.ny_wenzi{ margin:-28px 0 0 0; font-size:20px; line-height:30px;}
	.ny_wenzi p{ font-size:14px; line-height:24px; margin:2px 0 0 0;}
	.product_banner{ margin:58px auto 0 auto;}
	
	.l_jing{ float:none; width:100%; margin:12px auto 8px auto;}
	.search_kuang{ float:none; width:100%; margin:8px auto 12px auto;}
	
	.product_nav ul{ text-align:left;}
	.product_nav ul li{ display:block; width:100%; margin:0 auto; overflow:hidden; border-bottom:#eee 1px solid;}
	.product_nav ul li p{ float:left; height:25px; background-size:25px 25px; min-width:25px; margin:0 4px;}
	.product_nav ul li:nth-child(2) p{ background-size:25px 25px;}
	.product_nav ul li:nth-child(3) p{ background-size:25px 25px;}
	.product_nav ul li:nth-child(4) p{ background-size:25px 25px;}
	.product_nav ul li:nth-child(5) p{ background-size:25px 25px;}
	.product_nav ul li a{ padding:6px 0; overflow:hidden; text-align:left;}
	
	.ny_nav ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
	.ny_nav ul li:nth-child(4n){ margin:0 0 2% 0;}
	.ny_nav ul li:nth-child(5n){ margin:0 2% 0 0;}
	.ny_nav ul li:nth-child(6n){ margin:0 2% 0 0;}
	.ny_nav ul li:nth-child(7n){ margin:0 2% 0 0;}
	.ny_nav ul li:nth-child(8n){ margin:0;}
	.ny_nav ul li a{ padding:5px 0;}
	
	.game163{ width:100%; float:none; overflow:hidden; margin:0 auto 36px auto;}
	.game163 .bigImg{ float:none;}
	.game163 .bigImg li img{ width:100%; height:100%;}
	.game163 .smallScroll{ float:none; width:100%; margin:8px auto 0 auto;}
	.game163 .smallImg{ width:100%; margin:0 auto;}
	.game163 .smallImg li{ float:left; margin:0 6px 0 0;}
	.product_right{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	
	.p_b_wenzi{ font-size:20px; line-height:32px;}
	.p_b_wenzi p{ font-size:14px; line-height:24px; margin:4px 0 0 0;}
	.product_cs_left{ float:none; width:100%; margin:0 0 36px 0;}
	.product_cs_right{ float:none; width:100%;}
	
	.ny_news dl{ border-bottom:#eee 1px solid; padding:20px 0; background:#fff; transition:all .35s; overflow:hidden;}
	.ny_news dl:hover{ box-shadow:0 0 20px #eee; padding:20px 0; position:relative; z-index:99;}
	.ny_news dl dd{ width:100%;}
	.ny_news dl dt{ width:100%; margin:0 auto;}
	
	.application_left{ float:none; width:100%; margin:0 auto 48px auto;}
	.application_left .appli_l_name{ font-size:20px; line-height:32px;}
	.application_right{ float:none; width:100%; margin:0 auto;}
	.application_right ul{ overflow:hidden;}
	.application_right ul li{ float:left; width:18.4%; margin:0 2% 0 0;}
	.application_right ul li:last-child{ margin:0;}
	.application_right ul li .hot_p_name{ margin:14px auto; font-size:16px; line-height:28px; height:28px;}
	
	.company_left{ float:none; width:100%;}
	.company_right{ position:inherit; top:0; margin:0 auto; width:100%; background:#f2f2f2; overflow:hidden;}
	
	.jiazhiguan_width dl{ width:44%; margin:0 4% 4% 0; padding:2.6% 2%;}
	.jiazhiguan_width dl:nth-child(2n){ margin:0 0 4% 0;}
	.jiazhiguan_width dl:nth-child(3n){ margin:0 4% 4% 0;}
	.jiazhiguan_width dl:nth-child(4n){ margin:0 0 4% 0;}
	.jiazhiguan_width dl:nth-child(5n){ margin:0 4% 0 0;}
	.jiazhiguan_width dl:nth-child(6n){ margin:0;}
	
	.zeren_width dl{ float:none; width:100%; margin:0 0 2% 0;}
	.zeren_width dl:nth-child(2n) dd{ float:right;}
	.zeren_width dl:nth-child(2n) dt{ float:left;}
	.zeren_width dl:nth-child(3n) dd{ float:left;}
	.zeren_width dl:nth-child(3n) dt{ float:right;}
	.zeren_width dl:nth-child(4n) dd{ float:right;}
	.zeren_width dl:nth-child(4n) dt{ float:left;}
	
	.contact_us{ margin:-10px auto 32px auto;}
	.contact dl{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	.contact dl:nth-child(2){ width:100%;}
	.contact dl:nth-child(3){ width:100%;}
	.contact dl dd{ width:5%;}
	.contact dl:nth-child(3) dd{ width:5%;}
	.contact dl dt{ width:92%;}
	.contact dl:nth-child(3) dt{ width:92%;}
	.suggest{ width:88%; margin:36px auto;}
	.suggest .text_suggest{ padding:8px 0 8px 2%;}
	.suggest .suggest_button{ width:218px; line-height:42px;}
	.ky .form .feedback-group {
	    width: 100%;
	}
    .f-detail .f-detail-text iframe {
        position: relative;
        max-width: 100%;
        width: 560px;
        height: 315px;
    }
}

@media screen and (max-width:640px) {

	.flexslider .slides > li .banner_biaoti{ font-size:20px; line-height:30px; font-weight:bold;}
	.flexslider .slides > li .banner_profiles{ font-size:14px; line-height:25px; margin:10px auto 14px auto;}
	.flexslider .slides > li .banner_more{ width:118px;}
	.flexslider .slides > li .banner_more a{ font-size:14px; line-height:32px; border-radius:16px;}

	.new_product{ margin:36px auto;}
	.new_p_name{ font-size:22px; line-height:30px;}
	.new_p_name span{ font-size:14px; line-height:20px; margin:8px 0 0 0;}
	.new_p_width{ margin:18px auto 0 auto;}
	.new_p_id li{ width:6%; margin:0 0.5% 0 0;}
	.new_p_id li:before{ display:none;}
	
	.new_products{ margin:36px auto; padding:36px 0;}
	.new_p_width2{ margin:18px auto 0 auto;}
	.new_p_width2 ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_width2 ul li:nth-child(2){ margin:0 0 4% 0;}
	.new_p_width2 ul li:nth-child(3){ margin:0 4% 0 0;}
	.new_p_width2 ul li:nth-child(4){ margin:0;}
	
	.application{ margin:36px auto;}
	.application .application_name{ font-size:22px; line-height:30px;}
	.application .application_name span{ font-size:14px; line-height:20px; margin:8px 0 0 0;}
	.application_width{ margin:18px auto 0 auto;}
	.application_width .application_wid_n{ font-size:18px; line-height:30px;}
	.application_width .application_wid_c{ font-size:14px; line-height:22px; height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	.application_width .application_wid_m{ margin:16px auto 0 auto; height:36px;}
	.application_width .application_wid_m span{ width:118px; font-size:14px; line-height:36px; border-radius:18px;}
	.application_width .application_right dl dt .application_r_n{ font-size:18px; line-height:30px;}
	.application_width .application_right dl dt .application_r_c{ margin:10px auto 16px auto; font-size:14px; line-height:22px; height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	.application_width .application_right dl dt .application_r_m{ height:36px;}
	.application_width .application_right dl dt .application_r_m span{ width:118px; font-size:14px; line-height:36px; border-radius:18px;}
	
	.news{ margin:36px auto; padding:36px 0;}
	.news_name{ font-size:22px; line-height:30px;}
	.news_width{ margin:20px auto 0 auto;}
	.news_width .tab_title span{ font-size:16px; line-height:32px; padding:0 8px; margin:0 6px;}
	.news_width .tab_con{ margin:28px auto 0 auto;}
	.news_more{ width:118px; margin:28px auto 0 auto;}
	.news_more a{ line-height:36px; font-size:14px; border-radius:18px;}
	.news_width .t_con ul li{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	
	.feedback_width{ float:none; width:100%; margin:42px auto 36px auto;}
	.messages .text-input{ width:97.4%;}
	.messages .cont-input{ width:97.4%;}
	
	.footer .footer_right .footer_contact ul li:nth-child(3){ line-height:26px;}
	.footer .footer_right .footer_contact ul li:nth-child(3) i{ margin:10px 8px 10px 0;}
	
	.products  .product li{ width:48%; margin:0 4% 4% 0;}
	.products  .product li:nth-child(2n){ margin:0 0 4% 0;}
	.products  .product li:nth-child(3n){ margin:0 4% 4% 0;}
	.products  .product li:nth-child(6n){ margin:0 0 4% 0;}
	.products  .product li .products_more{ font-size:14px; opacity:1;}
	
	.ny_nav ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
	.ny_n_nav ul li{ margin:0 2%;}
	
	.yingyong .yingyong_width ul li{ width:48%; margin:0 4% 4% 0;}
	.yingyong .yingyong_width ul li:nth-child(2n){ margin:0 0 4% 0;}
	.yingyong .yingyong_width ul li:nth-child(3n){ margin:0 4% 0 0;}
	
	.product_tuijian ul li{ width:48%; margin:0 4% 4% 0;}
	.product_tuijian ul li:nth-child(2n){ margin:0 0 4% 0;}
	.product_tuijian ul li:nth-child(3n){ margin:0 4% 0 0;}
	
	.game163 .smallImg li{ width:48px;}
	.game163 .smallImg img{ width:46px; height:46px;}
	.product_right .prr_name{ font-size:18px; line-height:28px;}
	.product_right .p_ggao{ font-size:16px; line-height:25px;}
	
	.products_maidian .products_maidian_name{ font-size:24px; line-height:36px;}
	.products_maidian ul li{ width:48%; margin:48px 4% 4% 0;}
	.products_maidian ul li:nth-child(2){ margin:48px 0 4% 0;}
	.products_maidian ul li:nth-child(3){ margin:48px 4% 4% 0;}
	.products_maidian ul li:nth-child(4){ margin:48px 0 4% 0;}
	.products_maidian ul li:nth-child(5){ margin:48px 4% 4% 0;}
	.products_maidian ul li:nth-child(6){ margin:48px 0 4% 0;}
	.products_maidian ul li:nth-child(7){ margin:48px 4% 0 0;}
	.products_maidian ul li:nth-child(8){ margin:48px 0 0 0;}
	.products_maidian ul li .products_maidian_zhuti{ font-size:18px; line-height:32px;}
	.product_why .p_why_name{ font-size:24px; line-height:36px;}
	.product_why .p_why_width ul li{ width:50%; margin:0 0 4% 0;}
	.product_why .p_why_width ul li .p_why_profiles{ /*height:140px; */display:-webkit-box; text-overflow:ellipsis; overflow:hidden;/* -webkit-line-clamp:5;*/ -webkit-box-orient:vertical;}
	.product_img_jies{ min-height:278px;/*min-height:198px;*/ background:#000;display:flex;align-items:center;}
	.product_img_jies2{ min-height:278px;/*min-height:198px;*/ background:#fff;display:flex;align-items:center;}
	.product_img_jies_xq p, .product_img_jies_xq2 p {line-height:1.3;}
	.dayin_jies_name{ font-size:24px; line-height:36px;}
	.dayin_jies_width ul li{ float:none; width:100%; margin:0 0 5% 0;}
	.xijie .xijie_name{ font-size:24px; line-height:36px;}
	.xijie .xijie_name span{ width:92%; margin:6px auto 0 auto;}
	.yingyong .yingyong_name{ font-size:24px; line-height:36px;}
	.product_tuijian .product_tj_name{ font-size:24px; line-height:36px;}
	
	.application_left .appli_l_next dl dd{ float:none; width:100%; margin:0 auto 6px auto;}
	.application_left .appli_l_next dl dt{ float:none; width:100%; margin:0 auto;}
	.application_left .application_tuijian ul li{ float:none; width:100%; margin:0 0 4% 0;}
	
	.application_right ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.application_right ul li .hot_p_name{ width:90%;}
	.application_right ul li .hot_p_profles{ width:90%;}
	
	.ruanjian dl dd{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.ruanjian dl dd img{ max-width:42%; margin:28px 0;}
	.ruanjian dl dt{ float:none; width:92%; margin:0 auto; overflow:hidden;}
	.ruanjian dl dt div{ margin:5% 0 3% 0;}
	.ruanjian dl dt span{ margin:3.5% 0 5% 0; line-height:38px; border-radius:19px;}
	
	.company_right .company_r_name{ font-size:20px; line-height:28px; padding:0 0 10px 0;}
	.company_right .company_r_name:before{ width:80px;}
	
	.jiazhiguan_name{ font-size:20px; line-height:28px;}
	.jiazhiguan_width dl{ float:none; width:96%; margin:0 0 4% 0; padding:2.6% 2%; overflow:hidden;}
	.jiazhiguan_width dl:nth-child(3n){ margin:0 0 4% 0;}
	.jiazhiguan_width dl:nth-child(5n){ margin:0 0 4% 0;}
	
	.zeren_name{ font-size:20px; line-height:28px;}
	.zeren_width dl{ margin:0 0 4% 0;}
	.zeren_width dl dd{ float:none; width:100%; margin:0 auto; overflow:hidden;}
	.zeren_width dl dt{ float:none; width:92%; margin:0 auto; overflow:hidden;}
	.zeren_width dl:nth-child(2n) dd{ float:none;}
	.zeren_width dl:nth-child(2n) dt{ float:none;}
	.zeren_width dl:nth-child(3n) dd{ float:none;}
	.zeren_width dl:nth-child(3n) dt{ float:none;}
	.zeren_width dl:nth-child(4n) dd{ float:none;}
	.zeren_width dl:nth-child(4n) dt{ float:none;}
	.zeren_width dl dt em{ margin:4% 0 2% 0; font-size:16px; line-height:28px;}
	.zeren_width dl dt p{ margin:2% 0 4% 0;}
	
	.huanjing_name{ font-size:20px; line-height:28px;}
	.huanjing_width ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.huanjing_width ul li:nth-child(2n){ margin:0 0 4% 0;}
	.huanjing_width ul li:nth-child(3n){ margin:0 0 4% 0;}
	.huanjing_width ul li .huanjing_h_name{ font-size:18px; line-height:30px;}
	
	.contact dl dd{ width:8%;}
	.contact dl:nth-child(3) dd{ width:8%;}
	.contact dl dt{ width:88%;}
	.contact dl:nth-child(3) dt{ width:88%;}

}