body { overflow-x: hidden; background: #fff; }
header .lag { font-size: 12px; text-align: right; }
#head, .lag { max-width: 1170px; margin: 0 auto; }
#head { display: flex; justify-content: space-between; margin: 16px auto; }
.lag a { padding: 0 18px; line-height: 46px; color: #fff; }
.lag a.on { color: red; }
.top { background: #383838; }
#head a { display: inline-block; position: relative; font-size: 14px; color: #747474; }
#head a p { position: absolute; right: -6px; bottom: 10px; }
.pgwMenu { position: relative; line-height: 90px; list-style: none; }
.pgwMenu.light { background: #d5d5d5; }
.pgwMenu ul { list-style: none; white-space: nowrap; margin: 0; padding: 0; }
.pgwMenu ul.mobile { background: rgba(51, 51, 51, 0.9); box-shadow: 2px 2px 4px #777; position: fixed; left: 0; top: 46px; z-index: 1000; }
.pgwMenu.light ul.mobile { background: #d5d5d5; }
.pgwMenu ul.mobile li { display: block; clear: both; width: 160px; line-height: 20px; text-align: center; }
.pgwMenu ul.mobile li a { border-bottom: 1px dashed #b4b4b4; color: #fff!important; }
 .pgwMenu ul.mobile li:nth-last-child(1) a {
 border: 0;
}
.pgwMenu li { float: left; font-size: 0.9rem; }
.pgwMenu a { display: block; color: #fff; line-height: 40px; padding: 0 12px; text-decoration: none; }
.pgwMenu.light a { color: #000; }
.pgwMenu a.selected { background: #777; }
.pgwMenu.light a.selected { background: #bbb; }
.pgwMenu li:hover { border-bottom: 2px solid red; }
.pgwMenu.light li a:hover { background: #c5c5c5; }
.pgwMenu li.active { border-bottom: 2px solid red; }
.pgwMenu .pmDropDown { display: none; position: fixed; top: -10px; left: 0; }
.pgwMenu .pmDropDown a { display: inline-block;/*background: #777;*/ }
.pgwMenu .pmDropDown a.active { background: #666; }
.pgwMenu.light .pmDropDown a { background: #c5c5c5; }
.pgwMenu.light .pmDropDown a.active { background: #bbb; }
.pgwMenu .pmDropDown span.icon, .pgwMenu .pmDropDown span.white { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px; }
.pgwMenu.light .pmDropDown span.icon, .pgwMenu .pmDropDown span.black { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px; }
.banner { max-height: 800px; }
.banner img { margin: auto; }
.about, .p-center, .c-case, .news-center, .partner { padding: 70px 0; }
.main-t { max-width: 440px; height: 134px; margin: 0 auto; }
.main-t.ab { background: url('../about_us.png') no-repeat center; }
.about .ab-con { margin-top: 60px; }
.about .ab-con p { line-height: 30px; text-align: center; }
.ab-con .ab-show { margin: 100px auto; }
.ab-show .show-item { position: relative; }
.ab-show .show-mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; background: rgba(0, 0, 0, 0.6); text-align: center; transition: all 0.5s; }
.ab-show .show-mask.show { display: block; }
.ab-show .show-mask h2 { position: absolute; top: 20%; left: 50%; margin-left: -36px; color: red; }
.ab-show .show-mask span { position: absolute; top: -6px; right: -14px; color: red; font-size: 20px; font-weight: bolder; }
.ab-show .show-mask p { position: absolute; bottom: 20%; color: #fff; }
.ab-con .ab-show section { width: 100%; height: 410px; margin: auto; }
.video-box { position: relative; min-width: 375px; height: 410px; }
.video-box h4 { padding: 4px 0; background: #fafafa; text-align: center; }
#my-video { margin-top: -20px; }
.video-box .play { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; background: url(../play.png); cursor: pointer; }
.more { width: 118px; height: 43px; margin: 0 auto; margin-bottom: 30px; overflow: hidden; background: red url('../arrow.png') no-repeat center; transition: background 0.5s; background-position: -100%; cursor: pointer; }
.more:hover { background-position: center; }
.more:hover a { text-indent: 900px; }
.more a { display: block; height: 100%; text-align: center; line-height: 43px; color: #fff; transition: all 0.5s; }
#main .p-center { background: #f2f2f2; }
.p-center li a { display: block; width: 100%; overflow: hidden; }
.p-center li:hover img { transform: scale(0.95); transition: transform 0.5s; }
.p-center li:hover .p-name { background: red; color: #fff; transform: scale(0.95); transition: transform 0.5s; }
.main-t.pro { margin-bottom: 34px; background: url('../pruduct_center.png') no-repeat center; background-size: 100%; }
.p-name { margin-top: 20px; padding: 12px 6px; text-align: center; color: #747474; background: #e8e7e7; }
.p-name:hover { background: red; color: #fff; }
.p-center .more { margin-top: 64px; }
.c-case { position: relative; background: url('../case-bg.jpg'); background-size: cover;/*z-index: -2;*/ }
.c-case .case-mask { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9);/*z-index: -1;*/ }
.main-t.case { position: relative; z-index: 888; background: url('../cooperation.png') no-repeat center; }
.c-case .c-content { position: relative; z-index: 888; margin-top: 36px; background: #fff; }
.c-case .coo-list li { height: 120px; border-right: 1px solid #737373; border-bottom: 1px solid #737373; background: url('../c-bg.jpg') no-repeat; }
.c-case .coo-list li.active { border: 1px solid red; }
.c-case .coo-list li.ten { background-position: 0px 0px; }
.c-case .coo-list li.net163 { background-position: 0 -120px; }
.c-case .coo-list li.qy { background-position: 0 -240px; }
.c-case .coo-list li.ye { background-position: 0 -360px; }
.c-case .c-content .coo-m { text-align: center; }
.c-case .c-content .coo-info { padding: 100px 24px 150px; height: 480px; background: red; color: #fff;/*text-align: center;*/ }
.c-case .c-content .coo-info h4 { text-align: center; }
.c-case .c-content .coo-info p { font-size: 14px; line-height: 28px; }
.c-case .more { position: relative; z-index: 888; margin-top: 74px; }
.news-center .main-t.news { background: url('../news.png') no-repeat center; }
.new-more { padding-right: 10px; max-width: 1200px; margin: 0 auto; padding-bottom: 40px; border-bottom: 1px solid #383838; text-align: right; }
.news-center .new-more a { padding-right: 10px; font-size: 12px; color: red; }
.news-center .news-tit { margin: 70px 0 40px; }
.news-center .new-t a { display: flex; justify-content: space-between; margin-top: 34px; color: #383838; }
.news-center .new-t .new-date { color: #848484; }
.news-center .new-msg { margin-top: 34px; color: #848484; }
.news-center .new-msg p { line-height: 28px; }
.news-center .new-con { padding: 2px 0 36px; border-top: 1px solid #848484; }
.news-center .new-con .new-t { margin-top: 26px; }
.news-center .new-con .new-msg { margin-top: 24px; }
.new-t a strong { color: #383838; }
.partner { }
.main-t.par { background: url('../partner.png') no-repeat center; }
.partner .par-list { margin-top: 36px; }
.partner .par-list .par-item { /*height: 75px;*/ padding: 10px; border: 1px solid #848484; }
/*产品中心*/

.pban { height: 355px; min-height: 200px; }
.pban a { width: 100%; min-height: 200px; }
#slideBox { width: 100%; height: 355px; }
#slideBox .bd { position: relative; width: 100%; height: 100%; }
#slideBox .bd li { width: 100%; height: 100%; z-index: -1; position: absolute; left: 0px; top: 0px; }
/*.pro-nav a {
  
    width: 164px;
    height: 48px;
    padding: 14px 0 0;
  
    text-align: center;
    color: #000;
}*/

.pro-nav a.active { background: red; color: #fff; border: 1px solid transparent; }
.pro-nav a.active:hover { color: #fff!important; }
.pro-page { margin: 60px auto; }
.p-banner .slide { width: 100%; height: 350px; }
.p-content { padding: 100px 0 200px; }
.pro-content .pro-item a { display: block; width: 100%; }
.pro-content .pro-item:hover img { transform: scale(0.95); transition: all 0.5s; }
.pro-content .pro-item:hover .p-name { background: red; color: #fff; transform: scale(0.95); transition: all 0.5s; }
.p-icon { width: 26%; height: 152px; background: url(../par-icon.jpg) no-repeat; }
.p-item-wrap { display: flex; flex: 1; /*width: 100%;*/ border-collapse: collapse; }
.p-item-wrap a { display: block;/*width: 50%;*/ }
.p-item-wrap .p-item { /*width: 50%;*/ /*display: table-cell;*/ height: 194px; line-height: 194px; padding: 10px; border: 1px solid #ccc; text-align: center; }
.pro-item { padding-bottom: 30px; }
.newnewlist ul li { padding: 0 0 30px 0; }
.newnewlist a h3 { font-size: 18px; color: #000; }
.newnewlist a:hover h3 { color: #C00; }
.newnewlist ul li p { line-height: 180%; color: #999 }
.newnewlist ul li span { line-height: 200%; color: #aaa; font-size: 12px; }
.newszw { padding: 30px 0; }
/*尾部*/

footer { padding: 70px 0; background: #383838; color: #fff; }
footer #foot { }
.pagecon { padding-bottom: 50px; line-height: 200%; }
.page { border-top: 1px solid #ddd; padding: 20px 0; }
.feedback_table { width: 100%; }
.feedback_table td { padding: 5px; }
.feedback_table input { border: 1px solid #ccc; background: #fff; height: 30px; line-height: 30px; width: 200px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 0 10px; }
.feedback_table textarea { border: 1px solid #ccc; background: #fff; height: 200px; line-height: 20px; width: 700px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 10px; }
.feedback_table input.submit { width: 120px; height: 40px; background: #000; color: #fff; line-height: 40px; text-align: center; border: 1px solid #000; cursor: pointer; font-size: 14px; }
.feedback_table .info { padding: 0 0 0 10px; }
 @media only screen and (max-width:468px) {
 body {
 overflow-x: hidden;
}
 p {
 font-size: 12px;
}
 .logo {
 width: 160px;
 height: 60px;
}
 #head a p {
 right: -50px;
 bottom: 0px;
}
 .pgwMenu li.active, .pgwMenu li:hover {
 border: 0;
}
 .ab-show .show-mask h2 {
 top: 10%;
}
 .about .ab-con p {
 line-height: 20px;
}
 .ab-show .show-mask p {
 bottom: 10%;
}
 .video-box {
 height: 260px;
 margin-top: 40px;
}
 #my-video {
 margin-top: 0;
}
 .c-case {
 padding: 35px 0!important;
}
 .c-case .coo-list li {
 border: 0;
 width:49%;
 display:inline-block;
 height:80px;
 }
 .c-case .coo-list li.ten {
 background-position: 0px 0px;
  background: url('../c-bg1.jpg') no-repeat; 
  background-size:cover;
}
 .c-case .coo-list li.net163 {
 background-position: 0px 0px;
  background: url('../c-bg2.jpg') no-repeat; 
  background-size:cover;
}
 .c-case .coo-list li.qy {
  background-position: 0px 0px;
  background: url('../c-bg3.jpg') no-repeat; 
  background-size:cover;
}
 .c-case .coo-list li.ye {
 background-position: 0px 0px;
  background: url('../c-bg4.jpg') no-repeat; 
  background-size:cover;
}
 .p-center li {
 margin-bottom: 20px;
}
 .partner .par-list .par-item {
 height: 45px;
 margin-top: 20px;
}
 .pro-content .pro-item {
 margin-bottom: 30px;
}
 .pban {
 height: 200px;
}
 #slideBox {
 height: 200px;
}
    /*.pro-nav a {
        border-right: 1px solid #a4a4a4;
    }*/
    /*.pro-nav a:nth-child(even) {
        border: 0;
    }*/
    .pc-slide {
 width: 100%!important;
}
 .p-banner .slide {
 height: 200px;
 background-size: cover;
}
 .p-icon {
 width: 50%;
}
 .p-item-wrap .p-item img {
 width: 100%;
}
 footer p {
 font-size: 14px;
}
 .foot-l p:nth-child(2) {
 margin: 20px 0!important;
}
 .foot-m {
 margin: 30px 0;
}
 .foot-m p:nth-child(2) {
 margin: 20px 0!important;
}
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
 .logo img {
 width: 200px;
}
 #head a p {
 right: -44px;
 bottom: 0px;
}
 .pgwMenu a {
 padding: 0 9px;
}
 .pgwMenu .pmDropDown {
 display: none;
}
 .ab-show .show-mask h2 {
 top: 10%;
}
 .about .ab-con p {
 line-height: 20px;
}
 .ab-show .show-mask p {
 bottom: 10%;
 font-size: 12px;
}
 .video-box {
 height: 260px;
}
 #my-video {
 margin-top: -14px;
}
 .c-case .c-content .coo-info p {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 9;
 overflow: hidden;
}
 .news-center .new-con .new-msg p {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
 .pro-content .pro-item {
 margin-bottom: 30px;
}
 .pc-slide {
 width: 100%!important;
}
 .p-banner .slide {
 height: 300px;
 background-size: cover;
}
 .p-item-wrap .p-item img {
 width: 100%;
}
}
 @media only screen and (width:1024px) {
 .video-box {
 height: 360px;
}
 #my-video {
 margin-top: -38px;
}
}