@charset "utf-8";
@media only screen and (max-width: 1200px){
.wrap {margin:0 3%}
.phonemenu { display:block}

.fixtop {height:50px;}
.fixtop.active {top:0}
.fixtop .header { display:none;}
.fixtop .logosearch { height:auto; line-height:2}
.fixtop .logosearch .logo {margin:5px 0 0 0}
.fixtop .logosearch .logo img { height:40px;}
.fixtop .logosearch .logo2 { display:none;}
.fixtop .logosearch form { display:none;}
.fixtop .toper { display:none;}
.fixtop .toper ul.navpc{ display:none;}
.tblank { height:50px;}
.tblank.active { height:50px}

.accordionmenu {padding:30px 0 0 0}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:18px;}
.accordionmenu li .link a {color:#fff;font-size:18px; letter-spacing:1px}
.accordionmenu li.open .link { background:#f5151d;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff; }
.accordionmenu .submenu p {background:#fff;border-top:1px solid #ccc;}
.accordionmenu .submenu p:first-child {border:0}
.accordionmenu .submenu p a { display:block;color:#333;font-size:16px; letter-spacing:0; height:40px; line-height:40px}
.accordionmenu .submenu p a:hover {color:#f5151d}

.bx-wrapper .bx-pager { bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a {  width: 8px;  height:8px;  margin: 0 5px; }
.bxslider li a { background-size:cover; height:600px}
.ind3 {padding:3% 0}
.ind3 li {height:80px; line-height:80px;}
.ind3 li a {font-size:18px;}
.ind3 li a img {margin:0 15px 0 0; height:30px}

.indpro .subject {height:1px; margin:50px 0;}
.indpro .subject .in {top:-22px;}
.indpro .subject .in2 {padding:0 20px;}
.indpro .subject .in2 h1 {font-size:20px;line-height:20px;}
.indpro .subject .in2 h2 {font-size:12px; line-height:12px;}

.indpro li .cons { padding:0 0 0 20px}
.indpro li.f1 .cons {padding:20px 5% 0 5%;}
.indpro li.f1 .t2 {font-size:22px; line-height:32px;margin:5px 0 10px 0}
.indpro li.f1 .t3 i {height:35px; line-height:35px;margin:5px;padding:0 8px;font-size:14px;}
.indpro li.f1 .p {left:15%;width:70%}
.indpro li .cons .mleft {top:35px}
.indpro li.f2 .cons .mleft {top:70px}
.indpro li .cons .mleft h1 {font-size:14px;line-height:24px; letter-spacing:0px;}
.indpro li .cons .mleft h2 {margin:0px 0 15px 0;letter-spacing:0px;}
.indpro li.f2 .cons .mleft h2 {margin-bottom:30px}
.indpro li.f5 .cons .mleft h1 {font-size:20px;line-height:30px;padding:20px 0 0 0}
.indpro li.f5 .cons .mleft h2 {font-size:14px; line-height:24px;margin:10px 0 30px 0}

.bannerin { background-size:cover; height:300px;}
.bannerin h1 {font-size:20px; line-height:20px; letter-spacing:0;}
.bannerin h2 {font-size:12px; line-height:12px;margin:10px 0 15px 0;letter-spacing:0;}
.bannerin i {height:1px;width:30px;}
.mainmenu {padding:10px 0 0 0}
.mainmenu li {margin:0 5px}
.mainmenu li a {border-bottom-width:1px;padding:0 10px 15px 10px;font-size:16px;}
.mainmenu:before {bottom:-10px;}

.maincons {margin:35px 0 0 0}
.about {font-size:14px;padding:0px 0 10px 0; line-height:2}
.about a {font-size:14px}
.culture {margin:30px 0 40px 0}
.culture li {height:150px; padding:0 20px 0 5%;}
.culture li i {margin:0 15px 0 0}
.culture li i img {width:40px}
.culture li.f4 i img {width:45px;}
.culture li .cons {max-width:80%}
.culture li .cons .t {font-size:16px; line-height:26px;margin:0}
.culture li .cons .c {font-size:14px; line-height:24px;}
.page_wrap {padding:30px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{height:25px; line-height:25px;} 
.honor {margin-top:-20px;padding:0}
.honor li {margin-top:20px}
.honor li .pic {padding:10px;}
.honor li .title {font-size:14px;margin:10px 0 0 0;}

.subjecttitle {border-left-width:2px;font-size:18px; height:18px; line-height:18px;padding:0 0 0 10px;}
.support ul {padding:20px 0 30px 0}
.support li {padding:25px 0 15px 0}
.support li .p {border-width:1px; width:60px; height:60px;}
.support li .p img{width:40px}
.support li .t {margin:15px 0}
.support li .c {font-size:14px;min-height:60px}
.support .cons {padding:20px; line-height:2;margin:20px 0 10px 0}

.contact .t {font-size:20px; line-height:30px}
.contact .c {font-size:16px;margin:10px 0 20px 0}
.contact .c a {font-size:16px}
.map {margin:0 0 20px 0}

.foot {margin:30px 0 0 0;padding:20px 0}
.foot dl { display:none;}
.foot dl.d9 { display:block;}
.foot dl.d9 dd .c {font-size:14px;}
.foot dl.d9 dd .t2 {margin:20px 0 0 0}
.foot dl.d10 { display:block;width:140px}
.foot dl.d10 .t {font-size:14px;padding:5px 0 0 0}

.message {padding:20px; margin:30px 0 20px 0;font-size:14px;}
.message .subject {font-size:18px; line-height:18px;margin:0 0 25px 0;padding:0 0 10px 0}
.message h1 {font-size:14px;}
.message h1 p {top:0px}
.message h1 span {margin:0 0 0 80px}
.message h1 span input {height:30px; line-height:30px;padding:0 10px}
.message h2 {font-size:14px;margin:20px 0 10px 0}
.message #mbeizu {padding:8px 10px; height:150px}
.message #mbtn { width:100px; height:40px; line-height:40px;font-size:16px;margin:15px 0 0 -50px;}

.job {margin:20px 0 0 0}
.job li {padding:25px 0}
.job li .title h1 {font-size:18px; line-height:28px;margin:-5px 10px 0 0}
.job li .content {margin:0 150px 0 0}
.job li .content,.job li .content a {font-size:14px;}
.job li .content strong {font-size:16px;}
.job li .more {width:90px; height:35px; line-height:35px; margin-top:-17px}
.job li .more a { font-size:16px; }
.maincurrent {padding:10px 0}
.maincurrent i {margin:0 3px}
.maincurrent span {margin:0 10px 0 0}
.jobmessage h1 {font-size:18px; line-height:18px;margin:20px 0 -25px 0}
.jobmessage h2 {font-size:16px;line-height:16px;margin:62px 0 15px 0}
.jobmessage h2.yl {margin:30px 0 15px 0}
.jobmessage h2.last {margin:10px 0 15px 0}
.jobmessage .person h4 input {height:30px; line-height:30px;padding:0 5px}
.jobmessage h3 {margin:10px 0 0 0}
.jobmessage .person {width:104%;margin:-40px 0 0 -2%}
.jobmessage .person h4 {width:46%;margin:40px 2% 0 2%; height:40px;}
.jobmessage .person h4 p {font-size:14px;}
.jobmessage .person h4 label { margin:0 10px 0 0; font-size:14px;}
.jobmessage #cbtn {width:100px; height:40px; line-height:40px;font-size:16px;margin:30px 0 10px -50px;}
.jobmessage .person h4.full {width:96%;}
.jobmessage input[type="text"] {font-size:12px}
.jobmessage textarea {font-size:12px;padding:5px}

.news {margin-top:-20px}
.news li {padding:20px 0}
.news li .cons {margin:0 203px 0 0;min-height:110px;padding:0px 0 0 0}
.news li .cons .t { line-height:20px; height:20px;}
.news li .cons .t a {font-size:14px;}
.news li .cons .c {line-height:25px; height:50px;margin:5px 0 10px 0}
.news li .cons .m { display:none;}
.news li .pic {top:20px;width:188px; height:110px;}

.nshow .title {font-size:18px; line-height:28px;margin:30px 0 5px 0}
.nshow .content {margin:25px 0 0 0}
.nshow .prevback {margin:25px 0 0 0}
.nshow .prevback .prevnext {margin:0 100px 0 0}
.nshow .prevback .prevnext a {font-size:14px;}
.nshow .prevback .back {top:5px}
.nshow .prevback .back a {width:80px; height:30px; line-height:30px; font-size:14px;}
.outlets ul {padding:20px 0;margin:10px 0 0 0}
.outlets li {margin:20px 0 0 0} 
.outlets li .cons {padding:20px}
.outlets .page_wrap {padding:30px 0 0px 0;}

.agent {padding:30px 0 0 0;margin:10px 0 0 0}
.agent ul {padding:0 0 0px 0}
.agent li {padding:10px}
.agent li .cons {padding:5px 10px 15px 15px}
.agent li .cons .t {font-size:18px;line-height:28px;}
.agent li .cons .t2 {margin:0 0 10px 0;font-size:12px; line-height:17px}
.agent li:first-child .cons {padding:15px 15px 15px 20px}
.cooperation ul {padding:15px 15px 30px 15px;margin:0 0 0px 0;}
.cooperation ul .p2 {margin:0}

.mainmenu2 li {margin:0;width:25%}
.mainmenu2 li a {padding:0 0 2px 0;}
.mainmenu2:before {bottom:-11px;}
.case {margin:35px 0 0 0}
.case ul {margin-top:-20px}
.case li {margin-top:20px}
.case li .title { height:20px; line-height:20px;margin:10px 0 0 0}
.case li .title a {font-size:14px;}
.cshow {padding:30px 0 0 0}
.cshow .cons .up {font-size:16px;margin:-10px 0 20px 0;padding:0}
.cshow .cons .up a { display:none;}
.cshow .content {padding:5px 0 0px 0;margin:30px 0 0 0}
.cshow .content img {margin:10px 0 0 0}

.bannerin3 h1 {margin:0 0 20px 0}
.bannerin3 i {height:1px;width:40px;margin:0}
.promenu ul{display: flex;flex-wrap: wrap;}
.promenu li {padding:15px 0 15px 0}
.promenu li .pic { width:40px; height:40px; background-size:cover;}
.promenu li .title { line-height:17px;font-size:12px;padding:0 10px}

.product ul {margin-top:-20px}
.product li {margin-top:20px}
.product li .pic {padding:10px;}
.product li .title { margin:10px 0 0 0;}
.product li .title a {font-size:14px;}
.show1 {margin:30px 0 30px 0}
.show1 .cons .t {font-size:18px; line-height:28px;margin:-6px 0 2px 0}
.show1 .cons .t2 {font-size:16px; line-height:26px;}
.show1 .cons .c {margin:20px 0 0 0}
.show1 .cons .c img {width:30px}
.show1 .cons .c table {margin-top:-10px}
.show1 .cons .c tr td {width:100%; display:block}
.show1 .cons .c tr td:first-child {width:100%;padding:10px 0 0 0}

.tabs a{font-size:16px;width:100px; height:40px; line-height:40px;}
.tab_content {padding:30px 0 10px 0;}
.tab_content table {font-size:16px; line-height:26px;margin-top:-20px;}
.tab_content td {padding-top:20px}
.tab_content td img {margin:0 0 8px 0; height:50px}
.prosearch {margin-top:-50px}

}

@media only screen and (max-width: 1024px){
.bxslider li a { height:500px}
.bannerin {height:250px;}
#container,#map{width: 100% !important;}
#container,.map iframe { height:300px}
}

@media only screen and (max-width: 768px){
.bxslider li a { height:400px}
.indpro li.f1 .t2 {font-size:18px; line-height:28px;}
.indpro li .cons .mleft {top:15px}
.indpro li.f2 .cons .mleft {top:50px}
.indpro li.f2 .cons .mleft h2 {margin-bottom:20px}
.bannerin {height:200px;}
.message .subject {margin:0 0 5px 0}
.message h1 {width:100%;margin-left:0;margin-top:20px}
}

@media only screen and (max-width: 640px){
.bxslider li a { height:300px}
.ind3 ul {flex-wrap: wrap; margin-top:-3%}
.ind3 li {width:98%;margin-top:3%}
.ind3 li a img {margin:0 20px 0 0; height:auto;width:30px }
.indpro li {width:100%}
.indpro li.f5 {width:100%}
.indpro li .cons .mleft h1 {font-size:16px;line-height:26px;}
.indpro li.f5 .cons .mleft h1 {font-size:16px;line-height:26px;padding:0}
.indpro li.f5 .cons .mleft h2 {font-size:12px; line-height:22px;margin:0 0 15px 0}
.indpro li.f1 .t2 {font-size:25px; line-height:35px;margin:10px 0 15px 0}
.indpro li.f1 .t3 i {height:60px; line-height:60px;margin:5px;padding:0 10px;font-size:16px;}
.indpro li.f1 .cons {padding-top:30px}
.indpro li .cons .mleft {top:35px}
.indpro li.f2 .cons .mleft {top:60px}
.indpro li.f2 .cons .mleft h2 {margin-bottom:40px}
.indpro li.f5 .cons .pic {right:10%}
.foot dl {float:none; text-align:center}
.foot dl.d9 {margin:0}
.foot dl.d10 {float:none;margin:10px auto 0 auto}
.bannerin {height:150px;}
.culture li {width:100%;}
.culture li i {width:60px; text-align:center}
.honor li {width:48%;}
.support li {width:98.4%;padding:25px 20px 20px 20px}
.support li .c {min-height:0}
.job li .content {margin:0}
.job li .more { position:relative;top:0;right:10px;margin:15px 0 0 0; text-align:right;width:100%}
.job li .more a {margin:0 0 0 auto;width:90px; text-align:center}

.news li .cons {margin:0 135px 0 0;}
.news li .pic {width:120px;}
.outlets li .cons {width:100%;}
.outlets li .pic {width:100%;}
.agent li {width:98%;}
.agent li .pic {margin-top:10px;}
.agent li:first-child .pic {width:100%;margin:0}
.agent li:first-child .cons {width:100%}
.mainmenu2 ul{display: flex;flex-wrap: wrap;}
.mainmenu2 li {width:50%}
.case li {width:48%}
.cshow .pic {width:100%;}
.cshow .cons {width:100%;margin:30px 0 0 0}
.bannerin3 h1 {font-size:16px; line-height:16px}	
.product li {width:48%}
.show1 .pic {width:100%}
.show1 .cons {width:100%;margin:30px 0 0 0}

.tab_content table {font-size:14px; line-height:24px;}
.tab_content td img {height:40px}
}

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

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