@charset "utf-8";
@media only screen and (max-width: 2200px){
.bxslider li a { height:810px; }
.showtop {height:810px;}
}

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

@media only screen and (max-width: 1275px){
.wrap {margin:0 8%}	
.fixtop .toper ul.navpc { display:none;}
.phonemenu { display:block;}
.indpics {margin:50px 0 0 0}
.fixtop { height:50px; background:#fff;}
.fixtop .toper .logo { top:15px;width:87px; height:25px; background-position:bottom}
.fixtop.active { height:50px;}
.fixtop.active .toper .logo {top:15px}

.bx-wrapper { overflow:hidden}
.bx-wrapper .bx-controls-direction { display:none;}
.bx-wrapper .bx-pager {  bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a { width:5px;  height:5px;  margin: 0 5px;}
.bx-wrapper .bx-prev { left:3%; background-size:cover;}
.bx-wrapper .bx-next { right:3%;background-size:cover;}
.bx-wrapper .bx-controls-direction a {margin-top:-12px; width:14px;  height:24px;opacity:1;background-size:cover;}
.bx-wrapper .bx-controls-direction a:hover {background-color:rgba(0,0,0,0)}
.bxslider li a {height:500px; background-size:cover;}
.bxslider li a .cons {margin-top:-80px}
.bxslider li a .cons .in .t {font-size:25px; line-height:35px;}
.bxslider li a .cons .in .c {font-size:16px; line-height:26px}
.indabout {margin:40px 0;}
.indabout .t {font-size:28px; line-height:43px}
.indabout .c {font-size:18px; line-height:33px;margin:10px 0 0 0}
.indprocate { margin:0 0 40px 0}
.indprocate li {margin:5px 5px;}
.indprocate li a { height:28px; line-height:28px;padding:0 15px;}

.indcase ul {margin-top:-40px}
.indcase li {margin-top:40px}
.indcase li .title { height:20px; line-height:20px; margin:15px 0 0 0}
.indcase li .title a {font-size:16px;}
.indcase li .title a span {font-size:14px;margin:3px 0 0 10px;}
.indcase .more {margin:35px 0}


.indnews dt {padding:0 0 10px 0;font-size:20px;margin:50px 0 15px 0}
.indnews dd .title { height:20px; line-height:20px; margin:25px 0 20px 0}
.indnews dd .title a {font-size:20px;}
.indnews dd .content {font-size:13px; line-height:22px; height:88px;}

.foot {padding:40px 0 20px 0;margin:60px 0 0 0;}
.foot .mleft .t1 {font-size:20px; line-height:30px}
.foot .mleft .t2 {margin:15px 0 40px 0}
.foot .mleft .t2,.foot .mleft .t2 a {font-size:20px; line-height:1.8}
.foot .mright ul {margin:20px 0 0 3px}
.foot .mright li {margin:10px 0 0 0}
.foot .copy {margin:30px 0 0 0}

.tblank { height:50px}
.nshow .title {font-size:25px; line-height:40px;margin:60px 0 30px 0}
.mainshare { margin:40px 0 0 0}
.mainback {margin:40px 0 0 0}
.picsin .bx-wrapper .bx-pager { bottom:-20px;}
.picsin .bx-wrapper .bx-pager.bx-default-pager a { width:20px;}

.news dl {margin-top:-72px}
.news dd {margin-top:40px}
.news dd .title { margin:25px 0 15px 0}
.news dd .content {height:75px; line-height:25px}
.page_wrap {padding:40px 0 0 0}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
.procate {margin:15px 0 25px 0;}
.procate li {margin:0 0 0 25px}
.procate li a {font-size:14px}
.showtop { background-attachment:scroll; height:400px;margin:50px 0 0 0}

.show .mleft {padding:40px 0;font-size:22px; line-height:32px;}
.show .mright {padding:40px 0;margin-top:1px}
.show .mright2 {padding:40px 0;margin:1px 0 0 0}
.show .content {margin:60px 0 40px 0}
.show .subject {font-size:18px;margin:40px 0 20px 0}
.show .indcase {margin-bottom:40px}
.totop {right:3%;bottom:1%; }
.totop i {font-size:16px; line-height:16px}
.map {margin:0 0 -40px 0}
.map iframe,#container {height:500px}
.sertopbg { height:500px; background-attachment:scroll; background-size:cover;margin:50px 0 0 0; background-position:center bottom}
.sertopbg .cons {font-size:30px; line-height:1.6;padding:100px 0 0 0}

.service {padding:40px 0 60px 0}
.service .subject {font-size:20px; line-height:1.6;padding:0 0 20px 0}
.service ul {margin:-20px 0 0 0}
.service li {margin:60px 0 0 0}
.service li .title {width:30%;font-size:20px;}
.service li .cons {width:60%;padding:3px 0 0 0}
.partner {margin:0 0 -40px 0}
.partner .subject {margin:0 0 20px 0}
.partner .subject .t {font-size:25px;margin:0 0 0px 0;padding:40px 0 0 0}
.partner .subject .c {font-size:14px;padding:0px 0 20px 0;}
.about .cons {margin:30px 0 -20px 0}

.team {padding:40px 0}
.team li {margin:50px 0 0 0}
.team li .cons .t {font-size:22px; line-height:37px;}
.video-btn{ width:40px; height:40px;margin:-20px 0 0 -20px}
.showvideo {margin:-10px 0 40px 0}
.showvideo .gs_content {margin:15px 0 0 0}

.show ul.bxslider { display:none;}
.show ul.ulmob { display:block;}
.show ul.ulmob {margin-top:-20px}
.show ul.ulmob li {margin:20px 0 0 0}
.show ul.ulmob li img {width:100%}

}

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

@media only screen and (max-width: 768px){
.bxslider li a .cons {width:80%;left:10%}
.bxslider li a { height:auto}
.bxslider li a p.pcover { display:none;}
.bxslider li a img { display:block}
.bxslider li a .cons {margin-top:-55px}
.indcase li {width:47%}
.sertopbg { height:400px;}
.sertopbg .cons {font-size:25px;padding:70px 0 0 0}

.sertopbg_about { height:auto; background:none;}
.sertopbg_about img.mpic { display:block;width:100%}
.sertopbg_about .cons {font-weight:100;font-size:50px; line-height:1.6; position:relative;padding:25% 0 0 0; position:absolute;}
}

@media only screen and (max-width: 640px){
.indcase li {width:97%}	
.indnews dt {margin:40px 0 -10px 0}
.indnews dd {width:98%;margin-top:40px;}
.indnews dd .content {  height:auto;font-size:14px; line-height:2}
.foot .mleft {width:100%;}
.foot .mright {width:100%; }
.foot .mleft .t1 {font-size:18px; line-height:33px}
.foot .mleft .t2 {margin:15px 0 30px 0}
.foot .mleft .t3 {font-size:14px;margin:0 0 20px 0}
.foot .mright .wx { text-align:left;}
.procate li {margin:0 0 0 20px}
.show .mleft {width:100%;padding-bottom:0}
.show .mright {width:100%;padding:20px 0 20px 0;margin:0}
.show .mright2 {width:100%;padding:0 0 40px 0}

.service li .title {width:100%;margin:0 0 30px 0;font-weight:500}
.service li .cons {width:100%;}
.partner li {width:32.3333%}
.team {padding:20px 0 0 0}
.team li .pic { width:60%;}
.team li .cons {width:100%;margin:30px 0 0 0}

.indprocate li {margin:3px 3px;}
.indprocate li a {padding:0 10px;font-size:12px; height:25px; line-height:25px}
}

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

}

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