@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/180% "宋体"; color:#000000;text-align:center; background:#fff;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% dotum;}
li,p{text-align:left;font:normal 12px/180% "宋体";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/180% "宋体";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#b80505;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.list_16 li{ background:url(images/dot.png) 0 12px no-repeat; padding-left:15px; font-size:16px; line-height:200%;}
.list_14 li{ background:url(images/dot.png) 0 12px no-repeat; padding-left:10px; font-size:14px; line-height:200%;}
/*top*/
.top01{ background:url(images/top.jpg) top center no-repeat; height:938px;}

/*con_bg*/
.body_bg{ background:url(images/bg.jpg) top center no-repeat #fff;}
/*p1*/
.p1_title{ font-size:36px; text-align:center; background:url(images/p1_01.png) bottom center no-repeat; margin:20px auto; width:1005px; line-height:120%; padding:20px 0;}
.p1_con{ border-bottom:#b3b3b3 1px solid; padding-bottom:30px; margin:30px auto;}
.p1_con .fl{ width:470px;}
.p1_con .fr{ width:500px;}
.p1_con .fl h1{ font-size:20px; font-weight:bold; margin:15px auto 8px;}
.p1_con .fl .bor_ul{ border-bottom:#ebebeb 1px solid; padding-bottom:12px;}



#box4{width:500px;height:380px;position:relative; overflow:hidden;}
#box4 ul li{display:none;text-align:center;position:absolute;}
#box4 ul li img{display:block;}
#box4 ul li span{position: relative;font-size:14px;z-index:3; background:url(images/p1_02.png); height:40px; display:block; line-height:40px; margin-top:-40px; padding:0 10px 0 20px;}
#box4 ul li a{color:#fff;}
#box4 ol{position:absolute;top:305px;right:5px;z-index:10;}
#box4 ol li.active{display:block; background:url(images/dot02.png);filter:alpha(opacity=70);opacity:.7;}
#box4 ol li{width:10px;height:10px;float:left;cursor:pointer;margin:0 3px; background:url(images/dot01.png);filter:alpha(opacity=70);opacity:.7;text-indent:-9999px;}



/*p2*/
.p2_con{ margin:0 auto 20px;}
.p2_con div{ width:470px;}
.p2_con div h2{ border-bottom:#cc3333 2px solid; clear:both; height:40px; line-height:40px;}
.p2_con div h2 em{ font-size:18px; font-weight:bold; float:left;}
.p2_con div h2 i{ float:right; padding-top:15px;}
.p2_con div ul{ margin:15px auto;}

/*p3*/
.p2_title{ background:url(images/line.png) center no-repeat; text-align:center; margin:40px auto 30px;}
.p2_title h1{ color:#2d6ac4; padding:0 30px; background:#fff; text-align:center; margin:0 auto; font-size:60px; display:inline-block;}
.p3_con{ margin:0 auto 20px; height:250px;}
.p3_con ul{ height:250px;}
.p3_con ul li{ position:relative; float:left; width:330px; margin-right:4px; height:250px;}
.p3_con ul li img{}
.p3_con ul li span{ display: block; width:93px; height:73px; text-align:center; font-size:16px; padding:40px 10px 0; position:absolute; top:130px; right:0; z-index:100;}
.p3_con ul li span.t01{ background:url(images/p2_01.png) no-repeat;}
.p3_con ul li span.t02{ background:url(images/p2_02.png) no-repeat;}
.p3_con ul li span.t03{ background:url(images/p2_03.png) no-repeat;}


.rollBox{ position:relative;height:250px; width:1000px; overflow:hidden;}
.rollBox .ScrCont{ height:250px; width:1000px; overflow:hidden;}
.rollBox .LeftBotton{width:44px;height:29px; background:url(images/lt01.png);cursor:pointer; position:absolute; top:85px; left:0px; z-index:10;}
.rollBox .RightBotton{width:44px;height:29px; background:url(images/rt01.png);cursor:pointer; position:absolute; top:85px; right:23px; z-index:10;}




.p3_con2{ margin:50px auto 30px;}
.p3_con2 .box01{ width:428px;}
.p3_con2 .box01 ul{ margin-bottom:2px;}
.p3_con2 .box01 ul li{float:left; margin-right:2px; overflow:hidden;}
.p3_con2 .box01 ul li p{ background:url(images/p2_04.png) bottom; height:60px; margin:-110px auto 0; display:block; z-index:10; position:relative; width:90%; padding:50px 5% 0;line-height:160%;}
.p3_con2 .box01 ul li p b{ display:block; font-size:18px;}
.p3_con2 .box01 ul li.t01{ width:259px; overflow:hidden;}
.p3_con2 .box01 ul li.t02{ width:165px; overflow:hidden;}

.p3_con2 .box01 p{ width:426px; background:#ececec; height:119px;}
.p3_con2 .box01 p img{ float:right;}
.p3_con2 .box01 p span{ float:left; display:block; width:250px; padding:30px 0 0; text-align:right;}
.p3_con2 .box01 p span b{ display:block; font-size:18px;}


.p3_con2 .box02{ width:259px; float:left;}
.p3_con2 .box02 p{ background:#ececec; height:119px; margin-bottom:2px;}
.p3_con2 .box02 p img{ float:left; margin-right:10px;}
.p3_con2 .box02 p span{ float:left; display:block; width:130px; padding:30px 0px 0 0;}
.p3_con2 .box02 p span b{ display:block; font-size:18px;}

.p3_con2 .box02 li{margin-right:2px;}
.p3_con2 .box02 ul li  p{ background:url(images/p2_04.png) bottom; height:60px; margin:-110px auto 0; display:block; z-index:10; position:relative; width:90%; padding:50px 5% 0;line-height:160%;}
.p3_con2 .box01 ul li p b{ display:block; font-size:18px;}
.p3_con2 .box01 ul li.t03{ width:165px; overflow:hidden;}


.p3_con2 .box03{ width:259px; float:left;}
.p3_con2 .box03 p.t04{ background:#ececec; height:119px; margin-bottom:2px;}
.p3_con2 .box03 p.t04 img{ float:left; margin-right:10px;}
.p3_con2 .box03 p.t04 span{ float:left; display:block; width:130px; padding:30px 0px 0 0;}
.p3_con2 .box03 p.t04 span b{ display:block; font-size:18px;}

.p3_con2 .box03 p.t05{ background:#ececec; height:183px;}
.p3_con2 .box03 p.t05 img{ float:right; margin-right:10px;}
.p3_con2 .box03 p.t05 span{ float:left;display:block; width:110px; padding:30px 0px 0 0; text-align:right;}
.p3_con2 .box03 p.t05 span b{ display:block; font-size:18px;}






/*p4*/
.p4_con{}
.p4_con .fl{ width:640px;}
.p4_con .fr{ width:338px; background:#fafafa; height:480px;}

.p4_con .fl p{}
.p4_con .fl span{ position: relative; background:url(images/p3-01.png) bottom; height:40px; padding:140px 10px 0; margin-top:-180px; font-size:20px; display:block; z-index:10;}
.p4_con .fr dl{ border-bottom:#e2e2e2 1px solid; width:320px; margin:0 auto; padding:10px 0;}
.p4_con .fr dl dt{ float:left; width:150px;}
.p4_con .fr dl dd{ float:right; width:150px; padding-top:8px;}
.p4_con .fr .ul01{ margin:17px 10px;}

/*p5*/
.p5_con{}
.p5_con .fl{ width:455px;}
.p5_con .fr{ width:520px;}
.p5_con .fl ul{}
.p5_con .fl ul li{ float:left; width:200px; margin:0  13px 13px;}
.p5_con .fl ul li img{ display:block;}
.p5_con .fl ul li p{ display:block; background:url(images/p1_02.png); height:40px; line-height:40px; text-align:center; position:relative; z-index:10; margin-top:-40px; font-size:14px;}

.p5_con .fr h2{ clear:both; height:30px;}
.p5_con .fr h2 em{ float:left; font-size:18px;}
.p5_con .fr h2 i{ float:right;}
.p5_con .fr ul.t01{ padding-bottom:20px; margin-bottom:20px; border-bottom:#ebebeb 1px solid;}

/*p6*/

.p6_con{ position:relative;}
.p6_con li{ text-align:center; float:left;font-size:14px;line-height:40px; position:relative;}
.p6_con li span{ display:block; position:absolute; bottom:30px; right:0; z-index:10; background:#d14747; width:438px; height:60px; padding:12px 15px; font-size:18px; text-align:left; overflow:hidden; line-height:130%;}
.pre3{ background:url(images/lt02.png);width:52px;height:52px; position:absolute;bottom:40px;left:30px;z-index:100}
.next3{ background:url(images/rt02.png);width:52px;height:52px;bottom:40px;left:100px;position:absolute; z-index:100}

/*p7*/
.p7_con{ margin-bottom:20px;}
.p7_con .left{ width:365px;}
.p7_con .center{ width:302px; padding-left:15px;}
.p7_con .right{ width:302px;}

.p7_con .left h2{ font-size:18px; border-bottom:#cc3333 2px solid;}
.p7_con .left ul{ margin:20px auto;}
.p7_con .center ul li{ margin-bottom:10px; height:150px;}
.p7_con .center ul li span{ font-size:14px; padding:30px 10px 10px; display:block;}
.p7_con .center ul li.t01{ background:#eadfc7;}
.p7_con .center ul li.t01 img{ float:left; margin-right:15px;}
.p7_con .center ul li.t02{ background:#f3f3f3;}
.p7_con .center ul li.t02 img{ float:left;}
.p7_con .center ul li.t02 span{ width:131px; display:block; float:left;}
.p7_con .center ul li.t03{ background:#dac189;}
.p7_con .center ul li.t03 img{ float:left; margin-right:15px;}

.p7_con .right ul li{ margin-bottom:10px; height:150px; background:#f1f1f3;}
.p7_con .right ul li span{ font-size:14px; padding:30px 10px 10px; display:block;}
.p7_con .right ul li.t01 img{ float:left; margin-right:15px;}






/*p8*/
.p8_con{ background:#e7eaf1;}
.p8_con ul{ padding:20px 0; padding-left:20px;}
.p8_con ul li{ float:left; color:#7687ae; margin:10px 15px; text-align:center; display:inline-block; width:130px;}
.p8_con ul li p{ width:130px; height:130px; background:#fff; text-align:center; margin-bottom:10px;}
.p8_con ul li img{ margin:5px auto;}

.p8_con ul{ text-align:center;}
.p8_con ul li{ float:none; display:inline-block;}

.copyright{ text-align:center; padding:40px 0;}

/*20170930*/
.pre3,.next3{ cursor:pointer;}

.p7_con .center ul li.t02 img {
    float: right;
}

.top01{ background:url(images/top_chao.jpg) top center no-repeat; height:950px;}

.p2_title h1 {
    font-size: 42px;
}

/*浮动导航*/
.floatNav {
  width: 335px;
  height: 736px;
  position: fixed;
  left: -190px;
  top: 30px;
  z-index: 999;
  cursor: pointer;
  overflow: hidden;
  display: none;
  color: #fff; }
  .floatNav .qizi {
    margin-left: -20px;
    width: 185px;
    height: 678px;
    padding-top: 100px;
    padding-left: 25px;
	padding-right: 110px;
    background: url(images/qizi.gif) no-repeat; }
    .floatNav .qizi h3 {
      color: #fff;
      font-size: 14px;
      margin-bottom: 15px; }
      .floatNav .qizi h3 b {
        font-size: 20px; }
    .floatNav .qizi li {
      font-size: 18px;
      color: #fff;
      border-bottom: 1px solid #e17f7d;
      width: 165px;
      padding: 8px 0;
      cursor: pointer; }
	  .floatNav .qizi li a:link,.floatNav .qizi li a:hover,.floatNav .qizi li a:visited{
		  color: #fff;
		  }
      .floatNav .qizi li span {
        vertical-align: middle;
        margin-right: 10px; }
    .floatNav .qizi li.active {
      color: #9ed9f7; }
    .floatNav .qizi .navIcon1 {
      display: inline-block;
      width: 20px;
      height: 25px;
      background: url(images/nav_icon1.png) no-repeat; }
    .floatNav .qizi .navIcon2 {
      display: inline-block;
      width: 20px;
      height: 25px;
      background: url(images/nav_icon2.png) no-repeat; }
    .floatNav .qizi .navIcon3 {
      display: inline-block;
      width: 21px;
      height: 25px;
      background: url(images/nav_icon3.png) no-repeat; }
    .floatNav .qizi .navIcon4 {
      display: inline-block;
      width: 20px;
      height: 30px;
      background: url(images/nav_icon4.png) no-repeat; }
    .floatNav .qizi .navIcon5 {
      display: inline-block;
      width: 20px;
      height: 22px;
      background: url(images/nav_icon5.png) no-repeat; }
    .floatNav .qizi .navIcon6 {
      display: inline-block;
      width: 21px;
      height: 18px;
      background: url(images/nav_icon6.png) no-repeat; }
    .floatNav .qizi .navIcon7 {
      display: inline-block;
      width: 23px;
      height: 25px;
      background: url(images/nav_icon7.png) no-repeat; }
    .floatNav .qizi .navIcon8 {
      display: inline-block;
      width: 25px;
      height: 18px;
      background: url(images/nav_icon8.png) no-repeat; }
    .floatNav .qizi .navIcon9 {
      display: inline-block;
      width: 21px;
      height: 25px;
      background: url(images/nav_icon9.png) no-repeat; }
    .floatNav .qizi .navIcon10 {
      display: inline-block;
      width: 15px;
      height: 17px;
      background: url(images/nav_icon10.png) no-repeat; }