@charset "utf-8";

.banner{width:100%; /*! height:450px; */}
.flexslider { height: 450px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 450px;}

.i_tools{height:53px;}
.i_tools .index_box1{width:661px; float:left; border-bottom:2px #046cc1 solid; height:51px; border-right:1px #f0f0f0 solid;}
.i_tools .index_box1_box1{width:446px; height:51px; float:left; background:url(../images/index_bg9.jpg) no-repeat left; padding-left:36px; line-height:51px;}
.i_tools .index_box1_box2{width:179px; height:51px; float:right;}
.flex-control-nav { z-index: 2; width: 100%; text-align: center; height:16px; padding-top:17px;}
.flex-control-nav li { display: inline-block; width: 16px; height: 16px; margin: 0px 10px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 16px; height: 16px; line-height: 60px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
.i_tools .index_box2{width:341px; float:right; border-bottom:2px #f8b605 solid; height:51px; border-left:1px #f0f0f0 solid;}
.i_tools .index_box2 .stxt{width:267px; height:51px; float:left; margin:0px; padding:0px; border:none; padding-left:18px;}
.i_tools .index_box2 .sbtn{width:55px; float:left;height:51px; margin:0px; padding:0px; border:none; background:url(../images/zoom.gif) no-repeat;}

.i_pro{width:100%; overflow:hidden; height:544px;}
.i_pro .index_box1{width:230px; float:left; background:#0599f2; height:544px;}
.i_pro .index_box1_box1{width:230px; height:95px;}
.i_pro .index_box1_box2{width:220px; margin:0px auto; height:350px; background:#ffffff;}
.sort .sort-ti,.sort .sort-list li a span,.sort .sort-list li.hover,.sort .sort-list ul li.hover ul li a{}
.sort{width:220px;height:auto;position:relative;z-index:20;}
.sort .sort-list{height:350px;padding:0 10px;}
.sort .sort-list ul{height:350px}
.sort .sort-list li{width:200px;height:30px;float:left;margin:10px 0px;}
.sort .sort-list li a{display:block;height:30px;line-height:30px;font-size:14px;cursor:pointer; text-align:center;}
.sort .sort-list li a span{display:block;height:30px; line-height:30px}
.sort .sort-list li.hover{ background:#d3d3d3;}
.sort .sort-list li.hover a{color:#fff}
.sort .sort-list ul ul{display:none}
.sort .sort-list ul li.hover ul{left:180px;margin-top:-38px;width:149px;z-index:30;position:absolute;height:auto;overflow:hidden; background:url(../images/jt.png) no-repeat left 17px;}
.sort .sort-list ul li.hover ul li{height:36px;padding:0; margin:0px; background:url(../images/index_bg11.png) repeat; margin-left:11px; padding:0px 15px; width:108px;}
.sort .sort-list ul li.hover ul{display:block}
.sort .sort-list ul li.hover ul li a{height:36px;line-height:36px;font-size:12px;text-align:left; color:#555555;}
.sort .sort-list ul li.hover ul li a:hover{ color:#ffffff;}
.i_pro .index_box1_box3{width:230px; height:79px; text-align:center; color:#ffffff; line-height:26px; padding-top:22px;}
.i_pro .index_box2{width:752px; float:right; height:544px;}
.i_pro .index_box2_box1{width:752px; height:32px; line-height:32px;}
.i_pro .index_box2_box1_box1{width:321px; height:32px; float:left; background: url(../images/index_bg10.jpg) repeat-x center;}
.i_pro .index_box2_box1_box2{width:110px; text-align:center; float:left; font-size:18px; line-height:32px;}
.i_pro .index_box2_box1_box3{width:321px; height:32px; float:right; background: url(../images/index_bg10.jpg) repeat-x center;}
.i_pro .index_box2_box2{width:752px; overflow:hidden;}
/* ============================================================
  GLOBAL
============================================================ */
.effects .img {
  position: relative;
  float: left;
  width: 228px;
  height:228px;
  overflow: hidden;
  margin-top:26px;
  border:1px #c9c9c9 solid;
  margin-right:31px;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  width:228px;
  height:228px;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(5, 153, 242, 0.3);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 100px;
  height: 40px;
  border: solid 1px #fff;
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
}
/* ============================================================
  EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -20px;
  opacity: 1;
}

.i_about{width:100%;height:290px;background:url(../images/index_bg7.jpg) no-repeat center;overflow: hidden;}
.i_about .index_box1{width:736px; float:left; overflow:hidden;}
.i_about .index_box1_box1{width:736px; height:37px; text-align:center; padding-top:30px;}
.i_about .index_box1_box2{width:736px; height:27px; padding-top:7px;}
.i_about .index_box1_box2 .more{width:50px; height:20px; color: #333333; margin:0px auto; background:url(../images/index_bg8.jpg) no-repeat center; display:block; padding-right:20px; text-align:center; line-height:20px;}
.i_about .index_box1_box3{width:736px; overflow:hidden;}
.i_about .index_box2{width:250px; float:right;/*! padding-top: 10px; */}

.i_ys1{width:100%; overflow:hidden;}
.i_ys1 .index_box1{width:100%; height:34px; text-align:center;}
.i_ys1 .index_box2{width:100%; height:368px; background:url(../images/index_bg12.jpg) no-repeat center bottom;}
.i_ys1 .index_box2_box1{width:461px; float:left; overflow:hidden; padding-top:68px;}
.i_ys1 .index_box2_box1_box1{width:367px; height:59px; background:url(../images/index_bg13.jpg) no-repeat; padding-left:94px; padding-top:36px;}
.i_ys1 .index_box2_box1_box2{width:389px; overflow:hidden; padding-left:72px;}
.i_ys1 .index_box2_box1_box2 li{width:367px; background:url(../images/index_img9.gif) no-repeat left 7px; padding-left:22px; float:left; font-size:14px; margin-top:10px;}
.i_ys1 .index_box2_box2{width:480px; height:306px; float:right; padding-top:39px;}
.i_ys1 .index_box3{width:100%; height:349px; background:url(../images/index_bg14.jpg) no-repeat center bottom;}
.i_ys1 .index_box3_box1{width:473px; float:left;}
.i_ys1 .index_box3_box2{width:461px; float:right; padding-top:34px; overflow:hidden;}
.i_ys1 .index_box3_box2_box1{width:367px; height:59px; background:url(../images/index_bg15.jpg) no-repeat; padding-left:94px; padding-top:36px;}
.i_ys1 .index_box3_box2_box2{width:389px; overflow:hidden; padding-left:72px;}
.i_ys1 .index_box3_box2_box2 li{width:367px; background:url(../images/index_img9.gif) no-repeat left 7px; padding-left:22px; float:left; font-size:14px; margin-top:10px;}
.i_ys1 .index_box4{width:100%; height:289px;}
.i_ys1 .index_box4_box1{width:461px; float:left; overflow:hidden; padding-top:11px;}
.i_ys1 .index_box4_box1_box1{width:367px; height:59px; background:url(../images/index_bg16.jpg) no-repeat; padding-left:94px; padding-top:36px;}
.i_ys1 .index_box4_box1_box2{width:389px; overflow:hidden; padding-left:72px;}
.i_ys1 .index_box4_box1_box2 li{width:367px; background:url(../images/index_img9.gif) no-repeat left 7px; padding-left:22px; float:left; font-size:14px; margin-top:10px;}
.i_ys1 .index_box4_box2{width:538px; float:right;}

.i_ys2{width:100%; height:306px; background:url(../images/index_bg5.jpg) repeat-x;}
.i_ys2 .index_box1{width:794px; float:left;}
.i_ys2 .index_box1_box1{width:794px; height:111px; padding-top:39px;}
.i_ys2 .index_box1_box1_box1{width:794px; height:27px;}
.i_ys2 .index_box1_box1_box2{width:794px; height:35px; padding-top:19px;}
.i_ys2 .index_box1_box1_box2_box1{width:355px; height:35px; float:left;}
.i_ys2 .index_box1_box1_box2_box2{width:240px; float:left; height:35px; padding-left:20px;}
.i_ys2 .index_box1_box1_box2_box2 li{width:100px; float:left; height:35px; line-height:35px; text-align:center; font-size:18px; padding-left:20px;}
.i_ys2 .index_box1_box1_box2_box2 a{ display:block;}
.i_ys2 .index_box1_box1_box2_box2 a.btn1{width:100px; height:35px; background:#f8b605;}
.i_ys2 .index_box1_box1_box2_box2 a.btn2{width:100px; height:35px; background:#ffffff;}
.i_ys2 .index_box1_box2{width:794px; overflow:hidden; line-height:25px; background:url(../images/index_bg6.jpg) no-repeat left center; margin-top:31px; text-align:center; font-size:14px;}
.i_ys2 .index_box2{width:208px; float:right; padding-top:39px;}

.i_fee{width:100%; background:url(../images/index_bg1.jpg) repeat-x; height:436px; overflow:hidden;}
.i_fee .index_box1{width:500px; height:376px; float:left; background:url(../images/index_bg2.jpg) no-repeat left bottom; padding-top:60px; text-align:right;}
.i_fee .index_box2{width:462px; float:right; height:392px; background:url(../images/index_bg3.jpg) no-repeat center; padding-top:44px; padding-left:40px;}
.i_fee .index_box2_box1{width:412px; background:url(../images/index_bg4.jpg) no-repeat left; padding-left:50px; font-size:18px; height:29px; line-height:29px;}
.i_fee .index_box2_box2{width:462px; height:53px; line-height:53px; color:#b20000; font-size:14px;}
.i_fee .index_box2_box3{width:462px; overflow:hidden;}
.i_fee .index_box2_box3 dd{width:462px; float:left; padding-bottom:22px;}
.i_fee .index_box2_box3 dd.msg{padding-bottom:15px;}
.i_fee .index_box2_box3 dd.btn{ padding-bottom:0px;}
.i_fee .index_box2_box3 label{width:79px; float:left; text-align:center; font-size:14px; height:40px; line-height:40px;}
.i_fee .index_box2_box3 .stxt{width:334px; height:38px; float:left; margin:0px; padding:0px; border:1px #959595 solid;}
.i_fee .index_box2_box3 .smsg{width:401px; height:106px; margin:0px; padding:6px; border:1px #959595 solid;}
.i_fee .index_box2_box3 .sbtn{width:100px; height:25px; margin:0px; padding:0px; border:none; margin-left:158px; background:#0599f2; text-align:center; color:#ffffff; line-height:25px;}