


 .accordion dl,
.accordion-list {
  
}
.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
 
}

.accordion dd,
.accordion__panel {
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {color: #222;mfont-size:14px;
}

.accordion {
  position: relative;
}


.faq{margin-bottom:60px;width:100%;float:left;}
.faq a{display:block;width:100%;float:left;     border-bottom: 1px solid #ddd;}
.accordionTitle,
.accordion__Heading {
	color:#222;font-size:18px;
 
  text-align: left;
  display: block;
  text-decoration: none;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ,padding 0.5s ease-in-out;
 position: relative;
}

.accordionTitle span,
.accordion__Heading span{
    display: inline-block;
    position: absolute;
    right:0;
    padding: 5px 10px;    top: -11px;
}
.accordionTitle span i,
.accordion__Heading span i{ -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);    display: inline-block;}
/*.accordionTitle span{padding-right:25px;   }*/
.accordionTitle:before,
.accordion__Heading:before {
  content: "";
    height: 40px;
    width: 160px;
  float: right;
  background: url("../img/xinny_43.jpg") no-repeat center;
  background-size: cover;
  transition: opacity 0.5s;

}
.accordionTitle:hover,
.accordion__Heading:hover {

    color: #1d1d22;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
 padding: 0.9em 0;
}
.accordionTitleActive:before ,
.accordionTitle.is-expanded:before {
  background: url("../img/xinny2_07.jpg") no-repeat center;
  background-size: cover;
}

.accordionTitleActive span,
.accordionTitle.is-expanded span {
  background: #ffcc00;
}
.accordionTitleActive span i,
.accordionTitle.is-expanded span i{
   -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.accordionItem {
	 border-bottom: 1px solid #ddd;
	 
	padding-left:20px;
	    float: left;
		width:100%;
  height: auto;
  overflow: hidden;
  max-height: 50em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
.accordionItem p{padding:0px 0 50px;}
@media screen and (min-width: 990) {
  .accordionItem {
    max-height: 15em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;margin-bottom: 0;
  }
  
  
}
@media (max-width: 999px) {
	.faq{padding:20px 10px;margin-bottom:20px;}
	.accordionTitle:before,
.accordion__Heading:before {
    
      content: "";
    height: 40px;
    width: 40px;
  float: right;
  background: url("../images/tz_gonggao_03.jpg") no-repeat center;
  background-size: 100%;}
  .accordionTitle span,
.accordion__Heading span{display:none}
.accordionItem {
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-height: 50em;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}
}
.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}



@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}

.tz_div{}
.tz_div_img{float:left;width:80px;margin-right:35px;}
.tz_div_tou{float:left;width:80%;}
.tz_div_tou h3{color:#222;font-size:24px;margin-bottom:20px;font-weight:600;}
.tz_div_tou p{color:#222;font-size:14px;margin-bottom:60px;padding:0;}
.tz_div_tou h5{color:#888888;font-size:14px;margin-bottom:40px;}
.tz_div_tou h5 b{color:#888888;font-size:18px;margin-right:20px;}
.is-expanded{}
.is-expanded .tz_div_tou p{display:none}
.faq a.is-expanded{border-bottom:none!important}
@media (max-width: 999px) {
	.tz_div_img{float:left;width:80px;margin-right:15px;margin-bottom:20px;}
.tz_div_tou{float:left;width:80%;}
.tz_div_tou h3{color:#222;font-size:18px;margin-bottom:10px;font-weight:600;}
.tz_div_tou p{color:#222;font-size:14px;margin-bottom:40px;}
	
}

.tz_div_tou1{float:left;width:80%;}
.tz_div_tou1 h3{color:#026fc5;font-size:24px;margin-bottom:5px;font-weight:600;}
.tz_div_tou1 p{color:#222;font-size:14px;margin-bottom:60px;padding:0;}
.tz_div_tou1 h4{color:#212528;font-size:14px;margin-bottom:20px;}
.tz_div_tou1 h5{color:#888888;font-size:14px;margin-bottom:20px;}
.is-expanded .tz_div_tou1 p{display:none}
.tz_div_bottom{padding-left:0;}
.tz_div_bottom{border-top: 1px solid #ddd;border-bottom: none;padding-top:60px;}
.tz_div_bottom h3{color:#212528;font-size:18px;margin-bottom:30px;font-weight:600;}
.tz_div_bottom p{color:#888;font-size:14px;line-height:1.8;margin-bottom:40px;padding:0;}

@media (max-width: 999px) {
.tz_div_tou1{float:left;width:80%;}
.tz_div_tou1 h3{font-size:18px;margin-bottom:10px;font-weight:600;}
.tz_div_tou1 p{font-size:14px;margin-bottom:40px;}
	
}