@charset "utf-8";
@media only screen and (max-width: 1200px){
.wrap {margin:0 4%}
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width:6px;height:6px;margin: 0 5px;}
.bxslider li a { height:350px; background-size:cover;}
.phonemenu { display:block}
.fixtop {height:50px;}
.fixtop .logotel {height:50px;}
	
.fixtop .header {position:absolute;left:0;top:0; text-align: right;width:100%; background: none;}
.fixtop .header .cons,.fixtop .header .a { display:none;margin:0;padding:0}
.fixtop .header .cnen {width:auto;right:40px;top:0; line-height:49px;}
.fixtop .header .cnen a {margin:0 0 0 10px;font-size:12px}
.fixtop .header .cnen img {display:none}
	
.fixtop .logotel .logo {top:15px;width:129px; height:20px;}
.fixtop .logotel .cons,.fixtop .logotel .tel { display:none}
.fixtop .toper { display:none;}
.tblank { height:50px;}
.fixtop.active {top:0}
.tblank.active { height:50px}
.indsubject {padding:40px 0 30px 0}
.indsubject .t {font-size:20px; line-height:30px;}
.indsubject .c:before {left:-50px;width:40px;}
.indsubject .c:after {right:-50px;width:40px;}
.ind6 li { height:155px; text-align:center;color:#fff;font-size:16px;}
.ind6 li .pic {padding:30px 0 15px 0}
.ind6 li .pic img { height:50px}

.indpro .mleft { position:absolute;left:0;top:0;width:100%; z-index:999}
.indpro .mleft .subject { height:40px; line-height:40px;padding:0 20px;font-size:16px; position:relative;cursor:pointer;}
.indpro .mleft .subject p { display:block; position:absolute;left:0;top:0; height:100%;width:100%; z-index:999}
.indpro .mleft .subject:before {content: "\e661"; font-family:"iconfont" !important; position:absolute;right:20px;top:0;color:#fff;}
.indpro .mleft dl { display:none; position:absolute;left:0;top:40px;width:100%; background:#fff; z-index:1000}
.indpro .mleft dt { position:relative;padding:14px 20px 14px 40px;border-top:1px solid #ccc; line-height:24px;}
.indpro .mleft dt:before {font-family:"iconfont" !important;content: "\e6a3"; position:absolute;left:15px;top:14px;font-size:13px}
.indpro .mleft dt a {font-weight:500;}
.indpro .mleft dd {border-top:1px solid #ccc;padding:14px 20px 14px 40px;line-height:24px}

.indpro .mright {width:100%;margin:65px 0 0 0; position:relative; z-index:1}
.indpro .mright ul {margin-top:-30px}
.indpro .mright li {margin-top:30px}
.indpro .mright li .pic {border-width:1px;}
.indpro .mright li .title {margin:10px 0 0 0;}

.indpic {margin:40px 0;}
.indpic .mleft {font-size:16px; letter-spacing:0.5px;}
.indpic .mright .t a { height:25px; line-height:25px; padding:0 25px;}
.indpic .mright .c {font-size:16px;}
.indsubject2 .c {font-size:18px; line-height:1.8;border-bottom-width:1px;padding:0 0 10px 0}
.indsubject2 .t {font-size:20px; line-height:25px;padding:8px 25px;margin:0 0 30px 0}
.ind4 ul {margin-top:-30px}
.ind4 li {margin:30px 0 0 0}
.ind4 li .cons .title { font-size:18px; line-height:28px;padding:0 0 20px 50px;min-height:40px;}
.ind4 li .cons .title1:before {width:40px; height:40px;}
.ind4 li .cons .title2:before {width:40px; height:40px;}
.ind4 li .cons .title3:before {width:40px; height:40px;}
.ind4 li .cons .title4:before {width:40px; height:40px;}
.ind4 li .cons  .content {margin:0 0 0 30px;}
.ind4 li .cons {width:48%}
.ind4 li .pic {width:48%}
.ind4 li.li2 .cons{width:48%;}
.indcase {margin:40px 0}
.indcase li .title {margin:5px 0 15px 0;font-size:14px}

.indabout {background-attachment:scroll;margin:-20px 0 0 0;padding:40px 0}
.indabout .subject {font-size:20px; line-height:20px;margin:0 0 30px 0}
.indabout .more {margin:30px 0 0 0}
.indabout .more a {height:30px; line-height:30px;padding:0 20px;font-size:14px;}

.bx-wrapper .bx-prev {background-size:cover;left:4%}
.bx-wrapper .bx-next {background-size:cover;right:4%}
.bx-wrapper .bx-controls-direction a {background-size:cover;  margin-top:-10px;width:11px; height:20px;}
.indabout .bx-wrapper {padding:0}

.footmenu {height:40px; line-height:40px}
.footmenu ul li {width:12.5%;margin:0}
.footmenu ul li a {height:40px; line-height:38px;font-size:14px;}

.foot {padding:30px 0;min-height:100px}
.foot .logo {width:129px; height:20px; background-size:cover;top:2px}
.foot .cons {margin:0 150px 0 159px}
.foot .wx {width:100px}
.footmenu ul li a:before { display:none;}

.indhonor {padding:40px 0}
.indhonor .subject {height:40px; line-height:40px}
.indhonor .subject p { padding:0 20px;height:40px; line-height:40px;font-size:16px;}
.indhonor .cons {padding:40px 20px}

#slider3 .bx-wrapper {padding:0 30px}
#slider3 .bx-wrapper .bx-prev { background-size:cover;left:0;}
#slider3 .bx-wrapper .bx-next {background-size:cover;right:0}
.indnews .subject p {height:40px; line-height:40px;padding:0 20px;font-size:16px}
.indnews .subject a {top:6px}
.indnews .list dt {margin:0 0 20px 0}
.indvideomessage {padding:40px 0}
.indvideomessage .message .title{margin:-8px 0 0 40px}
.indvideomessage .message .content {margin:0 0 20px 40px}
.indvideomessage .message .list {margin:10px 0 0 0}
.indvideomessage .message .list h2 {margin:0 0 0 40px}
.indvideomessage .message .list h2 textarea { height:145px;}
.indvideomessage .message .listbtn {margin:10px 0 0 0}
.indvideomessage .message .listbtn input {width:80px; height:30px; line-height:30px; font-size:14px;margin:0 0 0 40px;}
.video-btn{ width:60px; height:60px;margin:-30px 0 0 -30px}
.indlinks {padding:0 0 20px 0}
.indlinks a {margin:0 0 0 10px}
.indlinks a:nth-child(1) {margin:0 0 0 5px}
.bannerin {height:250px; background-size:cover;}
.page_wrap {padding:40px 0 0 0}
.pager a,.pager span.current,.pager span.disabled{width:20px;height:20px; line-height:20px;border-radius:2px}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;} 
.indlinkstopblank {padding-top:40px}
.indpro2 {margin:40px 0 0 0}
.show .title {font-size:16px; line-height:26px;padding:10px 0 20px 0;margin:0 0 30px 0; }
.show .cons h3,.show .cons h2,.show .cons h1 {font-size:16px;}
.case {margin:5px 0 -10px 0}
.info {margin:40px 0 0 0}
.indvideomessage2 {margin-top:-40px}
.totop {right:4%;bottom:10px;width:30px; height:30px;}
.blank80 { height:40px}
.maincurrent {padding:0 0 13px 12px;margin:30px 0;font-size:13px}
.maincurrent a {font-size:13px}
.maincurrent:before {width:4px; height:12px;top:8px}
.mainleft {float:none;width:100%}
.mainleft dt { height:40px; line-height:40px;font-size:16px;padding:0 0 0 15px;border-right:1px solid #fff;}
.mainleft dd { display:inline-block; vertical-align:top;width:33.3333%;border-right:1px solid #fff;}
.mainleft dd a { height:30px; line-height:30px;padding:0 15px;font-size:14px;}
.mainleft dd a i:before {right:10px;font-size:12px;}
.mainleft .tel { display:none}
.mainright {float:none;width:100%;margin:25px 0 0 0}
.mainright .up {min-height:0}

.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:4px 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;}
.mainright2 {width:100%;}
.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}
.culture2 {margin:-40px 0 40px 0}
.culture2 .list .slide .title {font-size:12px; line-height:17px;}
.contact_cons {padding:20px 0 30px 0}
.contact_cons .pic {width:150px; height:150px;border-width:1px;}
.contact_cons .cons {margin:0 0 0 180px;min-height:160px;}
.contact_cons .cons .t {font-size:20px; line-height:30px;padding:0px 0 10px 0;}
.contact_cons ul {padding:40px 0 0 0}
.contact_cons li {height:150px;}
.contact_cons li:hover {top:0}
.contact_cons li .p {margin:23px 0 10px 0}
.contact_cons li .p img {width:30px}
.contact_cons li .c,.contact_cons li .c a {font-size:16px; line-height:26px}
.contact_cons li.f4 .c{font-size:14px; line-height:19px;padding:2px 0 0 0}
.mapcons {border-top-width:1px;margin:10px 0 0 0;}
.mapcons .t {font-size:20px; line-height:30px;padding:30px 0}
.mapcons .map {margin:0 0 40px 0}
.mapcons .map iframe,#container {height:300px}
.aboutvideo {float:none;width:100%;margin:0 0 20px 0;}
.mainabout {margin-top:40px}
.about .cons {min-height:0}
.about {margin:30px 0 0 0}
.honor li .title { height:30px;}
.honor li .title a { height:30px;line-height:28px;font-size:13px;}
.job ul {margin-top:0px}
.job .title{font-size:20px; line-height:30px;}
}

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

@media only screen and (max-width: 768px){
.bxslider li a { height:300px;}	
.indvideomessage .message .title{margin:-8px 0 0 0}
.indvideomessage .message .content {margin:0 0 20px 0}
.indvideomessage .message .list h2 textarea { height:100px;}
.bannerin {height:200px;}
.contact_cons li {height:170px;}
}

@media only screen and (max-width: 640px){
.bxslider li a { height:250px;}	
.indsearch {padding:15px 0 17px 0}	
.indsearch .cons {padding:0 0 10px 0}
.indsearch .search { position:relative;top:0;}
.indsearch .search p {width:80%}
.indsearch .search #sbtn { width:20%}
.ind6 li {width:32.3333%}

.ind6 li { height:130px; }
.ind6 li .pic {padding:20px 0 10px 0}
.indpro .mright li {width:96%}
.indpic .mleft {font-size:14px;}
.indpic .mright {width:40%;margin:0 0 0 10%}
.indpic .mright .c {font-size:14px;}
.indpic .mright .t a {padding:0 15px;}
.ind4 li .cons {width:100%}
.ind4 li .pic {width:100%;margin:30px 0 0 0}
.ind4 li.li2 .cons{width:100%;}
.indcase li {width:49%}

.footmenu {height:auto;padding:8px 0 15px 0; line-height:25px}
.footmenu ul li {width:25%;}
.footmenu ul li a {height:25px; line-height:23x;}
.foot {min-height:0;padding:30px 0 25px 0; text-align:center}
.foot .logo {position:relative;top:0;margin:0 auto}
.foot .cons {margin:20px 0}
.foot .wx {position:relative;margin:0 auto}
.indnews .list {width:100%;}
.indnews .list2 {margin:30px 0}
.indnews .list3 {width:100%}
.indvideomessage .video {width:100%}
.indvideomessage .message {width:100%;margin:30px 0 0 0}
.indvideomessage .message .list h2 textarea { height:120px;}
.bannerin {height:150px;}

.mainleft dd {width:33.3333%}
.news li .cons {margin:0 0 0 157px}
.contact_cons .pic { position:relative;margin:0 auto}
.contact_cons .cons {margin:25px 0 0 0;min-height:0;}
.contact_cons li {width:48%;}
.honor li {width:47%}
}

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

@media only screen and (max-width: 420px){
.bxslider li a { height:140px;}	
.bannerin {height:100px;}
.news li .pic {width:100px;}
.news li .cons {margin:0 0 0 110px}
}