@charset "utf-8";
/* by Sean Lu 20180904 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: "思源黑体 CN Regular",arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #1891cb; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #09F; color: #fff; }
::-moz-selection { background: #09F; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }

.bgtable{ width:100%; background:#fff; border-spacing:1px; border-collapse:collapse;}
.bgtable td{ background:#f5f5f5; text-align:center; border: 1px solid #c5c5c5;}
.bgtable th{ background:#8bbda2; color:#fff; text-align:right; font-weight:normal;}
.bgtable .white td{ background-color:#fff; text-align:right; border:none;}
.bgtable .green td{ background-color:#8bbda2; color:#fff; text-align:right;}

.topbar{ background:#333; color:#fff; font-size:12px; height:40px; line-height:40px; position:fixed; z-index:8; left:0; right:0; top:0;}
.topbar .tel{ background:url(../img/tel.png) no-repeat left center; padding-left:15px;}


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 550px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }

.homejpg { background-repeat: no-repeat; background-position: center; }
.homeimg { background-repeat: no-repeat; background-position: center; }

.header{ background:#fff; position:fixed; z-index:20; left:0; right:0; top:40px; box-shadow: 0 5px 5px rgba(0,0,0,.1);}
.header .logo{ float:left; display:block; margin:15px 0;}

.nav { line-height: 50px; padding: 15px 0; float: right; position: relative; z-index: 9; }
.nav .nul { }
.nav .nul .nli { float: left; margin: 0 0; }
.nav .nul .nli .na { font-size: 16px; color: #333; text-decoration: none; display: block; padding: 0 20px; position: relative; }
.nav .nul .nli .na:hover { color: #fe0000; }
.nav .nul .nli:hover .na:after { content: ''; display: block; width: 100%; height: 2px; background: #fe0000; position: absolute; left: 0; bottom: 0; }
.nav .sub { display: none; position: fixed; left: 0; right: 0; top: 105px; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); padding: 40px 0; line-height: 20px; border-top: 2px solid #dedede; }
.nav .nul .nli:hover .sub { display: block; }
.nav .sub .list { }
.nav .sub .list .item { float: left; width: 20%; text-align: center; }
.nav .sub .list02 { width: 36%; margin: 0 auto; }
.nav .sub .list02 .item { width: 50%; }
.nav .sub .list04 .item { width: 25%; }
.nav .sub .list06 .item { width: 16.66666666666%; }
.nav .sub .list .item .img { margin-bottom: 10px; }
.nav .sub .list .item .img { position:relative; overflow:hidden;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.nav .sub .list .item .img  img{ overflow: hidden;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.nav .sub .list .item a:hover .img{transform:scale(1.2);}


.homebox1{ background:#f5f5f5; padding-top:20px;}
.homebt{ text-align:center; font-family:"思源黑体 CN Regular"; margin:50px 0 26px;}
.homebt h1{ font-size:30px; color:#333; font-weight:normal; margin-bottom:26px;}
.homebt p{ font-size:14px; color:#999; line-height:180%;}

.probox { background: #f5f5f5; padding: 20px 0 40px; }
.prolist { }
.prolist .item { background: #fff; width: 31%; float: left; margin: 0 3% 30px 0; box-shadow: 0 5px 10px rgba(0,0,0,.1); }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item a { color: #666; display: block; text-decoration: none; position:relative; overflow:hidden;}
.prolist .item a:hover { background: #f9f9f9; color: #fd0100; }
.prolist .item .img { overflow: hidden; }
.prolist .item .img img { display: block; width: 100%; }
.prolist .item .bg {
    background-color: rgba(255, 255, 255, 0.67);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    transition: .5s;
}
.prolist .item:hover .bg {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
}
.prolist .item .info { 
	padding: 12px 20px; 
	position: absolute;
    bottom: -100px;
    text-align: center;
    color: #fff;
    transition: .5s;
	width:100%;
	box-sizing:border-box;
}
.prolist .item:hover .info{ bottom:80px;}
.prolist .item .info .nam { font-size: 18px; margin-bottom:10px; overflow: hidden; color:#565656; line-height:50px; height:50px; }
.prolist .item:hover .nam{ color:#fff;}
.prolist .item .info .txt { font-size: 13px; overflow: hidden; color: #999; height:80px;}
.prolist .item:hover .txt{ color:#fff;}

.homebox2{ background:#f5f5f5; border-top:1px solid #dedede; padding-top:20px;}
.appbox{ background:#f5f5f5; padding-bottom:42px;}
.appbox .item{ float:left; width:49%; margin:0 20px 20px 0;}
.appbox .item:nth-child(2n){ margin-right:0;}
.appbox .item .img{ float:left;}
.appbox .item .img img{ display:block; width:100%;}
.appbox .item .info{ box-sizing:border-box; background:#fff; padding:29px 25px; float:left; width:62.5%; box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.appbox .item .info .nam{ font-size:16px; color:#666; padding-bottom:18px;}
.appbox .item .info .txt{ font-size:12px; color:#999; line-height:180%;}

.homebox3{ padding:30px 0 80px;}
.homebox3 .casebox{}
.homebox3 .casebox p{ font-size:20px;color:#999;background:#f1f1f1;text-align:center;padding:120px 0;}

.homebox4{ background:url(../img/home_06.jpg) no-repeat top center; height:500px;}
.compbox{ float:right; width:40%; margin:50px 40px;}
.compbox h1{ font-size:30px; color:#333; font-weight:normal; margin-bottom:30px;}
.compbox .comtxt{ font-size:14px; color:#666; line-height:180%;}
.compbox .comtxt p{ padding-bottom:30px;}
.compbox .more{}
.compbox .more a{ color:#fff; background:#7d818a; border-radius:50px; padding:15px 45px; font-size:14px;}

.homebox5{ padding-bottom:70px;}
.newbox{ padding-top:50px; font-family:"思源黑体 CN Regular";}
.newbox .ntop{ float:left; width:47%;}
.newbox .ntop .hnimg{}
.newbox .ntop .hnimg img{ display:block; width:100%;}
.newbox .ntop .nbox{ margin-top:25px; box-sizing:border-box;}
.newbox .nbox .nbt{ font-size:16px; color:#666; padding-bottom:20px;}
.newbox .nbox .ntxt{ font-size:12px; color:#999; line-height:2;}
.newbox .newlist{ float:right; width:49%;}
.newbox .newlist .item{ border-bottom:1px solid #dedede; padding-bottom:28px; padding-top:28px;}
.newbox .newlist .item:first-child{ padding-top:0;}
.newbox .newlist .item:last-child{ border-bottom:none; padding-bottom:0;}
.newbox .newlist .date{ float:left; padding-right:30px; font-size:14px; color:#999; text-align:center; width:10%;}
.newbox .newlist .date .day{ font-size:26px; color:#999;}
.newbox .newlist .nbox{ float:left; width:83%;}
.newbox .newlist .nbox .nbt{ padding-bottom:10px;}

.homebox6{ border-top:1px solid #dedede; padding-bottom:70px;}
.honorbox{}
.honorbox li{ float:left; padding-right:50px; width:16%;}
.honorbox li:last-child{ padding-right:0;}
.honorbox li img{ display:block; width:100%;}

.footer{ background:#222; padding:70px 0;}
.footer .fotnav{ color:#fff;}
.footer .fotnav dl{ float:left; padding-right:6%;}
.footer .fotnav .pp{ padding-top:40px;}
.footer .fotnav dt{ font-size:18px; font-weight:bold; padding-bottom:20px;}
.footer .fotnav dd{ font-size:14px; line-height:180%;}
.footer .fotnav dd a{ color:#fff;}

.bottom{ background:#111; font-size:12px; color:#fff; text-align:center; line-height:180%; padding:40px 0;}


.header .menu{
	height: 100%;
    width: 100px;
    background: url(../img/menu.jpg) no-repeat center center;
    position: absolute;
    right: 10px;
    top: 0px;
}
.hidden01{ display:none;}

.inbanner { height: 300px; background: url(../img/inbanner.jpg) no-repeat center; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/a.png) repeat center; content: ''; }
.inbanner .title { position: relative; text-align: center; display: table-cell;vertical-align: middle; }
.inbanner .title .cn { font-size: 38px; letter-spacing: 5px; font-weight: bold; margin-bottom: 5px; }
.inbanner .title .en { font-size: 20px; text-transform: uppercase; font-family: arial; }

.inpage{ padding:50px 0;}

.side{ float:left; width:220px; background:#f5f5f5;}
.side .bd{ text-align:center;}
.side .bd .bul{ background:#f5f5f5; width:220px;}
.side .bd .bul .bli{ line-height:40px; border-bottom:1px solid #fff; padding:10px 0;}
.side .bd .bul .bli:hover{ background:#09F; padding:20px 0;transition:all .3s;}
.side .bd .bul .bli.on{ background:#09F; padding:20px 0;}
.side .bd .bul .bli:hover .ba, .side .bd .bul .bli.on .ba{ color:#fff; text-decoration:none;}

.wakaka01 { position:fixed; z-index:11; top:150px; }
.wakaka02 { position:absolute; top: auto; z-index:200; bottom:30px; }


.main { width: calc(100% - 250px); float: right; }

.mainbox .bd{ font-size:16px; color:#333; line-height:2; word-wrap:break-word;}
.mainbox .bd img{ display:inline; max-width:100%;}

.newslist{}
.newslist .item { width: 100%; float: left; box-sizing: border-box; border-bottom: 1px dashed #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:hover .name a{ color:#09F; text-decoration:none;}
.newslist .item .name{ font-size:18px; margin-bottom:10px;}
.newslist .item .name a{ display:block; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist .item .txt{ font-size:13px; text-align:left; padding-top:5px; color:#777;}


.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: #2172bd; }


.stylelist{}
.stylelist .item { width: 32%; float: left; margin: 0 1% 1% 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.stylelist .item:nth-child(3n) { margin-right: 0; }
.stylelist .item .pic{ text-align:center;}
.stylelist .item .pic img{ width:100%; display:block;}
.stylelist .item .info{ background:#fff; padding:12px; text-align:center;}
.stylelist .item .name{ font-size:16px;}


.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #eee; border-top: 2px solid #0d4da1; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #0064ff; }
.jobbox .aline { display: none; }
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }


.honorlist{}
.honorlist .item { width: 24%; float: left; margin: 0 1% 1% 0; box-sizing: border-box; -webkit-transition: all .4s; transition: all .4s; }
.honorlist .item:nth-child(4n) { margin-right: 0; }
.honorlist .item .pic{ text-align:center; border: 1px solid #dedede; padding:5px;}
.honorlist .item .pic img{ width:100%; display:block;}
.honorlist .item .name{ font-size:16px; text-align:center; color:#333;}


.download{}
.download .item { width: 100%; float: left; box-sizing: border-box; border-bottom: 1px dashed #dedede; background: #fff; padding:20px; }
.download .item .name{ float:left; font-size:16px; margin-bottom:10px;}
.download .item .name a{ display:block; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.download .item .down{ float:right; font-size:16px; color:#777; background:url(../img/down.png) no-repeat left center; padding-left:40px; background-size:contain;}
.download .item .down a:hover{ color:#f00;}


.applist{}
.applist .item { width: 100%; float: left; box-sizing: border-box; border-bottom: 1px dashed #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.applist .item .pic{ float:left; border: 1px solid #dedede; width:30%;}
.applist .item .pic img{ width:100%; display:block;}
.applist .item .info{ padding-left:20px; float:right; width:66%;}
.applist .item .name{ font-size:18px; margin-bottom:10px;}
.applist .item .name a{ display:block; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.applist .item .name a:hover{ color:#09F; text-decoration:none;}
.applist .item .txt{ font-size:13px; text-align:left; padding-top:5px; color:#777;}



.join_more { width: 100%; border-top: 2px solid #ccc; margin-bottom:20px; }
.join_more thead tr th { line-height: 40px; text-align: left; background: #f8f8f8; padding: 0 10px; border-bottom: 1px solid #dedede; font-size: 18px; font-weight: normal; }
.join_more tbody tr td { line-height: 14px; padding: 11px 10px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }
.join_more a.gangwei{ padding:5px 20px; background-color:#c5041e; float:right; color:#fff; border-radius:5px;}



.smessage { font-size:16px; padding-left:30px; padding-top:20px;}
.smessage .line { margin: 4px 0; }
.smessage .inputText { font-size: 14px; height:40px; border:1px solid #ccc; color: #666; padding:0 20px; width: 40%; float:left; margin:0 20px 20px 0;}
.smessage .textArea { font-size: 14px; border:1px solid #ccc; color: #666; padding: 20px; width: 87%;outline: none; resize: none; height: 80px;}
.smessage .tjbtn { float:left; background: #09f; border:0; color: #fff; text-align: center; line-height: 35px; height:35px; font-size: 16px; width: 200px; cursor: pointer; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius:20px; margin-right:20px;}
.smessage .qxbtn{ float:left; background: #73a2c1; border:0; color: #fff; text-align: center; line-height: 35px; height:35px; font-size: 16px; width: 200px; cursor: pointer; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius:20px;}
.smessage .tjbtn:hover,.smessage .qxbtn:hover{ opacity: .8; filter: alpha(opacity=80); }


.proabc{}
.proabc li{ border-bottom:1px dashed #ccc; padding:20px 0;}
.proabc li:last-child{ border-bottom:none;}


#scrollBar { display:block; opacity: 0; z-index: 9999; -webkit-transition: opacity .4s; transition: opacity .4s; }
#scrollBar a { background: #fff; color: #666; width: 70px; height: 70px; padding-top: 15px; display: block; overflow: hidden; cursor: pointer; font-size: 12px; text-align: center; text-decoration: none; border: 1px solid #e6e6e6; border-top: 1px solid #eaeaea; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }
#scrollBar a:before { background: url(../img/gotop.png) no-repeat center 0; display: block; width: 20px; height: 12px; content: ''; margin: 0 auto 15px; }
#scrollBar a:hover:before { background-position: center bottom; }
#scrollBar a:hover { opacity: 1; filter: alpha(opacity=100); background: #3781fb; color: #fff; border: 1px solid #3781fb; border-top: 0 solid #60d3fa; }


.protit{ text-align:center; font-size:24px; color:#4c4c4c; padding:20px 0;}
.product .prolist01{ padding:50px 0;}
.product .prolist01:nth-child(2n){ background:#f5f5f5;}
.product .info{ margin:20px 0;}
.product .info .item{ float:left; width:22%; padding:1.5%;}
.product .info .item .pic{ border:1px solid #dedede;}
.product .info .item .pic:hover{ border:1px solid #39F; -webkit-transition: all .4s; transition: all .4s;}
.product .info .item .pic img{ display:block; width:100%;}
.product .info .item .name{ text-align:center; font-size:16px; padding:10px;}
.product .info .item .name a{ color:#333;}
.product .info .item .name a:hover{ text-decoration:none;}

.product .allnav{ margin:30px 0;}
.product .allnav a{ float:left; display:block; width:auto; padding:10px 20px; border:1px solid #dedede; margin:1%; font-size:14px; color:#333;}
.product .allnav a:hover{ text-decoration:none; background:#ccc; }


.side .snul { width:220px;}
.side .snul .snli { line-height: 40px; position:relative; border-bottom:1px solid #fff;}
.side .snul .snli .sna { padding: 0 20px; color: #666; font-size: 14px; display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; background: #f5f5f5 url(../img/ck.gif) no-repeat -16px center; background-size: 16px 14px; padding:10px 0;}
.side .snul .snli .sna:hover, .side .snul .snli.on .sna { background-color: #8bbda2; color: #fff; background-position: 18px center; padding-left: 20px; }

.side .snul .snli ul{ position:absolute; top:0; left:225px; z-index:999; display:none;}
.side .snul .snli ul li{ white-space:nowrap; line-height: 40px; position:relative; overflow:hidden; border-bottom:1px solid #fff;}
.side .snul .snli ul li a{ padding: 0 20px; color: #666; font-size: 14px; display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; background: #f5f5f5 url(../img/ck.gif) no-repeat -16px center; background-size: 16px 14px; text-align:left;}
.side .snul .snli ul li a:hover{ background-color: #8bbda2; color: #fff;}



.prodetail{ position:relative;}
.prodetail .bd{ font-size:15px; color:#333; line-height:2; word-wrap:break-word; padding-bottom:30px;}
.prodetail .bd h2{ text-align:center; font-weight:normal; color:#000; font-size:30px;}
.prodetail .bd img{ max-width:100%;}
.prodetail .bd b{ font-weight:bold; color:#39F;}

.prolist02 { padding-bottom:30px; padding-top:40px;}
.prolist02 .protit{ padding-top:200px; margin-top:-180px;}
.prolist02 h2{ text-align:center; font-weight:normal; color:#8a8a8a;}

.innav { background: transparent; width: 100%; -webkit-transition: background .3s ease; transition: background .3s ease; z-index: 10; top:0; position:relative; z-index:7; background:#fff; padding-top:0px;}
.innav.fxd { position: fixed; top:120px; z-index: 7; width:calc(100% - 250px); max-width:950px; padding-top:30px;}
.pishd { background:#F3F3F3; line-height:50px; height:50px; border-top:1px solid #dedede; }
.pishd .phul { }
.pishd .phul li { float: left; padding: 0 20px; font-size: 14px; cursor: pointer; }
.pishd .phul li a{ color: #666;}
.pishd .phul li.on { border-color: #ccc; background:#fff; color: #000; border-top: 1px solid #000; }


@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.bannerslide .swiper-slide{ height:400px;}
	.appbox .item{ width:23%;}
	.appbox .item .info{ width:100%;}
	.appbox .item:nth-child(2n){ padding-right:20px;}
	.appbox .item:last-child{ padding-right:0;}
	.appbox .item .img{ width:100%;}
	.honorbox li{ padding:10px;}
	.footer .fotnav dl{ padding-right:4%;}
	
	.nav .sub{ left:auto;}
	.nav .sub .list{ display:none;}
	

}


@media (max-width: 800px){
	.topbar{ position:relative;}
	.topbar .tel{ display:none;}
	.header{ position:relative; top:0;}
	.header .menu{ width:65px;}	
	.topheight{ display:none;}
	.show02{ display:block;}
	.bannerslide .swiper-slide{ height:200px;}	
	.nav{ position:absolute; left:0; background-color:rgba(0,0,0,.75); width:100%; display:none; top:80px; line-height:normal;}
	.navon{ display:block;}
	.nav .nul .nli{ width:100%; text-align:center; border-bottom:1px solid #a9a9a9; padding:10px 0;}
	.nav .nul .nli .na{ color:#fff;}
	.nav .nul .nli .na:hover { color:#fff; }
	.nav .nul .nli:hover .na:after { height:0;}


	.inbanner{ height:200px;}
	.inbanner .title .cn{ font-size:30px;}
	.wakaka01{ position:relative; top:0;}	
	
	
	.side{ width:100%; margin-bottom:30px;}
	.side .bd .bul .bli{ width:33%; float:left; line-height:normal;}
	.side .bd .bul .bli.on{ padding:10px 0;}
	.side .bd .bul{ width:auto;}
	.side .bd .bul .bli:hover{ transition:none; padding:10px 0;}
	
	
	.main{ width:100%;}
	
	
	.honorlist .item{ width:48%; margin-right:2%;}
	
	.smessage .inputText{ width:87%;}
	.smessage{ padding-left:0;}
	.smessage .tjbtn{ float:none; display:inline-block;}
	
	.newbox .ntop{ width:100%;}
	.newbox .newlist{ width:100%;}
	.newbox .newlist .date{ display:none;}
	.newbox .newlist .nbox{ width:100%;}
	.newbox .newlist .item:first-child{ padding-top:28px; border-top:1px solid #dedede;}
	.newbox .ntop .nbox{ margin-bottom:25px;}


	.appbox .item{ width:100%;}
	.applist .item .pic{ width:100%;}
	.appbox .item .img{ width:100%;}
	.applist .item .info{ width:100%; padding-left:0; margin-top:20px;}
	
	
	.compbox{ width:100%; margin:20px 0;;}
	.homebox4{ background:url(../img/home_06.jpg) no-repeat top right;}

	
	.prolist .item{ width:48%; margin:1%;}
	.prolist .item:nth-child(3n){ margin-right:1%;}
	.prolist .item .img img{ width:100%;}
	
	.honorbox li{ width:100%; box-sizing:border-box;}
	
	.product .info .item{ width:50%; box-sizing:border-box;}
	.product .allnav a{ padding:10px;}
	.product .info .item .name{ height:60px;}
	
	.side .snul{ width:100%;}
	.side .snul .snli ul{}
	.innav.fxd{ position:relative; top:0; width:100%;}
	.pishd{ height:auto; border-top:none;}
	.pishd .phul li{ float:none;}
	.pishd .phul li.on{ background:#f3f3f3; border-top:none;}
	.pishd .phul li.on a{ color:#F00;}
	
	.footer{ display:none;}
	
	
	
	
	
}