*{
  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}
.m0{margin-bottom: 0px}
i,em{font-style: normal}
.lf{float:left;}
.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;
  }
}

.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 ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.cmain: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;
}


/*  资质 */

.cmain2{
  width: 1100px;
  margin: 0 auto;
  margin-top:10px;
}

.cmain2 img{width: 100%}


/*  header  */
.cmain{
  width: 1100px;
  margin: 0 auto;
}

.cmain img{width: 100%}
.HeaderTop{
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #f5f5f5;
}
.HeaderTel{
  float: right;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/tel1.png");
}
.HeaderTel em{color: #44a8f2}
.HeaderBot{
  width: 100%;
  height: 80px;
  background-color: #fff;
}
.logo{
  float: left;
  margin-top: 15px;
}
.search{float: right;position: relative}
.SearchBtn{
  height: 80px;
  cursor: pointer;
  line-height:80px;
  text-align:center;
  padding:0px 10px;
}
.SearchBtn a{ margin:0px 5px;}

.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}
.HeaderList ul li a{
  height: 40px;
  display: block;
  padding: 20px 25px;
  position: relative;
  z-index: 30;
  color: #383838;
  font-size: 16px;
  text-align: center;
}
.HeaderList ul li a span{display: block; line-height:40px;}
.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;
}
/*  banner  */
.banner {
  height: 600px;
  position: relative;

}
.banner ul li {
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  z-index:10;
}
.banner .cut {
  position: absolute;
  width: 43px;
  height: 75px;
  top:50%;
  margin-top: -38px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 20;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  border-radius: 3px;
  cursor: pointer;
}
.banner:hover .cut{
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.banner .prev {
  left: 30px;
  background-image: url("../images/zhd.png");
}
.banner .next {
  right: 30px;
  background-image: url("../images/yhd.png");
}
.banner .indicator {
  position: absolute;
  width: 100%;
  left:0;
  bottom:24px;
  text-align: center;
  z-index: 20;
}
.banner .indicator a {
  display: inline-block;
  width: 45px;
  height: 2px;
  background: #fff;
  margin: 10px;
}
.banner .indicator a.cur {background: #0067b2;}
.banner .indicator a.cur:hover{background: #0067b2;}
/*  轮播结束  */
.NavTop{
  height: 38px;
  line-height: 38px;
  margin-bottom: 40px;
}
.NavTopTxt{float: left;}
.NavTopTxt span{
  font-size: 28px;
  color: #44a8f2;
}
.NavTopTxt em{
  font-size: 16px;
  color: #999;
}
.NavTopMore{
  float: right;
  font-size: 14px;
  position: relative;
}
.NavTopMore:before{
  content: '';
  position: absolute;
  top: 18px;
  right: 50px;
  width: 30px;
  height: 1px;
  border-top: 1px solid #666;
}
.NavTopMore:hover{color: #44a8f2}
.NavTopMore:hover:before{ border-top: 1px solid #44a8f2;}

/*  产品中心  */
.News .picList li{
  float: left;
  width: 267px;
  height:267px;
  margin-right: 8px;
}
.News .picList li a{
  display: block;
  position: relative;
  border:1px solid #666666;
}
.News .picList li dl dt{
  width: 265px;
  height: 265px;
  overflow: hidden;
  position: relative;
}
.News .picList li dl dt img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
}
.News .picList li:hover dl dt{box-shadow: 0 5px 10px #ddd}
.CloMain{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: scale(1,0);
  -webkit-transform: scale(1,0);
  -moz-transform: scale(1,0);
  -ms-transform: scale(1,0);
  -o-transform: scale(1,0);
  transform-origin: top center;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
}
.CloMain .clo{
  display: block;
  padding: 20px;
}
.News .picList li:hover dl dt .CloMain{
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
}
.CloMain .clo span{
  display: block;
  text-align: center;
}
.CloMain .clo .span1{
  font-size: 48px;
  color: #44a8f2;
  padding-top:30px;
}
.CloMain .clo .shu{
  width: 2px;
  height: 20px;
  margin: 0 auto;
  background-color: #dddddd;
}
.CloMain .clo .span2{
  line-height: 28px;
  text-align: justify;
  height: 16px;
  overflow: hidden;
}
.CloMain .clo .span3{
  width: 150px;
  height: 34px;
    font-size: 28px;
  line-height: 34px;
  border-radius: 3px;
  background-color: #44a8f2;
  color: #fff;
  margin: 10px auto 0;
}
.News .picList li dl dd{
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #44a8f2;
}
.pageState{display: none}
.PartnerScroll{position: relative}
.PartnerScroll .prev{
  left: -50px;
  background-image: url("../images/zhd.png");
}
.PartnerScroll .next{
  right: -50px;
  background-image: url("../images/yhd.png");
}
.PartnerScroll .prev,
.PartnerScroll .next{
  position: absolute;
  width: 20px;
  height: 36px;
  top: 50%;
  margin-top: -18px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 20;
  cursor: pointer;
}
.News .tempWrap{width: 1100px !important;}
/*  应用服务  */
.application{
  padding: 60px 0;
  background-color: #f8f8f8;
  margin-top: 30px;
  margin-bottom: 60px;
}
.AppList ul li{
  float: left;
  margin-right: 15px;
  position: relative;
  top: -200px;
  opacity: 0
}
.AppList ul li a{
  display: block;
  position: relative;
  width: 390px;
  height: 420px;
  overflow: hidden;
}
.AppList ul li a img{
  width: 100%;
  height: 100%;
}
.AppList ul li a:hover img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.AppList ul li a .ALMed{
  position: absolute;
  left: 10px;
  bottom: 10px;
  max-width: 350px;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.center ul li{
  float: left;
  margin-right: 14px;
  position: relative;
  left: -200px;
  opacity: 0;
}
.center ul li a{
  display: block;
  width: 593px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.center ul li a img{width: 100%}
.center ul li a:hover img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.CenterMed{
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
}
.CenterMed .txt1{
  height: 20px;
  line-height: 20px;
}
.CenterMed .txt1 span{font-size: 18px}
.CenterMed .hen{
  width: 60px;
  height: 1px;
  margin: 20px 0;
  background-color: #fff;
}
.CenterMed .txt2{
  width: 375px;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  text-align: justify;
}
/*  footer  */
.FooterTop{
  background-color: #10293c;
  padding: 30px 0;
  font-size: 0;
}
.FooterTop ul{
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
}
.FooterTop ul li{font-size: 14px;line-height: 30px;color: #999}
.FooterTop ul li a{color: #999}
.FooterTop ul li.active{
  margin-bottom: 5px;
  font-size: 16px;
  color: #bababa;
}
.FooterTop ul li.active a{
  font-size: 16px;
  color: #bababa;
}
.FooterTop ul li a:hover{color: #bababa}
.FooterTop ul.ImgList li.item{margin-bottom: 10px}
.FooterTop ul.ImgList li.item a{
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.FooterTop ul.ImgList li.item .m1{background-image: url("../images/m1.png");position: relative}
.FooterTop ul.ImgList li.item .m1:hover{background-image: url("../images/m1-active.png")}

.FooterTop ul.ImgList li.item .m2{background-image: url("../images/m2.png")}
.FooterTop ul.ImgList li.item .m2:hover{background-image: url("../images/m2-active.png")}

.FooterTop ul.ImgList li.item .m3{background-image: url("../images/m3.png")}
.FooterTop ul.ImgList li.item .m3:hover{background-image: url("../images/m3-active.png")}

.FooterTop ul.ImgList li.item .m4{background-image: url("../images/m4.png")}
.FooterTop ul.ImgList li.item .m4:hover{background-image: url("../images/m4-active.png")}

.FooterTop ul li.hen{
  width: 60px;
  height: 2px;
  background-color: #275e86;
  margin-bottom: 20px;
}
.LinkItem{
  float: right;
  color: #bababa;
  font-size: 14px;
  line-height: 30px;
}
.LinkItem .txt1{text-align: right}
.LinkItem .txt1 em{font-size: 16px}
.LinkItem .txt2{text-align: right;margin-bottom: 10px}
.LinkItem .txt2 span{
  display: inline-block;
  width: 60px;
  height: 2px;
  background-color: #275e86;
}
.LinkItem .txt3{position: relative}
.LinkMain{
  width: 190px;
  height: 36px;
  line-height: 36px;
  padding: 0 20px 0 30px;
  background-color: #405463;
  position: relative;
  cursor: pointer;
}
.LinkMain:before{
  content: '';
  position: absolute;
  right: 20px;
  top: 13px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ffffff;
}
.NameActive:before{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.FooterBot{
  height: 40px;
  line-height: 40px;
  color: #5f6e79;
  background-color: #0b1e2c;
}
.LinkMList{
  position: absolute;
  left: 0;
  bottom: 37px;
  width: 240px;
  max-height: 120px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: #405463;
  color: #bababa;
  overflow: hidden;
  z-index: 30;
  text-align: center;
  display: none;
}
.FooterTop .LinkMList ul{
  width: 260px;
  max-height: 120px;
  margin: 0;
  overflow-y: scroll;
}
.FooterTop .LinkMList ul li a{
  display: block;
  line-height: 30px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.FooterTop .LinkMList ul li a:hover{background-color: #275e86}

/*  关于我们  */
.NeiBanner{
  width: 100%;
  height: 400px;
  overflow: hidden;
  background-position: center;
}
.NeiNav{
  width: 100%;

  background-color: #f6f6f6;
  text-align: center;
}
.NeiNav .cmain{font-size: 0}
.NeiNav ul li{
  display: inline-block;
  vertical-align: top;
  height: 58px;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  margin-right: 30px;
}
.NeiNav ul li.active{border-bottom: 2px solid #44a8f2;}
.NeiNav ul li.active a{color: #44a8f2}
.NeiNav ul li.active a .span2{color: #44a8f2}
.NeiNav ul li:hover{border-bottom: 2px solid #44a8f2;}
.NeiNav ul li:hover span{color: #44a8f2 !important;}
.NeiNav ul li a{
  display: block;
  padding: 10px 0;
  font-size: 16px;
}
.NeiNav ul li a .span2{font-size: 12px;color: #999999}
.NeiNav ul li a span{display: block; line-height:40px;}
.NeiNav ul li a .span3{
  height: 40px;
  line-height: 40px;
  vertical-align: top;
}
.NeiNav ul li.sp3{ border-bottom: 2px solid transparent !important;}
.NeiNav ul li.sp3 a{color: #44a8f2 !important;}




.NeiNav ul{ position:relative;}
.NeiNav ul .cmain-ul{ position:absolute; z-index:9999; width:100%; height:60px; left:0; line-height:60px; text-align:center; float:left;}

.NeiNav ul .cmain-ul a{ color:#000; display: inline; font-size:14px; margin:0 10px; color:#}
.NeiNav ul li.active .cmain-ul a { color: #666;}
.NeiNav ul li.active .cmain-ul a:hover{ color:#44a8f2}
.NeiNav ul li .cmain-ul a.active{ color:#44a8f2}



.WfTopNav{margin: 40px 0;}
.WfTopNav .txt1{
  font-size: 24px;
  color: #383838;
}
.WfTopNav .txt2{color: #999999;line-height: 30px}
.WfTopNav .hen{
  width: 70px;
  height: 2px;
  background-color: #44a8f2;
  margin-top: 10px;
}
.WfMainFigure{margin-bottom: 40px}
.WfMainTxt{
  float: left;
  width: 580px;


  text-align: justify;
  line-height: 25px;
}
.WfMainImg{
  float: right;
  width: 580px;

}
.WfMainImg img{width: 100%}
.WfMainFigure2{
  padding: 40px 0 100px;
  background-color: #f8f8f8;
}
.WfImg2{
  float: left;
  width: 580px;
  height: 300px;
  overflow: hidden;
}
.WfImg2 img{width: 100%}
.WfTxt2{
  float: right;
  width: 580px;
  height: 300px;
  overflow: hidden;
  line-height: 25px;
}
/*  关于我们 新闻动态  */
.AboutNews{
  position: relative;
  text-align: center;
  font-size: 18px;
  color: #5a5959;
  line-height: 30px;
  margin: 40px 0;
}
.AboutNews i{
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  color: #999;
  padding-left: 25px;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/hours.png");
}
.AboutNewsTxt{
  text-align: justify;
  line-height: 30px;
}
.DownUp{
  line-height: 30px;
  font-size: 16px;
  margin: 40px 0 100px;
}
.DownLf{
  float: left;
  padding-left: 15px;
  position: relative;
}
.DownLf:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 6px solid #666; 
}
.UpRt{
  float: right;
  padding-right: 15px;
  position: relative;
}
.UpRt:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #666;
}
.DownUp a:hover{color: #44a8f2}
.UpRt:hover:before{border-left: 6px solid #44a8f2;}
.DownLf:hover:before{border-right: 6px solid #44a8f2;}
/*  关于我们新闻列表页   */
.ANMain{margin-top: 40px}
.ANMain ul li{
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.ANMain ul li a{
  display: block;
  width: 380px;
  perspective: 400px;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
}
.ANMain ul li a dt{
  position: relative;
  width: 380px;
  height: 235px;
  overflow: hidden;
}
.ANMain ul li a dt img{width: 100%;}
.ANMain ul li a:hover dt img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.ANMain ul li a dt .mk{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/lj1.png");
  transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform: rotate3d(-1, 0, 0, 117deg);
  -webkit-transform: rotate3d(-1, 0, 0, 117deg);
  -moz-transform: rotate3d(-1, 0, 0, 117deg);
  -ms-transform: rotate3d(-1, 0, 0, 117deg);
  -o-transform: rotate3d(-1, 0, 0, 117deg);
}
.ANMain ul li a:hover dt .mk{
  transform: rotate3d(0, 0, 0, 0deg);
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
}
.ANMain ul li a dd span{display: block}
.ANMain ul li a dd .span1{
  font-size: 16px;
  color: #999;
  padding-left: 25px;
  line-height: 50px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/sj2.png");
}
.ANMain ul li a dd .span2{
  font-size: 16px;
  color: #383838;
  text-align: justify;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
}
.ANMain ul li a:hover dd .span2{color: #44a8f2}
.ANMain ul li a dd .span3{
  width: 158px;
  height: 38px;
  font-size: 0;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 38px;
  margin-top: 20px;
}
.ANMain ul li a dd .span3 em,.ANMain ul li a dd .span3 i{font-size: 14px;}
.ANMain ul li a dd .span3 em{margin-right: 10px}
.ANMain ul li a dd .span3:hover{
  border: 1px solid #44a8f2;
  background-color: #44a8f2;
  color: #fff;
}
.pages{
  font-size: 0;
  text-align: center;
  margin: 40px 0 100px;
}
.pages a{
  display: inline-block;
  vertical-align: top;
  height: 38px;
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #383838;
  font-size: 14px;
  margin-right: 30px;
}
.pages .nex{margin-right: 0}
.pages a.active{
  border: 1px solid #44a8f2;
  background-color: #44a8f2;
  color: #fff;
}
.pages a:hover{
  border: 1px solid #44a8f2;
  background-color: #44a8f2;
  color: #fff;
}
/*  执业资质  */
.ACMain{margin-top: 40px}
.ACMain ul li{
  float: left;
  width: 373px;
  margin-right: 40px;
  margin-bottom: 40px;
}
.ACMain ul li a{display: block;}
.ACMain ul li a dt{
  width: 373px;
  overflow: hidden;
}
.ACMain ul li a:hover dt{box-shadow: 0 10px 20px #ddd}
.ACMain ul li a dt img{width: 100%;}
.ACMain ul li a:hover dt img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.ACMain ul li a dd{
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #545454;
  margin-top: 15px;
  text-align: center;
}
.ACMain ul li a:hover dd{color: #44a8f2}
/*  产品与解决方案  */
.NProducts{margin-top: 40px}
.NProducts ul li{
  float: left;
  width: 294px;
  margin-right: 8px;
  margin-bottom: 40px;
}
.NProducts ul li a dl dt{
  position: relative;
  width: 294px;
  height: 294px;
  overflow: hidden;
}
.NProducts ul li a{display: block;}
.NProducts ul li a:hover dl dt .CloMain{
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
}
.NProducts ul li:hover dl dt{box-shadow: 0 5px 10px #ddd}
.NProducts ul li a dl dd{
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #44a8f2;
}
.ToProcuts{float: right;}
.ToProcuts a{
  display: block;
  width: 120px;
  height: 40px;
  padding: 10px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/fh1.png");
  color: #fff;
}
.ToProcuts a em{display: block}
.ToProcuts a .em1{font-size: 16px}
.ToProcuts a .em2{font-size: 14px}
.PDNav{
  font-size: 16px;
  color: #383838;
  margin: 60px 0 40px;
  line-height: 30px;
}
.PDNav i{
  float: left;
  width: 8px;
  height: 15px;
  background-color: #44a8f2;
  margin: 7px 10px 0 0;
}
.PDNeiDetail{
  text-align: justify;
  line-height: 30px;
  margin-top: 40px;
}
.AppMain{
  margin-top: 40px;
}
.AppMain .PDNav{margin: 0 0 40px 0}
.AppMain ul li{
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.AppMain ul li a{
  display: block;
  width: 390px;
  height: 420px;
  overflow: hidden;
  position: relative;
}
.AppMain ul li a:hover img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.AppMain ul li a img{width: 100%}
.AppMain ul li a i{
  position: absolute;
  bottom: 10px;
  left: 10px;
  max-width: 340px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #44a8f2;
  background-color: rgba(68,168,242,.9);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  border-radius: 3px;
  color: #fff;
  padding: 0 15px;
}
.ProMed{
  position: absolute;
  top: -420px;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #000;
  background-color: rgba(0,0,0,.6);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  line-height: 28px;
}
.ProMedCon{padding: 25px}
.ProMed .s1{font-size: 20px}
.ProMed .hen{
  width: 80px;
  height: 2px;
  background-color: #fff;
  margin: 20px 0;
}
.ProMed .s2{
  height: 130px;
  overflow: hidden;
  line-height: 25px;
}
.AppMain ul li a:hover .ProMed{top: 0;}
/*  详情页2  */
.ProductCon{
  line-height: 30px;
  text-align: justify;
  margin: 40px 0;
  color: #828282;
}
.ProductCon td{
  padding-right: 15px;
  box-sizing: border-box;
}
.ProductCon .span1{
  font-size: 16px;
  color: #383838;
}
.PRobelem{
  padding: 20px 0;
  background-color: #f6f6f6;
  margin-bottom: 40px;
}
.PRobelem .PDNav{margin: 0}
.PRobelem .PDNav{color: #828282}
.PRobelem .PDNav span{
  font-size: 24px;
  color: #383838;
}
.PRobelem .PDNav i{
  width: 7px;
  height: 22px;
  margin-top: 5px;
}
.PRobelemList ul li{
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.CFList{
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #545454;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("../images/zxj.png");
}
.CXMain{
  border: 1px solid #ddd;
  text-align: justify;
  line-height: 30px;
  padding: 10px;
  display: none;
}
.CFList:hover{
  color: #44a8f2;
  background-image: url("../images/xxj.png");
}
.PRobelemList ul li.active{border-bottom: 1px solid transparent;}
.PRobelemList ul li.active .CFList{
  color: #44a8f2;
  background-image: url("../images/xxj.png");
}
/*  应用服务  */
.ServiceMain{margin: 40px 0 100px;}
.SMKuaiCon{font-size: 0;margin: 30px 0;}
.SMKuai{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border-radius: 3px;
  color: #FFF;
  background-color: #44a8f2;
  font-size: 14px;
  vertical-align: top;
}
.SMKuai em{font-size: 16px}
.SMTxt{
  line-height: 30px;
  text-align: justify;
  margin-bottom: 30px;
}
/*  联系我们  */
.Address{margin-top: 60px}
.Address ul li{
  float: left;
  width: 290px;
  margin-right: 10px;
}
.Address ul li dt{
  font-size: 0;
  text-align: center;
}
.Address ul li dt em{
  display: inline-block;
  font-size: 16px;
  padding-left: 60px;
  height: 70px;
  line-height: 70px;
  background-repeat: no-repeat;
  background-position: left center;
}
.Address ul li dt.m1 em{background-image: url("../images/addr.png")}
.Address ul li dt.m2 em{background-image: url("../images/tel.png")}
.Address ul li dt.m3 em{background-image: url("../images/email.png")}
.Address ul li dt.m4 em{ width:220px; background: url(../images/email1.png) center no-repeat;}
.Address ul li dd{
  line-height: 25px;
  margin-top: 5px;
  text-align: center;
}
.Address ul li dd .span1{
  display: block;
  margin-bottom: 10px;
}
#Map{margin: 60px 0}
.ToMeForm{
  padding-bottom: 100px;
}
.ToMeMain{
  width: 750px;
  margin: 0 auto;
}
.TMLebel{margin-bottom: 25px}
.TMLebel input{
  width: 313px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: transparent;
  padding-left: 15px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: 98% center;
}
.TMLebel input:focus,.TMLebel textarea:focus{border: 1px solid #44a8f2}
.TMLebel .TMName{background-image: url("../images/name.png")}
.TMLebel .TMTels{background-image: url("../images/tel3.png")}
.TMLebel textarea{
  width: 718px;
  height: 138px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px 30px 15px;
  resize: none;
  background-repeat: no-repeat;
  background-position: 98% 96%;
  background-image: url("../images/ly3.png");
}
.TMBtns{
  width: 750px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  border: 0;
  background-color: #44a8f2;
  cursor: pointer;
}
.TMBtns:hover{opacity: 0.8}
/*  资质荣誉蒙版  */
.NJMed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  text-align: center;
  display: none;
}
.NJMedbg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.NJMedPre{
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 0;
  padding: 0 120px 0 120px;
  opacity: 0;
}
.NJMedPre dl dt img{
  max-width: 483px !important;
  max-height: 649px !important;
}
.NJMedPre dl dd{
  padding: 0 10px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.zzpre,.zznex{
  position: absolute;
  top: 50%;
  width: 24px;
  height: 60px;
  margin-top: -30px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 5000;
}
.zzpre{
  left: 0;
  background-image: url("../images/zb.png")
}
.zznex{
  right: 0;
  background-image: url("../images/yb.png")
}
.zzclo{
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/xx.png");
  cursor: pointer;
}
.NJMedCon{
  position: relative;
  width: 100%;
  height: 100%;
}
/*  弹出二维码  */
.WXCon{position: relative}
.ewmcon{
  position: absolute;
  width: 60px;
  height: 60px;
  top: 25px;
  left: -26px;
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
  background-color: rgba(255,255,255,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  display: none;
}
.ewmcon img{width: 100%;}






.part5 {
  padding-top: 50px;
}
.part5 .tik {
  background: url(../images/part5tik.jpg) no-repeat center;
  width: 477px;
  text-align: center;
  font-size: 30px;
  color: #555;
  font-weight: bold;
  margin: 0 auto 60px;
}
.part5 .comt {
  background: url(../images/part5comt.jpg) no-repeat center top;
  min-height: 1194px;
  width: 918px;
  margin: 0 auto;
  padding-top: 50px;
}
.part5 .comt img {
  display: block;
  overflow: hidden;
}
.part5 .comt .a1,
.part5 .comt .a2 {
  position: relative;
}
.part5 .comt .tpk {
  display: block;
  width: 380px;
}
.part5 .comt .tpk p.p1 {
  font-size: 26px;
  color: #005bac;
  font-weight: bold;
  height: 36px;
  overflow: hidden;
}
.part5 .comt .tpk p.p1 .org {
  color: #ff7e00;
  font-size: 26px;
  font-weight: bold;
}
.part5 .comt .tpk p.p1 s {
  width: 41px;
  height: 36px;
  float: left;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background: #000;
  text-decoration: none;
  line-height: 36px;
  margin-right: 20px;
}
.part5 .comt .tpk p.p2 {
  height: 30px;
  background: #005bac;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  width: 380px;
}
.part5 .comt ul {
  padding-top: 15px;
}
.part5 .comt ul li {
  background: url(../images/part5li.jpg) no-repeat 0px 12px;
  padding-left: 15px;
  color: #555;
  font-size: 14px;
  line-height: 30px;
}
.part5 .comt ul li .org {
  color: #ff7e00;
  font-weight: bold;
  font-size: 14px;
}
.part5 .comt .a1 .fl {
  width: 422px;
  overflow: hidden;
}
.part5 .comt .a1 .fr {
  width: 380px;
  margin-top: 20px;
}
.part5 .comt .a1 .fr img {
  display: block;
}
.part5 .comt .mar.a2 {
  margin-top: -30px;
}
.part5 .comt .a2 {
  width: 100%;
}
.part5 .comt .a2 .fl {
  position: absolute;
  left: 0px;
  top: 55px;
}
.part5 .comt .a2 .tpkfr {
  width: 430px;
  float: left;
}




/* 首页 模块3*/

.module_three {
	background-color: #f2f2f2;
	width: 100%;
	height: 480px;
	margin:140px 0 auto;
}
.module_three .bannerbox {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 480px;
}
.module_three .bannerbox .banner2 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 480px;
}

/* \ 首页 模块3*/






@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#666;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; }
ul,ol{list-style:none;}
img{border:0px; display: block;margin:0; padding:0; }
em,i,strong{ font-style:normal; }
button,input,select,textarea{font-size: 100%;}
table {border-collapse: collapse;border-spacing:0;}
body{ background:#fff;}
*{padding:0px; margin:0px }
div{ margin:0; padding:0; border:0; color:#333333; }
p{ margin:0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:focus { outline:none; }
a:hover,a:active{ color:#3366ad; text-decoration:none; }
a:visited{text-decoration:none;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
input{ line-height: normal; border:none;}
textarea{ -moz-box-sizing: border-box;  background: #dddddd;border: 1px solid #999999;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin:0;}
audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {color: #F00 !important;}

/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0; }
.clearfix{*zoom:1;}
.clear { clear:both; }
.fl{ float:left;}
.fr{ float:right;}
/*其它*/
.hidden{ display:none;}

/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
#header_main, #top_main, #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
/*top*/
#header_main{background:#fff;height:100px;position:relative;}
#top #logo{width:386px;}
#top #logo a{padding-top:10px;display: block;}
#top #logo img{height:66px;display:block;}
/*导航*/
#header_main #nav{width:800px;position: relative;height:100px;}
#nav ul{margin:0 auto;width:100%;}
#nav li{float:left;display:block;list-style:none;font-size:14px;text-align:center;line-height:100px;position:relative;padding:0 22px;margin:0;}
#nav li a{display:block;text-align:center;position: relative;color: #333;height:100px;}
#nav li:hover a,#nav li.hover a{color:#fff;}
#nav li:hover,#nav li.hover{background: #3366ad;}
/*导航栏下拉*/
#nav .subnav{position: absolute;left: 0;top:50px;width: 102px;z-index: 10;border-left:5px solid rgba(255,255,255,0.1);border-right:5px solid rgba(255,255,255,0.1);border-bottom:5px solid rgba(255,255,255,0.1);display: none;}
#nav .subnavbg{position:static;background:#32363e;background:rgba(255, 255, 255, 0.6)!important;filter:Alpha(opacity=60);*zoom:1;}
#nav .subnav a{display: block;height:32px;line-height:32px;text-align: center;color: #333 !important;font-weight: normal !important;font-size: 12px;overflow: hidden;position: relative;}
#nav .subnav a:hover{ display:block;color:#333 !important;background:#fff; font-weight: normal; background:rgba(255, 255, 255, 1)!important;}

/*侧边导航*/
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;}
#banner_main .banner {height:600px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:600px; overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3; }
#banner .tip span{height:10px;margin:0 2px;width:10px;display:inline-block;font-size: 0;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius:100%;border: 2px solid #3366ad;}
#banner .tip span.cur{background-color:#3366ad;}
#banner #btn_prev,#banner #btn_next{width:28px;height:56px;position:absolute;top:46%;z-index:5;}
#banner #btn_prev{background-position:0 0;left:5%;}
#banner #btn_next{background-position:-34px 0;right:5%;}
/*banner end*/
#announ_main{height:58px;background:#f8f8f8;}
#announ{font-size: 12px;}
.announ_right{width:400px;height:58px;padding-top: 14px;}
.announ_right .txt{width:334px;height:32px;line-height:32px;border:1px solid #cfcfcf;border-right:0 none;color: #aaa;font-size: 12px;text-indent:20px;}
.announ_right .btn{width:64px;height:34px;background: url(../images/icon.png) no-repeat #3366ad 20px -354px;cursor: pointer;}
.announ_right .btn:hover{background: url(../images/icon.png) no-repeat #e61822 20px -354px;}
.announ_left{font-size:12px;line-height:58px;height: 58px;}
.announ_left span{color:#333;width:60px;}
.announ_left .re_key{width:480px;}
.announ_left .re_key a{color:#666;padding-left:30px;display: inline-block;}
.announ_left .re_key a:hover{color: #ff7e00;}

.offer_main{background: #3366ad;width: 100%;padding: 60px 0;position:relative;z-index: 9;}
.offer .zixbtn{width: 200px;height: 90px;line-height: 90px;cursor: pointer;background: #5aade2;color: #fff;font-size: 26px;font-weight: bold;-moz-border-radius: 5px;}
.offer .zixbtn:hover{background: #7dccff;}
.offer .iform{width: 832px;}
.offer .iform .item{width: 264px;margin-right:10px;margin-bottom: 10px;}
.offer .iform .item label{width: 100px;height: 40px;line-height:40px;float: left;background: #fff;border-top-left-radius:4px;border-bottom-left-radius:4px;color: #333;text-align: center;}
.offer .iform .item .txt{float: left;width: 160px;height: 38px;line-height: 38px;border: 1px solid #fff;border-left: 0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;color: #fff;text-indent: 10px;background: none;}
.offer .iform .s-box{width: 160px;height: 38px;line-height: 38px;border: 1px solid #fff;border-left: 0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;color: #fff;}
.offer .iform .item label.tit{letter-spacing:10px;}
.xtxt{background: url(../images/jt.png) no-repeat right center;display: block;width:140px;padding-left: 10px;cursor: pointer;}
.offer .iform .s-box .list{position: absolute;left: 0;top:38px;background: #fff;color: #333;width:162px;border-top-right-radius:4px;}
.offer .iform .s-box .list li{display: block;padding-left: 10px; line-height: 35px;cursor: pointer;}
.offer .iform .s-box .list li:hover{background: #eee;}
.offer .iform .s-box .list li:first-child{border-top-right-radius:4px;}


.index .title{text-align: center;width: 100%;}
.index .title h3{font-size:30px;font-weight:normal;display:block;line-height:30px;}
.index .title h4{color:#cccccc;font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 20px;line-height: 40px;}
.index .title h3 b{display:inline-block;font-weight:bold;color:#3366ad;}
.index .title em{width:60px;height:24px;margin:0 auto;background-position:0 -124px;}
.index .floor_2 .title{color: #fff;position: absolute;left: 0;top:80px;z-index: 3;}
.index .floor_2 .title h4{color: #fff;}
.index .floor_2 .title h3 b{color: #fff;}
.index .floor_2 .title em{background-position:0 -158px;}



.index .floor_1{padding-top:74px;padding-bottom:74px;position: relative;}
.index .fuwu{width:600px;height:450px;background: url(../images/ysbg.jpg) no-repeat left top;margin:0 auto;padding-top:148px;}
.index .floor_1 .item{position:absolute;width:360px;padding-right:31px;}
.index .floor_1 .item a{display:block;position:relative;padding-left:80px;padding-top: 38px;}
.ys_ico{background: url(../images/ys_ico.png) no-repeat;}
.index .floor_1 .item h3{font-size:20px;font-weight:bold;line-height:20px;}
.index .floor_1 .item p{line-height:20px;color:#666;float:left;width:160px;padding-top:8px;}
.index .floor_1 .item span{width:96px;height:60px;display:block;float:left;margin-right:22px;}
.index .floor_1 .item .xian{width:0;height: 92px;position: absolute;top: 0;display:none;}
.index .floor_1 .item .xian em{width: 188px;height: 92px;display: block;}
.index .floor_1 .it1 span{background-position: 0 0;}
.index .floor_1 .it2 span{background-position:-100px 0;}
.index .floor_1 .it3 span{background-position:-200px 0;}
.index .floor_1 .it4 span{background-position:-300px 0;}
.index .floor_1 .it5 span{background-position:-400px 0;}
.index .floor_1 .it6 span{background-position:-500px 0;}
.index .floor_1 .hover.it1 span{background-position: 0 -70px;}
.index .floor_1 .hover.it2 span{background-position:-100px -70px;}
.index .floor_1 .hover.it3 span{background-position:-200px -70px;}
.index .floor_1 .hover.it4 span{background-position:-300px -70px;}
.index .floor_1 .hover.it5 span{background-position:-400px -70px;}
.index .floor_1 .hover.it6 span{background-position:-500px -70px;}


.index .floor_1 .it4,.index .floor_1 .it5,.index .floor_1 .it6{padding-right:0;padding-left:31px;text-align: right;}
.index .floor_1 .it1 .xian,.index .floor_1 .it2 .xian,.index .floor_1 .it3 .xian{left: 0;}
.index .floor_1 .it5 .xian,.index .floor_1 .it6 .xian{left:171px;}
.index .floor_1 .it4 .xian{left: 173px;}
.index .floor_1 .it1 em,.index .floor_1 .it2 em,.index .floor_1 .it3 em{background-position:0 -140px;}
.index .floor_1 .it4 em,.index .floor_1 .it5 em,.index .floor_1 .it6 em{background-position:0 -240px;}
.index .floor_1 .it4 a,.index .floor_1 .it5 a,.index .floor_1 .it6 a{padding-left:0;padding-right:80px;}
.index .floor_1 .it4 span,.index .floor_1 .it5 span,.index .floor_1 .it6 span{float: right;margin-right:0;margin-left:22px;}
/*.index .floor_1 .item.hover em,.index .floor_1 .item a:hover em{width: 188px;}*/

.index .floor_1 .it1{right: 0;top:72px;}
.index .floor_1 .it2{right:-58px;top:287px;}
.index .floor_1 .it3{right:1px;top:506px;}
.index .floor_1 .it4{left: 0;top:72px;}
.index .floor_1 .it5{left:-58px;top:287px;}
.index .floor_1 .it6{left:1px;top:506px;}

.index .floor_1_main,.index .floor_2_main,.index .floor_3_main,.index .floor_4_main{width:100%;}
.index .floor_2_main{background:url(../images/youshi.jpg) no-repeat center top;height:674px;overflow: hidden;}
.index .floor_4_main{background:url(../images/flo2.jpg) no-repeat center top;height: 818px;overflow: hidden;}




.index .floor_2{padding:0;position: relative;}
.index .youshi{overflow: hidden;position: relative;border-right: 1px solid rgba(255,255,255,.3);}
.index .youshi .list{width: 108%;}
.index .youshi li{float: left;width:300px;height:674px;display: block;overflow: hidden;position: relative;border-left: 1px solid rgba(255,255,255,.3);}
.index .youshi li a{display: block;height:674px;}
.index .youshi li .content{z-index: 2; position: absolute;left: 0;top:300px;width: 100%;text-align: center;color: #fff;cursor: pointer;}
.index .youshi li .content .sico-img{width:100px;height:116px;display: block;margin:0 auto 40px;}
.index .youshi li .content .line{width: 30px;height: 2px;display: block;margin: 25px auto;background: #fff;}
.index .youshi li .content h3{font-size: 24px;font-weight: bold;line-height: 28px;}
.index .youshi li .content .desc{text-align: center;line-height: 18px;width: 226px;margin:10px auto;}
.index .youshi li .content .more1{margin:0 auto 18px;width:98px;height:26px;display: block;border: 1px solid #fff;line-height:26px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.index .youshi a:hover .content .more1{margin-top: 15px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index .youshi li a:hover .content{top:264px;}
.index .youshi li a:hover .content .line{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;margin-top:15px;margin-bottom: 0;}
.index .youshi li a:hover{background: url(../images/back50.png) repeat left top;}
.transs {-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}




.index .floor_3{padding:80px 0;overflow: hidden;}
.index .menu{padding:8px 0;text-align: center;}
.index .menu a{display:inline-block;padding:0 10px;font-size: 16px;color: #333;}
.index .menu a em{width:10px;height:10px;display: inline-block;background-position:-322px 0;margin-right: 10px;}
.index .menu a:hover{color:#3366ad;}
.icase{overflow: hidden;}
.icase .list{width: 108%;}
.index .icase .item{float: left;margin-right:0;width:281px;height: 212px;overflow: hidden;position: relative;margin-bottom: 20px; }
.index .icase .item img{width:281px;height: 212px;display: block;}

.index .icase .iteml{float: left;margin-right:0;width:592px;height: 444px;overflow: hidden;position: relative;margin-bottom: 20px; }
.index .icase .iteml img{width:592px;height: 444px;display: block;}
.index .icase .item a,.index .icase .iteml a{display: block;}
.index .icase .item .txt,.index .icase .iteml .txt{position: absolute;left: 0;top:0;width:281px;height:212px;text-align: center;}
.index .icase .item .txt h3,.index .icase .iteml .txt h3{color: #fff;font-size: 18px;padding-top:60%;}
.index .icase .item .txt span,.index .icase .iteml .txt span{width:50px;height: 50px;display: block;background-position:0 -187px;position: absolute;left: 50%;margin-left: -25px;top:10%;margin-top: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.index .icase .item:hover .txt,.index .icase .iteml:hover .txt{background: url(../images/back50.png) repeat left top;}
.index .icase .item:hover h3,.index .icase .iteml:hover h3{padding-top:50%;}
.index .icase .item:hover span,.index .icase .iteml:hover span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;top: 50%;}

.index .icase .smabox{width:284px;}
.index .icase .smabox .item{float: none;}
.index .icase .bigbox{width:592px;height:448px;overflow: hidden;position: relative;margin:0 20px;}
.index .icase .bigbox .iteml .txt{width:592px;height:448px;bottom: 0;}
.index .icase .bigbox .iteml .txt h3{padding-top:68%;}
.index .icase .bigbox .iteml:hover .txt h3{padding-top:48%;}
.index .icase .bigbox .bd{overflow: hidden;}
.index .icase .bigbox .bd .iteml{width:590px;height:446px;overflow: hidden;position: relative;}
.index .icase .bigbox .hd{ height:15px; overflow:hidden; position:absolute; right:16px; bottom:10px; z-index:3; }
.index .icase .bigbox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index .icase .bigbox .hd ul li{float:left;margin-right:6px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.index .icase .bigbox .hd ul li.on{background:#3366ad; color:#fff; }

.index .floor_3 .cont{background: #fff;margin-top: 50px;height:244px;overflow: hidden;}






.tit2 {font-size: 28px;line-height: 28px;height: 5px;color: #8a8f94;text-align: center;position: relative;text-transform: uppercase;  font-family: 'impact';font-size: 32px;margin: 20px 0 62px 0;}
.tit2 span {display: block;color: #3b3b3b;font-family: 'Microsoft Yahei';font-size: 42px;line-height: 65px;font-weight: 700;position: absolute;left: 32%;top: 0;}
.tit2 span b {color: #0056b3;font-size: 48px;}
.tit2 p {position: absolute;left: 33%;top: 70px;}
.tit2 .i {background: url(../images/tit2_l.png) right no-repeat;position: absolute;left: 0;bottom: 0;width: 343px;display: block;height: 67px;}
.tit2 em {background: url(../images/tit2_r.png) left no-repeat;position: absolute;right: 0;bottom: 0;width: 343px;display: block;height: 67px;}

.iprocce{ }
.iprocce ul{ width: 110%; }
.iprocce li{width: 170px;height: 246px; position: relative;  text-align: center;margin-right: 24px;background: url(../images/itid_li.png) center top no-repeat;   padding: 30px 38px 20px 38px;margin-right: 36px; }

.iprocce li a{ color: #fff;  }

.iprocce li .img{ width: 90px;height: 80px;margin: 0 auto;    background: url(../images/icontact.png) no-repeat 8px top;}
.iprocce li.color{background: url(../images/itid_li2.png) center top no-repeat;}
.iprocce li .icon_2{ background-position: -278px top;}
.iprocce li .icon_3{ background-position: -560px top;}
.iprocce li .icon_4{ background-position: -838px top;} 
.iprocce li span{display: block;font-size: 20px; height: 50px;line-height: 50px;border-bottom: 1px solid #2078ca;}
.iprocce li em{font-style: normal;font-size: 14px;line-height: 2;display: block;margin-top: 10px; }
.iprocce li.color span{border-color: #656565;}
.iprocce li:hover{ transition:all 300ms ease; transform:translateY(-10px);box-shadow: 5px 5px 20px #9c9c9c;}
.iprocce li:hover .img{  }





/*case*/
.case-wrap{width:100%;height:470px; background:#f1f1f1; margin-top:52px;}
.case{width:1000px; margin:0 auto; padding-top:34px;}
.case .scroll{ position:relative;height:272px;width:1000px; overflow:hidden; margin-top:22px;}
.case ul{ position: absolute;height:272px;}
.case li{width:248px;height:272px; background:#fff; text-align:center;color:#0a0c02; margin-right:2px;}
.case li .topic{height:73px;width:100%; padding-top:13px;}
.case li .topic h6{ text-transform:uppercase; font-size:16px; font-weight:bold;}
.case li .topic h4{background:url(../images/case-title.png) no-repeat center center;}
.case li .topic h4 a{ font-weight:normal;color:#222c50; }
.case li .topic .more{ display:block;width:11px;height:11px; background:url(../images/case-more.jpg) no-repeat; margin:8px auto 0;}
.case li:hover .more{ background:url(../images/case-hover.jpg) no-repeat;}
.case li .img{width:248px;height:186px; display:block;}
.case li img{width:248px;height:186px;}
.case .tip{width:100px;height:26px; margin:28px auto 0;}
.case .tip a{ display:block;height:26px;width:46px; float:left; margin-right:3px;}
.case .tip .btn-l{ background:url(../images/tip.png) no-repeat 0 -50px;}
.case .tip .btn-l:hover{ background:url(../images/tip.png) no-repeat 0 -81px;}
.case .tip .btn-r{ background:url(../images/tip.png) no-repeat -56px -50px;}
.case .tip .btn-r:hover{ background:url(../images/tip.png) no-repeat -56px -81px;}