@charset "utf-8";
/* CSS Document */
/*1.1 布 局*/
.Hui-wraper {
  padding: 0 20px;
}
html,body {  padding: 0;  width: 100%; font-size: 14px; line-height: 1.5;}
body { font-family:Microsoft YaHei; color: #333; margin: 0 auto; *min-width: 1200px; min-width: 1200px\9;}
.branding {width: 181px;}
ul{ -webkit-padding-start:0; padding-left: 0; text-indent: 0;}
li{list-style: none;}
img { width: auto; height: auto;}
h1,h2,h3,h4,h5,h6{font-family:Microsoft YaHei;}
p{line-height: 24px;  text-justify:inter-ideograph;}
.f-l{float: left;}
.f-r{float: right;}
.clear{ display: block;  clear: both; content: "";}
.qggreen{ background-color: #f6ffff;}
.qgwhite{ background-color: #ffffff;}
.qggray{ background-color: #ebf1f7;}
.qgqgray{ background-color: #eef4fa;}
.display-none{ display: none;}
.display-block{ display: block;}





/*================页面公共部分======================*/

header {  height: 30px; background-color: #0080c8;}
.headbox{ width:1200px; margin: 0 auto; overflow: hidden;}
.headbox .welcome span{ display: block; width: 100%; height: 30px; line-height: 30px; color: #fff;}
.headbox .phone{ height: 30px; line-height: 30px; color: #fff;}
.headbox .phone img{ float: left; width: 20px; margin-top: 5px; margin-right: 5px;}

/*======nav 导航部分=====*/

.navbar{ width:1200px;}

.navigation-wrapper { position: relative; z-index: 9999;  width: 1200px;   margin: 0 auto;}
.navigation-wrapper .branding { display: block; float: left; padding: 10px 0; }
.navigation-wrapper .branding a,.branding a:focus { display: block; text-decoration: none;}
.navigation-wrapper .branding .logo,.branding .logo { width:400px; height: 80px;}
.navigation-wrapper .branding .text,.branding .text { height: 20px; margin-left: 12px;}
.navigation-wrapper .yyls-city{ position:absolute;  z-index: 99999; top: 44px; left: 220px;}
.navigation-wrapper .yyls-city .first{position: absolute; display: block; left:0; min-width: 142px; line-height: 20px; z-index: 9999; text-align: center; border-radius: 8px; background: url(../images/share_icon.png) 113px -430px no-repeat; border:1px solid #cacaca; background-color: #fff;  -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px;}
.navigation-wrapper .yyls-city ul{overflow: hidden; position: absolute; display:none;left:0; top: 10px; z-index:998; min-width: 142px; margin-bottom: 0; padding-left: 0; padding-top: 12px;
 background-color:#fff; border:1px solid #cacaca;  -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px;}
.navigation-wrapper .yyls-city ul li { clear: both; overflow: hidden;}
.navigation-wrapper .yyls-city ul li span{ float: left; display: block; color: #0081cc; font-size: 12px; padding:5px 5px; line-height: 14px;}
.navigation-wrapper .yyls-city ul li a{ float: left; display: block; font-size: 14px; padding:5px 5px 5px 0; line-height: 14px; color: #808080;}
.navigation-wrapper .yyls-city ul li a:hover{color: #0081cc;}
.navigation-wrapper .yyls-city ul li.last a{ width:137px; text-align: center; background-color: #0081cc; color: #fff;}
.navigation-wrapper .yyls-city ul li.last a:hover{ background-color: #00a0e9; text-decoration: none;}

.nav {position:relative; display:inline-block; font-size:14px; font-weight:900; width: 900px;  height: 41px; float: right; text-align: right;}
.nav li {float: none; width: auto; display:inline-block; }
.nav li a{ display: block; padding:5px 14px; height: 18px; line-height: 18px; font-size: 16px;  color: #0081cc; text-decoration: none; text-align: left;}
.nav li a:hover,.nav li:hover a{background-color: #0081cc; color: #fff;}
.nav li ul{ display:none; position: absolute; width: 140px; padding-top:0px; padding-bottom: 0px; z-index: 9999;}
.nav li ul li {font-weight: 500;}
.nav li ul li a{padding-top: 10px; padding-bottom: 10px; }
.nav li:hover ul{ display: block; background-color: #0081cc;}
.nav li:hover ul li a:hover{background-color: #fff; color: #0081cc; font-size: 18px; font-weight: 500; border-left:2px solid #f19603;border-right:2px solid #f19603;}
.toggleMenu {position: absolute; right:20px; top: -85px; width:60px; height: 60px; text-indent: -9999em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.nav li ul li{ display: block; width:100%;}

@media(width:1200px) {
.headbox .phone{padding-right: 20px;}
.headbox .welcome span{padding-left: 20px;}
.branding .logo{ margin-left: 20px;}
}



/*========nav 导航部分 end=======*/


/*banner图 左右切换效果css*/
.slidebox{ position: relative; max-width: 1200px; margin:0 auto; }
.slidebox .slide{ position: relative; overflow: hidden;}
.slidebox li{ float: left; text-align: center;}
.slidebox li .page { float: left; text-align: center;}
.slidebox li .page a.eq-titlebox{position: relative; display:inline-block; overflow: hidden;}
.slidebox li .page span.eq-title{position: absolute; display: block; bottom: 0; left:0; width: 100%; max-width:600px;   min-height: 24px; line-height: 24px; text-align: center; padding:10px 0; background: url(../images/eq-titlebg.png) 0 0 repeat; color: #fff;}
.slidehoverli {
        position: absolute; left: 0; right: 0; bottom: 20px; text-align: center;
        -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    }
.slidehoverli span{display: inline-block; width: 10px;height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity:0.4;
    -webkit-transition: background 0.5s, opacity 0.5s;
    -moz-transition: background 0.5s, opacity 0.5s;
    transition: background 0.5s, opacity 0.5s;
}
.slidehoverli span.on{background-color: #fff; opacity: 1;}

.prev,.next{float: left; display: block; width:50px; height: 40px; cursor: pointer; }
.prev{ background:url(../images/arrow_prev.png) 0 0 no-repeat;}
.next{ float: right; background:url(../images/arrow_next.png) 0 0 no-repeat;}
.prev:hover{background:url(../images/arrow_prevh.png) 0 0 no-repeat;}
.next:hover{background:url(../images/arrow_nexth.png) 0 0 no-repeat;}

#gy-slide-hoverli{ position: absolute; left: 0; right: 0; bottom: 15px; text-align: center; -webkit-filter:none; -moz-filter:none; -o-filter:none; -ms-filter:none; filter:none;}
#gy-slide-hoverli span {display: inline-block;  width:10px; height: 10px;  margin: 0 4px; text-indent: -999em;  opacity:0.7; background-color: #0081cc;  border-radius: 0;}
#gy-slide-hoverli span.on{ position: relative; width: 20px; height: 20px;background-color: #00a0e9; opacity:1; top: -5px; }




/*left轮播*/


img {
	vertical-align: top;
	border: 0;
}
#hotpic {
	width: 320px;
	height: 370px;
	overflow: hidden;
	margin: 0 auto;
}
#NewsPic {
	position: relative;
	width: 320px;
	height: 370px;
	overflow: hidden;
}
#NewsPic a {
	overflow: visible;
	border: 0;
	text-decoration: none;
}
#NewsPic .Picture {
	position: absolute;
	left: 0;
	top: 0;
}
#NewsPic .Nav {
	position: absolute;
	height: 13px;
	line-height: 14px;
	bottom: 0;
	right: 0;
}
#NewsPic .Nav span {
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	float: right;
	display: block;
	width: 24px;
	text-align: center;
	background: #000;
	border-left: solid 1px #FFF;
	cursor: pointer;
}
#NewsPic .Nav span.Normal {
	color: #FFF;
	background: #000;
	filter: Alpha(opacity=50);
	opacity: .5;
}
#NewsPic .Nav span.Cur {
	background: #185da0;
	color: #FFF;
}
#NewsPicTxt {
	position: relative;
	width: 380px;
	height: 22px;
	border: 1px;
	margin: 0;
	padding-top: 4px;
	text-align: center;
	font-family: Sans-Serif;
	font-weight: 700;
	color: #000;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
}
#NewsPicTxt a:link, #NewsPicTxt a:visited {
	font-family: "Microsoft Yahei";
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-decoration: none;
}
#NewsPicTxt a:hover {
	color: red;
}





/*专家左右切换公共*/
.doc-detailbox { display: inline-block; text-align:left;  padding: 10px; min-height: 300px;}
.doc-detailbox img{display: block; width: 280px; width: 100%; border: 0; }
.doc-detailbox .doc-details{background-color: #f7f7f7; padding: 5px 15px 20px 23px; color:#0081cc; }
.doc-detailbox .doc-details .doc-name,.doc-detailbox .doc-details .ks{ text-align: left;}
.doc-detailbox .doc-details .doc-name strong a{ display:inline-block; font-weight: 500; font-size:24px; line-height: 34px; color:#0081cc; }
.doc-detailbox .doc-details .doc-name em{ float:right; font-style:normal; margin-right: 8px; line-height: 34px;  font-size:16px; color: #229c38; }
.doc-detailbox .doc-details .doc-name span{ display:block; font-size:16px; min-height:26px; line-height: 26px;}
.doc-detailbox .doc-details .ks{ padding:30px 0 10px 0; font-size:16px;}
.doc-detailbox .doc-details .xq{ text-align: right; padding: 10px 0; }
.doc-detailbox .doc-details .xq a{ display:inline-block; width: 100px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; color: #fff; background: url(../images/share_icon.png) -408px -1px no-repeat;}
.doc-detailbox .doc-details .xq a:hover{ background-position: -408px -111px;  color: #0081cc; text-decoration: none;}

.zj-prev,.zj-next,.eq-prev,.eq-next,.jmyz-prev,.jmyz-next,.case-prev,.case-next{float: left; display: block; width:50px; height: 40px; cursor: pointer; background:url(../images/share_icon.png) -263px 10px no-repeat;}
.zj-next,.eq-next,.jmyz-next,.case-next{ float: right; background-position: -303px 10px;}
.zj-prev:hover,.eq-prev:hover,.jmyz-prev:hover,.case-prev:hover{ background:url(../images/share_icon.png) -408px -56px no-repeat;}
.zj-next:hover,.eq-next:hover,.jmyz-next:hover,.case-next:hover{ background:url(../images/share_icon.png) -450px -56px no-repeat;}
/*专家左右切换 end*/

/*================页面公共部分 end===========================*/



/*首页内容*/
/*banner大图*/
 #bannerbig{ position: relative; overflow: hidden;max-width: 1900px;max-height: 570px;}
 #bannerbig li .page { width: 100%;}
 #bannerbig li .page img{  margin:0 auto; width: 100%;}
 #bannerbig .bigimg-prev,#bannerbig .bigimg-next{ position: absolute; width: 61px; height: 60px; left: 2%; top: 50%; margin-top: -30px;}
 #bannerbig .bigimg-next{ left:auto; right: 2%;}

.content{ width:1200px; margin: 0 auto;}
.content h2 { position: relative; padding: 20px 0; margin: 0; padding-left: 50px; overflow: hidden;}
.content h2 b{ display:inline-block; float: left; width:37px; height: 43px; background: url(../images/share_icon.png) no-repeat;  }
.content h2 a{ text-decoration: none;}
.content h2 span{ display: block; overflow: hidden; height:43px; padding-left: 10px; }
.content h2 strong{ display: block; height: 28px; line-height: 28px; font-size: 28px; color: #22ac38;}
.content h2 em{ display: block; font-size: 12px; line-height: 16px; font-weight: bold; color: #22ac38; font-style: normal; padding-left: 2px;}
.content h2.green b{ background-position: 0 -68px;}
.content h2.blue b{ background-position:-98px -68px;}
.content h2.blue strong,.content h2.blue em{ color: #fff;}

.content1{max-width: 1200px; overflow: inherit; margin: 0 auto; height:0;}
    .cont1-topbox{overflow: hidden; }
    .cont1-topbox .top-left{ overflow: hidden; padding: 0;}
    .cont1-topbox .top-right{ overflow: hidden;  height: 180px; padding-top: 40px; padding-bottom: 40px; line-height: 25px;  background-color: #0080c6; color: #fff; }
    .cont1-topbox .top-right h3{ margin-top: 0;}
    .cont1-topbox .top-right p{ margin: 0; font-size: 16px; text-align: justify; text-indent: 2em;}

.content2{ overflow: hidden; }
  .cont2-video{ padding: 0; *width: 805px; width: 805px\9;}
  .videobox{ overflow: hidden; border-right: 1px solid #fff; background-color: #fff;}
  .cont2-video .video-left{ padding: 0;  width: 500px; margin-right: 15px;}
  .cont2-video .video-left img{ width: 100%;}
  .cont2-video .video-left {position: relative; overflow: hidden;}
  .cont2-video .video-left .ztbd-prev,.cont2-video .video-left .ztbd-next,.gy-prev,.gy-next,.gy-prev:hover,.gy-next:hover{position: absolute; width: 40px; height: 41px; left: 0; top: 50%; margin-top: -20px;  background: url(../images/prev.png) 0 0 no-repeat;}
  .cont2-video .video-left .ztbd-next,.gy-next,.gy-next:hover{ left: auto; right: 0; background: url(../images/next.png) 0 0 no-repeat;}
  .cont2-video .video-right{ position: relative; overflow: hidden; width:242px; *width: 255px; width: 255px\9; height: 330px; background-color: #fff; margin-left: 15px;}
  .cont2-video .video-right ul {position: relative; display: block;}
  .cont2-video .video-right ul li{ position: relative; float: left; height: 100%; overflow: hidden;}
  .cont2-video .video-right ul li h3{ font-size: 16px; line-height: 26px; margin: 0; color: #333; padding: 30px 0 20px 0; font-weight:bold; }
  .cont2-video .video-right p{ display: block; text-align: justify; line-height: 22px; margin: 0; text-indent: 2em; color: #333; }
  .cont2-video .video-right .video-btn{ margin: 0; padding: 0; text-indent: 0; text-align: right;}
  .cont2-video .video-right .video-btn a{  font-weight: bold; margin-right: 15px; }
  .cont2-news{ float: right; max-width: 390px; padding-right: 0;}
  .cont2-news ul li{ padding: 0; overflow: hidden;}
  .cont2-news ul li a{ overflow: hidden; color: #898989; text-align: justify; max-width: 347px; height: 33px; line-height: 33px; font-size:14px; }
  .cont2-news ul li em{ float: left; font-style: normal; font-size: 12px; display: block; width: 48px; margin:6px 5px 0 5px; height: 21px; line-height: 21px; text-align: center; color: #fff; background:url(../images/share_icon.png) -66px -225px no-repeat;}
  .cont2-news ul li em.hot{ background-position: 0 -225px;}
  .cont2-news ul li.even{ background-color: #fff;}
  .cont2-news ul li.odd{ background-color: #f2ffff;}
  .cont2-news ul li img{ display: none; float: right;}


.content3 h2{ padding-top: 20px; background:#004ea3}
          .doc-btnbox,.eq-btnbox,.jmyz-btnbox { position: absolute; right: 0; top: -50px; width: 80px; height: 40px; margin-right: 20px;}
          .doc-btnbox a,.eq-btnbox a,.jmyz-btnbox a{ float: left; display: block; width:40px; height: 40px; cursor: pointer; }



.content4 .eq-box{position: relative; display: block;}
          .eq-prevnext {position:absolute; right: 30px; top:20px; width: 100px;}
          .eq-prevnext .prev,.eq-prevnext .next{ display:inline-block; width: 40px; height: 40px; background:url(../images/share_icon.png) no-repeat;}
          .eq-prevnext .prev{float: left; background-position: -263px 10px;}
          .eq-prevnext .next{float: right; background-position: -303px 10px;}
          .eq-prevnext .prev:hover{background-position: -398px -56px;}
          .eq-prevnext .next:hover{background-position: -450px -56px;}

.content5{padding-bottom: 20px;}
.content5 h3{ font-size: 32px; line-height: 1.5; color: #0081cc; font-weight: bold; text-align: center; margin: 0 ;padding: 30px 0 20px 0;}
.content5 p,.content5 .gy-content p{ font-size: 18px; color: #0081cc; padding:0 15px 20px 15px; margin: 0; text-align: justify;text-indent: 2em;}
.content5 .gy-prev,.content5 .gy-next{ top: 50%; margin-top: -20px;}
.content5 .slide-hoverli{ bottom: 3%;}
.content5 .gy-content{ overflow: hidden;}
.content5 .gy-content ul{position: relative;}
.content5 .gy-content li{ float: left;}

.content6 .cont-box{margin: 50px 0;}
.content6 .cont-box dl { text-align: center; margin-bottom: 0; width:12.5%;}
.content6 .cont-box dl dt{ display:inline-block;  }
.content6 .cont-box dl dt a:hover img{
  /*transform:rotate(30deg);
  -webkit-transform:rotate(30deg);
  -moz-transform:rotate(30deg);
  -o-transform:rotate(30deg);*/
 animation:xuanzhuan 1.5s 1;  -moz-animation:xuanzhuan 1.5s  1;  -webkit-animation:xuanzhuan 1.5s 1;

}
.content6 .cont-box dl dt img{ width: 100%;   }
.content6 .cont-box dl dd{padding: 30px 0; font-size: 18px; font-weight: bold; color: #0081cc;}
.content6 .cont-box dl dd a{text-decoration: none; color: #0081cc;}
.content6 .more-ks { clear: both; display: none; background-color:#eef4fa; padding: 13px 0 10px 0; }
.content6 .more-ks strong{ display: block; background: url(../images/more-ks.jpg) bottom center no-repeat ; color:#0081cc; height: 35px; text-align: center;}

.content7{ background-color: #fff;}
.content7 ul {overflow: hidden; max-width: 888px; margin: 0 auto;}
.content7 ul li { float: left; width: 111px; height: 100px;}
.content7 ul li a{ display: block; text-align: center;}
.content7 ul li a img{ display: inline-block; }
.content7 ul li a span{ display: block; text-align: center; font-size: 12px;}


    /******首页end*****/


  }

 @media  screen and (min-width: 769px) and (max-width: 1200px) {
       /*======页面公共部分========*/
       /**脚部**/
        .cofoot-right .cfr-l{ float:left;}
        .cofoot-right .cfr-r { width: 120px;}
        .cofoot-right .cfr-r .mt .ewm{ margin-right: 0;}
        .cofoot-right .cfr-r .mt .wibo{ margin-right: 20px;}
        .cofoot-right .cfr-r .mt .wibo,.cofoot-right .cfr-r .mt .qq{ margin-top: 68px;}
      /**脚部end**/
     
    

      /*======页面公共部分 end========*/
 }
@media  screen and (min-width: 769px){ .jmyz-video-content li:nth-child(6){ display: none;} .jmyz-video-content .btnt{top: 66%;}}
@media  screen and (max-width: 768px){ .jmyz-video-content .btnt{display: none;}}


@media screen and (max-width: 768px) {
	
	
	
     /*======页面公共部分========*/
        .content h2{ padding-left:20px;}
       /**面包屑**/
        .bread{ padding: 0 15px;}
        .bread strong{ font-size: 18px;}
       /**面包屑end**/

       /**脚部**/
       .footer{ padding-top: 0;}
       .cofoot-subnav,.cofoot-right { max-width:275px; min-width: 275px; }
       .cofoot-subnav{ display: none;}
       .cofoot-right .cfrs{ width: 100%; margin-right: 0;}
       .cofoot-right .cfr-r .mt .wibo{float: left;}
       .cofoot-right .cfr-r .mt .qq{ margin-top: 0;float: right;}
       /**脚部end**/

      /*专家左右切换公共*/
      .doc-btnbox{ display:block;}
      .doc-detailbox { min-height: inherit;}
      .doc-detailbox .doc-details{ padding: 10px;}
      .doc-detailbox .doc-details .doc-name strong a{ font-size: 16px;}
      .doc-detailbox .doc-details .doc-name strong em{ margin-right: 0; font-size: 14px;}
      .doc-detailbox .doc-details .doc-name span{ display: none;}
      .doc-detailbox .doc-details .ks{ display: none;}
      .doc-detailbox .doc-details .xq{ display: none;}
      /*专家左右切换公共end*/

     /*======页面公共部分 end========*/

    /******首页*****/
     #bannerbig .bigimg-prev,#bannerbig .bigimg-next{ width: 30px; height: 30px; margin-top: -15px; background-size: 100% 100%; }
     .cont1-topbox{ padding:0px;}
     .videobox{ border: 0;}
     .cont2-video .video-right h3{ font-size: 24px; line-height: 36px; text-align: left;}
     .cont2-video .video-right{ height: auto; padding: 20px 15px 15px;}
     .cont2-news ul{ padding: 0;}
     .cont2-news ul li{ padding: 10px 15px;}
     .cont2-news ul li em{ margin-bottom: 10px; margin-top: 2px;}
	   .cont2-news ul li img{ display: block; float: right; margin-left: 3px;}
	   .cont2-news ul li a{ word-break:break-all; line-height: 24px;}

     .content3 .outBox .doc-btnbox,.eq-btnbox{ display:block;}

     .content4{ padding-bottom: 0px;}
     .content4 .eq-box ul li div{padding: 10px 0;}
     .eq-prevnext{ display: none;}

     .content5 h3{ font-size:22px; line-height: 1.5; text-align: left; padding-left: 15px; padding-right: 15px; }

     .content6 .cont-box{  overflow: hidden; margin: 20px 0;}
     .content6 .cont-box dl dd{ font-size: 18px; line-height: 24px;}
     .content6 .more-ks{ display: block;}

     .content7 ul li.col-3{ width:25%; text-align: center;}
    /******首页end*****/