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

	.width_all{ max-width:1200px;}
	
	.company_h .alibaba{ display:none;}
	
	.navbar_nav li.dropdown .dropdown_menu{ width:95.5%;}
	
	.new_p_name:before{ left:31%;}
	.new_p_name:after{ right:31%;}
	
	.youshi_name:before{ left:21.5%;}
	.youshi_name:after{ right:21.5%;}
	
	.about_name:before{ left:31%;}
	.about_name:after{ right:31%;}
	
	.partner .partner_name:before{ left:27%;}
	.partner .partner_name:after{ right:27%;}
	
	.news .news_name:before{ left:32%;}
	.news .news_name:after{ right:32%;}
	
	
	
	.product_right{ width:34%;}

}

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

	.width_all{ max-width:980px;}
	
	.company_h .company_gg span{ font-size:18px;}
	
	.navbar_nav li a{ font-size:16px;}
	.navbar_nav li.dropdown .dropdown_menu{ width:118%; left:inherit; right:0;}
	
	.new_p_name:before{ left:29.5%;}
	.new_p_name:after{ right:29.5%;}
	
	.about_name:before{ left:29.5%;}
	.about_name:after{ right:29.5%;}
	
	.partner .partner_name:before{ left:24.5%;}
	.partner .partner_name:after{ right:24.5%;}
	
	.service ul li{ width:12%; margin:0 5.6% 0 0;}
	
	
	.game163{ width:534px;}
	.product_right{ width:23%;}

}

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

	.width_all{ width:92%;}
	
	.company_h{ margin:16px auto;}
	.company_h .logo{ width:60px;}
	.company_h h1{ margin:0 0 0 18px;}
	.company_h h1 span{ margin:2px 0 0 0;}
	.company_h .company_gg{ display:none;}
	.company_h .rexian{ display:none;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-74px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#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:#0193de;}
	#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:#0193de;}
	.nav{ position:relative;}
	.navbar_nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.search .s_inp01{ float:left; overflow:hidden; margin:7px 0;}
	.search .s_zi{ float:none; width:100%; overflow:hidden;}
	.search .s_biaoti{ float:none; width:100%; margin:0 auto; overflow:hidden; line-height:28px;}
	#s_width{ float:none; width:100%;}
	#s_width ul li a{ line-height:28px;}
	
	.new_p_name:before{ display:none;}
	.new_p_name:after{ display:none;}
	.new_product .new_p_tab li p{ font-size:20px;}
	
	.solution .solution_name{ position:inherit; margin:0 0 32px 0;}
	.solution_menu{ width:100%; float:none; border:none; margin:0; padding:0;}
	.solution_menu ul{ border-left:none; margin:0; padding:0; overflow:hidden;}
	.solution_menu ul li{ float:left; width:32%; margin:0 2% 2% 0; padding:0; text-align:center; background:#f2f2f2;}
	.solution_menu ul li:nth-child(3n){ margin:0 0 2% 0;}
	.solution_width{ position:inherit; left:0; top:0; width:100%; margin:0 auto; overflow:hidden;}
	.solution_image{ padding:16px 0;}
	.solution_wz{ width:100%;}
	
	.youshi_name:before{ display:none;}
	.youshi_name:after{ display:none;}
	.youshi .ys_tab{ width:92%; margin:36px auto 42px auto;}
	.youshi .ys_tab li{ width:22%;}
	.youshi .ys_tab li p{ font-size:20px;}
	.youshi_qj .youshi_img{ float:none; width:92%; margin:0 auto; overflow:hidden;}
	.youshi_bot .ys_text{ width:100%; position:inherit; top:0; left:0; margin:0 auto 16px auto; overflow:hidden;}
	
	.about_name:before{ display:none;}
	.about_name:after{ display:none;}
	.about dl{ float:left; width:50%; padding:4% 0;}
	.about dl:nth-child(2n):before{ display:none;}
	.about dl:after{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0;}
	.about dl:nth-child(3):after{ display:none;}
	.about dl:nth-child(4):after{ display:none;}
	.profiles{ width:100%;}
	
	.partner .partner_name:before{ display:none;}
	.partner .partner_name:after{ display:none;}
	
	.news .news_name:before{ display:none;}
	.news .news_name:after{ display:none;}
	.news_width .news_left{ float:none; width:100%; margin:0 auto 24px auto; overflow:hidden;}
	.news_width .news_img{ width:100%; margin:0 auto 24px auto;}
	.news_width .news_right{ float:none; width:100%;}
	
	.service ul li{ width:14%; margin:0 3.2% 0 0;}
	
	.footer .footer_left{ display:none;}
	.footer .footer_right{ float:none; width:100%;}
	.footer .footer_erweima{ width:20%; margin:0;}
	
	
	
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.flexslider{ position:relative; height:100%;}
	.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
	.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
	.flex-pauseplay span{ text-transform:capitalize;}
	.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
	.flex-control-nav li{ margin:0 2px; display:inline-block; zoom:1;}
	.flex-control-paging li a{ width:6px; height:6px; border-radius:50%; display:block; border:#f8f8f8 2px solid; cursor:pointer; text-indent:-9999px;}
	.flex-control-paging li a:hover{ background:#0193de; border:#0193de 2px solid;}
	.flex-control-paging li a.flex-active{ background:#0193de; border:#0193de 2px solid; cursor:default;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}

}

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

	.welcome{ display:none;}
	.company_h h1{ font-size:24px; letter-spacing:13px;}
	.company_h h1 span{ font-size:14px;}
	
	.new_p_name h2{ font-size:30px; line-height:42px;}
	.new_p_name p{ font-size:14px; line-height:25px; padding:0 5%; margin:6px 0 0 0;}
	
	.new_product .new_p_tab li{ float:left; width:48%; margin:0 4% 4% 0;}
	.new_product .new_p_tab li:nth-child(2n){ margin:0 0 4% 0;}
	
	.new_products ul li{ width:48%; margin:0 4% 4% 0;}
	.new_products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.solution .solution_name{ font-size:14px; line-height:25px;}
	.solution .solution_name em{ font-size:24px; line-height:32px;}
	
	.youshi_name h3{ font-size:30px; line-height:42px;}
	.youshi_name p{ font-size:14px; line-height:25px;}
	.youshi .ys_tab{ margin:24px auto;}
	.youshi .ys_tab li{ float:left; width:48%; margin:0 4% 4% 0;}
	.youshi .ys_tab li:nth-child(2n){ margin:0 0 4% 0;}
	.youshi .youshi_qj{ margin:24px auto 0 auto;}
	
	.about_name h4{ font-size:30px; line-height:42px;}
	.about_name p{ font-size:14px; line-height:25px;}
	.about dl dt{ height:84px; -webkit-line-clamp:3;}
	.about_width .about_left{ float:none; width:100%; margin:0 auto 4% auto;}
	.about_width .about_right{ float:none; width:100%;}
	
	.partner .partner_name{ font-size:30px; line-height:42px;}
	
	.news .news_name{ font-size:30px; line-height:42px;}
	
	.service{ margin:48px auto 32px auto;}
	.service ul li{ width:30%; margin:0 5% 5% 0;}
	.service ul li:nth-child(3n){ margin:0 0 5% 0;}
	
	.footer .footer_contact{ float:none; width:100%;}
	.footer .footer_erweima{ float:none; width:100%; margin:24px 0 0 0;}
	.footer .footer_erweima{ width:50%;}
	.footer_icp{ margin:0 auto 70px auto;}
	
	/*bottombox*/
	#bottombox{ width:100%; height:60px; background:rgba(1,147,222,.8); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:none;}
	.fize{ text-align:center;}
	.fize img{ display:inline; margin:0 0 3px 0;}
	.bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot1 a{ color:#fff;  font-size:14px;}
	.bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot2 a{ color:#fff;   font-size:14px;}
	.bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
	.bot3 a{ color:#fff;  font-size:14px; }
	.bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot4 a{ color:#fff;  font-size:14px;}
	
	.cont_left { display:none;}
    .cont_right { width:100%;}
    .products ul { margin-left:-1%;}
    .products ul li { width:48%; margin:0 0 0 1%;}
    .yingyong ul li { width:48%; margin:0 0 0 1%;}
    .content:before {display:none;}
    .yingyong ul li:nth-child(3n) {margin: 0 2% 0 0;}
    .ny_news .n_left { width:100%;}
    .ny_news .n_right { width:100%; margin-top:10px;}
    .contact_left { width:98%;}
    .contact_right  { width:98%; margin-top:10px; float:left;}
    .cont_right .locations {display:none;}
}