@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px) {
.navbar_nav li{    padding: 0px 30px;}
.about_name,.new_p_name,.service_name,.news_name{font-size: 30px;margin: 29px auto 15px;}
.service ul li .ser_jies dl dd{font-size: 66px;}
.service ul li .ser_jies dl dt span{margin:auto;}
.service ul li .ser_jies dl dt{font-size: 24px;}
.x-ab-aa{font-size: 26px;}
.i_news_name span,.c_news_name span{    font-size: 22px;}
.i_news dl dd,.c_news dl dd{font-size: 16px;}

.i-cpti samp{font-size:30px;}
.i-cpti{width: 250px;height: 250px;}
.i-cp{width: 89%;}
.i-cp .i-cut dl dd a{padding: 6px 20px;font-size: 14px;}
.content .cont_r_name span{font-size: 18px;}
.culture{font-size: 16px;}
.culture span{font-size: 18px;}
.content .product_fl ul li a{line-height:normal;padding: 15px 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;align-items: center;}
.content .product_fl ul li a i{float:none;margin:0 5px 0 0;}
.content .cont_r_name font{display:none;}
.p-bot{font-size: 18px;}
}
@media screen and (max-width:1480px) {
	.width_all2{ max-width:1280px;}
	.navbar_nav li{ padding:0 10px;}
	.navbar_nav2 li{ padding:0 10px;}
	.homeabout{line-height: 22px;color:#333;}
	.x-about{background:none;padding: 0px 0px 0px;}
}

@media screen and (max-width:1280px) {
	.width_all2{ max-width:980px;}
	.head_top{ padding:28px 0;}
	.h_active{ padding:12px 0;}
	.head_top2{ padding:28px 0;}
	.h_active2{ padding:12px 0;}
	.head_top .logo,.head_top2 .logo{ width:220px;}
	.head_top .rexian{ display:none;}
	.head_top2 .rexian{ display:none;}
	.head_top .language{ margin:4px 0 4px 2%;}
	.head_top .language p{ line-height:24px;}
	.head_top .language i{ margin:4px 0 4px 4px;}
	.head_top2 .language{ margin:4px 0 4px 2%;}
	.head_top2 .language p{ line-height:24px;}
	.head_top2 .language i{ margin:4px 0 4px 4px;}
    .x-sos{margin-top: 4px;}
	.nav{ line-height:32px;}
	.navbar_nav li.dropdown .dropdown_menu{ top:32px;}
	.navbar_nav2 li.dropdown .dropdown_menu{ top:32px;}
	.service ul li{ width:32%; margin:0 2% 0 0;}
	.service ul li .ser_jies dl dd{ font-size:74px;}
	.service ul li .ser_jies dl dt{ font-size:22px;}
	.service ul li .ser_jies dl dt span{ font-size:14px; margin:3px 0 0 0;}
	.products ul li p{ width:75%;}
    
    .i-ssb{display:none;}
    
.i-cpti samp{font-size:23px;}
.i-cpti{width: 250px;height: 250px;}
.i-cpti p{font-size: 20px;}

.i-cp .i-cut{display:none;}
}

@media screen and (max-width:1000px) {
	.width_all2{ width:93.5%;}
	#navToggle{ height:auto; padding:7px 9px; margin:0 -9px 0 0; display:block; float:right;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:9px;}
	#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:#4f4f4f;}
	#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:#4f4f4f;}
	.nav{ display:none;}
	.about1{ left:10%; top:8%;}
	.about2{ right:10%; top:12%;}
	.about3{ left:12%; bottom:11%;}
	.about4{ right:16%; bottom:7%;}
	.solution ul li{ width:48%; margin:0 4% 4% 0;}
	.solution ul li:nth-child(2n){ margin:0 0 4% 0;}
	.solution ul li:last-child{ margin:0 0 4% 0;}
	.c_news{ float:none; width:100%; margin:0 auto 32px auto;}
	.i_news{ float:none; width:100%;}
	.footer .footer_nav{ display:none;}
	.messages li{ width:38%; margin:0 4% 4% 0;}
	.messages li:nth-child(2n){ width:58%; margin:0 0 4% 0;}
	.messages li:nth-child(3n){ width:75%; margin:0 4% 0 0;}
	.messages li:nth-child(4n){ width:21%; margin:0;}
	.messages .messages-button{ font-size:16px;}
	.mobile_footer{ display:block; width:100%; margin:0 auto 26px auto;}
	.mobile_footer ul{ overflow:hidden;}
	.mobile_footer ul li{ border-bottom:#ccc 1px solid; position:relative;}
	.mobile_footer ul li a{ display:block; margin:0 auto; color:#ccc; font-size:18px; line-height:22px; padding:10px 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:42px; 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%; left:50%; height:2px; width:10px; border-radius:3px; background:#ccc; 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:#ccc; 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:#999 1px solid; border-bottom:none;}
	.mobile_footer ul li ul li a{ padding:5px 0 5px 0; border-bottom:none; width:100%; font-size:15px; color:#ccc !important;}
	.mobile_footer ul li ul li a:hover{ color:#fff !important;}
	.footer .footer_contact{ float:none; width:100%;}
	.footer .footer_contact ul{ width:32%;}
	.content .content_left{ float:none; width:100%; margin:0 0 30px 0;}
	.content .l1{ display:none;}
	.content .cont_l_news{ display:none;}
	.content .cont_l_contact{ display:none;}
	.content .content_right{ float:none; width:100%;}
	.newshow_next .n_next{ width:85%;}
	.newshow_next .n_fanhui{ width:15%;}
	.about_name, .new_p_name, .service_name, .news_name{font-size: 23px;line-height:normal;}
    .service ul li .ser_jies dl dd{display:none;}
    .service ul li .ser_jies dl dt{line-height:normal;margin:auto;font-size: 18px;}
    .x-ab-aa{font-size: 20px;}
    .x-ab-bb{box-sizing:border-box;padding:0 30px;font-size:14px;}
    .i_news_name span, .c_news_name span{    font-size: 18px;}
    .news{margin: 30px auto;}
    .x-about{padding: 56px 0;}
    .x-ab-bb video{width:100%;height:50%;}
    .x-about{padding:0;background:None;}
    
    .i-ss{display:none;}
    .i-lgss{padding: 15px 0;}
    .zhz{display:block;}
    .i-dhti{position:absolute;top:100%;left:0;width: 100%;z-index:999;display:none;}
    .i-dh{width:100%;}
    .i-dh ul{display:block;}
    .i-dh ul>li{width:100%;border-bottom: 1px dashed #6db1d9;}
    .i-dh ul>li a{text-align:start;}
    .i-dh ul>li>p{font-weight:normal;line-height: 40px;box-sizing:border-box;padding:0 30px;}
    .i-dh ul>li dl{position:static;font-size:14px;box-sizing:border-box;padding:0 10%;}
    .i-dh ul>li.oxs{background:none;}
    .i-dh ul>li dl dd ol{position:static;}
    .i-dh ul>li dl dd ol a{text-align:center;}
    .i-dh ul>li dl dd ol li:nth-child(even){background:#2587c1;}
    
    .da2 p{font-size: 24px;}
    .da2 span{font-size: 16px;}
    .i-itop-b{width:30%;}
    .i-itop-a{width:70%;}
    .content{margin: 10px auto 60px auto;}
}

@media screen and (max-width:640px) {
	.new_product ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(2n){ width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(3n){ width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(4n){ width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(5n){ width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(6n){ width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(7n){ width:100%; margin:0 0 4% 0;}
	.new_product ul li:nth-child(8n){ width:100%; margin:0;}
	.service ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.service ul li .ser_jies dl dd{ font-size:100px;}
	.about_name{ }
    .x-ab-aa{font-size: 18px;margin-bottom: 20px;}
    .x-ab-b a{font-size: 14px;}
    .x-ab-bb{    padding: 0 10px;line-height: 24px;}
    .x-ab-b{margin-top: 20px;}
	.about{ min-height:520px;}
	.about1{ left:5%; top:8%; width:152px; height:152px;}
	.about1 .a_img{ width:48px;}
	.about1 span{ font-size:14px;}
	.about2{ right:3%; top:26%; width:152px; height:152px;}
	.about2 .a_img{ width:48px;}
	.about2 span{ font-size:14px;}
	.about3{ left:9%; bottom:24%; width:152px; height:152px;}
	.about3 .a_img{ width:48px;}
	.about3 span{ font-size:14px;}
	.about4{ right:8%; bottom:4%; width:152px; height:152px;}
	.about4 .a_img{ width:48px;}
	.about4 span{ font-size:14px;}
	.solution_name{ font-size:36px; line-height:52px;}
	.news_name{ width:340px;}
	.news_name:after{ width:68px;}
	.news_name:before{ width:68px;}
	.footer .footer_contact ul{ width:52%;}
	.products ul li{ width:48%;}
	.products ul li:nth-child(2n){margin-right:0;}
	.ny_news dl dd{ float:none; width:100%; margin:0 0 20px 0;}
	.ny_news dl dt{ width:100%; float:none;}
    .x-sos{display:none;}
    .head_top{padding: 16px 0;}
    .ny_n_name{    font-size: 18px;line-height:normal;}
    .content .cont_l_name{    font-size: 18px;}
    .sj{display:inline-block;}
    .pc{display:none;}
    .head_top .logo, .head_top2 .logo{width:auto;}
    .head_top .logo img, .head_top2 .logo img{height: 34px;}
    .head_top2{padding: 16px 0;}
    .content .cont_r_name{display:none;}
    .content .c_video{width:100%;}
    .content .company_c_name{width:100%;    margin: 20px auto;font-size: 24px;}
    .profile{font-size:14px;}
    .culture{padding:0;font-size: 14px;}
    .culture span{font-size: 15px;}
    
    .i-intop{}
    .i-ig{display: flex;align-items: center;width: 60%;}
    .i-ig img{width:100%;}
    .i-lgss{padding: 0px 0;}
    .i-itop{overflow:auto;}
    .i-itop-a{display:none;}
    .i-itop-b{width:auto;position:absolute;right: 80px;top: 7px;}
    
    .i-cpti{position:static;transform: none;width:100%;height:auto;border-radius: 0;background:none;border:none;color: #333;margin-bottom:30px;font-weight: normal;}
    .i-cpti:after{display:none;}
    .i-cp{margin: 30px auto;}
    .i-cpti p{font-size:23px;}
    .i-cp li:nth-child(1), .i-cp li:nth-child(4){border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
    .i-cp li:nth-child(2), .i-cp li:nth-child(3){border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
    .i-cp li{width:100%;margin-bottom:10px;}
    .x-pouu-a{padding:0;}
    .x-pouu-a input{padding: 0 5px;}
    .da1{bottom:5px;}
    .da2{margin:0;}
    .da2 p{font-size: 12px;padding: 5px 5px 5px;}
    .da2 span{font-size: 12px;padding: 5px 5px 5px;}
    
}