﻿*{
  padding:0;
  margin:0;
  word-break: break-all;
}
body{
  color:#666;
  font:14px "Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  background:#fff;
  width: 100%;
}
p,h1,h2,h3,h4,h5,h6,ul,li,ol{
  padding:0;
  margin:0;
}
/*.m60{margin-bottom: 60px}*/
i,em{font-style: normal}
.lf{float:left;font-size: 14px;}
.rt{float:right;}
.clear{clear:both;}
ul,dl,dt,dd,ol,li{list-style:none;}
a{
  color:#666;
  text-decoration:none;
}
input,button,textarea{outline: none;background-color: #fff}
.link{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
img{border: none;}
@media (max-width: 1200px) {
  body, header {
    width: 1300px;
  }
}
@media only screen and (max-width: 991px) {
  body, header {
    width: 100%;
  }
}

.SearchLabel input,.SliderForm,.HeaderList ul li a:before,.HeaderList ul li a span,.banner .indicator a,.banner .cut,
.banner .prev,.banner .next,.NavTopMore:before,.NavTopMore,.News .picList li dl dt,.AppList ul li a img,
.center ul li a img,.LinkMain:before,.FooterTop .LinkMList ul li a,.NeiNav ul li,.NeiNav ul li span,.DownUp a
,.DownUp a:before,.ANMain ul li a dt img,.ANMain ul li a dt .mk,.ANMain ul li a dd .span3,.ANMain ul li a dd .span2,
.pages a,.ACMain ul li a dt img,.ACMain ul li a dt,.ACMain ul li a dd,.NProducts ul li a dl dt,.AppMain ul li a img,
.ProMed,.CFList,.PRobelemList ul li,.TMLebel input,.TMLebel textarea,.TMBtns{
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.CloMain{
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
.main:after,.HeaderList ul:after,.NavTop:after,.AppList ul:after,.center ul:after,.DownUp:after,.ANMain ul:after,
.ACMain ul:after,.NProducts ul:after,.PDNav:after,.AppMain ul:after,.Address ul:after,.TMLebelMain:after{
  content: ' ';
  display: table;
  clear: both;
}

/*  header  */
/*.cmain{*/
/*  width: 1200px;*/
/*  margin: 0 auto;*/
/*}*/
.cmain img{max-width: 100%}
.HeaderTop{
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #f5f5f5;
}
.HeaderTel{
  font-size: 14px;
  float: right;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../../images/zhuoyu/tel1.png");
}
.HeaderTel em{color: #44a8f2}
.HeaderBot{
  width: 100%;
  height: 80px;
  background-color: #fff;
}
.logo{
  float: left;
  margin-top: 20px;
}
.search{float: right;position: relative}
.SearchBtn{
  width: 79px;
  height: 60px;
  background-color: #12A7ED;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../images/zhuoyu/search.png");
  /*border-right: 1px solid #eeeeee;*/
  cursor: pointer;
}
.SliderForm{
  position: absolute;
  right: 80px;
  top: 0;
  padding: 22px;
  background-color: #000;
  background-color: rgba(0,0,0,.3);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  width: 350px;
  height: 36px;
  z-index: 300;
}
.SliderActive{
  padding: 22px 0 !important;
  width: 0 !important;
  opacity: 0 !important;
}
.SearchLabel input{
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.IpuAct{padding-left: 10px !important;}
.SearchLabel input:focus{border: 1px solid #44a8f2}
.HeaderList{float: right}
.HeaderList ul li{float: left;     position: relative;}
.HeaderList>ul>li>a{
  height: 40px;
  display: block;
  padding: 20px 25px;
  border-right: 1px solid #eee;
  position: relative;
  z-index: 30;
  color: #383838;
  font-size: 16px;
  text-align: center;
}
.HeaderList ul li a span{display: block;}
.HeaderList ul li a .span2{
  font-size: 12px;
  color: #999;
  margin-top: 3px;
}
.HeaderList ul li.active a:before{height: 100%}
.HeaderList>ul>li>a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #44a8f2;
  z-index: -1;
}
.HeaderList ul li.active a span{color: #fff}
.HeaderList ul li a:hover span{color: #fff}
.HeaderList ul li a:hover:before{
  height: 80px;
}

/*导航样式*/
.nav_box li a{
  display: block;
  font-size: 14px;
  text-decoration: none;
  /*color:#fff;*/
}
.nav_box li a:hover{
  background: #2AA3E3;
  color: #fff;
}
.nav_box>li>a:hover{
  /*color: #ff9600 !important;*/
  background: none;
}
.nav_box li .sub-nav {
  position: absolute;
  width: 100%;
  top: 80px;
  list-style: none;
  background-color: #44a8f2;
  display: none;
  z-index: 99;
  text-align: center;
}

.nav_box li .sub-nav li {
  /*text-align: center;*/
  clear: left;
  position: relative;
  margin: 0;
  width: 100%;
}

.nav_box li .sub-nav li a {
  width: 100%;
  padding: 10px 0;
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.nav_box li .sub-nav li:first a {
  padding-top: 0px;
}

.nav_box li .sub-nav li a:hover {
  /*color: #fff;*/
}
/*导航样式end*/

