@charset "utf-8";
@media only screen and (max-width: 1050px){
.wrap {padding:0 3%}
body,h1,h2,h3,h4,h5 {font-size:14px;line-height:25px;}

.phonemenu { display:block;}
.fixtop {height:50px}
.fixtop .toper .logo {line-height:50px}
.fixtop .toper .logo img { height:40px;margin-top:-2px}
.fixtop ul { display:none;}
.fixtop .phonemenu ul { display:block;float:none; text-align:center;margin:60px 0 0 0}
.fixtop .phonemenu li { display:block;width:100%;margin:0;}
.fixtop .phonemenu li a {font-size:16px;border-width:0;line-height:50px;padding:0;color:#fff}
.fixtop .phonemenu li a:hover { background:none}
.accordionmenu {}
.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:50px; line-height:50px;color:#fff;font-size:16px}
.accordionmenu li .link a {color:#fff;font-size:18px;}
.accordionmenu li.open .link { background:#825624;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p { height:30px; line-height:30px; background:#dee1e5;border-top:1px solid #bcbfc1;}
.accordionmenu .submenu p a { display:block;color:#696969;font-size:14px;height:35px; line-height:30px;}
.accordionmenu .submenu p a:hover {color:#825624}
.tblank { height:50px}
.fixtop .shop {right:3%;top:12px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:8px;height:8px;margin: 0 5px;}
.bx-wrapper .bx-pager {bottom:10px;}
.searchs form {border-width:1px}

.maincons {margin:30px 0}
.indabout .left .title {font-size:18px; line-height:25px;margin:0 0 15px 0}
.indabout .right iframe,.about iframe {width:100%;height:400px}
.indpro .subject {font-size:18px;border-width:1px;margin:15px 0 20px 0;padding:15px 0 0 0}
.indpro li {margin:10% 4% 0 0; }
.indpro li .cons .title { margin:0 0 10px 0}
.indpro li .cons .title a {font-size:18px; line-height:25px}
.indnews {margin-top:30px}
.indnews .subject {font-size:18px;border-top-width:1px;margin:15px 0;padding:15px 0 0 0}

.foot { padding:20px 0 15px 0}
.foot dl.d2 {margin-left:-110px}
.foot dt {margin:0 0 5px 0}
.foot dt a {font-size:18px;}
.foot .copy {margin-top:20px}
.mainsubject {font-size:18px;border-bottom-width:1px;padding:0 0 10px 0}
.maincurrent {margin:10px 0 5px 0}
.maincurrent i {font-size:12px;margin:0 5px}
.page_wrap {padding:30px 0 0 0px}
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;} 

.show {margin:20px auto 0 auto}
.show .gs_content {line-height:25px}
.show .gs_content h1 {font-size:18px; line-height:25px;margin:0 0 5px 0}
.show .cons {margin-top:20px}
.indnews li .title {margin:10px 0 5px 0}
.indnews li .title a {font-size:16px;}
.indnews li .cons {font-size:12px; line-height:20px; height:40px;}
.news {margin-top:-40px}
.nshow .title {font-size:18px; line-height:28px;margin:20px 0 15px 0}
.mcate {margin:20px 0 0 0; text-align:center}
.mcate li {margin:0 0 0 3%}
.mcate li a { height:25px; line-height:25px;padding:0 10px}
.mcate li i {width:4px; height:8px;margin:8px 5px 0 0; background-size:100%}
.about {margin-top:25px}
.map {margin-top:25px}
#container,.map iframe {height:300px}
.aboutviceo {margin:0 auto 10px auto}
}

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

@media only screen and (max-width: 640px){
.indabout .left {width:100%;}
.indabout .right {width:100%;margin-top:20px}
.indabout .right iframe,.about iframe {height:300px}
.indpro ul{margin-top:-40px}
.indpro li {width:100%;margin:40px 0 0 0; }
.indpro li .pic {width:46%; }
.indpro li .cons {width:50%;}
.foot dl {float:none; text-align:center}
.foot dl.d2 {left:0;margin:20px 0}
.foot dl.d3 {float:none;}
.show .pic {float:none;width:100%; text-align:center}
.show .gs_content {float:none;width:100%; text-align:center;margin:20px 0 0 0}
.indnews ul {margin-top:-30px}
.indnews li {width:100%;margin:20px 0 0 0;}
.indnews li .title { height:auto}
.indnews li .cons { height:auto}
.news {margin-top:-20px}
}

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

}

@media only screen and (max-width: 420px){
.indabout .right iframe,.about iframe {height:250px}
}