﻿@charset "utf-8";
/* CSS Document */
/* adver*/


.mainnews{ width:1200px; margin:0 auto; margin-top:30px; margin-bottom:40px;}
.main_tit{width:1200px; height:43px; line-height:43px; overflow:hidden; text-align:center;}
.main_tit a{ font-size:30px; color:#2b61b3; line-height:43px; font-weight:bold;}
.main_tit a:hover { color:#cc0000;}
.main_cnt{width:1200px; height:43px; line-height:43px; overflow:hidden; text-align:center; color:#2b61b3;}
.main_cnt a{line-height:43px;color:#2b61b3;}

.top_cnt1 { float:right; width:99px; margin-right:0px; margin-bottom:20px; 
background-image: url(wu.png); background-repeat:no-repeat; background-position:center left; padding-left:15px; }
.top_cnt1 a{ color:#0044a9; text-align:center;width:99px; line-height:47px; height:47pc;margin-right:0px; margin-bottom:20px; }
/* 本例子css */

.slideBox{ width:600px; height:360px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:13px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:3px;  width:14px; height:13px; line-height:13px; background-image:url(slider_num.png); cursor:pointer; }
.slideBox .hd ul li.on{ background-image:url(slider_hober.png); }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:600px; height:360px; display:block;  }
.slideBox .slideBox_txt{ width:600px; height:40px; font-size:18px; line-height:40px; padding-left:15px; color:#FFF; background-image:url(blank.png); background-repeat:repeat; position:absolute; bottom:0px; z-index:999;}

/* sec1 */
.sec1{ width:1200px; margin:0 auto;margin-bottom:20px;}
.sec1_l{ width:600px; height:360px;}
.sec1_r{ width:547px; height:360px;background-color:#FFF;}
.sec1_r_tit{width:547px; height:48px; background-repeat:no-repeat; background-position:top right;   background-color:#f8f8f8; border-bottom:#1269d3 solid 2px;}
/*.sec1_l_li{ border-bottom:1px dashed #CCC;}*/

.sec1_active{ color:#FFF;  width:118px; height:41px; background-color:#0044a9;border-radius:5px 5px 0 0;   }

.sec1_dtq{ width:120px; height:57px; text-align:left; font-size:18px; line-height:44px; float:left; cursor:pointer; margin-left:5px; color:#000;}


.sec1_dt3{ width:600px; height:100px; text-align:center; font-size:22px; line-height:100px; float:left; cursor:pointer;  font-size:36px; font-weight: 100; color:#558eff;}
.sec1_dt3:hover{ color: #FFF;   }
.sec1_active3 { color: #FFF;  width:590px; height:100px;  background-color:#4b82ce;  margin-left:0px;  }
.sec1_active3:hover{ color: #FFF;   }
.sec1_dd3{ clear:both; display:none;width:100%;}
.sec1_more3{ display:none; float:right; width:100px; height:37px;}
.sec1_more3 a{ color:#999999; font-size:14px; line-height:37px;}
.sec1_more{ display:none; float:right; width:100px; height:37px;}
.sec1_more a{ color:#999999; font-size:14px; line-height:37px;}
.sec1_dd{ clear:both; display:none;width:100%; padding:20px 0px 0px 0px;box-sizing:border-box;background-color:#FFF;}
.sec1_moreq{  float:right; width:66px; height:37px; margin-right:900px;}
.sec1_moreq a{ color: #000; font-size:14px; line-height:44px; margin-right:900px;}
.sec1_ddq{ width:100%;}
.sec1_dt a{ font-size:20px;   text-align: center; margin-top:9px; line-height:41px;  }
.sec1_dt{ width:160px; height:41px; margin-top:9px; font-size:20px; line-height:41px; float:left; cursor:pointer;  text-align: center; margin-left:15px;}
.sec1_active a{ color:#FFF;}
.sec1_active a:hover{ color:#FFF;}




.sec1_r_tits{ background-image:url(zs_07.jpg); height:52px; background-repeat:no-repeat; background-position:top right; margin-bottom:2px; width:587px;}
.sec1_r_txt{color:#FFF; background-color:#d42b2b; font-size:16px;}
.sec1_r_more a{ color:#999999; font-size:14px; line-height:37px; margin-right:4px;}


.sec1_r_tit3{ width:1200px;  height:100px; background-color:#f3f7fe; background-repeat:no-repeat; background-position:top right; margin-bottom:0px; }
.sec1_dd3{ clear:both; display:none;width:1198px; height:230px; border:#cadcff 1px solid; border-top: none;}

.zhaos1{ width:300px; height:52px; line-height:52px; font-size:21px; color:#FFF;}
.zhaos1 a{  width:587px; height:40px;}

.adver{ width:1200px; margin:0 auto; margin-bottom:20px; background-color:#FFF;}
.adver01{ width:625px;  margin:0 auto; text-align:center;}
.adver02{ width:530px;  margin:0 auto;  margin-top:10px;}


.fl_icon{ width:1200px; margin: 0 auto;  margin-bottom:15px;}
.sec3you tr{  width:240; height:46px; }
.sec2_cnt{ width:118px; height:112px; background-color:#ebf1fb; padding-top:25px; margin-left:0px; border:#CCC solid 1px;}
.sec2_cnt p{  color:#333333; font-size:18px; text-align:center;line-height:44px; }
.sec2_cnt p a{ color:#333333; font-size:18px; text-align:center; line-height:44px; }
.sec2_cnt p a:hover { color:#cc0000;}
.sec2_cnt p:hover { color:#cc0000;}
.sec2{width:1200px; height:370px; margin:0 auto;margin-bottom:30px; background-color:#FFF;}
.sec2_l{ width:600px;  margin:0 auto; text-align:center;}
.sec2_r{ width:547px;  margin:0 auto;  margin-top:0px;}
.adver011{ width:185px; height:175px; background-color:#eaf2f7; margin-top:10px; margin-left:20px;}
.adver011 p{ width:188px; height:16px;color:#0069c5; font-size:16px; text-align:center; }
.sec2_tit{ width:600px; height:50px; background-color:#f3f2f2; border-bottom:#1269d3 solid 2px;}
.sec2_cnt:nth-child(1){border-bottom: none;border-right: none;}
.sec2_cnt:nth-child(2){border-bottom: none;border-right: none;}
.sec2_cnt:nth-child(3){border-bottom: none;border-right: none;}
.sec2_cnt:nth-child(4){border-bottom: none;border-right: none;}
.sec2_cnt:nth-child(5){border-bottom: none;}
.sec2_cnt:nth-child(6){border-right: none;}
.sec2_cnt:nth-child(7){border-right: none;}
.sec2_cnt:nth-child(8){border-right: none;}
.sec2_cnt:nth-child(9){border-right: none;}
.sec2_cnt:nth-child(10){}

.sec2_tit p{ margin-left:15px;background-color:#0044a9;border-radius:5px 5px 0 0;line-height:41px; color:#FFF; font-size:20px; width:190px; height:41px; text-align:center; margin-top:10px;}
.sec2_tit p a{ line-height:41px; color:#FFF; font-size:20px;  }
.sec2_tit a{ line-height:48px; color:#FFF;}
.sec2_tit a:hover {}
.sec10_cnt{ background-color:#FFF; padding:15px; }
.ziti1{ line-height:22px; width:47px; display:block;}

.sec22_tit{ width:547px; height:50px; background-color:#f3f2f2; border-bottom:#1269d3 solid 2px;}
.sec22_tit p{  width:160px; height:41px;margin-left:15px;background-color:#0044a9;border-radius:5px 5px 0 0;line-height:41px; color:#FFF; font-size:20px; text-align:center; margin-top:10px;}
.sec22_tit p a{ line-height:41px; color:#FFF; font-size:20px;  }
.sec22_tit a{ line-height:48px; color:#FFF;}
.sec22_tit a:hover {}
.sec11_cnt{ background-color:#FFF; padding:15px; }


.sec3_tit{ width:1200px; height:50px; background-color:#f3f2f2; border-bottom:#1269d3 solid 2px; margin-bottom:30px;}
.sec3_tit p{  width:160px; height:41px;margin-left:15px;background-color:#0044a9;border-radius:5px 5px 0 0;line-height:41px; color:#FFF; font-size:20px; text-align:center; margin-top:10px;}
.sec3_tit p a{ line-height:41px; color:#FFF; font-size:20px;  }
.sec3_tit a{ line-height:48px; color:#FFF;}
.sec3_tit a:hover {}
.sec6_cnt{ background-color:#FFF; padding:15px; }


/* 更多2 */

.bubble-right { line-height:30px; background-color:transparent;
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: right;
  transition-property: right;
  top: -webkit-calc(50% - 7px);
  top: calc(50% - 7px);
  right:67px;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #000000;
}

.bubble-right:hover:before {
  right: 62px;
}

/* 鼠标经过闪烁 */

@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse-shrink {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-shrink:hover {
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* 圈形变背景色 */


.set_4_button2 {

  position: relative;
  
  text-align: center;
  
  overflow: hidden;
  position: relative;
  z-index: 0;
  cursor: pointer;
 
  
}
.set_4_button2.raised {
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  
}
.set_4_button2.raised:active {
  background: #515151;
  box-shadow: 0px 1px 1px #063e6b;
}
.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}
.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}

.clickable .toggle:checked + .anim {
  -moz-animation: anim-in 0.75s;
  -webkit-animation: anim-in 0.75s;
  animation: anim-in 0.75s;
}
.clickable .toggle:checked + .anim:after {
  -moz-animation: anim-in-pseudo 0.75s;
  -webkit-animation: anim-in-pseudo 0.75s;
  animation: anim-in-pseudo 0.75s;
}
.clickable .toggle:not(:checked) + .anim {
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}
.clickable .toggle:not(:checked) + .anim:after {
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}

.hoverable:hover > .anim {
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}
.hoverable:hover > .anim:after {
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}
@-webkit-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}



/* 滚动图片本例子css */
		.picMarquee-left{ width:1200px;  overflow:hidden; position:relative; margin-bottom:25px;    }
		.picMarquee-left .hd{ width:1200px;overflow:hidden;  background: #FFF; padding:0px; overflow:hidden; }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:50px;  float:right; margin-right:5px; margin-top:0px;  overflow:hidden;cursor:pointer; background-color:#C33 no-repeat; display:none;}
		.picMarquee-left .hd .next{ background-position:0 -50px;   }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0;   }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:0px 0px 0px 0px; width:1200px; overflow:hidden;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:282px; height:72px; display:block;  }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
		





		
		
		
		
		
.fl{ width:100%; margin:0 auto; height:64px; padding:0px; background-color:#cde1ff;color:0c80c7; font-size:16px;}	
		
		
.icon_wrap{ position: relative; width:60px; height:50px; left:-25px; margin-left:50%}

.icon {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -30px;
    
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
}
.icon_wrap  {transition: all 0.43s ease 0s;}
.icon_wrap:hover  { transform: rotateY(180deg);}


.button { 
  
  cursor: pointer;
 
  line-height:80px; 
  text-align:center;
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 鼠标经过下阴影 */

.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.float-shadow:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.float-shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


		
		

/* 鼠标经过放大 */

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


/* 鼠标经过缩小 */

.shrink {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.shrink:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}


/* 鼠标经过阴影 */

.glow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.glow:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
