@charset "utf-8";

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

	.content{ max-width:980px;}
	
	.nav ul li{ width:140px;}
	.nav ul li:last-child{ width:140px;}
	
	.ny-container .ny-right .ny-news dl dt{ width:26%;}
	.ny-container .ny-right .ny-news dl dd{ width:71%;}

}

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

	.content{ width:96%;}
	
	.logo{ padding:18px 0;}
	.logo .l-dh{ display:none;}
	
	.nav ul li:last-child{ width:200px;}
	.nav .daohang li ul{ display:none;}
	.nav .daohang{ position:absolute; top:127px; right:0; width:0px; z-index:9999; background:rgba(9,124,247,0.8); box-shadow:0px 0px 3px 1px rgb(200,200,200); transition:0.3s; overflow:hidden;}
	.nav .menu_nv{ width:200px;}
	.nav .daohang li{ width:200px;}
	.nav .daohang li a{ font-size:16px; line-height:40px; color:#fff; text-align:center; display:block; border-bottom:1px solid #097cd9;}
	.nav .daohang li a:hover{ color:#fff;}
	.nav .daohang li a.on{ color:#fff;}
	.menu_dd{ position:absolute; right:3%; top:69px; cursor:pointer;}
	.menu_dd div{ width:40px; height:3px; background:#097cd9; border-radius:2px; box-shadow:0 0 5px #097cd9;}
	.menu_dd div.menu_1{ animation:menu_11 0.4s forwards;}
	.menu_dd div.menu_2{ animation:menu_22 0.3s forwards;}
	.menu_dd div.menu_2{ margin:10px 0;}
	.menu_dd div.menu_3{ animation:menu_33 0.4s forwards;}
	.menu_dd.hover div.menu_1{ animation:menu_1 0.4s forwards;}
	.menu_dd.hover div.menu_2{ animation:menu_2 0.3s forwards;}
	.menu_dd.hover div.menu_3{ animation:menu_3 0.4s forwards;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.footer .f-box1{ float:none; width:100%; margin:0 0 20px 0;}	
	.footer .f-box2{ float:none; width:100%;}
	.footer .f-box3{ display:none;}
	
	.ny-bat{ display:none;}
	.sj-bat{ display:block; width:100%; margin:0 auto; overflow:hidden;}
	.sj-bat img{ width:100%;}
	
	.ny-container .ny-left{ float:none; width:100%; margin:0 0 20px 0;}
	.ny-container .ny-right{ float:none; width:100%;}
	
}

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

	.header .h-left{ display:none;}
	.logo .l-txt{ display:none;}
	
	.sy-product .syfc .conns ul li{ width:48%; margin:0 4% 4% 0;}
	.sy-product .syfc .conns ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.sy-about .a-ig{ float:none; margin:0 0 20px 0;}
	.sy-about .a-txt{ margin:0; color:#fff;}
	
	.sy-news .synews-con ul li{ float:none; width:100%; margin:0 0 20px 0;}
	
	.ny-container .ny-right .ny-title .t-tr{ display:none;}
	
	.ny-container .ny-right .ny-about-box2 ul li{ width:48%; margin:0 4% 4% 0;}
	.ny-container .ny-right .ny-about-box2 ul li:nth-child(2n){ margin:0 0 4% 0;}
	.ny-container .ny-right .ny-about-box2 ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.ny-container .ny-right .ny-about-box2 ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.ny-container .ny-right .ny-products ul li{ width:48%; margin:0 4% 4% 0;}
	.ny-container .ny-right .ny-products ul li:nth-child(2n){ margin:0 0 4% 0;}
	.ny-container .ny-right .ny-products ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.ny-container .ny-right .ny-products ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.ny-container .ny-right .ny-productshow .pro_list{ float:none; width:100%;}
	.ny-container .ny-right .ny-productshow .product_xq_right{ width:100%; float:none;}
	
	.ny-container .ny-right .ny-news dl dt{ float:none; width:100%;}
	.ny-container .ny-right .ny-news dl dd{ float:none; width:94%; margin:0 auto 16px auto;}
	
	.ny-container .ny-right .ny-service .nyser-box .nyserbox-rq{ float:none; width:42%; margin:0 0 8px 0;}
	.ny-container .ny-right .ny-service .nyser-box .nyserbox-wz{ float:none; width:100%;}
	
	.ny-container .ny-right .JobTitle span{ width:50%;}
	.ny-container .ny-right .JobPanel dl dt span{ width:50%;}
	.join1{ display:none;}
	
	.ny-container .ny-right .col-sm-5 .form-control{ max-width:260px;}
	.ny-container .ny-right .col-sm-5 #FeedabckContent{ max-width:280px;}
	.ny-container .ny-right .col-lg-12{ max-width:280px;}
	
	.dht_qk{ display:block; height:50px; background:rgba(9,124,217,0.8); position:fixed; bottom:0; z-index:1000; width:100%; box-shadow:0 -2px 2px rgba(102,102,102,0.2); border-top:1px solid rgba(255,255,255,0.2);}
    .dht_qk li{ width:20%; float:left; height:50px;}
    .dht_qk li a{ border-right:1px solid rgba(255,255,255,0.2); color:#fff; display:block; font-size:12px; height:20px; overflow:hidden; padding-top:30px; text-align:center; vertical-align:bottom;}
    .dht_qk li.v1{ background:url(../img/s1.png) center 3px no-repeat; background-size:24px}
    .dht_qk li.v2{ background:url(../img/s2.png) center 3px no-repeat; background-size:24px}
    .dht_qk li.v3{ background:url(../img/s3.png) center 3px no-repeat; background-size:24px}
    .dht_qk li.v4{ background:url(../img/s4.png) center 3px no-repeat; background-size:24px}
    .dht_qk li.v5{ background:url(../img/s5.png) center 3px no-repeat; background-size:24px}

}

@keyframes menu_11{ from{ transform:translate(0px,12px) rotate(45deg); opacity:1;}
	50%{ transform:translate(-80px,-80px) rotate(45deg); opacity:0;}
	51%{ transform:translate(-80px,0px) rotate(0deg); opacity:0;}
	to{ transform:translate(0px,0px) rotate(0deg); opacity:1;}}
@keyframes menu_1{ from{ transform:translate(0px,0px) rotate(0deg); opacity:1;}
	50%{ transform:translate(-80px,0px) rotate(0deg); opacity:0;}
	51%{ transform:translate(-80px,-80px) rotate(45deg); opacity:0;}
	to{ transform:translate(0px,12px) rotate(45deg); opacity:1;}}
@keyframes menu_22{ from{ transform:scaleX(0); display:none;}}
	to{ transform:scaleX(1); display:block;}
@keyframes menu_2{ from{ transform:scaleX(1);}
	to{transform:scaleX(0); display:none;}}
@keyframes menu_33{ from{transform:translate(0px,-14px) rotate(-45deg); opacity:1;}
	50%{ transform:translate(80px,-80px) rotate(-45deg); opacity:0;}
	51%{ transform:translate(80px,0px) rotate(0deg); opacity:0;}
	to{ transform:translate(0px,0px) rotate(0deg); opacity:1;}}
@keyframes menu_3{ from{ transform:translate(0px,0px) rotate(0deg); opacity:1;}
	50%{ transform:translate(80px,0px) rotate(0deg); opacity:0;}
	51%{ transform:translate(80px,-80px) rotate(-45deg); opacity:0;}
	to{ transform:translate(0px,-14px) rotate(-45deg); opacity:1;}}

.messages_box{border-top:none; padding:26px; font-size:14px; color:#333; line-height:25px;}
.messages_box h4{ font-size:15px; color:#f00; line-height:22px; margin:0 0 12px 0;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ padding:5px 22px 5px 0;}
.messages_box .text-input, .messages_box .summary-input, .messages_box .qq-input{ width:100%; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .cont-input{ width:100%; height:130px; padding:10px; line-height:20px; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .code-input{ width:125px; vertical-align:middle; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.messages_box .submitBtn{ text-align:center; padding-top:10px;}
.messages_box .messages-button{ width:125px; height:34px; line-height:34px; font-size:16px; color:#fff; text-align:center; background:none repeat scroll 0% 0% #f00; border:none;}