﻿@media only screen and (max-width: 1680px){
.indabout .wx { display:none;}	
}

@media only screen and (max-width: 1200px){
.wrap {padding:0 3%}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 30px;height:3px;}
.bxslider li a {height:600px; background-size:cover;}
.phonemenu {display:block;}
.fixtop { position:fixed;top:0;left:0; height:50px; z-index:9999;width:100%;border-bottom:1px solid #d2d2d2; background:#fff}
.fixtop .header {border:0; height:50px}
.fixtop .header .logo a { background-size:cover;width:131px; height:40px;margin:5px 0 0 0;}
.fixtop .header .tel { display:none;}
.fixtop .toper ul.navpc { display:none;}
.tblank { display:block; height:50px}
.fixtop.active {top:0px}
.tblank.active { height:50px}
.fixtop.active2 {top:0px}
.fixtop.active .toper:before {opacity:0}
.rightfix { display:none;}
.indabout {margin:40px 0 0 0}
.indabout .indprofile .cons {width:55%}
.indabout .indprofile .pic {width:40%}
.help_cut {margin:40px 0 30px 0;}
.help_nav{margin-bottom: 30px;}
.help_nav ul{padding:0 30px; }
.help_nav li i {margin:0 15px;}
.help_nav span {top:15px}
.inddevice .help_nav span {top:15px}
.help_nav .line {top:-17px}
.prev1{left:3%;}
.next1{right:3%;}
.xc li em{ font-size:14px;height:25px; line-height:30px;margin-top:10px}
.mainline {  height:50px;}

.mainsubject {margin:30px 0 20px 0}
.mainsubject .s { font-size:25px; line-height:35px;}
.mainsubject .s p{ margin:15px 0 10px 0;}
.mainsubject .s p span { top:-14px;}
.mainsubject .s p span i {height:25px; line-height:25px;}
.mainsubject .s p span i img { height:25px}
.mainsubject .c {font-size:15px; letter-spacing:0}

.indprogram ul li h1 { border-width:2px;font-size:12px; line-height:18px;padding:5px 10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.indprogram .more {height:50px; line-height:50px;margin:0.5% 0 20px 0}
.indprogram .more img { height:25px}
.indprogram .more img:hover {right:0}
.inddevice {padding:1px 0 40px 0}
.inddevice .help_nav span {top:16px}
.xc2 li { padding:10px;width:209px;}
.xc2 li .t {margin:12px 0 5px 0}
.xc2 li .t a {font-size:16px;}
.xc2 li .t2 {margin:0 0 5px 0}
.indnews .list .cons {padding:10px 15px 15px 15px}

.foot {margin:40px 0 0 0}
.foot .three {padding:30px 0 25px 0}
.foot .three .list {min-height:65px;}
.foot .three .list .cons {margin:0 0 0 40px;}
.foot .three .list .cons .t {font-size:18px; line-height:28px}
.foot .three .list .cons .c { line-height:1.8;margin-top:3px}
.foot .three .list1 {min-width:0;width:42%}
.foot .three .list1 .cons {max-width:100%}
.foot .three .list2 {padding:0;border:0;width:23%;margin:0 5%}
.foot .three .list i img {width:30px}
.foot .three .list2 .cons .c {font-size:18px}
.foot .three .list3 {border:0;padding:0;width:25%}
.foot ul { display:none}

.foot .links {padding:20px 0;min-height:0px;}
.foot .links .subject { display:none;}
.foot .links dl { display:none;}
.foot .links .wx { position:relative;width:100%;top:0;}
.foot .links .wx .cons { position:absolute;left:0;margin:0}
.bannerin { height:250px; background-size:cover;}

.topsearch {padding:20px 0}
.topsearch .cons {margin:0 220px 0 90px;}
.topsearch .form {right:3%;top:-3px; width:180px;}
.topsearch .form #k {width:110px;padding:0 15px; }
.mcurrent span { width:5px; height:13px;margin:8px 8px 0 0}

.mainleft {width:100%}

.mainleft dt {font-size:18px; height:50px; line-height:50px;padding-left:20px;}
.mainleft dd a { height:40px; line-height:40px;padding:0 0 0 20px;font-size:16px;}
.mainleft dd a i { right:20px;top:12px}
.mainleft .cons { display:none;}
.mainleft img.m { display:none;}
.maincons {width:100%}

.profile {margin:30px 0 0 0}
.profile .cons {width:55%;}
.profile .pic {width:42%}

.aboutnum {margin:30px 0 0 0;padding:30px 0}
.indnum li { padding:10px 10px 15px 10px;border-radius:5px;color:#333}
.indnum li:Hover {top:0}
.indnum li .num { position:relative;margin:10px 0 0 0}
.indnum li .pic img {border-radius:5px;}
.indnum li .num .count-outer { font-size:25px; line-height:25px;}
.indnum li .num h3 { font-size:14px; line-height:14px; margin:12px 0 0 3px}
.indnum li .content {font-size:14px;}

.aboutprogram {margin:30px 0 0 0}
.aboutprogram .subject {font-size:20px; line-height:30px;}
.aboutprogram .subject p {font-size:16px;}
.aboutprogram .cons {margin:15px 0 25px 0}
.aboutprogram ul {width:102%;margin:-2% 0 0 -1%}
.aboutprogram li {width:31.3333%;margin:2% 1% 0 1%;}
.aboutprogram li .pic {border-top-left-radius:5px;border-top-right-radius:5px}
.aboutprogram li .title { height:35px; line-height:35px; border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.aboutprogram li .title a { font-size:15px;}
.organization { text-align:center;}
.page_wrap {padding:30px 0 0 0}

.honor {margin:30px 0 0 0}
.honor li .title { height:35px; line-height:35px;}
.honor li .title a { font-size:14px;}

.job {margin:15px 0 0 0}
.job .title {font-size:18px;padding:12px 0 10px 0}
.job .content {font-size:14px;margin:20px 0 20px 0}
.jobline {margin:30px 0 0 0}

.map .subject h1 {font-size:18px; line-height:28px;margin:30px 0 2px 0}
.map .subject h2 {font-size:14px; line-height:24px;margin:0 0 25px 0}
.map iframe,#container {height:300px;}
.contact1 {margin:30px 0}
.contact1 .pic {width:150px;top:10px}
.contact1 .cons {margin:0 0 0 180px;}
.contact1 .cons .title {font-size:20px; line-height:30px;padding:0px 0 10px 0}
.contact1 .cons .content {margin:20px 0 0 0}

.contact2 .subject {font-size:20px; line-height:30px;margin:0 0 30px 0}
.contact2 li {width:48%}
.contact2 li:hover {top:0}
.contact2 li .c {font-size:16px; line-height:26px;min-height:50px}
.contact2 li.f4 .c {font-size:14px; line-height:24px}

.news ul {margin-top:10px}
.news li {padding:10px 10px 10px 10px;margin:20px 0 0 0; }
.news li .pic {left:10px;top:10px;width:142px; height:80px}
.news li .cons {margin:0 0 0 162px}
.news li .cons .title { margin:5px 0 6px 0}
.news li .cons .title a {font-size:16px;}
.news li .cons .content {height:50px; line-height:25px;font-size:13px}
.news li .cons .more { display:none;}

.nshow .title {font-size:20px; line-height:30px; padding:10px 0 15px 0}
.nshow .title2 {padding:0 0 5px 0;font-size:12px}
.nshow .title2 a { top:5px; line-height:25px; line-height:25px;width:65px;font-size:12px;}
.nshow .cons {margin:20px 0 0 0}
.mainleft2 { display:none;}
.newstj .list {margin-top:20px}
.newstj .sj {font-size:20px;margin:0 0 10px 0;padding:0 0 3px 0}
.pnnews h1 p { display:none;}
.pnnews h1 div {margin:0 0 0 80px}

.label .cons {margin:0 85px 0 0;}
.label .more a {height:25px; line-height:25px;width:65px;font-size:12px;}
.casecate {margin:30px 0 0 0}
.casecate li {height:40px; line-height:40px;}
.casecate li a {font-size:16px;}

.engineering {margin:30px 0 0 0}
.engineering ul {width:102%;margin:-2% 0 0 -1%}
.engineering li {width:31.3333%;margin:2% 1% 0 1%;}
.engineering li .title { height:40px; line-height:40px}
.engineering li .title a {font-size:14px}

.eshow .title {font-size:20px;line-height:30px;margin:35px 0 15px 0; }
.eshow .cons {font-size:16px;margin:20px 0 0 0}
.searchsubject {height:35px}
.searchsubject p { height:35px; line-height:35px;width:85px;font-size:16px;}
.search li {padding:20px 0 20px 0;min-height:90px}
.search li .pic { top:20px;width:120px; height:90px;}
.search li .cons {margin:0 0 0 150px;}
.search li .cons .title { margin:5px 0 10px 0}
.search li .cons .title a {font-size:16px;}
.search li .cons .content {font-size:14px;line-height:25px; height:50px;}

}

@media only screen and (max-width: 1024px){
.bxslider li a {height:500px;}
.indabout .indprofile .pic {margin:60px 0 0 0}
.foot .three .list1 {width:34%}
.foot .three .list2 {width:26%;}
.foot .three .list3 {width:30%}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:400px;}
.indnews .list {width:100%;}
.indnews .list2 {width:100%;margin:40px 0 0 0}
.indnews .list .cons li,.indnews .list .cons dd {width:95%;}
.foot .three .list1 {width:100%}
.foot .three .list2 {width:100%;margin:20px 0}
.foot .three .list3 {width:100%}
.bannerin { height:200px;}
.indnum ul {width:102%;margin-left:-1%;margin-top:-2%}
.indnum li {width:31.3333%;margin:2% 1% 0 1%}
.engineering li {width:48%;}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:350px;}
.indabout .indprofile .cons {width:100%}
.indabout .indprofile .pic {width:100%}
.indabout .indprofile .pic {margin:2% 0 0 0}

.help_nav ul{ padding:0 20px;}
.help_nav li a{ font-size:14px;}
.help_nav li i {margin:0 10px;font-size:12px; vertical-align:top;}
.help_nav span { top:12px}
.inddevice .help_nav span {top:12px}
.help_nav .line { top:-14px}
.bannerin { height:150px;}
.topsearch {padding:10px 0 25px 0}
.topsearch .cons {margin:0 0 0 90px;}
.topsearch .form { position:relative;left:90px;top:10px; height:30px; line-height:30px;}
.topsearch .form #k {height:30px; line-height:30px;}
.topsearch .form #button {height:30px; line-height:30px;}
.profile .cons {width:100%;}
.profile .pic {width:100%;margin:2.3% 0 0 0}
.aboutprogram ul {margin-top:-20px}
.aboutprogram li {width:98%;margin-top:20px;}
.honor li {width:48%;}
.news li .cons {margin:0 0 0 157px}
.casecate ul {width:102%;margin:-2% 0 0 -1%;}
.casecate li {width:48%;margin:2% 1% 0 1%;}
.engineering li .title { height:35px; line-height:35px}
.engineering li .title a {font-size:13px}
.casecate1 ul {width:100%;margin-left:0;}
.casecate1 li {width:100%;margin-left:0;margin-right:0;}

.search li {padding:20px 0 20px 0;min-height:70px}
.search li .pic { top:22px;width:93px; height:70px;}
.search li .cons {margin:0 0 0 108px;}
.search li .cons .title { margin:-1px 0 5px 0}
.search li .cons .title a {font-size:15px;}
.search li .cons .content {font-size:13px;}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:260px;}

.indprogram ul li.f1 {width:100%;margin:0}
.indprogram ul li.f2 {width:100%;margin:10px 0 0 0}
.indprogram ul li.f3 {width:100%;margin:10px 0 0 0}
.indprogram ul li.f4 {width:100%;margin:10px 0 0 0}
.indprogram ul li.f5 {width:100%;margin:10px 0 0 0}
.indprogram .more {margin:10px 0}
.foot .links .wx .pic {width:180px;}
.foot .links .wx .cons .t {margin:10px 0 0 0}
.bannerin { height:120px;}
.indnum li {width:48%;}
.contact1 .pic {width:150px;top:0; position:relative;margin:0 auto}
.contact1 .cons {margin:20px 0 0 0; text-align:center;}
.contact2 li {width:98%;padding:20px}
.contact2 li .c {min-height:0}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:200px;}

.help_nav ul{ padding:0 20px;}
.help_nav li i {margin:0 5px;color:#fff;font-size:0}
.help_nav .line { top:-14px}
.news li .pic {width:100px;}
.news li .cons {margin:0 0 0 110px}
}