@charset "gb2312";
li{list-style: none;}
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
.container{
  position: relative;
 width: 100%;
 height: 181px;
  margin: 0 auto;
  overflow: hidden;
background:url(../images/1.jpg)center no-repeat;

}

.tou{
width: 100%;
height: 40px;
background: #f0f0f0;

}

.tou1{
  width: 1200px;
  margin: 0 auto;

}
.tou1 p{
  float: left;
    height: 40px;
    line-height: 40px;
    margin: 0;
    cursor: pointer;
}

.tou1 img{
  float: left;
    margin-top: 12px;
    margin-right: 6px;
}

.tou1 li{
 float: right;
margin-top: 5px;
margin-right: 10px;
}

.tou1 li a{
  color: #5a5a5a;
}


.cl{
  clear: both;
}
.head1{
  width: 1200px;
  margin: 0 auto;
}
.tu1  {
 margin-top: 10px;
 float: left;

}

.tu1  img{
  width: 100%;
}
.tu2{
  margin-top: 70px;
 float:right ;
 
}

.tu2  img{
  width: 100%;
}
.quan{
  width: 100%;
  background: #219405;
}
.shouye{
width: 1100px;
margin: 0 auto;


}
.head3{     width: 416px;
    height: 30px;
    float: left;
    margin-top: 122px;
    margin-left: 482px; }

.head3 li{
  float: left;
  width: 66px;
  height: 30px;
text-align: center;
}
.head3 li a{
 
    display: block;
  line-height:30px;
    height: 30px;
  font-family:"Microsoft YaHei";
    font-size:18px;
    color: #2f2b2c;
}
   
.head3 ul li:hover a{
   color: #f15a5a;
  
}

.head3 ul li:honer .navbg{
 color:  #f15a5a;
}

.banner{
height:480px;
background:url(../images/banner4.jpg)center no-repeat;
width:100%; 
}

.tp0{
width:1270px;
margin:0 auto;
height:655px;
}

.tp1{
    margin-left: 20px;

 margin-top:130px;
 width:240px;
height:482px;
background: url(../images/12.jpg) center no-repeat;

}

#main{
background:#f5f5f5;
}

#main li{

float: left; 
 
}


.fangtang{
width:100%;
}
.fangtang img{
width:100%;
}

#main .tp1:hover{
 background: url(../images/8.jpg) center no-repeat;
width:240px;
height:507px;
 margin-top:118px;

}
.tp2{
 margin-top:130px;
 width:240px;
height:482px;
background: url(../images/13.jpg) center no-repeat;

}

#main  .tp2:hover{
 background: url(../images/9.jpg) center no-repeat;
width:240px;
height:507px;
 margin-top:118px;
}
.tp3{
 width:240px;
height:482px;
background: url(../images/14.jpg) center no-repeat;
 margin-top:130px;
}

#main  .tp3:hover{
 background: url(../images/10.jpg) center no-repeat;
width:240px;
height:507px;
 margin-top:118px;
}
.tp4{
 width:240px;
height:482px;
background: url(../images/15.jpg) center no-repeat;
 margin-top:130px;
}

#main  .tp4:hover{
 background: url(../images/11.jpg) center no-repeat;
width:240px;
height:507px;
 margin-top:118px;
}

.tp5{
 width:240px;
height:482px;
background: url(../images/16.jpg) center no-repeat;
 margin-top:130px;
}


#main  .tp5:hover{
 background: url(../images/17.jpg) center no-repeat;
width:240px;
height:507px;
 margin-top:118px;
}


.tp0 li p{

margin-top: 36px;
  text-align: center;
    line-height: 35px;
font-size:12px;
;

}

.tp0 li p a{

color:#909090;
font-family:"Microsoft YaHei";
}
.tp0 li p:first-child{
margin-top: 240px;
    line-height: 36px;
  text-align: center;

}

.yin{
display:none;
width:317px;
height:504px;
}
.hei{
display:block;
width:317px;
height:504px;
}
.tp0 .tp1:hover .yin{
display:block;
width:100%;
height:100%;
}

.tp0 .tp2:hover .yin{
display:block;
width:100%;
height:100%;
}

.tp0 .tp3:hover .yin{
display:block;
width:100%;
height:100%;
}

.tp0 .tp4:hover .yin{
display:block;
width:100%;
height:100%;
}

.tp0 .tp5:hover .yin{
display:block;
width:100%;
height:100%;
}


.wmys{
  width: 100%;
}
.wmys img{
  width: 100%;
}
.cpzx{
  width: 100%;
}
.cpzx1{
  width: 100%;
}
.cpzx1 img{
  width: 100%;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

#main .core_service{

  background:url(../images/3.jpg)center no-repeat;
width:100%;
height:724px;
      padding-top: 1px;
}
#main .core_service .mt{
  text-align:center;
  font-size:24px;
font-family: "Microsoft YaHei";
  color:#000;
  font-weight:bold;
  margin-bottom: 46px;
}
#main .core_service .mt span{
  color:#999;
  font-size:14px;
font-family: "Microsoft YaHei";
  margin:10px 0;
  font-weight:100;
  width:100%;
  display:block;
}
#main .core_service .mc{
  padding: 0;
  margin: 0;
  height: 500px;
margin-top: 140px;
}
#main .core_service .mc .card{
  z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    position: relative;
    float: left;
    width: 22%;
    height: 460px;
    background-color: #fff;
    border: 1px solid #DBDBDD;
  margin-left: -1px;
}
#main .core_service .mc .card_box{
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
  position: absolute;
    top: 0;
}
#main .core_service .mc .card_title{
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
    height: 170px;
    line-height: 26px;
    font-size: 14px;
font-family: "Microsoft YaHei";
    top: 0;
  position:absolute;
  background-color: #ebebec;
  left: 0px;
    right: 0px;
}
#main .core_service .mc .card_title .content{
  width:100%;

}
#main .core_service .mc .card_title img{
  width: auto;
    margin: 22px auto 12px;
}
#main .core_service .mc .card_title .img_active{
  display:none;
}
#main .core_service .mc .card_title .img_noactive{
  display:block;
}
#main .core_service .mc .card_title p{
  color:#373d41;
  font-size:20px;
font-family: "Microsoft YaHei";
  font-weight:bold;
}
#main .core_service .mc .card_title p span{
  font-size:14px;
font-family: "Microsoft YaHei";
  color:#bbbaba;
  font-weight:100;
  width:100%;
  display:block;
}







#main .core_service .mc .active{
  z-index: 100;
    border: 1px solid #f5741c;
    box-shadow: 0 0 20px rgba(255, 82, 86, 0.5);
    width: 32%;
    height: 460px;
}
#main .core_service .mc .active .card_title{
  left: -1px;
    background-color: #f5741c;
    height: 185px;
    top: -15px;
    right: -1px;
}
#main .core_service .mc .active .card_title .img_active{
  display:block;
}

#main .core_service .mc .active .card_title .img_noactive{
  display:none;
}

#main .core_service .mc .active .card_title p{
  color:#fff;
}
#main .core_service .mc .active .card_title  p span{
  color:#fff;
}


#main .core_service .mc .card_title2 .content{
  width:100%;

}

#main .core_service .mc .active .card_title2{
  left: -1px;
    background-color: #ffc300;
    height: 185px;
    top: -15px;
    right: -1px;
}
#main .core_service .mc .card_title2 img{
  width: auto;
    margin: 22px auto 12px;
}

#main .core_service .mc .active .card_title2 .img_noactive{
  display:none;
}

#main .core_service .mc .active .card_title2 p{
  color:#fff;
}
#main .core_service .mc .active .card_title2  p span{
  color:#fff;
}


#main .core_service .mc .card_title3 .content{
  width:100%;

}

#main .core_service .mc .active .card_title3{
  left: -1px;
    background-color: #33bf17;
    height: 185px;
    top: -15px;
    right: -1px;
}
#main .core_service .mc .card_title3 img{
  width: auto;
    margin: 22px auto 12px;
}


#main .core_service .mc .active .card_title3 .img_noactive{
  display:none;
}

#main .core_service .mc .active .card_title3 p{
  color:#fff;
}
#main .core_service .mc .active .card_title3  p span{
  color:#fff;
}


#main .core_service .mc .card_title4 .content{
  width:100%;

}
#main .core_service .mc .active .card_title4{
  left: -1px;
    background-color: #ef3332;
    height: 185px;
    top: -15px;
    right: -1px;
}
#main .core_service .mc .card_title4 img{
  width: auto;
    margin: 22px auto 12px;
}

#main .core_service .mc .active .card_title4 .img_noactive{
  display:none;
}

#main .core_service .mc .active .card_title4 p{
  color:#fff;
}
#main .core_service .mc .active .card_title4 p span{
  color:#fff;
}


.zixun{
width:226px;
height:46px;
border:1px solid #ef3332;
text-align:center;
margin:0 auto;
}
.zixun a{
color:#ef3332;
line-height:46px;
}


.caifang{
width:295px;
height:204px;
float:left;

}

.caifang1{
  width:241px;
height:204px; 
float:right;
border-left:1px solid #ebebec;
}
.caifang1 img{
float:right;
width:210px;
height:215px;
}


#main .core_service .mc .card_content{
  position: absolute;
  top: 170px;
  width: 100%;
  height: 376px;
  overflow: hidden;
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
}
#main .core_service .mc .card_content .content{
  line-height:30px;
    margin-top: 58px;
}
#main .core_service .mc .card_content .content li{
  display:block;
  width:100%;
  margin:0 0 54px 0;
}
#main .core_service .mc .card_content .content .title{
  font-size:18px;
font-family: "Microsoft YaHei";
  color:#010000;
  margin:0;
}
#main .core_service .mc .card_content .content .desc{
  display:none;
}
#main .core_service .mc .card_content a{
  display:none;
}
#main .core_service .mc .active .card_content .content{
  line-height: 20px;
  margin-top:20px;
}
#main .core_service .mc .active .card_content .content li{
     margin: 0 0 13px 0;
     height: 70px;
}
#main .core_service .mc .active .card_content .content .desc{
  display:block;
  width: 80%;
  margin: 11px auto 0;
  text-align: center;
  font-size:14px;
font-family: "Microsoft YaHei";
  color:#bfc0c1;
}
#main .core_service .mc .active .card_content a{
  display: block;
    width: 78px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff5256;
    float: right;
    margin-right: 48px;
    margin-top: -8px;
    color: #ff5256;
}
#main .core_service .mc .active .card_content a:hover{
  box-shadow:0px 2px 4px #ff5256
}

#main .core_service .mc .card_content_nodesc{
  display:block;
}
#main .core_service .mc .card_content_desc{
  display:none;
}
#main .core_service .mc .active .card_content_nodesc{
  display:none;
}
#main .core_service .mc .active .card_content_desc{
  display:block;
}
#main .projects_development{
  background: #f5f5f5;
  
  height: 79px;
}

#main .projects_development ul li p{
  margin-bottom: 10px;
}

#main .projects_development .mt{
  text-align:center;
  font-size:24px;
font-family: "Microsoft YaHei";
  color:#000;
  font-weight:bold;
  margin-bottom: 40px;
}
#main .projects_development .mt span{
  color:#999;
  font-size:14px;
font-family: "Microsoft YaHei";
  margin:10px 0;
  font-weight:100;
  width:100%;
  display:block;
}
#main .projects_development .mc li{
 width: 547px;
    height: 350px;
    overflow: hidden;
    background: #fff;
    padding: 24px 13px 16px;
    float: left;
    margin: 1px 23px 55px 0;
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  -webkit-transition: all .3s ease-in-out 0s;
border:1px solid #c6c6c6;
}





#main .projects_development .mc li .state{
  width: 70px;
  height: 26px;
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #fff;
  text-align: center;
  line-height: 26px;
  background-color: #e4272d;
  border-radius: 4px;

}
#main .projects_development .mc li .title{
width:325px;
  font-size: 18px;
font-family: "Microsoft YaHei";
  height: 25px;
  color: #525151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main .projects_development .mc li .desc{
  font-size: 12px;
font-family: "Microsoft YaHei";
  color: #98a3b1;
  height: 142px;
  width: 290px;
  line-height: 24px;
  overflow: hidden;
}
#main .projects_development .mc li .author{
  border-top: 1px solid #ebebec;
  margin-top: 240px;
  padding-top: 15px;
  position: relative;
}
#main .projects_development .mc li .author img{
  display: inline-block;
  vertical-align: top;
  width: 52px;
  height: 52px;
  border-radius: 30px;
  margin-top: 5px;
}
#main .projects_development .mc li .author .author_main{
  display: inline-block;
  vertical-align: top;
  width: 358px;
  margin-left: 16px;
  margin-top: 5px;
}
#main .projects_development .mc li .author .author_main .name{
  color: #525151;
  font-size: 18px;
font-family: "Microsoft YaHei";
}
#main .projects_development .mc li .author .author_main .name span{
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #525151;
  margin-left: 10px;
}
#main .projects_development .mc li .author .author_main .profile{
  color: #b3b2b2;
  font-size: 12px;
font-family: "Microsoft YaHei";
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main .projects_development .mc li .author a{
  position: absolute;
  right: 0;
  width: 64px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #ff5256;
font-size:12px;
font-family: "Microsoft YaHei";
}
#main .projects_development .mc li .author .get_programme{
  background: #ff5256;
  color: #fff;
  top: 50px;
}
#main .projects_development .mc li .author .consultation{
  color: #ff5256;
}
#main .projects_development .mc li:hover{
  box-shadow: 0px 0px 9px 2px rgba(255, 82, 86, 0.3);
}

#main .customer0{
width:100%;
height:529px;
background:url(../images/4.jpg)center no-repeat;


}

#main .customer{
 
  padding: 110px 0 51px;
}
#main .customer .mt{
  text-align:center;
  font-size:24px;
font-family: "Microsoft YaHei";
  color:#000;
  font-weight:bold;
  margin-bottom: 46px;
}
#main .customer .mt span{
  color:#999;
  font-size:14px;
font-family: "Microsoft YaHei";
  margin:10px 0;
  font-weight:100;
  width:100%;
  display:block;
}
#main .customer .mc .customer_left{
  float: left;
  background: url(../images/gsjj.jpg) no-repeat center;
  width: 387px;
  height: 391px;
}
#main .customer .mc .customer_left p{
  color: #fff;
  font-size: 12px;
font-family: "Microsoft YaHei";
  margin: 72px 0 16px;
  padding: 22px 16px 0;
  line-height: 29px;
}
#main .customer .mc .customer_left a{
  color:#fff;
  width: 106px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ff5256;
  display: block;
  margin: 0 auto;
}
#main .customer .mc .customer_right{
  position: relative;
  float: right;
  width:803px;
padding-top:17px;
}
#main .customer .mc .customer_right li{
  float: left;
  border-color: #f5f5f5;
  border-style: solid;
  border-width: 0 1px 3px 0;
  position: relative;
}
#main .customer .mc .customer_right li img{
  width: 263px;
  height: 184px;
}
#main .customer .mc .customer_right li .hover{
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  width: 263px;
  height: 184px;
  top: 0;
}
#main .customer .mc .customer_right li .hover em{
  background: #000;
  opacity: 0.68;
  width: 263px;
  height: 184px;
  display: block;
}
#main .customer .mc .customer_right li .hover p{
  position: absolute;
  top: 22px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
font-family: "Microsoft YaHei";
  z-index: 1;
}
#main .customer .mc .customer_right li .hover a{
  position: absolute;
  top: 80px;
  color: #fff;
  background: #ff0000;
  z-index: 1;
  width: 80px;
  height: 18px;
  text-align: center;
  left: 95px;
  border-radius: 6px;
font-family: "Microsoft YaHei";
font-size:14px;
line-height: 17px;


}
#main .customer .mc .customer_right li:hover .hover{
  opacity: 1;
}
#main .customer .mc .customer_right .change_button{
  width: 121px;
  height: 93px;
  overflow: hidden;
  background: #ff5256;
  position: absolute;
  bottom: 0px;
  right: 245px;
  border: 0;  
  z-index: 10;
  cursor:pointer;
}
#main .customer .mc .customer_right .change_button img{
  width: 32px;
  height: 32px;
  margin: 20px auto 10px;
  display: block;
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
}
#main .customer .mc .customer_right .change_button p{
  text-align: center;
  margin: 0;
  color:#f9f8f3;
}
#main .customer .mc .customer_right .change_button a{
  text-decoration:none;
}
#main .customer .mc .customer_right .change_button:hover img{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);   /* IE 9 */
  -moz-transform:rotate(180deg);  /* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg);
}
#main .case{
  padding: 85px 0 51px;
}

#main .fangtan{
width:100%;
height:570px;
background:url(../images/5.jpg)center no-repeat;


}



#main .case .mt{
  text-align: center;
  color:#000;
  font-size: 24px;
font-family: "Microsoft YaHei";
font-weight: bold;

}
#main .case .mt p{
  width: 100%;
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #999;
  margin: 10px 0 0;
}
#main .case .mt p span{
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #54595c;
  margin: 5px 0;
}
#main .case .mc{
  margin-top: 70px;
}
#main .case .mc li{
  width: 282px;
  height: 356px;
  float: left;
  border: 1px solid #f2f2f2;
  box-shadow:1px 1px 12px 0px rgba(226, 226, 226, 0.5);
  margin: 0 58px 15px 58px;
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
}
#main .case .mc li .img_box{
  background: #f8f8f8;
  padding: 12px 10px 5px;
}
#main .case .mc li .img_box img{
  width: 261px;
  height: 189px;
}
#main .case .mc li .case_info .title{
  color: #333;
  font-size: 16px;
font-family: "Microsoft YaHei";
  height: 50px;
  line-height: 50px;
  width: 240px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px dashed #e4e3e3;
}
#main .case .mc li .case_info .label{
  font-size: 12px;
font-family: "Microsoft YaHei";
  color: #666;
  width: 166px;
  margin: 10px auto;
  text-align: center;
  display: block;
  padding: 0;
  font-weight: 100;
height:36px;
    overflow: hidden;
}
#main .case .mc li .case_info .label span{
  font-size: 12px;
font-family: "Microsoft YaHei";
  color: #ff5256;
  margin: 0 10px;
}
#main .case .mc li .case_action{
  text-align: center;
}
#main .case .mc li .case_action a{
  width: 72px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color:#fff;
  display: inline-block;
  margin: 0 13px;
font-size:12px;
font-family:"Microsoft YaHei";
}
#main .case .mc li .case_action .go_inside{
  background: #ff5256;
}
#main .case .mc li .case_action .go_plan{
  background: #626262;
}
#main .case .mc li:hover{
  box-shadow: 0px 0px 9px 2px rgba(255, 82, 86, 0.3);
}
#main .process .mt{
  text-align:center;
  font-size:24px;
font-family: "Microsoft YaHei";
  color:#000;
  font-weight:bold;
  margin-bottom: 46px;
}
#main .process .mt span{
  color:#999;
  font-size:14px;
font-family: "Microsoft YaHei";
  margin:10px 0;
  font-weight:100;
  width:100%;
  display:block;
}



#main .liucheng{
width:100%;
height:459px;
background:url(../images/6.jpg)center no-repeat;
}
#main .process .mc{
  
  height: 290px;
  overflow: hidden;
  padding-top: 138px;
  position: relative;
}
#main .process .mc .process1 {
    background: #fff;
}
#main .process .mc li{
  display: block;
  float: left;
  width: 110px;
  background: url(../images/sanjiao.gif) no-repeat 0 20px;
  padding: 0 30px;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
}
#main .process .mc li i{
  display: block;
  margin: 0 auto;
  display: block;
  width: 60px;
  height: 67px;
  background: url(../images/process.png) no-repeat;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}
#main .process .mc li .title{
  font-size: 16px;
font-family: "Microsoft YaHei";
  color: #000;
  text-align: center;
  margin: 30px 0 10px 0;
}
#main .process .mc li .desc{
  font-size: 12px;
font-family: "Microsoft YaHei";
  color: #666;
  line-height: 22px;
  margin: 0;
}
#main .process .mc ul a{
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -112px;
  width: 224px;
  height: 46px;
  text-align: center;
  line-height: 46px;

  color:#fff;
  font-size: 16px;
font-family: "Microsoft YaHei";
}
#main .process .mc li:hover{
  background-position: 30px 20px
}
#main .process .mc .process1 i{
    background-position: 0px -5px;
}
#main .process .mc .process2 i{
    background-position: -85px -0px;
}
#main .process .mc .process3 i{
    background-position: -172px -0px;
}
#main .process .mc .process4 i{
    background-position: -259px -5px;
}
#main .process .mc .process5 i{
    background-position: -342px -0px;
}
#main .process .mc .process6 i{
    background-position: -431px -0px;
}
#main .process .mc .process7 i{
    background-position: -522px -0px;
}
#main .process .mc .process1:hover i{
    background-position: 0 -65px;
}
#main .process .mc .process2:hover i{
    background-position: -85px -66px;
}
#main .process .mc .process3:hover i{
    background-position: -172px -66px;
}
#main .process .mc .process4:hover i{
    background-position: -259px -71px;
}
#main .process .mc .process5:hover i{
    background-position: -342px -66px;
}
#main .process .mc .process6:hover i{
    background-position: -431px -66px;
}
#main .process .mc .process7:hover i{
    background-position: -522px -66px;
}

#main .plan{
  padding-top: 85px;
}
#main .plan .mt{
  text-align:center;
  font-size:24px;
font-family: "Microsoft YaHei";
  color:#000;
  font-weight:bold;
  margin-bottom: 68px;
}
#main .plan .mt span{
  color:#999;
  font-size:14px;
font-family: "Microsoft YaHei";
  margin:10px 0;
  font-weight:100;
  width:100%;
  display:block;
}
#main .plan .mc li{
  width: 296px;
  float: left;
  margin: 0 52px 26px;
}
#main .plan .mc li .title{
  color: #373d41;
  font-size: 18px;
font-family: "Microsoft YaHei";
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
#main .plan .mc li .desc{
  text-align: center;
  line-height: 24px;
}
#main .plan .mc li .desc a{
  display: inline-block;
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #a9b0b4;
  border-right: 1px solid #a9b0b4;
  height: 14px;
  line-height: 14px;
  padding: 0 8px;
}
#main .plan .mc li .desc .br_0{
  border-right: 0;
}
#main .plan .mc li i{
  width: 62px;
  height: 62px;
  background: url(../images/plan.png) no-repeat center;
  display: block;
  margin: 0 auto;
}

#main .plan .mc .plan1 i{
  background-position: -19px -35px;
}
#main .plan .mc .plan2 i{
  background-position: -123px -35px;
}
#main .plan .mc .plan3 i{
  background-position: -228px -35px;
}
#main .plan .mc .plan4 i{
  background-position: -22px -133px;
}
#main .plan .mc .plan5 i{
  background-position: -126px -133px;
}
#main .plan .mc .plan6 i{
  background-position: -230px -133px;
}
#footer .honor{
  display:none;
}
#footer .honor li{
  width: 184;
  float: left;
  margin: 0 28px;
}
#footer .honor li i{
  background: url(../images/honor.png);
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
}
#footer .honor li .honor_box{
  display: inline-block;
  vertical-align: top;
  margin-left: 22px;
}
#footer .honor li .honor_box .title{
  color: #333;
  font-size: 16px;
font-family: "Microsoft YaHei";
  margin-bottom: 8px;
}
#footer .honor li .honor_box .desc{
  color: #999;
  font-size: 12px;
font-family: "Microsoft YaHei";
  margin: 0;
  line-height: 18px;
}
#footer .honor .honor2 i{
  background-position: 0 -69px;
}
#footer .honor .honor3 i{
  background-position: 0 -139px;
}
#footer .honor .honor4 i{
  background-position: 0 -209px;
}
#footer .honor .honor5 i{
  background-position: 0 -279px;
}
#footer .message{
  height: 178px;
  overflow: hidden;
  background: #31373b;
}
#footer .message > div{
  background: url(../images/message.png) no-repeat left center;
  height: 178px;
  position: relative;
}
#footer .message > div .message_tel{
  margin: 0;
  position: absolute;
  top: 26px;
  right: 30px;
  color: #fff;
  font-size: 14px;
font-family: "Microsoft YaHei";
  line-height: 24px;
}
#footer .message #message_form{
  position: absolute;
  width: 762px;
  height: 42px;
  bottom: 30px;
  right: 28px;
}
#footer .message #message_form input{
  float: left;
  margin-right: 24px;
}
#footer .message #message_form input[type="text"]{
  display: inline-block;
  background: #fff;
  height: 42px;
  line-height: 42px;
  border: 0;
  text-indent: 10px;
  outline: none;
  border: 1px solid #fff;
}
#footer .message #message_form .message_phone{
  width: 218px;
}
#footer .message #message_form .message_content{
  width: 320px;
}
#footer .message #message_form .message-btn{
  width: 175px;
  margin-right: 0;
  background: #ff5256;
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 14px;
font-family: "Microsoft YaHei";
  border: 0;
}



#footer .footer{
 width:100%;
  height: 334px;
background:url(../images/7.jpg)center no-repeat;
    
}
#footer .footer .footer_main .main_box{
  float: left;
  width: 600px;
margin-top: 40px;
}
#footer .footer .footer_main .main_box dl{
  margin: 0;
  float: left;
  padding-left: 10px;
}
#footer .footer .footer_main .main_box dl dt{
  color: #fff;
  font-size: 18px;
font-family: "Microsoft YaHei";
  margin-bottom: 10px;
}
#footer .footer .footer_main .main_box dl dt span{
  display: block;
  color: #adadad;
  font-size: 18px;
font-family: "Microsoft YaHei";
  margin-bottom: 6px;
}
#footer .footer .footer_main .main_box dl dd{
  color: #ccc;
  font-size: 12px;
font-family: "Microsoft YaHei";
  line-height: 28px;
}
#footer .footer .footer_main .main_box .main_box1{
 
  margin-right: 10px;
}
#footer .footer .footer_main .main_box .main_box2{
 
}

.top1{
  width: 77px;
  height: 83px;
  text-align: center;
  float: left;
    padding-top: 248px;
    margin-left: 565px;

}
.top1 img{
  width: 77px;
  height: 83px;
 margin: 0 auto;
}
.main_box3{
  float: right;
  width: 265px;
  height: 152px;
   margin-top: -180px;

}
.main_box3  dt{
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #fff;
  font-family: "Microsoft YaHei";
  margin-bottom: 15px;
}
.main_box3  dd{
    font-size: 14px;
font-family: "Microsoft YaHei";
  color: #fff;
  font-family: "Microsoft YaHei";
  margin-bottom: 15px;
}


#footer .footer .footer_main .content_box{
  float: right;
  width: 535px;
  height: 194px;

    margin-top: 40px;
 
}
#footer .footer .footer_main .content_box .qr_box{
  width: 96px;
  float: left;
  margin: 10px 30px 0 0;
}
#footer .footer .footer_main .content_box .qr_box img{
  width: 96px;
}
#footer .footer .footer_main .content_box .qr_box p{
  color: #999;
  font-size: 12px;
font-family: "Microsoft YaHei";
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
}
#footer .footer .footer_main .content_box .tel_box{
  color: #ccc;
  font-size: 14px;
font-family: "Microsoft YaHei";
  float: left;
  margin-top: 10px;
}
#footer .footer .footer_main .content_box .tel_box span{
  color: #fff;
  font-size: 24px;
font-family: "Microsoft YaHei";
  display: block;
}
#footer .footer .footer_hotpro{
  height: 52px;
  line-height: 52px;
  margin: 45px 0;
  border-color: #4b5054;
  border-style: solid;
  border-width: 1px 0;
}
#footer .footer .footer_hotpro dt{
  float: left;
  height: 52px;
  line-height: 52px;
  color: #e6e6e6;
  width: 130px;
  text-indent: 8px;
  font-weight: 100;
}
#footer .footer .footer_hotpro dd{
  float: left;
  height: 52px;
  line-height: 52px;
  margin-right: 22px;
}
#footer .footer .footer_hotpro dd a{
  color: #8c8a8a;
  font-size: 12px;
font-family: "Microsoft YaHei";
}
#footer .footer .footer_hotpro dd a:hover{
  color: #ff5256;
}
#footer .footer .footer_friend{
  margin: 0
}
#footer .footer .footer_friend dt{
  float: left;
  color: #8c8b8b;
  font-weight: 100;
  font-size: 12px;
font-family: "Microsoft YaHei";
  height: 12px;
  line-height: 12px;
  padding: 0 0 0 11px ;
  margin: 0 0 15px;
}
#footer .footer .footer_friend dd{
  float: left;
  padding: 0 11px;
  height: 12px;
  line-height: 12px;
  border-right: 1px solid #8c8a8a;
  margin: 0 0 15px;
}
#footer .footer .footer_friend dd a{
  color: #8c8a8a;
  font-size: 12px;
font-family: "Microsoft YaHei";
}
#footer .footer .footer_friend dd a:hover{
  color: #ff5256;
}
#footer .footer .footer_friend .apply_friend{
  border: 0;
  padding-right: 0;
}
#footer .footer .footer_friend .apply_friend a{
  color: #ff5256;
}
#footer .footer footer{
  line-height: 26px;
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #8c8b8b;
  margin: 32px 0;
}
#footer .footer footer a{
  font-size: 14px;
font-family: "Microsoft YaHei";
  color: #8c8b8b;
}
#footer .footer footer a:hover{
  color: #ff5256;
}
#footer .footer .footer_safe img{
  width: 90px;
  margin-right: 10px;
}
#float_right{
  position: fixed;
  right: 0;
  bottom: 40px;
  height: 90px;
  z-index: 100;
  width: 30px;
}
#float_right .share_btn{
  display: block;
  transition: all 0.3s ease-out 0s;
  width: 30px;
  height: 30px;
  background-color: rgba(31,31,31,.6);
  color: #fff;
  font-size: 16px;
font-family: "Microsoft YaHei";
  text-align: center;
  background-size: cover;
  cursor: pointer;
  float: left;
}
#float_right .go_top{
  background-image: url(../images/gotop.png);
}
#float_right .wechat_open{
  background-image: url(../images/wechat.png);
  background-color: #303030;
}
#float_right .online_open{
  background-image: url(../images/online.png);
  background-color: #444;
}
#float_right .online_open:hover{
  background-color: #f00;
}
#float_right .wechat_open:hover{
  background-color: #1da04c;
}
#float_right .go_top:hover{
  background-color: #30a0bf;
}

#online_lx{
    width: 180px;
    height: auto;
    -webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);
    box-shadow: 0 5px 9px rgba(4,0,0,.17);
    position: fixed;
    right: -190px;
    bottom: 100px;
    z-index: 100000;
    background-color: #333;
}
#olx_head{
    height: 56px;
    line-height: 56px;
    text-indent: 20px;
    background: #1D1D1D;
    border-radius: 0px;
    color: #f0f0f0;
    font-size: 14px;
font-family: "Microsoft YaHei";
}
#olx_head i{
  background: url(../images/colse.png) no-repeat center center / cover;
  float: right;
  height: 24px;
  width: 24px;
  margin: 16px;
  cursor: pointer;
}
#olx_qq li a{
    height: 42px;
    line-height: 42px;
    padding: 0 22px;
    background-color: #323232;
    border-bottom: #3e3e3e 1px solid;
    color: #A2A2A2;
    display: block;
    transition: all ease-out .3s;
    font-size: 12px;
font-family: "Microsoft YaHei";
}
#olx_qq li a i{
  float: left;
  background: url(../images/qq.png) no-repeat center center / cover;
  height: 20px;
  width: 20px;
  margin: 10px 18px 0 0;
  transition: all ease-out .3s;
}
#olx_qq li a:hover{
  height: 46px;
  line-height: 46px;
  background-color: #292929;
}
#olx_qq li a:hover i{
  margin-top: 12px
}
#olx_tel{
  color: #fff;
  text-indent: 20px;
  font-size: 14px;
font-family: "Microsoft YaHei";
  height: 30px;
  line-height: 30px;
}
#olx_tel i{
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../images/tel.png) no-repeat center center / cover;
  margin-right: 12px;
}
#online_lx p{
  color: #fff;
  font-size: 18px;
font-family: "Microsoft YaHei";
  text-indent: 20px;
  margin: 8px 0;
}
#message_board .goods_banner{
  background: url(../images/goods_banner.jpg) no-repeat center center;
    height: 133px;
    margin-bottom: 50px;
}
#message_board .mt{
  font-size:20px;
font-family: "Microsoft YaHei";
  text-align:center;
  width:140px;
  margin:0 auto;
  border-bottom: 3px solid #ff5256;
    padding-bottom: 10px;
}




#hidden_float{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
  display:none;
}
#hidden_float .black_bg{
  width:100%;
  height:100%;
  background:#000;
  opacity:0.7;
  filter:alpha(opacity=70);
}
#hidden_float .relative{
  height:100%;
  width:100%;
}
#hidden_float .qr_code{
  display: none;
  background: #fff;
  height: 300px;
  width: 300px;
  overflow: hidden;
  position: absolute;
  z-index: 1001;
  left: 50%;
  top: 50%;
  margin:-150px 0 0 -150px;
}
#hidden_float .qr_code p{
  height: 45px;
    margin: 0;
    line-height: 62px;
    text-align: center;
    font-size: 18px;
font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #404040;
}
#hidden_float .qr_code img{
  width:235px;
  height:235px;
    margin: 0 auto;
    display: block;
}
#hidden_float .warning{
  display: none;
  position: absolute;
  z-index: 1001;
  background: #fff;
  width: 320px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -110px;
  border-radius: 6px;
  box-shadow: 0px 0px 16px 1px rgba(254, 62, 0, 0.8);
}
#hidden_float .warning .title{
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
font-family: "Microsoft YaHei";
  border-bottom: 1px dashed #d6d2d2;
  color: #ff0000;
}
#hidden_float .open_hidden_float{
  font-style: normal;
  float: right;
  width: 22px;
  height: 22px;
  border: 1px solid #00ebff;
  line-height: 22px;
  margin-top: 14px;
  margin-right: 10px;
  color: #00ebff;
  border-radius: 36px;
  font-size: 13px;
font-family: "Microsoft YaHei";
  cursor: pointer;
}
#hidden_float .open_hidden_float:hover{
  border-color: #ff5200;
  color: #ff5200;
}
#hidden_float .warning .warning_text{
  padding: 10px;
  text-align: center;
  font-size: 16px;
font-family: "Microsoft YaHei";
  height: 128px;
  line-height: 28px;
  overflow: hidden;
  margin: 0;
}
.pagin{
  text-align:center;
  margin:60px 0 20px;
}
.pagin a,
.pagin p,
.pagin span{
  color:#000;
  margin:0 4px
}
.pagin .current{
  color:#ff5256;
}
.pagin a:hover{
  color:#ff5256;  
}



.center1{
  margin-top:10px;
  margin-bottom:10px;
      width: 1200px;
    margin: 0 auto;
}
.rightnn{
  width:260px;
  float:left;
  margin-bottom: 10px;
  margin-top: 20px;
    margin-bottom: 10px;
}
.rightnn h3{
  background:#f24b00;
  font-family:"Microsoft YaHei";
  text-align:center;
  font-size:30px;
  height:45px;
  color:#fff;
  line-height:45px;
}
.rightnn ul{
  border:1px solid #000;
  padding:10px;
}


.rightn2 p{height:40px;width:255px;font-size:18px;font-family:"Microsoft YaHei";text-align:center;line-height:40px;}
.rightn2 a{ height:40px;width:230px; display:block; color:#3c3c3c;}
.rightn2 a:hover{ font-weight:bold;}
.rightn2  ul li{width:255px;height:40px;list-style:none;position:relative;transform-style:preserve-3d;transition:0.5s;
  display:block;margin:1px;}
.rightn2 ul li:hover div{background:#f24b00;color:#ffffff}
.rightn2 ul li:hover div a{color:#ffffff}
.rightnbg{color:#ffffff!important;background:#f68b33!important;}
.rightn2 ul li div{height:40px;width:235px;width:230px;background:#ebe9ec;}
.rightnn  li div p{font-size:16px;font-family:"Microsoft YaHei";text-align:center;line-height:40px;}
.lianxi{
  margin-top:10px;
}

.lianxi h3{
  background:#f24b00;
  font-family:"Microsoft YaHei";
  text-align:center;
  font-size:30px;
  height:45px;
  line-height:45px;
  color:#fff;
}
.lianxi li{
  line-height:30px;
  font-size:18px;
}


.rightn1{ width:880px; border: 1px solid #c6c6c6;  margin-top:20px; float:left;}
.rightn{ width:880px; float:left;border: 1px solid #c6c6c6;  margin-top:20px;}

.pppp{ height:35px; width:100%;border-bottom: 1px solid #c6c6c6; background:#c6c6c6; }
.pppp span{ line-height:30px;margin-top:2px; font-size:18px; text-align:center; float:left; margin-left:20px; font-weight:bold; color:#fff;}
.pppp div{ float:right; margin-top:7px; color:#fff;  margin-right:20px;}
.pppp div a{ color:#fff;}
#xiangguan h2 {
    height: 37px;
    background: #c6c6c6;
    color: #fff;
    text-indent: 1em;
    line-height: 37px;
    font-size: 16px;
    margin-bottom: 10px;
}
#xiangguan{
    font-size: 16px;
}
#xiangguan a{
    color:#000;
}



#xiangguan ul{
     padding:5px;
}
#xiangguan ul li {
    line-height: 36px;

}


.act_content{width:810px; }
.content_p{ width:99%; height:auto; padding:10px 0px 20px 0px; margin:0 auto; }
.content_p h1{ text-align:center; font-size:20px;color:#f23a3e; }
.weizhi{height:26px;line-height:27px;width:auto;border-bottom:1px solid #333;}
.weizhi span{font-size:14px;color:#333; margin-left:10px;}
.weizhi a{text-decoration:none; color:#333; font-size:14px}
.weizhi a:hover{text-decoration:underline; color:#c6c6c6}
.act_info{font-size:12px;color:#a6a6a6; text-align:center; margin:8px auto 8px auto;}
.act_info span{ margin-left:15px;}
.act_info a{text-decoration:none; color:#a6a6a6}
.act_info a:hover{text-decoration:underline; color:#000}
.act_desc{width:96%;border:1px solid #cdddf0; background:#f3f7fc; margin-left:auto; margin-right:auto; margin-top:10px;color:#676767;padding:10px;line-height:22px;font-size:12px; text-indent:2em;}
.act_neirong{ width:100%; line-height:170%;font-size:14px; margin-top:10px;color:#2f2f2f;}
.act_neirong img{ max-width:800px;_width:expression(document.body.clientWidth > 800 ? "750px" : "auto");
 display:block; margin:0 auto;}
.act_neirong p{margin-top:10px; margin-bottom:10px;text-indent: 2em; font-size:14px; font-family:"Microsoft YaHei";}

act_neirong p span{
font-size:14px;font-family:"Microsoft YaHei";
}

.act_list{width:780px; margin-right:auto;line-height:26px;}
.act_list ul{ margin-top:5px; margin-bottom:10px;}
.act_list li{height:30px;line-height:30px;border-bottom:1px dashed #dedede; font-size:12px}
.act_list li a{display:block;color:#383838; width:80%; height:30px; line-height:30px; display:block; 
float:left; padding-left:12px;
  background-image: url(list_dot.gif);
  background-repeat: no-repeat;
  background-position: left center;
  font-size:14px;
}
.act_list li:hover{background:#e5ecf2;}
.act_list li:hover a{color:#032364;}
*html .act_list li a:hover {background:#e5ecf2;
background-image: url(list_dot.gif);
  background-repeat: no-repeat;
  background-position: left center;
color:#032364;text-decoration:none;}
.act_list li span{float:right; margin-right:10px;color:#000; font-size:14px;font-family:"Microsoft YaHei";}
.pages{padding-bottom:8px;padding-top:10px;margin-top:15px; text-align:center; margin-bottom:10px;height:35px;font-size:15px;}
.pages a,.pages span.current{font-family:"宋体";padding-right:6px;padding-left:6px;padding-bottom:2px;margin-right:2px;padding-top:4px;}
.pages a{border-right:#9aafe5 1px solid; border-top:#9aafe5 1px solid;border-left:#9aafe5 1px solid;color:#2e6ab1;border-bottom:#9aafe5 1px solid;text-decoration:none}
.pages a:hover{border-right:#2b66a5 1px solid;border-top:#2b66a5 1px solid;border-left:#2b66a5 1px solid;color:#000;border-bottom:#2b66a5 1px solid;background-color:#c4d1eb;}
.pages a:active{border-right:#2b66a5 1px solid;border-top:#2b66a5 1px solid;border-left:#2b66a5 1px solid;color:#000;border-bottom:#2b66a5 1px solid;background-color:lightyellow}
.pages span.current{border-right:navy 1px solid;border-top:navy 1px solid;border-left:navy 1px solid;color:#fff;margin-right:2px;border-bottom:navy 1px solid;background-color:#2e6ab1;}
.pages span.disabled{border-right:#929292 1px solid;padding-right:10px;border-top:#929292 1px solid;padding-left:10px;padding-bottom:6px;border-left:#929292 1px solid;color:#929292;margin-right:2px;padding-top:6px;border-bottom:#929292 1px solid}
#go{border:#cccccc 1px solid; width:2em; text-align:center; margin-left:4px; cursor:pointer;}
input#page{border:#cccccc 1px solid; width:2em; text-align:center;}

.list01{}

.list_img,.list_img02{ width:100%; padding:2px 0px 6px 0px; overflow:hidden; margin:0 auto;}
.list_img li{ width:49.9%; height:auto; float:left; display:inline; text-align:center; margin:8px 0px 0px 0px;}
.list_img li .a_txt{ font-size:12px;}

.list_img li a:hover{text-decoration: none;}
.a_img,.list_img span{ display:block; clear:both;}
.list_img span{ height:32px; line-height:32px;}

.a_img img{ padding:2px; border:1px solid #CCCCCC;}
.a_img img:hover{border:1px solid #FF6600;}

.list_img_main li{ width:31%; display:inline-block; margin-left:7px; margin-right:6px; font-size:12px}
.list_img_main li a{color:#000}
.list_img_main li a img{ color:#000; border:1px solid #ccc}
.list_img_main li img{ width:100%;   }
.list_img_main .a_txt{ width:100%; height:28px; line-height:28px; display:inline-block;}


.list_list_img li{width:31.5%; height:auto; float:left; display:inline; text-align:center; margin:8px 6px 0px 6px; overflow:hidden;}
 
.list_img_txt{width:95%; height:auto; margin:0 auto; padding:10px 0px 0px 0px;overflow:hidden;}
.list_img_txt li{width:50%;display:inline;float:left;text-align:center;
  position: relative;}
.list_img_txt li img{width:100px; height:70px;}
.list_img_txt .a_txt{width:100px; height:24px; padding-top:6px; display:block; font-size:12px;}
.list_img_txt li .num{position:absolute; left:10px; top:65px; color:#CC3300; font-family:Arial, Helvetica, sans-serif; font-size:16px;  border:1px solid #CC3300; display:block; width:14px; height:14px; line-height:14px; text-align:center;}

.img_txt{ width:99%; height:auto; margin:0 auto; font-size:12px;}
.img_txt li{ display:block; clear:both; overflow:hidden; margin:12px 0px 12px 0px;line-height:140%;}
.img_txt .a_img{ display:inline; float:left; margin-right:6px; padding-right:0px;}
.img_txt li a{ padding-right:8px; font-size:13px;}
.img_txt li .a_txt{}
.img_txt01 p{ margin:0px; padding:0px;}


input,textarea { border:1px solid #CCC; }