@charset "utf-8";
/* 
 * Project Name:烟台港
 * Author:cyh
 * Date：2018-8-27
 */
/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"Microsoft Yahei","微软雅黑","Arial"; color:#666; box-sizing:border-box; word-break: break-strict;}
p{line-height:25px;}
img{ border:none; vertical-align:middle; max-width:100%;}
td{ vertical-align:center; font-size:13px;}
body{ background:#fff;}
/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }
/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
/*首页*/
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:522px; float:left;}
.b-list{ height:50px; position: absolute; z-index:1; right:50%; top:340px; margin-right:-620px;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background-color:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background-color:#4eafff; }
.bar-left{ position:absolute; z-index:1; display:block; width:60px; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:60px; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.nav_banner{ width:100%;margin:0 auto; position:relative;}
 


/**/
.content{ width:100%;}



/*---pc 导航--*/
.heabg { background:#0057B6;}
.tel { line-height:102px; background:url(../images/tel.png) no-repeat left; padding-left:30px; text-align:right;}
.tel span {line-height: 20px;display:inline-block;margin-right:10px;vertical-align:  middle;}
.tel strong {font-size:20px;font-family:Impact Regular,Arial;color:#565656;line-height: 20px;display:inline-block;vertical-align: middle;}
.header1 nav {
  height: 63px;
  line-height: 63px;
}
.header1 nav li {
  float: left;
  background:url(../images/whitex.jpg) no-repeat right;
  position:relative;
  width:12.5%;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
.header1 nav li > a {
  color: #fff;
  font-size:17px;
  display: block;
  position: relative;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.header1 nav li:last-child { background:none;}
.header1 nav li:hover > a, .header1 nav li.cur > a {
  color: #fff;
}
.header1 .nav-sub {
  width: 150px;
  background: #fff;
  position: absolute;
  top: 63px;
  left: 0;
  z-index:99;
  height: auto;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .2s;
          transition: transform .3s .2s;
}
.header1 .nav-sub .n-nav-sub {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all .2s;
          transition: all .2s;
}
.header1 .nav-sub a {
  height: 45px;
  line-height: 45px;
  display: block;
  text-align: left;
  color: #333;
  font-size: 14px;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
.header1 .nav-sub .nav-arrow {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 16px;
  height: 16px;
  opacity: 0;
  -webkit-transform: rotate(90deg) translate(0px, 20px);
      -ms-transform: rotate(90deg) translate(0px, 20px);
          transform: rotate(90deg) translate(0px, 20px);
}
.header1 .nav-sub .nav-arrow:before {
  font-size: 16px;
  color: #fff;
}
.header1 .nav-sub a:hover {
  background-color: #2A98F4;
  color: #fff;
}
.header1 .nav-sub a:hover .nav-arrow {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
          transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
  opacity: 1;
  -webkit-transform: rotate(90deg) translate(0px, 0px);
      -ms-transform: rotate(90deg) translate(0px, 0px);
          transform: rotate(90deg) translate(0px, 0px);
}
.header1 .nav-sub.active {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
          transition: transform .3s;
}
.header1 .nav-sub.active .n-nav-sub {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all .2s .3s;
          transition: all .2s .3s;
}

/*--首页产品--*/
.w100 { width:100%;}
.pt40 { padding-top:40px; padding-bottom:40px;}
.protitle { float:left; background:url(../images/mlan.jpg) no-repeat left; padding-left:16px;}
.protitle strong { font-size:24px; color:#333333;}
.protitle span { text-transform:uppercase;}
.probord { position:relative;}
.probord label { font-size:18px; padding-left:18px;}
.prolan { background:#0D63C0; color:#fff; border:0; outline:0; font-size:18px; padding:4px 28px; margin-left:20px;}
.probg { background:url(../images/probg.jpg) no-repeat center top; background-size: cover; padding-top:47px;}
.probord .form-control { min-width:160px; cursor:pointer;-webkit-appearance: none;/*兼容苹果手机*/}
.probord select.form-control {background:url(../images/jiantou.png) no-repeat 95%;}


.proseach { padding-top:14px;}
.proseach .prolan { float:right;}
.w100 .tab_menu { float:left; width:90%;}
.w100 .tab_menu li { width:12.5%; float:left; height:77px; position:relative; text-align:center; background:#2A98F4; margin-top:13px;}
.w100 .tab_menu li:nth-child(2n-1){ background:#0057B6;}
.w100 .tab_menu li a { color:#fff; font-size:20px; padding-top:10px; display:inline-block; cursor:pointer;}
.w100 .tab_menu li.current a { font-weight:bold; padding-top:15px;}
.w100 .tab_menu li.current { height:89px; margin-top:0;}
.w100 .tab_menu li.current:after { content:""; position:absolute; bottom:-7px; left:50%;
width:0;height:0;border-width:7px 8px 0 8px;border-style:solid;border-color:#2A98F4 transparent transparent transparent;
}
.w100 .tab_menu li.current:nth-child(2n-1):after {border-color:#0057B6 transparent transparent transparent;}
.w100 .tab_box { padding-top:10px;}
.pork { margin:32px 0; overflow:hidden;}
.portitle { background:#7E7E7E; height:67px; line-height:67px; padding:0 26px; overflow:hidden;}
.promore { border:1px solid #fff; border-radius:5px; margin-top:25px; color:#fff; padding:0 14px; line-height:24px; display:inline-block;}
.right a:hover.promore { background:#fff; color:#0057B6;}
.portitle p.left { color:#FFF; font-size:18px; line-height:67px;}
.pork a:hover .portitle { background:#0D63C0;animation:sport 0.5s;transform: translateY(0px);}
.porpic { overflow:hidden;}
.porpic img{ transition:all 0.3s;width:100%;}
.pork a:hover .porpic img{ transform:scale(1.05);}

@keyframes sport {
0%   {transform: translateY(80px);opacity: 1;}
25%  {transform: translateY(50px);opacity: 1}
50%  {transform: translateY(20px);opacity: 1}
100% {transform: translateY(0px);opacity: 1}
}


@media (max-width:1199px) {
.probord .form-control { min-width:auto;}
.w100 .tab_menu li a { font-size:16px; padding-top:14px; }
.w100 .tab_menu li.current a { font-weight:bold; padding-top:20px;}
}
@media (max-width:1023px) {
.w100 .tab_menu { float:left; width:100%;}

}
@media (max-width:991px) {
.proseach .prolan { float:right; margin-top:10px;}
}

@media (max-width:767px) {

.proseach { width:100%;}
.prolan { margin-left:0;}
.w100 .tab_menu li { width:25%;}
.probord label { padding-left:0;}
}
/*--footer--*/
.footer { background:#0057B6; padding-top:62px; padding-bottom:20px;}

.side{position:fixed;width:56px;right:0;top:214px;z-index:99;}
.side ul li{width:56px;height:56px;float:left;position:relative;border-bottom:none; margin-bottom:4px;}
.side ul li .sidebox{position:absolute;width:56px;height:56px;top:0;right:0;transition:all 0.3s;background:#0079FF!important;color:#fff; font-size:16px;overflow:hidden; line-height:56px;}
.side ul li .sidetop{width:56px;height:56px;line-height:56px; display:inline-block;  transition:all 0.3s;}
.side ul li img{float:left;}
.wechat{ position:fixed; width:10px!important; height:10px!important; right:60px; top:280px;z-index:100; display:none;transition:all 0.6s;}
.float li:hover .wechat{ display:block;width:110px!important; height:110px!important;}
.side ul li .sideboxs{position:absolute;width:56px; height:56px; top:0;right:0;transition:all 0.3s; color:#fff; overflow:hidden;}
.float li a img {width:56px;height:56px;}

/*--公司简介首页--*/
.combg { background-image:url(../images/gsbg.jpg); min-height:699px; width:100%; margin:0 auto; padding-top:35px;    background-repeat: no-repeat; background-position:center;background-size: cover;
    background-attachment: fixed;}
.newlan { background:#ECF5FF; padding:156px 0 100px 0;}
.w50 { width:50%; float:left; min-height:621px; padding-bottom:20px; background:#fff;-moz-box-shadow:0px 4px 5px #DBE4ED; -webkit-box-shadow:0px 4px 5px #DBE4ED; box-shadow:0px 4px 5px #DBE4ED;}
.comtitle { float:left; background:url(../images/mbai.jpg) no-repeat left; padding-left:16px; margin-bottom:30px;}
.comtitle strong { font-size:24px; color:#fff;}
.comtitle span { color:#fff; text-transform:uppercase;}
.comcont h4 { font-size:24px; font-weight:500; margin:0; padding-top:88px; padding-bottom:45px;}
.comcont p { font-size:14px;word-break: break-all; padding-bottom:40px;}
.commore { display:inline-block; border:1px solid #0D63C0; border-radius:5px; text-transform:uppercase; font-size:14px; color:#0d63c0; padding:9px 74px;} 
a:hover.commore { background:#0D63C0; color:#fff;transition:all 0.3s;
-moz-transition: all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari 和 Chrome */
-o-transition:all 0.3s; /* Opera */}

@media (min-width: 768px) {
  .comcont {
    width: 375px;
  }
}
@media (min-width: 840px) {
  .comcont {    width: 410px;  }
}
@media (min-width: 992px) {
  .comcont {    width: 485px;  }
}
@media (min-width:1100px) {
  .comcont {    width:550px;  }
}
@media (min-width: 1200px) {
.comcont { width:595px;}

}
@media (min-width: 1240px) {
.comcont { width:600px;}
}

.comcont {  float:right; padding-left:15px; padding-right:74px;}
@media (max-width: 1200px) {
  .comcont {    padding-right:35px;  }
}
@media (max-width: 991px) {
.comcont p { padding-bottom:20px;}
.comcont h4 { font-size:22px; line-height:26px; padding-top:45px; padding-bottom:45px;}

}
@media (max-width: 767px) {
.w50 { width:100%; min-height:auto;-moz-box-shadow:0px 4px 5px #E5E5E5; -webkit-box-shadow:0px 4px 5px #E5E5E5; box-shadow:0px 4px 5px #E5E5E5;}
.combg {background: url(../images/gsbg.jpg) no-repeat left;}
.comcont { padding-right:15px;}
}

/*--首页新闻--*/
.newmore { float:right; padding-top:25px;}
.newmore a { color:#0d63c0; display:inline-block; border:1px solid #0D63C0; width:88px;padding: 3px 0; border-radius:5px; text-align:center; transition:all 0.3s;
-moz-transition: all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari 和 Chrome */
-o-transition:all 0.3s; /* Opera */}
.newmore a:hover { background:#0d63c0; color:#fff;}
.newpic { overflow:hidden;}
.newpic img { width:100%;-webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s}
.newpic a:hover img{ transform:scale(1.1);}

.indexnewx { margin-top:40px;}
.indexnewx .owl-buttons { display:none;}
.netbt { color:#0d63c0; font-size:22px; margin:0; height:25px; margin-top:28px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.newlie span{ display:block; padding:20px 0;}
.newlie p { line-height:28px; height:140px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.newlie a:hover p { color:#0d63c0;}
.homeal .owl-theme .owl-dots {  position:absolute; bottom:10px; right:0; text-align:left; width:50%; padding-left:15px;}
.homeal .owl-theme .owl-dots button { background:none;}
.homeal .owl-theme .owl-dots .owl-dot span { width:11px; height:11px; border-radius:50%; margin:5px 5px;}
.homeal .owl-theme .owl-nav { display:none;}

.newdown { padding-top:42px; overflow:hidden;}
.newtime { float:left; width:25%; text-align:center; font-size:16px; background:url(../images/block.jpg) no-repeat right;}
.newtime span { font-size:65px; color:#333333; display:block; text-align:center; height:55px; line-height:50px; margin:0; padding:0; margin-bottom:3px; margin-top:10px;}
.newright { float:left; padding-left:27px; width:75%;}
.newright h4 { font-size:18px; overflow:hidden; height:25px;white-space: nowrap;
text-overflow: ellipsis;}
.newright p { height:50px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newright a:hover h4{color:#0d63c0;}

@media (max-width: 1279px) {
.newtime { width:30%;}
.newright { padding-left:27px; width:70%;}


}
@media (max-width: 1100px) {

.newlie p { line-height:25px; height:100px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

}
@media (max-width: 1024px) {
.newlie span{ padding:10px 0;}

.newlie p { line-height:25px; height:75px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;}

}

@media (max-width: 991px) {
.newlie p { line-height:25px; height:50px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;}
}
@media (max-width: 767px) {

.homeal .owl-theme .owl-dots {  position: inherit; bottom:0px; right:0; text-align:center; width:100%; padding-left:0;}
.newlan { background:#ECF5FF; padding:50px 0 50px 0;}

.newtime { float:left; width:25%; text-align:center; font-size:14px; background:url(../images/block.jpg) no-repeat right; padding-bottom:10px;}
.newtime span { font-size:45px; color:#333333; display:block; text-align:center; height:45px; line-height:50px; margin:0; padding:0; margin-bottom:3px; margin-top:10px;}

}
.hzppbt { padding:54px 0 0 0;}
.hzlie { padding:68px 0 55px 0;}
.ppborder { border:2px solid #E9E9E9; overflow:hidden;-webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s}
.ppborder img { width:100%;-webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s}	
.ppborder:hover { border:1px solid #E9E9E9;}
.ppborder:hover img{ transform:scale(1.1);}

.hzlie .owl-theme .owl-dots { margin-top:10px;}
.hzlie .owl-theme .owl-dots button { background:none;}
.hzlie .owl-theme .owl-dots .owl-dot span { width:11px; height:11px; border-radius:50%; margin:5px 5px;}
.hzlie .owl-theme .owl-nav { display:none;}

/*--footer--*/
.footdown { color:#fff; text-align:center; border-top:1px solid #4A88CB; line-height:25px; padding-top:13px;}
.footdown a{ color:#fff;}
.foottitle { color:#fff; font-size:32px; margin-top:4px;}
.footti { font-size:16px; color:#fff; padding:20px 0 10px 0;}
.footdz { color:#fff; line-height:26px;}
.footup { padding-top:0; padding-bottom:47px;}
.footimg { padding-top:20px; display:block;}
.footimg img{ max-width:100%;}
.fotborder { border-left:1px solid #4A88CB;}
.colleft ul{ display:flex;}
.colleft ul li{ width:20%; float:left;}
.colleft ul li a{ display:block; font-size:14px; color:#fff; line-height:30px; height:30px; overflow:hidden;}
.colleft ul li a b{ display: block; font-size:16px; color:#fff; line-height:20px; font-weight:normal; margin-bottom:20px;}

.colleft { width:48%; float:left; padding-left:15px; padding-right:15px;}
.colright { width:52%; float:left;padding-left:30px; padding-right:15px;}

@media (max-width: 1100px) {
.foottitle {  font-size:30px; }
}
@media (max-width: 991px) {
.colleft { width:100%; float:left; padding-left:15px; padding-right:15px;}
.colright { width:100%; float:left;padding-left:15px; padding-right:15px; padding-top:15px;}
.fotborder { border-left:none;}
}
@media (max-width: 540px) {
.colleft { display:none;}
.footer { padding-top:30px;}
.foottitle {  font-size:22px; line-height:32px; }
}


/*关于我们*/
.secbanner { position:relative; overflow:hidden;}
.secbanner img{ width:100%; display:block;}
.pic2 { position:relative; overflow:hidden; display:block;}

@keyframes scroll_on0 {
	0% { opacity:0; filter:blur(0); }
	100% { opacity:1; filter:blur(0); }
}
@keyframes scroll_on1 {
	0% { opacity:0; transform:scale(1.1); }
	100% { opacity:1; transform:scale(1); }
}
@keyframes scroll_on22 {
	0% { left:0; }
	100% { left:100%; }
}

@keyframes scroll_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.secbanner.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:5; display:none\9;} 
.secbanner.articleShow:before{ animation:scroll_on22 1s ease-in-out forwards;}

.subnav{ min-height:66px; width:68%; padding:0; margin:0; float:left;}
.subnav li{float:left;/* width: 158px; */text-align:center;list-style:none;padding: 0 20px;}
.subnav li a{ display:block;line-height:66px; font-size:16px; color:#333; position:relative;}
.subnav li.active {background:url(../images/menbg.png) no-repeat bottom center;color:#fff;background-color: #007AFF;/* padding: 0 5px; */}
.subnav li.active a { color:#fff;}
.subnav li:hover{ background-color: #007AFF; }
.subnav li a:hover{ color:#fff;background:url(../images/menbg.png) no-repeat bottom center;background-color: #007AFF; }

.wild_color{ background-color:#f5f5f5; padding:0;}
.view{ font-size:30px; color:#0079ff; font-weight:bold; text-align:center; margin:40px auto; margin-bottom:80px;}
.list{ text-align:center; border-right:1px solid #ccc; padding:0 20px; height:115px;}
.list h3{font-size:26px; color:#333; margin:0 auto 14px; line-height:24px; font-weight:bold;}
.list h3 span{font-size:14px; color:#333; font-weight:normal;}
.list p{font-size:16px; color:#333; margin:0; line-height:24px;}
.article{ margin:50px auto;}
.article p{font-size:16px; color:#666; line-height:26px; padding-bottom:30px;}
.brod{ margin-bottom:50px;}
.style{ position:relative; overflow:hidden; padding:0;}
.style p{ position:absolute; bottom:0px; height:40px; margin:0; line-height:40px; color:#333; background-color:rgba(255,255,255,0.8); width:100%; text-align:center; overflow: hidden;transition:0.3s;}
.style img{ transition:0.3s; width:100%;}
.style:hover p{ background-color:#fff;}
.style:hover img{ transform:scale(1.1,1.1);}
.styles{ margin-bottom:50px;}

.bread_nav a{  display:inline-block; font-size:13px; color:#7a7b7f; padding:0 5px 0 5px; line-height:45px;}
.bread_nav{ text-align:right; padding-top:10px; color:#7a7b7f; float:right; height:66px;}
.bread_nav a:first-child{ background:none; font-size:16px;}
.bread_nav a:hover{ color:#0057B6;}
@media (max-width: 1023px) {

.secbanner { margin-top:72px;}
}
@media screen and (min-width:768px) and (max-width:992px) {
.list h3{font-size:22px; margin:0 auto 25px; }
.list p{font-size:13px;}
}
@media screen and (min-width:992px) and (max-width:1200px) {
.subnav li a{ padding:0px 15px; font-size:14px;}
 }

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

.list{ height:auto; border:none; margin-bottom:30px;}
.list h3{font-size:20px; margin:0 auto 10px; line-height:20px ;}
.list h3 span{font-size:14px;}
.list p{font-size:13px;}
.view{ font-size:24px; margin:30px auto;}
.article{ margin:0px auto 15px;}
.styles{ margin-bottom:30px;}
}
@media screen and (max-width:767px) {
.subnav { width:100%;}
.subnav li{ width:33.33%; text-align:center;}
.subnav li a { padding:0; font-size:14px;}
.subnav li a { line-height:44px;}
.subnav li.active { background:url(../images/menbg.png) no-repeat bottom center; background-color:#007AFF;}
.subnav li a:hover{ background:url(../images/menbg.png) no-repeat bottom center;background-color:#007AFF;}

}
/*新闻资讯*/
.newlist{ background-color:#fff; margin-top:40px; display:block; margin-bottom:30px; transition:0.2s; padding-top:1px; padding-bottom:1px; box-sizing:border-box;}
.newlist img{ width:100%;}
.newlist h3{ font-size:18px; color:#000; font-weight:normal; height:20px; overflow:hidden;}
.newlist span{ font-size:13px; color:#999; display:block; margin:15px 0;}
.newlist p{ font-size:14px; color:#666; line-height:24px; margin:10px 0;}
.newlist i{ font-size:14px; color:#0079ff; display:block; margin-bottom:15px; font-style:normal;}
.newlist:hover h3{ color:#0079ff;}
.newlist:hover{ box-shadow:2px 1px 10px #bbb;}
.news{ padding:0; margin:0;}
.news li{ background-color:#fff; padding:25px; margin-bottom:30px;}
.news .media-left{ background: url(../images/ca.png) no-repeat 0 0; padding-top:20px; width:70px; }
.num{font-size:20px; color:#333; font-weight:bold; text-align:center; width:60px; margin:0; line-height:24px;}
.time{font-size:13px; color:#666;text-align:center;width:60px; display:block;}
.news .media-body{ padding-left:20px;}
.news .media-body h4{font-size:18px; color:#333; line-height:24px; margin-bottom:15px;}
.news .media-body p{font-size:14px; color:#666; line-height:24px; margin-bottom:0px;}
.news a{ display:block;}
.news a:hover .media-left{background: url(../images/ha.png) no-repeat 0 0;}
.news a:hover .num, .news a:hover .time{ color:#fff;}
.news a:hover h4{ color:#0057b6;}
.news li:hover{ box-shadow:2px 1px 10px #bbb;}
.pagination{ margin-top:10px; margin-bottom:40px;}
@media screen and (max-width:768px) {
.newlist{ margin-top:20px; margin-bottom:10px; }
.news .media-body{ padding-left:2px;}
.news .media-body h4{font-size:16px;margin-bottom:10px; margin-left:0;}
.news .media-body p{font-size:13px; margin-left:0; height:46px; overflow:hidden;}
.news li{ padding:15px; margin-bottom:20px;}
.pagination{ margin-top:0px; margin-bottom:20px;}
}
/*常见问题*/
.lisy li{list-style:none; margin-bottom:30px;} 
.lisy h4{ font-size:18px; color:#333; line-height:24px; margin:0 0 15px 10px; transition:0.3s;}
.lisy p{ font-size:14px; color:#666; line-height:24px; margin:0 0 0px 10px; transition:0.3s;}
.lisy a:hover h4{ color:#0693e3;}
.lisy{ padding:0; margin:40px auto 0;}
.lisy li a{ display:block; background-color:#f9f9f9; padding:20px 15px; } 
@media screen and (max-width:768px) {
.lisy{ padding:0; margin:20px -15px 0;}
.lisy li a{ padding:20px 15px; } 
.lisy h4{ font-size:16px; height:24px; overflow:hidden;}
.lisy li{ margin-bottom:20px;} 
.lisy .media-body p{ height:44px; overflow:hidden;}
}
/*产品*/


.product-text{ margin-top:40px; padding:0px;}
.product-text li{ border-bottom:1px solid #f6f6f6;}
.product-top{ height:60px; background-color:#f5f5f5; border:1px solid #eee; line-height:60px; padding-left:20px; font-size:16px; color:#333; margin-bottom:20px; cursor:pointer;}
.product-top .on { transition: all 350ms ease 0s;}
.on { background-color:#0fbdf0; color:#fff; transition:0.3s;}
.product-info {background: #fff; box-shadow:1px 1px 6px #ccc; display:none; padding:20px 5px 1px; margin-top:0px; margin-bottom:20px; box-sizing:border-box;}
.product-top i{ line-height:60px; padding-right:20px; font-size:20px; }
.product-info .product{ margin-bottom:30px;}
.product-info .knowmore{ margin-top:20px;}
@media screen and (max-width:768px) {
.product-top{ height:50px; line-height:50px;}
.product-text{ margin-top:30px;}
.product-top i{ line-height:50px;}
}
.products{ margin:30px auto 10px;}
.products .product{ margin-bottom:30px;}
/*新闻详情*/

.white{ background-color:#fff; margin:40px auto; padding-top:2px;}
.white h2{ font-size:20px; color:#666; line-height:30px; margin:20px 0 5px;}
.white .border{ font-size:14px; color:#999; display:block; border-bottom:1px dashed #bbb; padding-bottom:10px; margin-bottom:15px;}
.white article p{ font-size:14px; color:#666; line-height:25px; margin-bottom:15px; }
.white .pull-right{ margin:30px 0 20px;}
.white .pull-right a{ display:inline-block; width:34px; height:34px; background-color:#fff; color:#666; border-radius:50%; line-height:34px; font-size:20px; text-align:center; margin-left:6px;}
.bottom div{ padding:0; margin-bottom:20px;}
.bottom{ border-top:1px dashed #bbb; padding-top:20px;}
.return{ display:inline-block; background-color:#0079FF; width:100px; height:36px; text-align:center; color:#fff; font-size:14px; line-height:36px; float:right; border-radius:4px; margin-bottom:20px;}
a:hover.return { color:#fff;}
.article_list{ background-color:#fff; padding:1px 15px; margin-top:40px; margin-bottom:40px;}
.article_list h2{ font-size:20px; color:#0079ff; line-height:30px; margin:20px 0 5px; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.article_list h2 a{ font-size:18px; color:#999; line-height:30px; float:right; }
.article_list h2 a:hover{ color:#0079ff;}
.article_list ul{ padding:0;}
.article_list ul li{ padding:6px 0; border-bottom:1px dashed #ccc;}
.article_list ul li span{font-size:13px; color:#999; line-height:15px;}
.article_list ul li h4{font-size:15px; color:#666; line-height:25px; margin:0; height:25px; overflow:hidden;}
.article_list ul li:hover h4{color:#0693e3;}
.newxpic { margin:10px 0;}

@media screen and (max-width:768px) {
.content{margin:10px auto;}
.content .pull-right{ margin:15px 0;}
.content h2{ font-size:18px; margin:10px 0 5px;}
}
/*产品详情*/
.details{ margin:40px 0 30px;}
.name{ font-size:24px; color:#333; line-height:26px; font-weight:normal; margin:0 0 20px;}
.xiang p{ font-size:14px; color:#666; line-height:26px;}
.xiang p strong{ font-size:16px; color:#333; line-height:30px;}
.maincontent .pull-right{ margin:10px 0 20px;}
.maincontent .pull-right a{ display:inline-block; width:34px; height:34px; border-radius:50%; line-height:34px; font-size:20px; text-align:center; margin-left:6px;}
.maincontent{ border-bottom:1px solid #ccc;}
.good{ font-size:30px; margin:0; line-height:30px; color:#333; padding:45px 0;}
.owl-carousel .infor{ height:60px;}
.owl-carousel .infor h3{ margin:8px 15px; font-size:16px;}
.owl-carousel .infor p{ margin:0px 15px;font-size:13px;}
.recommend{ padding-bottom:40px;}
@media screen and (max-width:768px) {
.details{ margin:20px 0; padding:0}
.name{ font-size:18px; margin:20px 0;}
.recommend{ padding-bottom:20px;}
.good{ font-size:20px; margin:0; line-height:20px; color:#333; padding:15px 0;}
}
/*下载中心*/

.xznav { border:1px solid #E9E9E9; width:131px; background:#fff; margin-top:14px; float:left; margin-bottom:14px;}
.xznav ul li { line-height:49px; border-bottom:1px solid #EEEEEE;}
.xznav ul li a { font-size:16px; padding-left:20px; font-weight:bold;}
.xznav ul li.on { background:#6F6F6F;}
.xznav ul li.on a { color:#fff;}
.xznav ul li:hover { background:#6F6F6F;}
.xznav ul li:hover a { color:#fff;}


.xzright { float:right; width:85%; padding-top:15px;}
.profess{ padding:0; margin-bottom:20px}
.profess li{ height:70px; line-height:70px; font-size:16px; color:#666; border-bottom:1px solid #ddd;}
.profess li a{  color:#666; padding-left:0; height:70px; overflow:hidden;}
.profess li span{font-size:14px;}
.profess li:hover a{ color:#0079ff;}
.profess li a.lan { color:#0079ff;}

/*翻页*/
.pages{padding-top:20px; margin:0 auto 50px; min-height:60px; text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; font-weight:500; display:inline-block; line-height:38px;
    color: #333;
    margin: 0 2px;
    width:42px; height:40px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #0079FF; text-decoration: none; color:#fff;width:42px; height:40px; line-height:38px; background-color:#0079FF; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #0079FF;  background-color:#0079FF;color: #fff; line-height:38px; width:42px; height:40px; font-size:14px; margin:0 2px;}
.pages a:first-child , .pages a:last-child{/* border:none;*/}

@media (max-width:1100px) {
.xzright { float:right; width:80%;}
}
@media (max-width:992px) {
.xzright { float:right; width:75%;}

}

@media screen and (max-width:768px) {
.cview{ margin-top:30px;}
.charbour{margin-bottom:30px; }
.pages{padding-top:0px; margin:0 auto 20px; }
.pages a { margin-bottom:5px;}
}
@media screen and (max-width:767px) {
.profess li { height:auto; line-height:35px;}
.profess li a{ display:block; height:35px;}

}
@media screen and (max-width:640px) {
.xznav { width:100%; background:#fff; margin-top:14px; float:left; margin-bottom:14px;}
.xznav ul li { width:33.33%; float:left; }
.xznav ul li a { padding-left:0; text-align:center; display:block; font-weight:500;}
.xzright { float:right; width:100%;}


}
/*营销网络*/
.map{ margin-bottom:40px;}
.information ul{ padding:0;}
.information ul li h4{ font-size:16px; color:#28aee3; margin:0; line-height:28px; font-weight:bold;}
.information ul li p{ font-size:14px; color:#666; margin:0; line-height:24px;}
.information ul li{padding:10px; margin: 20px 0; border: 1px solid #ddd; border-left-width: 5px;  
border-radius: 3px;}
.information ul li:nth-child(1){border-left-color:#1b809e;}
.information ul li:nth-child(2){border-left-color:#aa6708;}
.information ul li:nth-child(3){border-left-color:#ce4844;}
/*人才理念*/
.talent ul{ padding:0; margin-top:50px; margin-bottom:50px;}
.talent ul li{ border-right:1px solid #ccc; text-align:center; padding:0 20px;}
.talent ul li:nth-child(4){ border:none;}
.talent ul li h3{font-size:18px; color:#333; margin:30 auto;}
.talent ul li p{font-size:13px; color:#666; line-height:24px;}
.talent ul li img{ transition:0.6s;}
.talent ul li:hover img{ transform: rotateY(360deg)}
@media screen and (max-width:768px) {
.talent ul{ padding:0; margin-top:30px; margin-bottom:10px;}
.talent ul li{ border-right:none; text-align:center; padding:0 15px; margin-bottom:10px;}
}
/*人才招聘*/
.recruit-text{ padding:0;border-top:2px solid #E5E5E5;}
.recruit-text li{border-bottom:2px solid #E5E5E5; padding:0; background:url(../images/jobx.png) 98% center no-repeat;}
.recuit-top .ons {
    transition: all 350ms ease 0s;
}
.recruit-main .ons{ background-color:#0079FF;}
.recuit-top{ width:100%; cursor:pointer;}
.recuit-top h2{ font-size:24px; color:#1295df; font-weight:normal; margin-left:20px;}
.recuit-top p{ margin-left:20px; margin-bottom:20px;}
.recuit-top p span{ font-size:14px; color:#333; margin-right:15px;}
.ons h2, .ons p span{ color:#fff;}
.reruit-info {
    background: #f6f6f6 none repeat scroll 0 0;
    display: none;
    padding:10px 20px 30px;
}
.reruit-info p{ font-size:14px; color:#666; margin-right:15px;}
.reruit-info h3{font-size:16px; color:#666; line-height:30px; margin:0; padding:20px 0 0 0; }
.reruit-info a{ width:190px; height:54px; background-color:#0079FF; color:#fff; text-align:center; display:inline-block; line-height:54px; margin-top:20px;}
.recruit-main{ margin-bottom:50px;}
@media screen and (max-width:768px) {
.recuit-top h2{ font-size:20px; margin-left:15px;}
.recuit-top p{ margin-left:15px; margin-bottom:10px;}
.recuit-top p span{ font-size:13px; margin-right:10px;}
.reruit-info h3{font-size:16px; color:#333; line-height:30px; margin:0; }
.reruit-info a{ width:140px; height:50px; line-height:50px; margin-top:20px;}
.recruit-main{ margin-bottom:30px;}
.reruit-info { display: none;padding:20px 15px;}
}

/*--应聘页面--*/
.ldzcbt { font-size:30px; color:#0079ff; padding-top:40px; padding-bottom:33px;}
.ldzcbt span { display:block; font-size:16px; padding-top:10px;}
.recuit label{ width:20%; float:left;}
.recuit input[type=text]{ width:80%; float:left; border-radius:0px;}
.recuit input[type=radio]{ height:34px; margin-top:0px; vertical-align:-12px; margin-right:6px;}
.recuit .form-group{ line-height:34px; margin-bottom:30px;}
.recuit button{ margin-top:30px; margin-bottom:30px;}
.recuit textarea { border-radius:0px;}
@media screen and (max-width:992px){
.recuit .form-group:after{ content:''; display:block; visibility:hidden; clear:both; }
.recuit .form-group{ margin-bottom:10px;}
}


/*联系我们*/
.china{ font-size:24px; color:#000; margin:40px 0; line-height:24px;}
.contact img { display:inline-block;}
.contact p{font-size:14px; color:#333;line-height:40px; margin-bottom:23px; word-break:break-all}
.contact p span{ display: inline-block; width:42px; height:42px; border-radius:50%; background-color:#0079FF; margin-right:20px; text-align:center; color:#fff; font-size:22px;}
.contact p a{ color:#333;}
.contact h4{ line-height:40px; text-align:center; width:145px; font-size:14px; max-width:145px; float:right;}
#map{ margin:20px 0 50px;}
.ender{ color:#fff; text-align:center}
.ends{ color:#fff; text-align:center; font-size:30px; margin:40px auto 20px; padding-top:75px;}
.online{ margin:30px auto 40px; padding-bottom:60px;}
.online input{ height:44px; line-height:44px;}
.online button{ height:44px;}
.online button[type="reset"]{ background-color:#eee;}
.online button[type="submit"]{ }
.conright { text-align:right;}
.pt25 { padding-top:25px;}

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

.conright { text-align:left;}
.contact h4{ line-height:40px; text-align:center; width:145px; font-size:14px; max-width:145px; float:left;}
}

@media screen and (max-width:768px) {
.china{ font-size:20px; margin:30px 0;}
.contact p{ margin-bottom:5px;}
.contact p span{ display: inline-block; width:40px; height:40px; margin-right:15px; text-align:center;font-size:20px;}
.contact p a{ color:#333;}
.contact h4{ line-height:30px; text-align:center; font-size:14px;}
#map{ margin:10px 0 20px;}
.ends{ font-size:20px; margin:20px auto 10px; font-weight:bold;}
.online{ margin:20px auto 30px;}
.online input{ height:36px; line-height:36px;}
.online button{ height:36px;}
.gin{ padding:0;}
 }
 
@media screen and (max-width:767px) {
.pt25 { padding-top:0;}
#map{ display:none;}
}
 
/*荣誉资质*/
.honorList ul { margin:0; padding:0;}
.honorBox .inner { overflow: hidden; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.proBox .bx-viewport { overflow: hidden; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 31px; height: 31px; text-indent: -9999px; z-index: 9; }
.proDemo .bx-controls-direction { padding-top: 90px; }
.honorBox { padding-top: 62px;}
.honorBox .bx-controls-direction { padding-top:28px;clear: both; }
.honorBox .bx-wrapper .bx-controls-direction a { position: relative; width: 175px; float: left; display: block; margin: 0px;width:50px; height:50px; background-repeat: no-repeat; }
.honorBox .bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(../images/zuode.png);  position: absolute;left: 0px;top: 296px;}
.honorBox .bx-wrapper .bx-controls-direction a.bx-prev:hover { background-image: url(../images/zuode.png);  position: absolute;left:0px;top: 296px; }
.honorBox .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(../images/youde.png); position: absolute;right:0px;top: 296px;}
.honorBox .bx-wrapper .bx-controls-direction a.bx-next:hover {background-image: url(../images/youde.png);position: absolute;right:0px;top: 296px;}
.honorDemo li {padding: 0px 19px; float:left; }
.honorDemo li img { width: 100%; display:block;}
.honorList li .img { position: relative; overflow: hidden;}
.honorList li .img img { display: block; max-width:100%; margin-left: auto; margin-right: auto;}
.honorList li .name { font-size: 14px; color: #3c3c3c; background:url(../images/ryxian.jpg) no-repeat left bottom; height: 35px; margin-bottom:12px; width: 100%; }
.honorList li.initLi { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); }
.honor li{ border:none !important; padding:0; text-align:center; margin:0 !important;}
.honor li a{ background:none; padding:0; display:block;}
.honor li p{ padding:0; text-align:center; line-height:26px; font-size:16px; color:#666; margin:20px auto;}
.honorbox{ background-color:#dddddd; position:relative; overflow:hidden;}
.honorbox img{ border:6px solid #ddd;  transition:0.3s;}
.honordown{ position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:100%; cursor:pointer; transition:0.3s;}
.honordown p{ font-size:16px; color:#fff !important; margin:20px !important; line-height:26px !important; }
.honordown i{ color:#fff; font-size:36px; margin-top:30px;}
.honorbox:hover .honordown{ top:0px;}
.words{ line-height:26px !important; margin:20px 0;}
.honorbox:hover img{ transform:scale(1.1,1.1);}
@media screen and (max-width:768px) {
.honor li div{ padding:0;}

 }


/*企业荣誉*/
.titled{ font-size:28px; color:#333333; text-align:center; margin:40px auto 0; padding-bottom:40px; background:url(../images/line.jpg) no-repeat center 54px; }
.subtitle{font-size:16px; color:#666; text-align:center; margin-bottom:40px; line-height:26px;}

/*--产品频道页--*/
.prolie { margin-top:20px; margin-bottom:20px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.propic { overflow:hidden; position:relative; top:5px;}
.propic img { width:100%;}
.prolie p {  margin-top:18px; margin-left:10px; margin-right:10px; height:50px; font-size:14px;
		text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

}
.prolie em { color:#1176c0; float:right; font-style:normal; display:inline-block; padding-bottom:30px; margin-right:10px; padding-top:10px;}
.prolie:hover {-moz-box-shadow:0px 0px 15px #E7E7E7; -webkit-box-shadow:0px 0px 15px #E7E7E7; box-shadow:0px 0px 15px #E7E7E7;}
.prolie:hover .propic { top:0px;}
.probt { text-align:center; padding-top:50px; font-size:16px; color:#333333; font-weight:bold;}
.probt img { max-width:100%;}
.prodes { line-height:25px; padding:0 5px;}
.profl { text-align:center; margin-top:10px; background:url(../images/prox.jpg) repeat-x center;}
.profl span { display:inline-block; padding:0 8px; background-color:#fff; font-size:24px; color:#0057b6; font-weight:bold;}

.produtpic { border:1px solid #E5E5E5; border-bottom:none; overflow:hidden;}
.produtpic img {-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.produt a:hover .produtpic img{transform:scale(1.1,1.1);}
.produtdes { background:#7E7E7E; text-align:center; position:relative; bottom:0; height:54px; font-size:16px; padding:16px 0; color:#fff; }
.produtdes em { display: inline-block; padding:0 10px; font-family:思源黑体 CN Normal; font-style:normal; border:1px solid #fff; border-radius:18px;}
.protan p{ margin-bottom:10px;font-size:16px; height:25px;color:#fff;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.protan { position:absolute;top:15px; height:34px; overflow:hidden;width:100%; left:0;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.produt a:hover .protan {background:#0079FF; height:84px; top:-30px; padding-top:10px;}
.produt a:hover .produtpic { box-shadow:0px 0px 10px #bbb;}
.prodown { padding-top:50px; padding-bottom:30px;}
.produt { padding-bottom:15px;}

.proupbt { background:#7E7E7E; text-align:center; position:relative; bottom:0; height:54px; font-size:16px; padding:16px 0; color:#fff; }
.proupbt p{ margin-bottom:10px;font-size:16px; height:25px;color:#fff;overflow: hidden;
white-space: nowrap;}
.produt a:hover .proupbt {background:#0079FF;}







/*--产品详情--*/
.prodcont {}
.prodcont h4 { font-size:26px; color:#2273b2; text-align:center; padding-bottom:27px;}
.prodcont p { font-size:15px; color:#333333; line-height:36px;}
.pro_detail { padding:25px 0;}
.prowhite { display:block;}
.prowhite img { width:100%;}
.proright { padding-top:10px;}
.proright h3 { color:#0057b6; font-size:24px; font-weight:bold; background:url(../images/prox2.jpg) no-repeat left bottom; margin:0; padding-bottom:14px;margin-bottom:30px;}
.proright p { color:#333333;line-height:25px; }
.npromore { color:#fff; font-size:14px; background:#0079FF; padding:0 35px; height:40px; line-height:40px; display:inline-block;}
.npromore i { font-style:normal; padding-left:29px;}
.contbg { background:url(../images/telbg.png) no-repeat left;}
.messbg { background:url(../images/messbg.png) no-repeat left;}
.npromore:hover { color:#fff;}
.npromore:hover .contbg{background:url(../images/telbg2.png) no-repeat left;}
.procnav { padding-top:50px;}
.procnav a.promore:first-child { margin-right:20px;}
.protitlet { overflow:hidden;margin-top:75px; border-bottom:1px solid #EBEBEB;}
.protizuo { float:left; display:inline-block; color:#fff;font-size:17px;}
.protizuo .nav-tabs { border:none;}
.protizuo .nav-tabs > li { margin-right:8px;}
.protizuo .nav-tabs > li > a { padding:0 33px; background:url(../images/nvabg.jpg) repeat-x; font-size:14px; border:none; color:#3c3c3c; border-radius:0; margin:0; line-height:44px; height:44px; display:block;}
.protizuo .nav-tabs > li > a:hover { border:none; background:#0079FF; margin:0; color:#fff; border-radius:0;}
.protizuo .nav-tabs > li.active > a,.protizuo .nav-tabs > li.active > a:hover,.protizuo .nav-tabs > li.active > a:focus { background:#0079FF; color:#fff; border:none; border-radius:0;}



.artpro { padding:30px 0; width:100%;}
.artpro img { max-width:100% !important; height:auto !important; width:auto !important;}
.arttitle p { color:#3c3c3c; margin-top:10px; line-height:25px; padding-bottom:5px;}
.tjian { border-bottom:1px solid #DCDCDC; padding-bottom:15px;margin-bottom:34px;}
.tjian span { background:url(../images/morezi.png) no-repeat left; padding-left:36px; font-size:24px; color:#333333; font-weight:bold; }
.prohidden { border-top:1px solid #DCDCDC; padding-top:40px;}
.proxbg {}
.back { color:#0a5db9; border:1px solid #0a5db9; padding:10px 27px; float:right;}
a:hover.back { background:#0057B6; color:#fff;}
.proleft { padding-top:5px;}
.proleft a{ border:1px solid #D8D8D8; margin-right:18px; display:inline-block; width:92px; height:32px; text-align:center; line-height:32px; border-radius:16px;}
.proleft a:hover {background:#0057B6; color:#fff;}
.pronewx { display:block !important;}

.pronewx .owl-nav { display:block !important; position:relative;}
.cpdown .owl-carousel .owl-nav button.owl-next,.cpdown .owl-carousel .owl-nav button.owl-prev { position:absolute; width:54px; height:54px; text-align:center;  background:none; outline:0; border:none;}
.cpdown .owl-carousel .owl-nav button.owl-next { right:-64px; top:-170px;}
.cpdown .owl-carousel .owl-nav button.owl-prev{ left:-64px; top:-170px;}

.cpdown .owl-carousel .owl-nav button span{ font-size:40px; font-weight:bold;width:54px; height:54px; text-align:center; line-height:40px; border:2px solid #666666; border-radius:50%; display:inline-block;}
.cpdown .owl-carousel .owl-nav button:hover span{ border:2px solid #0057B6; color:#0057B6;}
.cpdown .owl-carousel .owl-nav button:hover span{ color:#0057B6;}
.cpxle { font-size:28px; color:#3c3c3c; padding-top:50px;}

@media (max-width:998px) {
.proright h3 { font-size:22px;}
}
@media (max-width:960px) {
.cpdown .owl-nav { display:none !important; }
.cpdown .owl-dots { display:block; position:relative; text-align:center;}
.cpdown .owl-carousel button.owl-dot { display:inline-block; width:10px; height:10px; background:#666666; border-radius:50%; margin:0 3px;}
.cpdown .owl-carousel button.owl-dot.active { background:#0057B6;}

}

@media (max-width:767px) {
.protizuo { font-size:14px; width:100%;}

.protizuo .nav-tabs > li { width:30%; text-align:center;}
.protizuo .nav-tabs > li > a { padding:0;}
.proleft a{ border:1px solid #D8D8D8; margin-right:10px; display:inline-block; width:82px; height:32px; text-align:center; line-height:32px; border-radius:16px;}
.back { margin-top:5px;
    color: #0a5db9;
    border: 1px solid #0a5db9;
    padding: 5px 9px;
    float: right;

}
}
@media (max-width:413px) {
.procnav { overflow:hidden; height:auto;}
.npromore { margin-bottom:5px; padding:0 22px;}
.procnav a.promore:first-child { margin-right:5px;}

}
@media (max-width:330px) {
.protizuo .nav-tabs > li { width:50%; text-align:center;}
.protizuo .nav-tabs > li > a { padding:0; font-size:14px;}

}





/*营销网络*/
.yingx{width:100%;margin: 10px auto 60px;background:url(../images/map.jpg) no-repeat;min-height: 585px;}
.yingx .left{ width:850px;}
.yingx .right { padding-top:50px;}
.map{ width:100%; height:498px; margin:0px auto; position:relative;}
.map div{width:38px; height:52px;}
.map .ndw{ position:relative;}

/*map地图*/
#jinan{position:absolute;left: 242px;top: 238px;}
#qingdao {position:absolute;left: 596px;top: 304px;}
#yantai {position:absolute;left: 688px;
    top: 126px;}
#weihai { position: absolute;    left: 757px;    top: 153px;}
#dongying {  position:absolute; left: 414px;top: 131px;}
#rizhao { position:absolute;left: 502px;top: 385px;}
#linyi { position:absolute;left: 386px;top: 428px;}
#zibo { position:absolute;left: 353px; top: 234px;}
#weifang { position:absolute;left: 459px;top: 242px;}
#binzhou { position:absolute;left: 374px;top: 156px;}
#zaozhuang {position:absolute;left: 286px;top: 450px;}
#jining {position:absolute;left: 201px;top: 405px;}
#taian {position:absolute;left: 266px;top: 313px;}
#laiwu {position:absolute;left: 313px;top: 282px;}
#heze {position:absolute;left: 90px;top: 416px;}
#liaocheng{position:absolute;left: 143px;top: 246px;}
#dezhou {position:absolute;left: 191px;top: 127px;}



.right{ float:right;}
.left{ float:left;}
/*map地图*/
.map div p{ display:block;  color:#0079ff; padding-top:5px; text-align:center;}
.map div p b{ font-size:14px;  font-weight:normal;}
.map div img{width: 100%;/* height:31px; */display:block;}
.map div:hover img{width: 95%;}

.jdjl { height:60px; width:100%; margin:0 auto;}

.honor06 {width: 295px;margin:0 auto;position:relative;height: 580px;overflow:hidden;}
#featureContainer {border-bottom: #dadada 1px solid; MARGIN: 0px auto; WIDTH: 291x; HEIGHT: 158px; FONT-SIZE: 80%; OVERFLOW: hidden; BORDER-TOP: #dadada 1px solid}
#wrap {OVERFLOW: hidden}
#load {BACKGROUND-IMAGE: TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 710px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px}
#botton-scroll {Z-INDEX: 0; MARGIN: 0px auto; WIDTH: 710px; FLOAT: left; HEIGHT: 150px}
.event_scroll { WIDTH:100%; OVERFLOW: hidden;}
.left_btn {
   width:46px;
   background:url(../images/ytop.png) no-repeat right center;
   HEIGHT: 46px;
   OVERFLOW: hidden;
   CURSOR: pointer;
   position: absolute;
   top: 534px;
   z-index:99999;
   left: 0px;
   }
.right_btn {
 WIDTH:46px;
 BACKGROUND:url(../images/ybottom.png) no-repeat left center;
 HEIGHT: 46px;
 OVERFLOW: hidden;
 CURSOR: pointer;
 position: absolute;
 top: 534px;
 z-index: 99999;
 left:65px;
 }
.years_box { height:700px; color: #606060; overflow: hidden ; margin-top:15px; }
.years_box LI { width:100%;  height:170px; overflow: hidden; CURSOR: pointer; position:relative; text-align:left; border-bottom:1px solid #EBEBEB;}
.years_box LI p{ text-align:left;padding-left:25px; font-size:13px; margin:6px 0;}

.city{ position:absolute; text-align:center; cursor:default;}
.city span{ display:block; width:5px; height:5px; border-radius:50%; background-color:#bc0c16; margin:0 auto; transition:all 0.3s;transform:translateY(0);}
.city p{ font-size:12px; color:#333; line-height:20px; text-transform:uppercase;transition:all 0.3s;}
.city:hover span{ width:7px; height:7px; transform:translateY(-2px);}
.city:hover p{font-size:13px; line-height:15px; color:#bc0c16;}
#usa{left:92px; top:109px;}

.inter{ font-size:15px; color:#0079ff; font-weight:500; padding-top:10px; margin:0; margin-bottom:10px;border-bottom:1px solid #EBEBEB; padding-bottom:10px;}
.yxico1 { background:url(../images/yxico1.png) no-repeat 0 4px; }
.yxico2 { background:url(../images/yxico2.png) no-repeat 0 4px; }
.yxico3 { background:url(../images/yxico3.png) no-repeat 0 4px; }
.yingxmobile { display:none;}
.yingxmobile img { max-width:100%; margin:0 auto; display:block;}

@media (max-width:1199px) {
.yingx .left{ display:none;}
.yingx{width:100%;margin: 10px auto 60px;background:none;min-height: 585px;}
.yingxmobile { display:block; width:100%;}
.left_btn,.right_btn { display:none;}
.honor06 { height:auto;}
.yingx .right { float:left; width:100%;}
.yingx .honor06 { width:100%;}
.yingx .years_box { height:auto;}
.years_box LI { width:50%; float:left;}
 
}

.pt30 { padding-top:30px;}

@media (max-width:640px) {
.years_box LI { width:100%; float:left; height:auto;}
.yingx .right { padding-top:15px;}

}

.banner .owl-carousel .owl-dots.disabled { display:block; height:0; position:relative;}
.banner .owl-dots { position:absolute; width:100%;margin-top:-40px;text-align: center; z-index:99;}
.banner .owl-carousel button.owl-dot { width:14px; height:14px; border:1px solid #fff;background:#fff; border-radius:50%; margin:0 5px;outline:0;}
.banner .owl-carousel button.owl-dot.active { background-color:#0057B6; border:1px solid #0057B6; outline:0;}