body {
  background: #fff;
}
.animated {
  animation-duration: .3s;
  animation-fill-mode: both;
}
#prompts {
  background-color: #f0f2f4;
  line-height: 34px;
}
#prompts #zjw_location {
  width: auto;
  position: relative;
}
#prompts #zjw_location .location_tips {
  width: 800px;
  line-height: 34px;
  color: #90969f;
}
#prompts #zjw_location .location_tips span {
  display: inline-block;
  float: left;
  font-size: 12px;
}
#prompts #now_city {
  padding-left: 16px;
  background: url('../img/zjw_icon.png') no-repeat;
  background-position: 0px 10px;
  color: #d94421;
  font-size: 16px;
  font-weight: 600;
}
#prompts #change_city {
  cursor: pointer;
}
#prompts #change_city:hover {
  color: #666;
}
#prompts #weather {
  margin-left: 16px;
}
#prompts #weather img {
  vertical-align: middle;
}
#prompts #address {
  position: absolute;
  top: 35px;
  left: 0;
  width: 386px;
  transition: all 0.3s ease-out;
  border: 1px solid #dadada;
  background-color: #fff;
  padding-bottom: 10px;
  z-index: 2000;
}
#prompts #address p {
  width: 343px;
  margin: 0 auto;
  padding-top: 8px;
  line-height: 40px;
  font-size: 14px;
  color: #666666;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
}
#prompts #address .line {
  padding-left: 6px;
}
#prompts #address .line span {
  display: inline-block;
  width: 57px;
  line-height: 26px;
  text-align: center;
  float: left;
  margin-left: 4px;
  color: #676869;
  cursor: pointer;
  border: 2px solid transparent;
  border-bottom: none;
}
#prompts #address .line span:hover {
  color: #2187cf;
}
#prompts #address .line .on {
  border-color: #d94421;
  background-color: #f5f5f5;
  border-bottom-color: transparent ;
}
#prompts #address .city_list {
  width: 100%;
  border: 2px solid #d94421;
  margin-top: -2px;
  background-color: #f5f5f5;
  padding-left: 16px;
  padding-bottom: 4px;
}
#prompts #address .city_list span {
  line-height: 20px;
  padding: 2px 6px;
  margin-top: 6px;
  display: block;
  text-align: center;
  float: left;
  color: #676869;
  cursor: pointer;
  border: 2px solid transparent;
}
#prompts #address .city_list span:hover {
  background-color: #2187cf;
  color: #fff;
}
#prompts #address .city_list .on {
  background-color: #2187cf;
  color: #fff;
}
#prompts .right li {
  display: inline-block;
  font-size: 12px;
  color: #52575e;
}
#prompts .right li a {
  color: #52575e;
}
#prompts .right li a:hover {
  color: #1989e7;
}
#prompts .right .middle_li {
  padding: 0 10px;
}
#search_area {
  height: 177px;
  background-color: #ffffff;
}
#search_area .left {
  height: 132px;
  width: 555px;
  background: url("../img/search_logo.png") no-repeat left;
  background-position-x: 1px;
  font-size: 16px;
  color: #666666;
  padding-left:197px;
  line-height: 132px;
}
#search_area .left i{
	font-size: 24px;
  color: #f96e59;
}
#search_area .right {
	height: 43px;
  width: 208px;
  background: url("../img/phoo.png") no-repeat center;
      margin-top: 55px;
}
#search_area .right .item_con .item1 {
  border: 1px solid #d94421;
  border-right: none;
  padding-left: 14px;
  font-size: 14px;
  color: #636879;
  height: 41px;
  line-height: 41px;
  width: 108px;
  background: url("../img/icon_1.png") no-repeat center;
  background-position-x: 82px;
  cursor: pointer;
}
#search_area .right .item_con .item2 input {
  height: 41px;
  width: 240px;
  border: none;
  border-top: 1px solid #d94421;
  border-bottom: 1px solid #d94421;
  color: #b1b6bf;
}
#search_area .right .item_con .item3 {
  cursor: pointer;
  width: 110px;
  text-align: center;
  height: 44px;
  line-height: 44px;
  background: url("../img/search_bg.png") no-repeat;
  color: #fff;
  font-size: 16px;
}
#search_area .right .item_list {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 99;
}
#search_area .right .item_list li {
  background-color: #1E9FFF;
  line-height: 36px;
  min-width: 108px;
  padding-left: 16px;
  border-bottom: 1px solid #fff;
  color: #fff;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
#search_area .right .item_list li:hover {
  background-color: #4E5465;
}
#nav {
  position: relative;
  z-index: 0;
}
#nav .banner {
  width: 100%;
  height: 400px;
  position: relative;
  box-shadow: 0px 2px 16px #888888;
  z-index: -1;
}
#nav .banner .list {
  width: 100%;
}
#nav .banner .list li:first-child {
  display: block;
}
#nav .banner .list li {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#nav .banner .list .on {
  display: block;
}
#nav .banner .list img {
  display: block;
  width: 100%;
  height: 400px;
  margin: 0 auto;
}
#nav .banner .list .on {
  display: block;
}
#nav .banner #btn_sub {
  position: absolute;
  height: 20px;
  bottom: 10px;
  left: 50%;
  margin-left: -100px;
}
#nav .banner #btn_sub li {
  z-index: 1000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  float: left;
  margin: 0 5px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  background-color: #fff;
}
#nav .banner #btn_sub li:hover {
  background-color: #ef510e;
}
#nav .banner #btn_sub .on {
  background-color: #ef510e;
}
#nav .content {
  width: 100%;
  height: 56px;
  position: absolute;
  top: -56px;
  left: 0;
}
#nav .content .service {
  width: 217px;
  height: 56px;
  line-height: 56px;
  background-color: #2795f2;
  color: #fff;
  cursor: pointer;
}
#nav .content .service b {
  padding-left: 14px;
  font-size: 13px;
}
#nav .content .service span {
  font-size: 16px;
  padding-left: 16px;
}
#nav .content .service .service_list {
  height: 100%;
  position: relative;
}
#nav .content .service .service_list .list_ul ._list {
  height: 100px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-left: 5px solid transparent;
  border-bottom: 1px solid #42435b;
}
#nav .content .service .service_list .list_ul ._list i {
  font-style: normal;
  display: block;
  height: 100%;
  width: 130px;
  margin: 0 auto;
  text-align: left;
  line-height: 94px;
  font-size: 16px;
  color: #fff;
  padding-left: 6px;
}

#nav .content .service .service_list .list_ul ._list  .hot_p1{
 	position: absolute;
  top: 0px;
  right: 64px;
  height: 33px;
  width: 28px;
}
#nav .content .service .service_list .list_ul ._list  .hot_p2{
 	position: absolute;
  top: 97px;
  right: 64px;
  height: 33px;
  width: 28px;
}
#nav .content .service .service_list .list_ul ._list .service_con {
  display: none;
  opacity: 0;
  width: 780px;
  height: 399px;
  position: absolute;
  left: 218px;
  top: 0px;
  color: #0C0C0C;
  transition: all 0.2s ease-out;
  background-color: #fff;
z-index: -1;
}
#nav .content .service .service_list .list_ul ._list:hover {
  border-left: 5px solid #fe4c2d;
  background-color: #43435d;
}
#nav .content .service .service_list .list_ul ._list:hover .service_con {
  opacity: 1;
  display: block;
}
#nav .content .service:hover .service_list {
  display: block;
}
#nav .content .layui-nav {
  width: 983px;
  height: 56px;
  background-color: #f0f2f4;
}
#nav .content .layui-nav .layui-nav-item {
  line-height: 56px;
  height: 56px;
  position: relative;
    margin: 0 33px;
  text-align: center;
}
#nav .content .layui-nav .layui-nav-item a {
  color: #39393a;
  font-size: 16px;
  padding: 0px 15px;
  font-weight: bold;
}
#nav .content .layui-nav .layui-nav-item i {
  position: absolute;
  top: -24px;
  right: -18px;
  height: 33px;
  width: 28px;
}
#nav .content .layui-nav .layui-nav-item span {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0;
  top: 51px;
  height: 2px;
  background-color: #f96e59;
  width: 62px;
}
#nav .content .layui-nav .on span {
  display: block;
}
#nav .service_con {
  padding-left: 30px;
}
#nav .service_con .top {

    line-height: normal;
  float: left;
}
#nav .service_con .top span {
  display: block;
  font-size: 16px;
  color: #ffffff;
/*   padding-top: 20px; */
  background-color: #3d85e7;
  cursor: default;
  padding: 7px;
  margin-top: 10px;
}
#nav .service_con .bottom{
  float: left;
}
#nav .service_con .bottom ul {
  margin-top: 14px;
  width: 671px;
}
#nav .service_con .bottom li {
  display: block;
  float: left;
  line-height: 28px;
  padding: 0 6px;
  color: #999999;
  margin-bottom: 10px;
}
#nav .service_con .bottom li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  font-size: 16px;
  color: #999999;
  background-color: transparent;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#nav .service_con .bottom li a:hover {
  background-color: #1E9FFF;
  color: #fff;
}
#nav .link {
	display: none;
  width: 932px;
  height: 132px;
  position: absolute;
  right: 20px;
  top: 290px;
  z-index: -1;
}
#nav .link .service_call {
  line-height: 42px;
  background-color: #e84825;
  color: #fff;
  box-shadow: -1px 4px 17px #888888;
}
#nav .link .service_call ._call1 {
  padding-left: 20px;
}
#nav .link .service_call ._call2 {
  padding-left: 16px;
  font-size: 16px;
}
#nav .link .aptitude_call {
  border-bottom: 2px solid #ff4f2e;
  color: #fff;
  line-height: 42px;
  background: #ed1f1c;
  background: -webkit-linear-gradient(#d94321, #f30a1a);
  background: -o-linear-gradient(#d94321, #f30a1a);
  background: -moz-linear-gradient(#d94321, #f30a1a);
  background: linear-gradient(#d94321, #f30a1a);
}
#nav .link .aptitude_call ._call1 {
  padding-left: 20px;
}
#nav .link .aptitude_call ._call2 {
  padding-left: 16px;
  font-size: 16px;
}
#nav .link .form {
  position: relative;
  width: 100%;
  height: 132px;
  background-color: rgba(0, 0, 0, 0.5);
}
#nav .link .form .title {
	margin-left:24px;
  margin-bottom: 15px;
     padding-top: 12px;
}
#nav .link .form .title .title_aa{
	width: 220px;
	color: #fff;
  font-size: 26px;
}
#nav .link .form .title .title_bb{
	width: 4px;
	color: #829fa7;
  font-size: 16px;
  margin: 0 33px;
}
#nav .link .form .title .title_cc{
	width: 220px;
	color: #829fa7;
  font-size: 16px;
}
#nav .link .form .title .title_cc i{
	color: #cad7db;
  font-size: 16px;
}
#nav .link .form .title span {
  width: 107px;
  display: inline-block;
  cursor: pointer;
}
#nav .link .form .title .bot_p3 {
  border-bottom: 3px solid #e64824;
}
#nav .link .form .layui-input {
  display: block;
  margin: 0 auto;
  margin-bottom: 14px;
  width: 155px;
  height: 45px;
  outline: none;
  color: #757575;
}
#nav .link .form .district {
  color: #9199a6;
}
#nav .link .form .district .selelct {
  width: 105px;
  height: 34px;
  float: left;
  margin-left: 20px;
}
#nav .link .form .district .layui-form-select {
  width: 105px;
  float: left;
  margin-left: 20px;
}
#nav .link .form .district .layui-form-select .layui-select-title {
  width: 105px;
}
#nav .link .form .district .layui-form-select .layui-select-title .layui-input {
  width: 105px;
  padding-right: 20px;
  color: #757575;
}
#nav .link .form .district .layui-form-select .layui-edge {
  top: 39%;
}
#nav .link .form #classify {
  position: relative;
}
#nav .link .form #classify input {
  cursor: pointer;
}
#nav .link .form #classify i {
  font-style: normal;
  position: absolute;
  
  right: 7px;
  color: #c2c2c2;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#nav .link .form #classify .on {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
#nav .link .form textarea {
  width: 230px;
  height: 76px;
  margin: 0 auto;
  color: #757575;
  margin-bottom: 20px;
}
#nav .link .form .layui-btn {
  display: block;
  width: 120px;
  height: 45px;
  background: url("../img/shenqing.png") no-repeat;
  margin: 0 auto;
  margin-left: 21px;
  box-shadow: 0px 4px 16px #eb261d;
}
#nav .link .form .tab_con {
  display: none;
  width: 600px;
  height: 180px;
  background: #fff;
  position: absolute;
  bottom: -158px;
  right: 58px;
}
#nav .link .form .tab_con .title {
  position: relative;
}
#nav .link .form .tab_con .title .ul1 {
  border-bottom: 1px solid #ededed;
  height: 42px;
}
#nav .link .form .tab_con .title .ul1 .on {
  color: #fe4a2d;
}
#nav .link .form .tab_con .title .ul1 .on span {
  background-color: #fe4a2d;
}
#nav .link .form .tab_con .title .ul1 li {
  line-height: 42px;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
  color: #999999;
  position: relative;
  cursor: pointer;
}
#nav .link .form .tab_con .title .ul1 li span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}
#nav .link .form .tab_con .title #tabClose {
  position: absolute;
  top: 13px;
  right: 20px;
  z-index: 8888;
  height: 20px;
  width: 20px;
  line-height: normal;
  cursor: pointer;
  color: #9f9f9f;
}
#nav .link .form .tab_con .tabCon {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 43px;
  left: 0;
  width: 600px;
  height: 138px;
  overflow-y: auto;
  padding-top: 18px;
  padding-left: 8px;
}
#nav .link .form .tab_con .tabCon li {
  float: left;
  line-height: 26px;
  padding-right: 12px;
  padding-left: 12px;
  cursor: pointer;
  color: #666;
}
#nav .link .form .tab_con .tabCon li:hover {
  background-color: #2795f2;
  color: #fff;
}
#nav .link .form .tab_con .tabCon .on {
  background-color: #2795f2;
  color: #fff;
}
#project {
  height: 164px;
  background-color: #ffffff;
}
#project .con {
  height: 100%;
  background: url("../img/project.png") no-repeat center;
  background-position-x: 0px;
}
#project .pro {
  width: 248px;
  height: 102px;
  float: left;
  margin-left: 16px;
  margin-top: 30px;
  transition: all 0.2s ease-out;
}
#project .pro a {
  display: block;
  width: 100%;
  height: 100%;
}
#project .pro:hover {
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-3px);
}
#project .pro1 {
  margin-left: 160px;
  background: url("../img/project1.png") no-repeat center;
}
#project .pro2 {
  background: url("../img/project2.png") no-repeat center;
}
#project .pro3 {
  background: url("../img/project3.png") no-repeat center;
}
#project .pro4 {
  background: url("../img/project4.png") no-repeat center;
}
#serve {
  width: 100%;
  height: 465px;
  background-color: #f8fafb;
  padding-top: 30px;
}
#serve .title {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#serve ul {
  margin-top: 20px;
}
#serve ul li {
  width: 100px;
  height: 175px;
  float: left;
  margin-right: 140px;
  position: relative;
  transition: all 0.2s ease-out;
}
#serve ul li:hover{
   background-color: #f8fafb;
   /* box-shadow: 0px 4px 25px #cdcdcd; */
   transform: translateY(-7px);
}
#serve ul li ._a {
  display: block;
  position: absolute;
  left: 13px;
  bottom: 1px;
  border: 1px solid #ededed;
  line-height: 25px;
  text-align: center;
  width: 75px;
  color: #666666;
  transition: all 0.2s ease-out;
  background-color: #fff;
}
#serve ul li ._b{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height:140px;
}
#serve ul li ._a:hover {
  background: url("../img/consult.png") no-repeat;
  color: #fff;
}
#serve ul .serve1 {
  margin-left: 70px;
  background: url("../img/sever.png") no-repeat;
  background-position: 0 0;
}
#serve ul .serve2 {
  background: url("../img/sever.png") no-repeat;
  background-position: -108px 0;
}
#serve ul .serve3 {
  background: url("../img/sever.png") no-repeat;
  background-position: -216px 0;
}
#serve ul .serve4 {
  background: url("../img/sever.png") no-repeat;
  background-position: -322px 0;
}
#serve ul .serve5 {
  margin-right: 0px;
  background: url("../img/sever.png") no-repeat;
  background-position: -429px 0;
}
#serve ul .serve6 {
  margin-left: 70px;
  margin-top: 30px;
  background: url("../img/sever.png") no-repeat;
  background-position: -537px 0;
}
#serve ul .serve7 {
  margin-top: 30px;
  background: url("../img/sever.png") no-repeat;
  background-position: -644px 0;
}
#serve ul .serve8 {
  margin-top: 30px;
  background: url("../img/sever.png") no-repeat;
  background-position: -751px 0;
}
#serve ul .serve9 {
  margin-top: 30px;
  width: 112px;
  background: url("../img/sever.png") no-repeat;
  background-position: -855px 0;
  margin-right: 128px;
}
#serve ul .serve10 {
  margin-top: 30px;
  margin-right: 0px;
  background: url("../img/sever.png") no-repeat;
  background-position: -985px 0;
}
.advertising {
  height: 100px;
  background-color: #fff;
  margin-top: 40px;
  margin-bottom: 35px;
}
.purchase {
  margin-bottom: 46px;
  position: relative;
}
.purchase .left {
  width: 240px;
  height: 333px;
  background: url("../img/purchase.png") no-repeat;
  box-shadow: 5px 5px 18px #fd472c;
  transform: translateY(3px);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1001;
}
.purchase .left:hover{
	background-color: #fff;
    box-shadow: 5px 5px 18px #fd472c;
    transform: translateY(-7px);
}
.purchase .left a {
  width: 100%;
  height: 100%;
  display: block;
}
.purchase .right {
  width: 960px;
  height: 340px;
  position: relative;
  border-bottom: 1px solid #efefef;
}
.purchase .right #publish_purchase {
  display: block;
  width: 100px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url("../img/publish_purchase.png") no-repeat;
}
.purchase .right .layui-tab {
  margin: 0;
}
.purchase .right .layui-tab .layui-tab-title li {
  color: #999999;
  font-size: 16px;
}
.purchase .right .layui-tab .layui-tab-title .first {
  margin-left: 26px;
}
.purchase .right .layui-tab-brief > .layui-tab-title .layui-this {
  color: #ff4c2b;
}
.purchase .right .layui-tab-content {
  padding: 0;
}
.purchase .right .layui-tab-content .con {
  background-color: #f8fafb;
  width: 320px;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 41px;
  z-index: 1000;
}
.purchase .right .layui-tab-content .con:nth-child(1) {
  left: 0;
}
.purchase .right .layui-tab-content .con:nth-child(2) {
  left: 321px;
}
.purchase .right .layui-tab-content .con:nth-child(3) {
  left: 641px;
}
.purchase .right .layui-tab-content .con ._con {
  height: 273px;
  border-right: 1px solid #f2f2f2;
  margin-top: 24px;
  padding: 0 18px 0 18px;
  position: relative;
  overflow: hidden;
}
.purchase .right .layui-tab-content .con ._con .b1 {
  margin-top: 20px;
  position: relative;
}
.purchase .right .layui-tab-content .con ._con .b1 div {
  position: absolute;
  top: 0px;
  left: 133px;
}
.purchase .right .layui-tab-content .con ._con .b1 div span {
  background: url("../img/icon_3.png") no-repeat;
  background-position: 0 0;
}
.purchase .right .layui-tab-content .con ._con .b1 div .p1 {
  width: 133px;
  padding-left: 2px;
}
.purchase .right .layui-tab-content .con ._con .b1 div i {
  font-style: normal;
  color: #fe4b2d;
}
.purchase .right .layui-tab-content .con ._con .b2 {
  margin-top: 14px;
  position: relative;
}
.purchase .right .layui-tab-content .con ._con .b2 .vb {
  width: 118px;
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.purchase .right .layui-tab-content .con ._con .b2 div {
  position: absolute;
  top: 0px;
  left: 133px;
}
.purchase .right .layui-tab-content .con ._con .b2 div span {
  background: url("../img/icon_3.png") no-repeat;
  background-position: -18px 0;
}
.purchase .right .layui-tab-content .con ._con .b2 div .p1 {
  width: 133px;
  padding-left: 2px;
}
.purchase .right .layui-tab-content .con ._con .b2 div i {
  font-style: normal;
  color: #fe4b2d;
}
.purchase .right .layui-tab-content .con ._con .b3 {
  margin-top: 14px;
}
.purchase .right .layui-tab-content .con ._con .grade,
.purchase .right .layui-tab-content .con ._con .district,
.purchase .right .layui-tab-content .con ._con .info1 {
  height: 14px;
  width: 14px;
  margin-top: 2px;
}
.purchase .right .layui-tab-content .con ._con .grade {
  background: url("../img/shougou.png") no-repeat;
  background-position: 0 0;
}
.purchase .right .layui-tab-content .con ._con .district {
  background: url("../img/shougou.png") no-repeat;
  background-position: -15px 0;
}
.purchase .right .layui-tab-content .con ._con .info1 {
  background: url("../img/icon_2.png") no-repeat;
  background-position: 3px 1px;
}
.purchase .right .layui-tab-content .con ._con .grade_list {
  /*height: 65px;*/
  width: 100%;
  margin-top: 15px;
  position: relative;
}
.purchase .right .layui-tab-content .con ._con .grade_list li {
  float: left;
  color: #2795f4;
  background-color: #edf4fa;
  padding: 4px 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.purchase .right .layui-tab-content .con ._con .p1 {
  width: 266px;
  color: #999;
}
.purchase .right .layui-tab-content .con ._con .p1 span {
  color: #ff4c2b;
}
.purchase .right .layui-tab-content .con ._con .immediately {
  width: 75px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  bottom: 12px;
  right: 18px;
  border: 1px solid #ff4c2b;
  color: #ff4c2b;
  transition: all 0.2s linear;
}
.purchase .right .layui-tab-content .con ._con .immediately:hover {
  color: #fff;
  background-image: url("../img/consult.png");
}
.purchase .right .layui-tab-content .con .title {
  width: 280px;
  line-height: 20px;
  border-bottom: 1px dotted #d9d9d9;
}
.purchase .right .layui-tab-content .con .title p {
  width: 246px;
  display: inline-block;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 20px;
  line-height: 40px;
}
.purchase .right .layui-tab-content .con .title span {
  color: #fff;
  background-color: #ff4c2b;
  border-radius: 3px;
  font-size: 12px;
  height: 20px;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 10px;
}
.purchase .right .layui-tab-content .con:hover {
  background-color: #fff;
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-2px);
}
.purchase .right .layui-tab-content .con:hover .title p {
  background-color: #fff;
  color: #ff4c2b;
}
.purchase .right .layui-tab-content .con ._con:hover{
  overflow: inherit;
}
.transfer {
  margin-bottom: 46px;
  position: relative;
}
.transfer .layui-tab-brief > .layui-tab-title .layui-this {
  color: #2795f2;
}
.transfer .layui-tab-brief > .layui-tab-title .layui-this:after,
.transfer .layui-tab-brief > .layui-tab-more li.layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #2795f2;
}
.transfer .layui-tab-brief[overflow] > .layui-tab-title .layui-this:after {
  top: -1px;
}
.transfer .left {
  width: 240px;
  height: 333px;
  background: url("../img/transfer.png") no-repeat;
  box-shadow: 5px 5px 18px #2491ee;
  transform: translateY(3px);
  transition: all 0.2s ease-out;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 9999;
}
.transfer .left:hover{
    background-color: #f8fafb;
    box-shadow: 5px 5px 18px #2491ee;
    transform: translateY(-7px);
}
.transfer .left a {
  width: 100%;
  height: 100%;
  display: block;
}
.transfer .right {
  width: 960px;
  height: 340px;
  position: relative;
  border-bottom: 1px solid #efefef;
}
.transfer .right #publish_transfer {
  display: block;
  width: 100px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url("../img/publish_transfer.png") no-repeat;
}
.transfer .right .layui-tab {
  margin: 0;
}
.transfer .right .layui-tab .layui-tab-title li {
  color: #999999;
  font-size: 16px;
}
.transfer .right .layui-tab .layui-tab-title .first {
  margin-left: 26px;
}
.transfer .right .layui-tab-brief > .layui-tab-title .layui-this {
  color: #2795f2;
}
.transfer .right .layui-tab-content {
  padding: 0;
}
.transfer .right .layui-tab-content .con {
  background-color: #f8fafb;
  width: 320px;
  transition: all 0.2s ease-out;
  position: absolute;
  top: 41px;
  z-index: 999;
}
.transfer .right .layui-tab-content .con:nth-child(1) {
  left: 0;
}
.transfer .right .layui-tab-content .con:nth-child(2) {
  left: 321px;
}
.transfer .right .layui-tab-content .con:nth-child(3) {
  left: 641px;
}
.transfer .right .layui-tab-content .con ._con {
  height: 273px;
  border-right: 1px solid #f2f2f2;
  margin-top: 24px;
  padding: 0 18px 0 18px;
  position: relative;
  overflow: hidden;
}
.transfer .right .layui-tab-content .con ._con .b1 {
  margin-top: 20px;
  position: relative;
}
.transfer .right .layui-tab-content .con ._con .b1 div {
  position: absolute;
  top: 0px;
  left: 133px;
}
.transfer .right .layui-tab-content .con ._con .b1 div span {
  background: url("../img/icon_3.png") no-repeat;
  background-position: 0 0;
}
.transfer .right .layui-tab-content .con ._con .b1 div .p1 {
  width: 133px;
  padding-left: 2px;
}
.transfer .right .layui-tab-content .con ._con .b1 div i {
  font-style: normal;
  color: #fe4b2d;
}
.transfer .right .layui-tab-content .con ._con .b2 {
  margin-top: 14px;
  position: relative;
}
.transfer .right .layui-tab-content .con ._con .b2 .vb {
  width: 118px;
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transfer .right .layui-tab-content .con ._con .b2 div {
  position: absolute;
  top: 0px;
  left: 133px;
}
.transfer .right .layui-tab-content .con ._con .b2 div span {
  background: url("../img/icon_3.png") no-repeat;
  background-position: -18px 0;
}
.transfer .right .layui-tab-content .con ._con .b2 div .p1 {
  width: 133px;
  padding-left: 2px;
}
.transfer .right .layui-tab-content .con ._con .b2 div i {
  font-style: normal;
  color: #fe4b2d;
}
.transfer .right .layui-tab-content .con ._con .b3 {
  margin-top: 14px;
}
.transfer .right .layui-tab-content .con ._con .grade,
.transfer .right .layui-tab-content .con ._con .district,
.transfer .right .layui-tab-content .con ._con .info1 {
  height: 14px;
  width: 14px;
  margin-top: 2px;
}
.transfer .right .layui-tab-content .con ._con .grade {
  background: url("../img/shougou.png") no-repeat;
  background-position: 0 0;
}
.transfer .right .layui-tab-content .con ._con .district {
  background: url("../img/shougou.png") no-repeat;
  background-position: -15px 0;
}
.transfer .right .layui-tab-content .con ._con .info1 {
  background: url("../img/icon_2.png") no-repeat;
  background-position: 3px 1px;
}
.transfer .right .layui-tab-content .con ._con .grade_list {
  /*height: 65px;*/
  width: 100%;
  margin-top: 15px;
  position: relative;
}
.transfer .right .layui-tab-content .con ._con .grade_list li {
  float: left;
  color: #2795f4;
  background-color: #edf4fa;
  padding: 4px 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.transfer .right .layui-tab-content .con ._con .p1 {
  width: 266px;
  color: #999;
}
.transfer .right .layui-tab-content .con ._con .p1 span {
  color: #ff4c2b;
}
.transfer .right .layui-tab-content .con ._con .immediately {
  width: 75px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  bottom: 12px;
  right: 18px;
  border: 1px solid #2795f2;
  color: #2795f2;
  transition: all 0.2s linear;
}
.transfer .right .layui-tab-content .con ._con .immediately:hover {
  color: #fff;
  background-image: url("../img/zixun.png");
}
.transfer .right .layui-tab-content .con .title {
  width: 280px;
  line-height: 20px;
  border-bottom: 1px dotted #d9d9d9;
}
.transfer .right .layui-tab-content .con .title p {
  width: 246px;
  display: inline-block;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 20px;
  line-height: 40px;
}
.transfer .right .layui-tab-content .con .title span {
  color: #fff;
  background-color: #2795f2;
  border-radius: 3px;
  font-size: 12px;
  height: 20px;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 10px;
}
.transfer .right .layui-tab-content .con:hover {
  background-color: #fff;
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-2px);
}
.transfer .right .layui-tab-content .con:hover .title p {
  background-color: #fff;
  color: #2795f2;
}
.transfer .right .layui-tab-content .con ._con:hover{
  overflow: inherit;
}
#collocation {
  width: 100%;
  height: 274px;
  background-color: #f8fafb;
  padding-top: 30px;
}
#collocation .title {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#collocation ._list li {
  width: 371px;
  height: 158px;
  float: left;
  background-color: #00F7DE;
  margin-top: 34px;
  position: relative;
  transition: all 0.2s ease-out;
}
#collocation ._list li span {
  width: 94px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  display: block;
  transition: all 0.2s ease-out;
}
#collocation ._list a .xs1 {
  background: url("../img/collocation1.png") no-repeat;
}
#collocation ._list a .xs1:hover{
	background-color: #f8fafb;
    /* box-shadow: 0px 4px 25px #cdcdcd; */
    transform: translateY(-7px);
}
#collocation ._list .xs1 span {
  position: absolute;
  left: 184px;
  bottom: 16px;
  border: 1px solid #feb01b;
  color: #feb01b;
}
#collocation ._list .xs1 span:hover {
  background-color: #feb01b;
  color: #fff;
}
#collocation ._list a .xs2 {
  background: url("../img/collocation2.png") no-repeat;
  margin: 0 43px;
  margin-top: 34px;
  transition: all 0.2s ease-out;
}
#collocation ._list a .xs2:hover{
	background-color: #f8fafb;
    /* box-shadow: 0px 4px 25px #cdcdcd; */
    transform: translateY(-7px);
}
#collocation ._list .xs2 span {
  position: absolute;
  left: 184px;
  bottom: 16px;
  border: 1px solid #2795f2;
  color: #2795f2;
}
#collocation ._list .xs2 span:hover {
  background-color: #2795f2;
  color: #fff;
}
#collocation ._list a .xs3 {
  background: url("../img/collocation3.png") no-repeat;
}
#collocation ._list a .xs3:hover{
	background-color: #f8fafb;
    /* box-shadow: 0px 4px 25px #cdcdcd; */
    transform: translateY(-7px);
}
#collocation ._list .xs3 span {
  position: absolute;
  left: 184px;
  bottom: 16px;
  border: 1px solid #f5151e;
  color: #f5151e;
}
#collocation ._list .xs3 span:hover {
  background-color: #f5151e;
  color: #fff;
}
#position .title {
  height: 82px;
  padding-top: 40px;
  position: relative;
}
#position .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#position .title .more {
  color: #999;
  font-size: 16px;
}
#position .title .more:hover {
  color: #53a4f2;
}
#position .title .nx {
  position: absolute;
  right: 60px;
  top: 39px;
  display: block;
  width: 80px;
  height: 26px;
  background: url("../img/position.png") no-repeat;
}
#position ._con {
  border-bottom: 3px solid #f7f7f7;
  border-top: 3px solid #f7f7f7;
}
#position .list {
  width: 400px;
  height: 133px;
  background: #fff;
  border-bottom: 1px dotted #e6e6e6;
  border-right: 1px dotted #e6e6e6;
  transition: all 0.2s ease-out;
}
#position .list .left {
  width: 60px;
  height: 60px;
  border: 1px dotted #e6e6e6;
  margin: 30px 10px;
  margin-right: 20px;
}
#position .list .right {
  width: 308px;
}
#position .list .right ._title {
  margin-top: 30px;
  font-size: 18px;
  color: #333;
}
#position .list .right ._title .name {
  width: 212px;
  overflow: hidden;
}
#position .list .right ._title .time {
  font-size: 14px;
  font-style: normal;
  margin-top: 4px;
  color: #999;
  margin-right: 14px;
}
#position .list .right .money {
  color: #fe4b2d;
  font-size: 16px;
  margin-top: 10px;
}
#position .list .right .company {
  margin-top: 10px;
  color: #666666;
}
#position .list:hover {
  background-color: #f8fafb;
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-2px);
}
#position .list:hover ._title {
  color: #53a4f2;
}
#position .list:nth-child(3) {
  border-right: none;
}
#position .list:nth-child(4) {
  border-bottom: none;
}
#position .list:nth-child(5) {
  border-bottom: none;
}
#position .list:nth-child(6) {
  border-bottom: none;
  border-right: none;
}
#certificate .title {
  height: 82px;
  padding-top: 40px;
  position: relative;
}
#certificate .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#certificate .title .more {
  color: #999;
  font-size: 16px;
}
#certificate .title .more:hover {
  color: #53a4f2;
}
#certificate .title .nx {
  position: absolute;
  right: 60px;
  top: 39px;
  display: block;
  width: 80px;
  height: 26px;
  background: url("../img/certificate.png") no-repeat;
}
#certificate ._con {
  border-bottom: 3px solid #f7f7f7;
  border-top: 3px solid #f7f7f7;
}
#certificate .list {
  width: 400px;
  height: 133px;
  background: #fff;
  border-bottom: 1px dotted #e6e6e6;
  border-right: 1px dotted #e6e6e6;
  padding-left: 20px;
  transition: all 0.2s ease-out;
}
#certificate .list .right {
  width: 100%;
}
#certificate .list .right ._title {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
}
#certificate .list .right ._title .name {
  width: 380px;
  overflow: hidden;
}
#certificate .list .right .money {
  color: #fe4b2d;
  font-size: 16px;
  margin-top: 16px;
}
#certificate .list .right .company {
  margin-top: 16px;
  color: #666666;
}
#certificate .list .right .company .diqu {
  color: #666666;
}
#certificate .list .right .company .time {
  color: #999;
  margin-right: 20px;
}
#certificate .list:hover {
  background-color: #f8fafb;
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-2px);
}
#certificate .list:hover ._title {
  color: #53a4f2;
}
#certificate .list:nth-child(3) {
  border-right: none;
}
#certificate .list:nth-child(4) {
  border-bottom: none;
}
#certificate .list:nth-child(5) {
  border-bottom: none;
}
#certificate .list:nth-child(6) {
  border-bottom: none;
  border-right: none;
}
#train {
  width: 100%;
  height: 328px;
  background-color: #f8fafb;
  margin-top: 40px;
}
#train .title {
  height: 82px;
  padding-top: 40px;
  position: relative;
}
#train .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#train .paoM {
  width: 200px;
  height: 210px;
  display: block;
  border: 1px solid #ededed;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background: url("../img/bg2.png") no-repeat center;
  cursor: pointer;
}
#train .b_color {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background: url("../img/bg1.png") no-repeat center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
#train .paoM .img {
  /*max-width: 71px;
    max-height: 107px;*/
  position: absolute;
  top: 50px;
  left: 62px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
#train .paoM .img2 {
  top: 48px;
}
#train .paoM .img3 {
  top: 47px;
}
#train .paoM .img4 {
  left: 72px;
  top: 45px;
}
#train .paoM .img5 {
  left: 56px;
  top: 48px;
}
#train .paoM .img6 {
  left: 56px;
  top: 42px;
}
#train .paoM .dp_door {
  width: 200px;
  height: 0px;
  position: absolute;
  bottom: 0px;
  opacity: 0;
  text-align: center;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
#train .paoM .dp_door a {
  display: block;
  width: 110px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  border: 1px solid #ff502f;
  margin-top: 10px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background: url("../img/nb.png") no-repeat;
  box-shadow: -1px 1px 20px #ff502f;
}
#train .paoM .dp_door div {
  font-size: 12px;
  padding: 0 10px;
}
#train .paoM:hover .dp_door {
  height: 94px;
  opacity: 1;
}
#train .paoM:hover {
  background: url("../img/bg1.png");
}
#train .paoM:hover .b_color {
  background: url("../img/bg1.png");
  opacity: 1;
  filter: alpha(opacity=1);
}
#train .paoM:hover .img {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  transform: scale(0.85);
  top: 6px;
}
#news {
  padding-bottom: 30px;
}
#news .title {
  height: 82px;
  padding-top: 40px;
  position: relative;
}
#news .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#news .title .more {
  color: #999;
  font-size: 16px;
}
#news .title .more:hover {
  color: #53a4f2;
}
#news .title .nx {
  position: absolute;
  right: 60px;
  top: 39px;
  display: block;
  width: 80px;
  height: 26px;
  background: url("../img/certificate.png") no-repeat;
}
#news ._con .left,
#news ._con .middle,
#news ._con .right {
  height: 310px;
}
#news ._con .left {
  width: 340px;
  position: relative;
}
#news ._con .left ._newTt {
  width: 73px;
  height: 53px;
  position: absolute;
  top: 0;
  right: 0px;
  background: url("../img/toutiao.png") no-repeat;
}
#news ._con .left .p1 {
  display: block;
  width: 340px;
  overflow: hidden;
  height: 56px;
  line-height: 56px;
  color: #333;
  font-size: 18px;
}
#news ._con .left .p2 {
  width: 340px;
  height: 42px;
  line-height: 20px;
  color: #999999;
    overflow: hidden;
}
#news ._con .left a:hover .p1 {
  color: #2795f2;
}
#news ._con .middle,
#news ._con .right {
  width: 410px;
  margin-left: 20px;
}
#news ._con .middle ._title {
  height: 36px;
  width: 100%;
  background-color: #1e1e37;
  color: #fff;
}
#news ._con .middle ._title p {
  line-height: 36px;
  padding-left: 10px;
}
#news ._con .middle ._title a {
  line-height: 36px;
  padding-right: 10px;
  color: #94949b;
}
#news ._con .middle ._title a:hover {
  text-decoration: underline;
  color: #fff;
}
#news ._con .middle ul li {
  line-height: 45px;
  height: 45px;
  padding-left: 4px;
  border-bottom: 1px dotted #d9d9d9;
}
#news ._con .middle ul li a {
  display: block;
  width: 350px;
  line-height: 45px;
  height: 45px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#news ._con .middle ul li span {
  display: block;
  width: 56px;
  height: 45px;
  line-height: 45px;
  text-align: right;
  padding-right: 2px;
  color: #999999;
}
#news ._con .middle li:hover {
  background-color: #f8fafb;
}
#news ._con .middle li:hover a {
  color: #2795f2;
}
#news ._con .right ._title {
  height: 36px;
  width: 100%;
  background-color: #1e1e37;
  color: #fff;
}
#news ._con .right ._title p {
  line-height: 36px;
  padding-left: 10px;
}
#news ._con .right ._title a {
  line-height: 36px;
  padding-right: 10px;
  color: #94949b;
}
#news ._con .right ._title a:hover {
  text-decoration: underline;
  color: #fff;
}
#news ._con .right ul li {
  line-height: 45px;
  height: 45px;
  padding-left: 4px;
  border-bottom: 1px dotted #d9d9d9;
}
#news ._con .right ul li a {
  display: block;
  width: 350px;
  line-height: 45px;
  height: 45px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#news ._con .right ul li span {
  display: block;
  width: 56px;
  height: 45px;
  line-height: 45px;
  text-align: right;
  padding-right: 2px;
  color: #999999;
}
#news ._con .right li:hover {
  background-color: #f8fafb;
}
#news ._con .right li:hover a {
  color: #2795f2;
}
#team .title {
  padding-top: 40px;
  padding-bottom: 20px;
  position: relative;
}
#team .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#team .title .more {
  color: #999;
  font-size: 16px;
}
#team .title .more:hover {
  color: #53a4f2;
}
#team .title .nx {
  position: absolute;
  right: 60px;
  top: 39px;
  display: block;
  width: 80px;
  height: 26px;
  background: url("../img/certificate.png") no-repeat;
}
#team .team1,
#team .team2,
#team .team3 {
  cursor: pointer;
  transition: all 0.2s ease-out;
  width: 380px;
  height: 218px;
  float: left;
  border: 1px solid #d5dbe1;
  border-top: 4px solid #2795f2;
}
#team .team1 .left,
#team .team2 .left,
#team .team3 .left {
  width: 250px;
  height: 100%;
}
#team .team1 .left .zx,
#team .team2 .left .zx,
#team .team3 .left .zx {
  margin-top: 30px;
}
#team .team1 .left .na,
#team .team2 .left .na,
#team .team3 .left .na {
  width: 94px;
  height: 26px;
  line-height: 26px;
  background-color: #2795f2;
  color: #fff;
  text-align: center;
}
#team .team1 .left .nb,
#team .team2 .left .nb,
#team .team3 .left .nb {
  width: 72px;
  height: 26px;
  line-height: 26px;
  color: #888888;
  text-align: center;
  border: 1px solid #dfe2e6;
}
#team .team1 .left p,
#team .team2 .left p,
#team .team3 .left p {
  margin-top: 20px;
  padding-left: 20px;
  color: #313131;
  line-height: 24px;
}
#team .team1 .right,
#team .team2 .right,
#team .team3 .right {
  width: 122px;
  height: 100%;
  margin-right: 6px;
}
#team .team1 .right img,
#team .team2 .right img,
#team .team3 .right img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
#team .team1 .right a,
#team .team2 .right a,
#team .team3 .right a {
  display: block;
  width: 108px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #ef510e;
  color: #fff;
  margin:0 auto;
  margin-top: 14px;
}
#team .team1 .right p,
#team .team2 .right p,
#team .team3 .right p {
  margin-top: 12px;
  padding-left: 20px;
  line-height: 18px;
  background: url("../img/team_pho.png") no-repeat;
  background-position: 4px 1px;
  color: #ef510e;
}
#team .team2 {
  margin-left: 30px;
  margin-right: 30px;
}
#team .team1:hover {
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-3px);
}
#team .team2:hover {
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-3px);
}
#team .team3:hover {
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-3px);
}
#find {
  height: 306px;
  background-color: #f8fafb;
}
#find .nb {
  margin-top: 40px;
  margin-right: 2px;
  height: 230px;
  width: 198px;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
#find .nb a {
  display: block;
  width: 100%;
  height: 100%;
}
#find .nb:hover {
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-3px);
}
#find ._nb1 {
  background: url("../img/find.png") no-repeat;
  background-position: 20px 8px;
  background-color: #fff;
}
#find ._nb2 {
  background: url("../img/find.png") no-repeat;
  background-position: -185px 8px;
  background-color: #fff;
}
#find ._nb3 {
  background: url("../img/find.png") no-repeat;
  background-position: -397px 8px;
  background-color: #fff;
}
#find ._nb4 {
  background: url("../img/find.png") no-repeat;
  background-position: -602px 8px;
  background-color: #fff;
}
#find ._nb5 {
  background: url("../img/find.png") no-repeat;
  background-position: -805px 8px;
  background-color: #fff;
}
#find ._nb6 {
  background: url("../img/find.png") no-repeat;
  background-position: -1012px 8px;
  background-color: #fff;
}
#partner {
  margin-bottom: 30px;
}
#partner .nx {
  position: relative;
  margin-top: 10px;
}
#partner .nx .title {
  position: absolute;
  top: 28px;
  left: 0px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#partner .nx .layui-tab-brief > .layui-tab-title .layui-this {
  color: #2795f2;
}
#partner .nx .layui-tab-brief > .layui-tab-title .layui-this:after,
#partner .nx .layui-tab-brief > .layui-tab-more li.layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #2795f2;
}
#partner .nx .layui-tab-brief[overflow] > .layui-tab-title .layui-this:after {
  top: -1px;
}
#partner .nx .layui-tab {
  width: 1200px;
  height: 168px;
  position: relative;
}
#partner .nx .layui-tab .layui-tab-title {
  padding-top: 20px;
  border: none;
  font-size: 18px;
  float: right;
}
#partner .nx .layui-tab .layui-tab-title li {
  line-height: 30px;
  font-size: 18px;
  color: #333;
}
#partner .nx .layui-tab .layui-tab-content {
  height: 118px;
  width: 100%;
  overflow: hidden;
  background-color: #f8fafb;
  position: absolute;
  top: 61px;
  left: 0;
  padding: 20px;
}
#partner .nx .layui-tab .layui-tab-content li {
  width: 290px;
  display: block;
  float: left;
  margin-bottom: 14px;
}
#partner .nx .layui-tab .layui-tab-content li a {
  color: #666666;
}
#partner .nx .layui-tab .layui-tab-content li a:hover {
  color: #2795f2;
}
/*自定义动画样式*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeIn {
  animation-name: fadeIn;
}



/*材料项目设备*/
#article {
  padding-bottom: 40px;
}
#article .title {
  height: 82px;
  padding-top: 40px;
  position: relative;
}
#article .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
#article .title .more {
  color: #999;
  font-size: 16px;
}
#article .title .more:hover {
  color: #53a4f2;
}
#article .title .nx {
  position: absolute;
  right: 60px;
  top: 39px;
  display: block;
  width: 80px;
  height: 26px;
  background: url("../img/certificate.png") no-repeat;
}
#article ._con {
  border-bottom: 3px solid #f7f7f7;
  border-top: 3px solid #f7f7f7;
}
#article .list {
  width: 400px;
  height: 133px;
  background: #fff;
  border-bottom: 1px dotted #e6e6e6;
  border-right: 1px dotted #e6e6e6;
  padding-left: 20px;
  transition: all 0.2s ease-out;
}
#article .list .right {
  width: 100%;
}
#article .list .right ._title {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
}
#article .list .right ._title .name {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#article .list .right ._title .time {
  height: 24px;
  line-height: 24px;
  width: 20%;
  font-size: 14px;
  color: #999;
  margin-right: 20px;
  text-align: right;
}
#article .list .right .money {
  color: #fe4b2d;
  font-size: 16px;
  margin-top: 16px;
}
#article .list .right .money p {
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
}
#article .list .right .company {
  margin-top: 16px;
  color: #666666;
}
#article .list .right .company .diqu {
  color: #666666;
  display: inline-block;
  width: 60%;
}
#article .list .right .company .collection {
  display: inline-block;
  cursor: pointer;
  margin-right: 20px;
}
#article .list .right .company .collection .heart {
  color: #fe4b2d;
}
#article .list .right .company .collection .collect {
  color: #999;
  font-size: 14px;
}
#article .list .right .company .time {
  color: #999;
  margin-right: 20px;
}
#article .list:hover {
  background-color: #f8fafb;
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-2px);
}
#article .list:hover ._title a {
  color: #53a4f2;
}
#article .list:nth-child(3) {
  border-right: none;
}
#article .list:nth-child(4) {
  border-bottom: none;
}
#article .list:nth-child(5) {
  border-bottom: none;
}
#article .list:nth-child(6) {
  border-bottom: none;
  border-right: none;
}
.material {
  background-color: #f9fafc;
}
.material .title {
  height: 82px;
  padding-top: 40px;
  position: relative;
}
.material .title p {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  border-left: 5px solid #2795f2;
  padding-left: 10px;
}
.material .title .more {
  color: #999;
  font-size: 16px;
}
.material .title .more:hover {
  color: #53a4f2;
}
.material .title .nx {
  position: absolute;
  right: 60px;
  top: 39px;
  display: block;
  width: 80px;
  height: 26px;
  background: url("../img/certificate.png") no-repeat;
}
.material .list {
  width: 224px;
  height: 298px;
  background: #fff;
  transition: all 0.2s ease-out;
  margin-right: 20px;
}
.material .list .ctrlImg {
  width: 224px;
  height: 204px;
  overflow: hidden;
}
.material .list .money {
  width: 184px;
  margin: 0 auto;
  font-size: 24px;
  color: #fe4b2d;
}
.material .list .money span {
  font-size: 14px;
}
.material .list .materialName {
  width: 184px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #666;
  padding-top: 4px;
}
.material .list .complay {
  width: 184px;
  margin: 0 auto;
  margin-top: 6px;
}
.material .list .complay .companyName {
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: #999;
}
.material .list .complay .look a {
  padding: 0 3px;
  background-color: #fe4b2d;
  color: #fff;
  font-size: 14px;
  display: none;
}
.material .list .complay .look a:hover {
  background-color: #1E9FFF;
}
.material .list:hover {
  box-shadow: 0px 4px 25px #cdcdcd;
  transform: translateY(-7px);
}
.material .list:hover .look a {
  display: block;
}
.material .list:last-child {
  margin-right: 0px;
}
/* alertCss */
.animatedIn {
  animation-duration: .2s;
  animation-fill-mode: both;
}
.animatedOut {
  animation-duration: .4s;
  animation-fill-mode: both;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-15px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(15px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}
.verifySuccess,.verifyFail{
  padding-left: 45px;
  padding-right: 18px;
  height: 64px;
  line-height: 64px;
  width: 240px;
  background: url("../img/smile.png") no-repeat center;
  background-color: #fff;
  background-size: 30px 30px;
  background-position-x: 10px; ;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
}
.verifyFail{
  background: url("../img/smilefail.png") no-repeat center;
  background-color: #fff;
  background-size: 30px 30px;
  background-position-x: 10px;
}



#test {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    position: fixed;
    top:0;
    left:0;
    z-index:9999;
    display:none;
}

//弹出框
.forma {
  position: relative;
  width: 100%;
  height: 432px;
  background: #586172;
  margin-top: 20px;
}
 .forma .title {
  line-height: 52px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
}
 .forma .title span {
  width: 107px;
  display: inline-block;
  cursor: pointer;
}
 .forma .title .bot_p3 {
  border-bottom: 3px solid #e64824;
}
 .forma .layui-input {
  display: block;
  margin: 0 auto;
  margin-bottom: 14px;
  width: 230px;
  height: 34px;
  outline: none;
  color: #757575;
}
 .forma .district {
  color: #9199a6;
  margin: 0 auto;
  width: 270px;
}
 .forma .district .selelct {
  width: 105px;
  height: 34px;
  float: left;
  margin-left: 20px;
}
 .forma .district .layui-form-select {
  width: 105px;
  float: left;
  margin-left: 20px;
}
 .forma .district .layui-form-select .layui-select-title {
  width: 105px;
}
 .forma .district .layui-form-select .layui-select-title .layui-input {
  width: 105px;
  padding-right: 20px;
  color: #757575;
}
 .forma .district .layui-form-select .layui-edge {
  top: 39%;
}
 .forma #classifya {
  position: relative;
}
 .forma #classifya input {
  cursor: pointer;
}
 .forma #classifya i {
  font-style: normal;
  position: absolute;
  top: 9px;
  right: 28px;
  color: #c2c2c2;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
 .forma #classifya .on {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
 .forma textarea {
  width: 230px;
  height: 76px;
  margin: 0 auto;
  color: #757575;
  margin-bottom: 20px;
}
 .forma .layui-btn {
  display: block;
  width: 230px;
  height: 35px;
  background: url("../img/shenqing.png") no-repeat;
  margin: 0 auto;
  box-shadow: 0px 4px 16px #eb261d;
}
 .forma .tab_cona {
  display: none;
  width: 600px;
  height: 180px;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 20px;
}
 .forma .tab_cona .title {
  position: relative;
}
 .forma .tab_cona .title .ul1 {
  border-bottom: 1px solid #ededed;
  height: 42px;
}
 .forma .tab_cona .title .ul1 .on {
  color: #fe4a2d;
}
 .forma .tab_cona .title .ul1 .on span {
  background-color: #fe4a2d;
}
 .forma .tab_cona .title .ul1 li {
  line-height: 42px;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
  color: #999999;
  position: relative;
  cursor: pointer;
}
 .forma .tab_cona .title .ul1 li span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}
 .forma .tab_cona .title #tabClose {
  position: absolute;
  top: 13px;
  right: 20px;
  z-index: 8888;
  height: 20px;
  width: 20px;
  line-height: normal;
  cursor: pointer;
  color: #9f9f9f;
}
 .forma .tab_cona .tabCon {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 43px;
  left: 0;
  width: 600px;
  height: 138px;
  overflow-y: auto;
  padding-top: 18px;
  padding-left: 8px;
}
 .forma .tab_cona .tabCon li {
  float: left;
  line-height: 26px;
  padding-right: 12px;
  padding-left: 12px;
  cursor: pointer;
  color: #666;
}
 .forma .tab_cona .tabCon li:hover {
  background-color: #2795f2;
  color: #fff;
}
 .forma .tab_cona .tabCon .on {
  background-color: #2795f2;
  color: #fff;
}
.form #classifya i {
  font-style: normal;
  position: absolute;
  top: 9px;
  right: 28px;
  color: #c2c2c2;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}