/*公共部分开始*/
body{ background:url(../images/bg.png) }
ul{  list-style:none;padding: 0; }
.clear{ clear:both; }
/*公共部分结束*/
/*头部开始*/
.tou{ background: #e4e4e4; padding:0.5rem 0;}
.bg-migu{ background:#014d99; }
.migubg{ position:relative; margin:0.6rem  auto; width:15px; height:25px; background:linear-gradient(120deg, transparent 49.5%, #fff 49.5%, #fff 50.5%, transparent 50.5%);  }
.migubg:last-child{ width:0; }
.nav-item:hover{ background:#ffcc33; transform: skewX(-30deg); }
.nav-link:hover{  transform: skewX(29deg); }

.tou-logo{ padding:0.5rem 0; }
.phone { float: right; font-size: 28px; margin-top: 0px;  }
.phone img { margin-right: 10px; float: left; }
.phone .phone-num { float: left; margin-top: 3px; }
.phone small { font-size: 16px; display: block; margin-left: 3px; color: #888; }
.phone span { display: block; color: #f3b300; font-weight: bold; }

.navs{ background:#DADADA;color:#000;margin-top: 0px; font-size:0.8rem; padding:10px 0;  }
.navs a{ color:#000; padding:3px 10px; }
.navs a:hover{ color:#000;text-decoration: none;}
/*头部结束*/
/*首页开始*/
h3.titlea{ font-size:1.2rem; padding:12px 0;   position:relative; }
h3.titlea p{ color:#bbb; font-size:1rem; margin-bottom:0;  }
h3.titlea a.more{ float:right; font-size:0.8rem; color:#333; position:absolute; bottom:0;right:15px; } 

h3.titleb{ font-size:1.2rem; padding:12px 0;   position:relative; }
h3.titleb p{ color:#bbb; font-size:1rem; margin-bottom:0;  }
h3.titleb a.more{ float:right; font-size:0.8rem; color:#333; position:absolute; bottom:0;right:15px; } 

h3.titlec{ font-size:1.2rem; padding:12px 0;   position:relative; }
h3.titlec p{ color:#bbb; font-size:1rem; margin-bottom:0;  }
h3.titlec a.more{ float:right; font-size:0.8rem; color:#333; position:absolute; bottom:0;right:15px; } 

h3.titled{ font-size:1.2rem; padding:12px 0;   position:relative; }
h3.titled p{ color:#bbb; font-size:1rem; margin-bottom:0;  }
h3.titled a.more{ float:right; font-size:0.8rem; color:#333; position:absolute; bottom:0;right:15px; } 

h3.titlee{ font-size:1.2rem; padding:12px 0;   position:relative; }
h3.titlee p{ color:#bbb; font-size:1rem; margin-bottom:0;  }
h3.titlee a.more{ float:right; font-size:0.8rem; color:#333; position:absolute; bottom:0;right:15px; } 

.gd h3.titlea{ padding-left:4rem;  margin-left:0; background:url(../images/tpa.jpg) bottom left; }
.gd h3.titleb{ padding-left:4rem;  margin-left:0; background:url(../images/tpb.png) bottom left; }
.gd h3.titlec{ padding-left:4rem;  margin-left:0; background:url(../images/tpc.png) bottom left; }
.gd h3.titled{ padding-left:4rem;  margin-left:0; background:url(../images/tpd.png) bottom left; }
.gd h3.titlee{ padding-left:4rem;  margin-left:0; background:url(../images/tpe.png) bottom left; }
.tabg{  border:1px solid #e3e3e3; margin-top:10px; background:#f7f7f7;  border-bottom:4px solid #cfcfcf; float:left; overflow:hidden;}
.metTabIn{ padding:5px 25px; background-color:#e62129;color:#fff;border: 1px solid #f7f7f7; }
.chanping img{  border:1px solid #cfcfcf;  }
.prog{ background:#eee url(../images/probg.jpg)no-repeat  top center; }
.prog img{  border:1px solid #cfcfcf;  }
.pmenu{ background:#;  }
.menuli{ background:url(../images/titled.png) repeat-x  top center; width:14.666666666%; margin:0  1%; }
.menuli a { color:#fff; }
.menuli a:hover { color:#eee; }

@media (max-width: 992px) {
  .menuli{ background:url(../images/titled.png) repeat-x  top center; width:31.33333333%; margin:0  1%; }
}
@media (max-width: 450px) {
  .menuli{ background:url(../images/titled.png) repeat-x  top center; width:44%; margin:0  3%; }
}
.about{  background:#2363ab url(../images/video-bg.jpg) no-repeat  top center;  }
.about .tup img{   border:10px solid #fff; }
.about a.more{ background:#fff; color:#333; padding:5px 25px; }
@media (max-width: 992px) {
 .about{  background:#2363ab;  }
}
.newz{  border:1px solid #eee; }
.newz ul li a{ padding-left:38px;  background:url(../images/ico.png) no-repeat  center left; color:#333; font-weight:bold; font-size:18px;  }
.newz ul li span{ font-size:16px; color:#f00; }
.newz ul li p{ font-size:0.9rem; }
.newz  a.more{ font-size:18px; float:right; color:#fff; }
.newy .titled{ padding-left:60px; line-height:42px; font-size:24px; background:url(../images/ico-news.png) no-repeat  center left;   }
.newy  a.more{ font-size:12px; line-height:14px; float:right; color:#333; }
.new .title { padding:5px 10px; margin: auto; background: #2463AD;color:  #fff;   font-size: 22px;  }

/*首页结束*/
/*尾部开始*/
footer{ background: #474747; padding:15px 0; }
/*尾部结束*/
/*内页公共开始*/
h3.title{ background: #1D5FAD; font-size:1.5rem;  }
h3.title a{ display:block; }
.cont{background: #eae8e8; }
.menu ul{  list-style:none; }
.menu ul li{     border-bottom: 1px dashed #fff; }
.menu ul li a{  color:#333; display:block; }
.menu ul li a:hover{ background: #1D5FAD;   color:#fff; display:block; }
h5.title{    border-bottom: 2px solid #e32433; }
.position{float:right;font-size:0.9rem;}
/*内页公共结束*/

/*新闻开始*/
.news p{ color:#ccc; margin-bottom:0.2rem; }
.news ul li{  border-bottom: 1px dashed #ccc; }
/*新闻结束*/
/*产品开始*/
#showpagephoto img{  border-bottom: 1px solid #ccc; }
.chanpinxiao img{ widht:80px; height:45px;  }
/*产品结束*/
@media (max-width: 768px) {
/*头部开始*/
.migubg{  width:0;height:0; }
.tou{ font-size:0.8rem;}
.nav-item{ padding-left:10px; border-bottom:1px solid #ccc; }
.nav-item:hover{ background:#ffcc33; transform: skewX(0deg); }
.nav-link:hover{  transform: skewX(0deg); }

.tou-logo img { max-height:50px; }
.phone small{ font-size: 12px;  }
.phone span { font-size:14px; }

.navs{ font-size:0.6rem;  }
.navs a{ padding:3px  5px; }
/*头部结束*/
/*内页公共开始*/
h3.title{ background: #1D5FAD; font-size:1.2rem;  }
.inner-contact{ display:none; }
.position{ display:none; }
/*内页公共结束*/
/*新闻开始*/
.news p{ display:none;  }
/*新闻结束*/
}
@media (max-width: 575px) {

ul li.cpk{ width:50%; float:left; }
.news span{ display:none;  }
}