@charset "utf-8";
@media only screen and (max-width: 2048px){
.bxslider li a {height:800px;}
.bannerin { height:600px;}
}

@media only screen and (max-width: 1600px){
.bx-wrapper .bx-prev {left:4%;}
.bx-wrapper .bx-next {right:4%;}
.bxslider li a {height:600px;}
.indpics i {width:25px; height:38px;bottom:20px;margin:0 0 0 -12px;}
#slider2 .bx-wrapper {padding:0 86px}
#slider2 .bx-wrapper .bx-prev {left:0;}
#slider2 .bx-wrapper .bx-next {right:0;}
.bannerin { height:435px;}
}

@media only screen and (max-width: 1440px){
.environmentclose {top:30px;right:30px}
.environmentpic {max-width:1000px;}
}

@media only screen and (max-width: 1320px){
.wrap {margin:0 4%}
.fixtop .toper ul.navpc {padding:0 4% 0 0;text-align:right;margin:0 -25px 0 0;right:0}
.fixtop .toper ul.navpc li .list .mleft dl {margin:0 25px 0 0}
.fixtop .toper ul.navpc li .list3 .mleft dl {margin:0 60px 0 0}
}

@media only screen and (max-width: 1200px){
.phonemenu { display:block;}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;}
.bx-wrapper .bx-controls-direction a {margin-top:-15px;width:15px;height:29px;}
.indpics i {width:12px; height:18px;bottom:10px;margin:0 0 0 -6px;}
.bxslider li a {height:500px;}
.fixtop .toper ul.navpc { display:none;}
.fixtop {height:50px;}
.fixtop .logo,.fixtop.active .logo { top:15px; width:129px; height:20px;}
.fixtop .lan_quick li:nth-child(1),.fixtop .lan_quick li:nth-child(2),.fixtop .lan_quick li:nth-child(3) { display:none;}
.fixtop .lan_quick {margin:0 50px 0 0 ;top:15px; }
.fixtop .lan_quick li .sub {padding:17px 0 0 0}
.fixtop .lan_quick li:nth-child(5) .sub {right:-38px}
.search {width:270px; height:30px;}
.search #k { width:200px; height:30px; line-height:28px; vertical-align:top;}
.search #s { width:30px; height:30px; background-size:60%}
.tblank { height:50px;}

.fixtop.active {top:0;}
.tblank.active { height:50px;}
.indsubject {padding:40px 0 35px 0}
.indsubject .t {font-size:25px; line-height:35px;}
.indsubject .t2 {padding:5px 0 0 0; line-height:23px;font-size:13px}
.indsubject .c {padding:20px 0 0 0}
#slider2 .bx-wrapper {padding:0 30px}
.indpro .slide .title {margin:15px 0 0 0;}
.indpro .slide .title a {font-size:16px;}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:-35px;}
.indtd {padding:0 0 100px 0;margin:40px 0 0 0}
.indtd2 {margin-top:-100px}
.indtd2 li { padding:30px 20px 20px 20px;}
.indtd2 li .p {width:80px; height:80px; background-size:cover;}
.indtd2 li .t {font-size:18px; line-height:26px;margin:20px 0 15px 0}
.indtd2 li .c {min-height:80px}

.indabout {margin:50px 0 0 0;padding:6% 0; }
.indabout .indsubject .c {margin:10px 0 40px 0; line-height:1.8}
.indmore a i {width:12px; height:9px;margin:11px 0 0 10px; background-size:100%}
.indmore a:hover i {margin-left:10px}

.new_telst {margin:0 0 30px 0}
.new_telst li {font-size:16px;padding:0 20px;}
.new_telst li:before {top:11px;height:14px;}
.new-wrap .mleft .pic { height:229px}
.new-wrap .mleft .cons {padding:20px 20px 20px 20px}
.new-wrap .mleft .cons .t a {font-size:16px;}
.new-wrap .mleft .cons .c {font-size:13px; margin:10px 0 15px 0}
.new-wrap .mright li {height:122px;}
.new-wrap .mright li .pic {width:189px;}
.new-wrap .mright li .cons {margin:0 0 0 209px;padding:20px 20px 0 0}
.new-wrap .mright li .cons .t { line-height:22px; height:44px;}
.new-wrap .mright li .cons .t a {font-size:14px;}
.new-wrap .mright li .cons .a {margin:10px 0 0 0}

.foot {margin:50px 0 0 0;padding:40px 0 30px 0;}
.foot .mleft .logo {width:129px; height:20px; margin:0 0 20px 0}
.foot .mleft .search {width:160px; }
.foot .mleft .search #k {width:100px;font-size:13px;}
.new_telst1 {margin:25px 0 15px 0}
.new_telst1 li {margin:0 10px 0 0}
.new_telst1 li:nth-child(1) {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(2) {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(3) {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(4) {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(1).newon {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(2).newon {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(3).newon {background-size:100%;width:25px; height:25px}
.new_telst1 li:nth-child(4).newon {background-size:100%;width:25px; height:25px}
.new-wrap1 .new_lst1:nth-child(1),.new-wrap1 .new_lst1:nth-child(3) {font-size:16px; line-height:26px}
.new-wrap1 .new_lst1:nth-child(2) img {max-width:130px}
.new-wrap1 .new_lst1:nth-child(4) {max-width:160px}
.foot .mright dl {margin:0 0 0 50px;max-width:120px}
.foot .mright dt {margin:0 0 5px 0}
.foot .links .subject {margin:40px 0 20px 0}
.foot .links li {margin:0 25px 0 0;}
.foot .links li:before {right:-12px;top:10px; height:11px;}
.footer { padding:10px 0;}
.bannerin { height:375px;}
.maincurrent {margin:30px 0 0 0}
.namemj {top:-50px;}
.about .viewenvironment { margin:40px 0 0 0}
.about .viewenvironment a {width:150px; height:30px; line-height:30px;}

.rg-image-nav a{left:0;}
.rg-image-nav a.rg-image-nav-next{right:0;}
.es-nav span{left:0;}
.es-nav span.es-nav-next{right:0;}
.environmentclose { top:20px;right:40px; background-size:cover;width:20px; height:20px}
.environmentbg {margin:60px 0 0 0}
.environmentbg .table { display:block; height:auto}
.environmentbg .table .td { display:block; vertical-align:top;}
.rg-image-wrapper {padding:0 30px}
.rg-image-nav a{left:10px;	width:10px;	height:20px;	margin-top:-10px;	background-size:cover;}
.rg-image-nav a.rg-image-nav-next{	right:10px;	background-size:cover;}
.es-carousel-wrapper {padding:0 30px}
.es-carousel ul { height:52px}
.es-carousel ul li,.es-carousel ul li a img{	height:50px;}
.es-nav span{left:10px;width:10px; height:20px;margin-top:-10px}
.es-nav span.es-nav-next{right:10px;}
.history {background-attachment:scroll; margin:40px 0 0 0;padding:0 0 40px 0}
.history .cons { margin:40px 0 0 0}
.history .cons:before {top:57px;height:1px;}
.history .cons .out {height:200px;}
.history .cons li .t {font-size:20px; line-height:30px}
.history .cons li i {border-width:2px;width:10px; height:10px; margin:20px 0}
.philosophy ul {padding:5px 0 0 0}
.philosophy li {padding:40px 20px 20px 20px;}
.philosophy li .p {width:80px; height:80px}
.philosophy li .t {font-size:20px; line-height:30px;margin:15px 0 5px 0}
.honors {margin:40px 0 -40px 0}
.honor {height:520px;}
#imageFlow {left:0;top:0;width:100%;margin-left:0;}
#imageFlow .arrow-left {width:28px; height:55px; background-size:100%}
#imageFlow .arrow-right {background-size:100%;width:28px; height:55px;}
#imageFlow .arrow-left:Hover {background-size:100%;}
#imageFlow .arrow-right:hover {background-size:100%}
.ourclient .cons {margin:0 0 40px 0}
.ourclient ul {padding:10px 0 0 0}
.mapBox .mapbg {margin:0 auto 40px auto;}
.ourclient ul {width:912px}
.mapPath .cons {font-size:16px; line-height:26px;}
.prosubject {font-size:20px; line-height:30px;letter-spacing:1px; margin:0 0 30px 0;}
.prosubject:before {bottom:-15px;width:20px; height:1px;}
.prosubject.center:before {margin-left:-10px}

.service dl {margin:-40px 0 0 0}
.service dd .t {font-size:20px; line-height:30px;margin:0 0 35px 0;padding:40px 0 0 0}
.service dd .t:before {bottom:-15px;width:20px;height:1px}
.service dd .c {padding:0 0 40px 0}
.page_wrap {margin:40px 0 0 0}
.page_wrap .pgprev {height:40px; line-height:40px;width:30%}
.page_wrap .pgprev i {width:38px; height:7px;margin:13px 0 0 0; background-size:cover;}
.page_wrap .pgmid {height:40px; line-height:38px;font-size:14px;width:40%}
.page_wrap .pgmid i { background-size:cover;width:12px; height:12px; margin:14px 10px 0 0;}
.page_wrap .pgnext {height:40px; line-height:40px;width:30%}
.page_wrap .pgnext i {width:38px; height:7px; background-size:cover;margin:13px 0 0 0}

.news li { height:155px;}
.news li .pic {width:209px;left:10px;top:10px; height:135px; }
.news li .cons {margin:0 120px 0 239px;padding:20px 0 0 0}
.news li .cons .t a {font-size:16px;}
.news li .cons .c {margin:10px 0 5px 0}
.news li .addtime {width:100px; height:155px;}
.news li .addtime p {font-size:55px; line-height:55px;padding:35px 0 0px 0}
.news li .addtime span {font-size:12px; line-height:12px;}
.mainmore a {font-size:12px}
.mainmore a i { background-size:100%;width:10px; height:10px;margin:11px 0 0 8px; }
.mainmore a:hover i {margin-left:8px}
.cshow .indsubject {margin:0}
.cshow .indsubject .t {margin-bottom:5px}
.cshow .cons b,.cshow .cons strong {font-size:18px;}
.cshow .prevnext {margin:40px 0 0 0;}
.contact .indsubject {padding-bottom:30px}
.contact .mleft .t {font-size:20px; line-height:30px;margin:-5px 0 30px 0;}
.contact .mleft .t:before {bottom:-15px;width:20px; height:1px; }
.message { margin:40px 0 -40px 0;padding:0 0 40px 0}
.message .indsubject {padding-bottom:30px}
.message .list .row.p {margin:20px 0}
.message .list input[type="text"] { height:30px; line-height:30px;padding:0 10px;font-size:14px}
.message .list #mbeizu {line-height:25px;padding:5px 10px;font-size:14px}
.message .list .row p {font-size:14px;padding:0 0 10px 0}
.message .list .row.b #mbtn,.message .list .row.b #cbtn {width:120px; height:30px; line-height:28px; font-size:16px;}
.message .list .row.b #cbtn {margin:0 0 0 20px}
.page_wrap2 {padding:40px 0 0 0;}
.pager2 a,.pager2 span.current,.pager2 span.disabled{width:25px;height:25px; line-height:25px}
.pager2,.pager2 select,.pager2 input,.pager2 a,.pager2 span.disabled {font-size:14px;}
.product1 {margin:50px 0 0 0}
.spec-preview i { width:20px; height:20px; background-size:40%}
.product1 .mright .title {font-size:20px; line-height:30px;margin:-6px 0 0px 0;}
.product1 .mright .title2 {padding:0 0 10px 0;margin:0 0 20px 0;font-size:12px}
.product1 .mright .content b,.product1 .mright .content strong {font-size:20px;}
.product1 .mright .content table {margin:15px 0 0 0;}
.product1 .mright .content td {padding:5px 10px}
.product1 .mright .cs {margin:40px 0 0 0}
.product1 .mright .cs .c1 a {width:120px; height:38px; line-height:37px;font-size:14px;}
.product1 .mright .cs .c1 a i {width:15px; height:15px;margin:8px 8px 0 0; background-size:100%}
.product1 .mright .cs .c2 {margin:0 0 0 20px}
.product1 .mright .cs .c2 p {font-size:14px; line-height:14px;margin:-1px 0 5px 0}
.product1 .mright .cs .c2 span {font-size:20px; line-height:20px;}

.spec-scroll{margin-top:10px;padding:0 25px}
.spec-scroll .prev,.spec-scroll .next{ font-size:20px;width:20px;height:75px; line-height:75px;}
.spec-scroll .items{height:75px;}
.spec-scroll .items ul{height:75px;}
.spec-scroll .items ul li{width:92px;}
.spec-scroll .items ul li img{width:80px;height:73px;}
.product2 {margin:40px 0 0 0}
.product2 li {padding:40px 0;}
.product2 li .cons {margin-top:0}
.product2 li .cons .t {font-size:20px; line-height:30px;margin:0 0 15px 0;}
.product2 li .cons .c {font-size:16px}
.product2 li.li2 .cons {margin-top:0}
.indtdin {padding:0 0 150px 0;margin:0}
.indtd2in {margin-top:-170px;margin-bottom:40px}

.indtd2in229 li .c {max-width:100%;min-height:110px}

.indtd_phi {padding:0 0 150px 0;margin:40px 0 0 0}
.indtd_phi_cons {margin-top:-160px}
.indtd2in li {min-height:320px}
.indtd2in229 li {min-height:380px}


}

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

}

@media only screen and (max-width: 768px){
.bxslider li a {height:350px;}
.foot .mright dl {margin:0 0 0 30px}
.bannerin { height:280px;}
.indtd2in229 li .c {min-height:180px}
.indtd2in li {min-height:380px}
.indtd2in229 li {min-height:480px}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:300px;}
.indtd2 li {width:47%;}
.indtd2 li .c {min-height:60px}
.indabout {padding:10% 0; }

.new-wrap .mleft {width:100%;}
.new-wrap .mright {width:100%;}
.foot .mright {width:100%}
.foot .mright dl {max-width:100%}
.foot .mright dl,.foot .mright dl:nth-child(1) {width:35%;margin:30px 0 0 0;}
.foot .mright dl:nth-child(1),.foot .mright dl:nth-child(3) {width:65%}
.footer .mleft {margin:0}
.footer .mright { position:relative}
.foot .mleft .search {width:260px; }
.foot .mleft .search #k {width:200px;}
.new_telst1 li {margin:0 20px 0 0}
.new-wrap1 .new_lst1:nth-child(4) {max-width:100%}
.bannerin { height:220px;}
.maincurrent ul { position:relative;top:0}
.maincurrent ul li {margin:0 20px 0 0}
.maincurrent ul li:last-child() {margin:0}
.maincurrent ul li a {border-bottom-width:1px;}
.maincurrent hr {margin:-1px 0 0 0}
.philosophy ul {margin-top:-30px}
.philosophy li {width:98%;margin-top:30px;padding:40px 20px 30px 20px;}
.philosophy li .c {min-height:0}

.honor {height:460px;}
#imageFlow { height:1500px;}
#imageFlow .text {top:390px;}

.news li { height:100px;}
.news li .pic {width:120px;height:80px; }
.news li .cons {margin:0 15px 0 145px;padding:20px 0 0 0}
.news li .cons .t {margin:0 0 0 0; line-height:27px; height:54px}
.news li .cons .c { display:none}
.news li .addtime { display:none}
.news li .mainmore { display:none;}

.message .list .row {width:100%;}
.message .list .row.m {margin:20px 0}
.contact .mleft {width:100%;}
.contact .mright {width:100%;margin:40px 0 0 0}
.product1 .mleft {width:100%}
.product1 .mright {width:100%;margin:40px 0 0 0}

.product2 li .cons {width:100%;margin:0 0 40px 0}
.product2 li .pic {width:100%;}
.product2 li.li2 .cons {width:100%;margin:30px 0 0 0}
.product2 li.li2 .pic {width:100%;}
.indtd2in {margin-top:-150px;}
.indtd2in229 li {width:97%;padding-bottom:30px}
.indtd2in229 li .c {min-height:0}
.indtd_phi {padding:0 0 150px 0;}
.indtd_phi_cons {margin-top:-180px}
.indtd2in li {min-height:300px}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:250px;}
.indtd2 li .c {min-height:0}
.indtd2 li {width:97%;}

.new-wrap .mright li {height:100px;}
.new-wrap .mright li .pic {width:150px;}
.new-wrap .mright li .cons {margin:0 0 0 170px;padding:13px 15px 0 0}
.new-wrap .mright li .cons .a {margin:5px 0 0 0}
.bannerin { height:180px;}
.honor {height:310px;}
#imageFlow { height:900px;}
#imageFlow .text {top:240px;}
.indtd2in li {min-height:0px}
}

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