.slide{overflow: hidden;position: relative;height:12rem;}



.slide .bd{}



.slide .bd li{float: left;height:100%;}



.slide .bd li img{width:100%;height:100%;display: inline-block;}



.slide .hd{position: absolute;bottom:.4rem;width:100%;text-align: center;}



.slide .hd li{display: inline-block;width:.6rem;height:.6rem;background-color:#a3a3a3;border-radius:50%;font-size:0;margin:0 .2rem;}



.slide .hd li.on{background-color:#f57c35;}







.col{}



.col ul{font-size:0;padding:0 .7rem;text-align: center;}



.col li{display: inline-block;}



.col li a{width:6rem;padding:1rem 0rem;display: inline-block;}



.col li a div.p img{width:5rem;margin:0 auto;}



.col li p{font-size:1.2rem;color:#ac8a7b;line-height:2.5rem;}







.tab{ line-height:2.5rem; display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;display:box;text-align: center;padding:0 1rem;padding-top:.5rem;}



.tab li{ width:6.5rem; border-radius:1rem; margin-right:0.5rem; height:2.5rem;}



.tab span{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-size:1.4rem;color:#6a7f42;display:block;font-weight: bold;}



.tab span.cur{color:#fff; border:1px solid #CCC; background:#ff732c; border-radius: 0.5rem;   -webkit-appearance: none; }



.tabb .b1{border-bottom:1px solid #e4d0c8;margin:0 1rem;}



.tabb .b2{border-bottom:1px solid #ffffff;margin:0 1rem;}











.cont{height:19rem;overflow: hidden;margin:1rem 0 1rem;}



.cont .c{height:20rem;overflow: hidden;}



.expert .bd{height:16rem;overflow: hidden;}



.expert .bd li{padding:0 1.5rem 0;height:15rem;overflow: hidden;margin-bottom:1.5rem;}



.expert .bd li .p{float: left;margin-right:1rem;}



.expert .bd li .p img{width:10.5rem;height:14.5rem;border:.2rem solid #fff;border-radius:.6rem;box-shadow: 0.2em 0.2em .6em 



#e7e7e7;}



.expert .bd li .pt{width:16.5rem;float: left;}



.expert .bd li .pt .t{padding:.4rem 0 .6rem;}



.expert .bd li .pt .t h3{color:#ff732c;font-size:1.5rem;font-weight:bold;line-height:1.5;}



.expert .bd li .pt .t p{font-size:1.3rem;color: #627825;}



.expert .bd li .pt .p1{font-size:1rem;color: #333;line-height: 1.5;text-indent: 2em;}



.expert .bd li .pt .p1 a{color: #333;}



.expert .bd li .pt .p1 a span{color: #f36f21;}



.expert .bd li .zx{height:2.6rem;margin-top:1rem;}



.expert .bd li .zx a{height:2.6rem;width:7.6rem;background-color:#f48c57;font-size:1.2rem;color: #fff;border-radius:.4rem;text-align: center;display: inline-block;line-height:2.6rem;}



.expert .bd li .zx a:nth-child(1){margin-right:1rem;}



.expert .et{overflow: hidden;padding:0 .6rem;position: relative;height:3rem;}



.expert .et .btn{position: absolute;height:1.4rem;width:1.4rem;padding:0.6rem 1.1rem;}



.expert .et .btn i{width:1.4rem;height:1.4rem;display: inline-block;}



.expert .et .prev{top:0;left:0;}



.expert .et .next{top:0;right:0;}



.expert .et .prev i{background:url(../images/prev.png) no-repeat;background-size:100% 100%;}



.expert .et .next i{background:url(../images/next.png) no-repeat;background-size:100% 100%;}



.expert .hd{margin:0 2.5rem;}



.expert .hd ul{width:100%;height:3rem;overflow: hidden;}



.expert .hd li{float: left;margin-right:.6rem;}



.expert .hd li img{width:2.6rem;height:2.6rem;border:.2rem solid #fff;border-radius:.2rem;}



.expert .hd li.on img{border-color:#ff7631;}







.tsmz{margin-bottom:.5rem; padding-top:1rem;}



.tsmz .tt{padding-top: .2rem;line-height:3.6rem;text-align: center;font-size: 1.6rem;color: #ff732c;font-weight: bold;}



.tsmz ul{padding-left:1.4rem;overflow: hidden;}



.tsmz li{width:13.5rem;background:#fff;border:1px solid #e2e2e2;float: left;margin-bottom:1rem;margin-right:.8rem;}



.tsmz li a{padding:0 .3rem .3rem;display:block;}



.tsmz li img{width:100%;}



.tsmz li h3{color: #ac8a7b;font-size:1.2rem;text-align: center;line-height:2rem;height:2rem;overflow:hidden;}







.list{padding:0 1.6rem;padding-bottom:.6rem; }



.more a{ font-size:1.4rem; font-weight:bold; color:#ff732c; float:right; margin-top:-2.8rem; padding-right:0.5rem; }



.list img{ width:38%; float:left; padding-top:1rem; padding-bottom:1rem;}



.list ul{ width:60%;float:right;}



.list li{border-bottom:1px solid #ece2dd;font-size:1.2rem;line-height:2.4; padding-top:0.2rem;}



.list li a{display: block;width:100%;color: #333;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}



.list li:last-child{border-bottom: none;}









.list2{padding:0 1.6rem;padding-bottom:.6rem; }



.ryzs1 li{font-size:1.2rem;line-height:2.4; float:left; width:32%; padding-right:0.2rem;}



.ryzs1 li img{width:100%;}



.ryzs1 li p{ text-align:center;}



.ryzs2 li{border-bottom:1px solid #ece2dd;font-size:1.2rem;line-height:2.4; background:url(../images/li.png) center left no-repeat;}



.ryzs2 li a{display: block;width:100%;color: #333;overflow: hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:1.2rem;}



.ryzs2 li:last-child{border-bottom: none;}



.zj_ask{ padding-top:1rem; }



.zj_ask_l{ float:left;   line-height: 2.5rem; color:#ff732c; font-size:1.4rem; padding-left:2rem;     font-weight: bold; }



.zj_ask_r{ float:right;   line-height: 2.5rem; color:#ff732c; font-size:1.4rem; padding-right:2rem;   font-weight: bold; }



.zj_ask_r a{ color:#fff; background:#6a7f42;  padding: 0 1rem;    padding-top: .2rem; padding-bottom:.2rem; font-weight: bold;  border-radius:0.5rem;}



.zj_ask_r a:hover{ color:#fff; background:#ff732c;}



.list3{padding:0 1rem;padding-bottom:.6rem; height:100%; position: relative; overflow: hidden; }



.list3 ul{}



.list3 li{border-bottom:1px solid #ece2dd;font-size:1.2rem;line-height:2; padding-left:1rem;}



.list3 li a{color:#6a7f42;  }



.list3 li a:hover{color:#ff732c;  }



.list3 li span{ color:#ff732c;font-weight: bold; }



.zj_ask_f{text-align: center;  height: 3.2rem;    line-height: 2.5rem;}



.zj_ask_f a{ color:#6a7f42;        padding: 0 1rem;    padding-top: .5rem; padding-bottom:.5rem; font-weight: bold; border:1px solid #ccc; border-radius:0.5rem;}







.zz_ask{    height: 3.2rem;    line-height: 2.5rem; color:#ff732c; font-size:1.4rem;     text-align: center;    padding: 0 1rem;    padding-top: .5rem;  font-weight: bold; }



.list4{padding:0 1.6rem;padding-bottom:.6rem; }



.list4 ul{ }



.list4 li{border-bottom:1px solid #ece2dd;font-size:1.2rem;line-height:2; padding-left:2rem; color:#6a7f42}



.list4 li input{ border:1px solid #ccc; width:60%; border-radius:0;}



.zz_ask_f{text-align: center;  height: 3.2rem;    line-height: 2.5rem;}



.zz_ask_f .akimg{ color:#fff; background:#ff732c;     padding: 0 1rem;    padding-top: .5rem; padding-bottom:.5rem; font-weight: bold; border:1px solid #ccc; border-radius:0.5rem; -webkit-appearance: none;}





.list5{margin:20px;height:5rem;overflow:hidden;border:1px solid #ccc;padding:5px 10px 15px;font-size:0.8rem;;}





.hj{}



.hj .hjt{padding:0 1.4rem;padding-top: .2rem;line-height:3.6rem;font-size: 1.6rem;color: #ff732c;font-weight: bold;position: relative;}



.hj .hjbox{padding:0;margin-bottom:2rem;}



.hjbox .bd{margin:0 auto;position: relative;width:27rem;}



.hjbox .bd li div{border:.2rem solid #fff;border-radius:.6rem;}



.hjbox li img{width:100%;}



.hjbox .bd li { text-align:center;}



.hjbox .hd{position: relative;width:100%;z-index:10;}



.hjbox .btn{position: absolute;height:1.4rem;width:1.4rem;padding:0.5rem .5rem;display: block;}



.hjbox .btn i{width:1.4rem;height:1.4rem;display: inline-block;}



.hjbox .prev{top:2.6rem;left:0;}



.hjbox .next{top:2.6rem;right:0;}



.hjbox .prev i{background:url(../images/prev.png) no-repeat;background-size:100% 100%;}



.hjbox .next i{background:url(../images/next.png) no-repeat;background-size:100% 100%;}







.guide{padding:1rem 0;overflow: hidden;}



.guide .ct{float: left;width:4.5rem;/*#dccbdf*/padding:.4rem .8rem 0 1.5rem;}



.guide .ct a{display: block;}



.guide .ct img{width:100%;display: block;}



.guide .ct p{text-align: center;font-size:1rem;color:#333;line-height:2;}



.guide .column{float: left;width:24rem;border-left:1px solid #333;padding-left:1rem;}



.guide .column ul{overflow: hidden;}



.guide .column li{float: left;margin:0 .4rem .4rem 0;background-color:#333;border-radius:.2rem;}



.guide .column li a{display: block;color:#fff;font-size:1rem;line-height:2rem;padding:0 .6rem;}



.ht{line-height:2.6rem;background-color:#eee;padding-left:1rem;font-size:1.4rem;color:#fff;}



.case{padding-top:1.5rem;}



.ttt{height:3.2rem; line-height:3.2rem;padding:0 1rem;padding-top:.5rem;}



.ttt h2{font-size:1.4rem;float: left;font-weight:bold;}



.ttt em{float: right;font-style: normal;font-weight: bold;}



.ttt em a{color: #b5b5b5;}



.topic-slide{padding:1.5rem 2rem 1rem 1.5rem;overflow: hidden;}



.topic-slide .bd{margin-bottom:.2rem;}



.topic-slide .bd li{float: left;}



.topic-slide .bd li div{border-radius:.6rem;border:.2rem solid #fff;}



.topic-slide .bd li img{width:100%;}



.topic-slide .ztd{text-align: center;position: relative;overflow: hidden;}



.topic-slide .ztd .hd{display: inline-block;margin:0 2rem;}



/*.topic-slide .ztd .btn{position: absolute;}*/



.topic-slide .ztd .btn i{width:1rem;height:1rem;display: inline-block;}



/*.topic-slide .ztd .prev{top:0rem;left:0;}



.topic-slide .ztd .next{top:0rem;right:0;}*/



.topic-slide .ztd .prev i{background:url(../images/prev.png) no-repeat;background-size:100% 100%;}



.topic-slide .ztd  .next i{background:url(../images/next.png) no-repeat;background-size:100% 100%;}



.topic-slide .hd ul{}



.topic-slide .hd li{width:.6rem;height:.6rem;background-color:#b1b1b1;border-radius:50%;margin:0 .2rem;display: inline-block;vertical-align: middle;}



.topic-slide .hd li.on{background-color:#ff732c;}



.col-list{padding:.8rem 1rem;}



.col-list h2{font-size:1.6rem;margin-bottom:.4rem;font-size:1.4rem;font-weight: bold;}



.col-list p{font-size:1.2rem;line-height:1.6;}



.col-list p a{display: inline-block;position: relative;margin-right:1rem;}



.col-list p a:after{content:"";position: absolute;top:.5rem;right:-.5rem;border-right:.1rem solid #eee;height:1.1rem;}











.purple .ht{background-color:#c093c8;}



.purple .ct p{color:#a87cae;}



.purple .column{border-color:#dccbdf;}



.purple .column li{background-color:#a87cae;}



.purple .case-list li h3{color: #af66b9;}



.purple .ttt h2{color: #af66b9;}



.purple .col-list h2{color: #af66b9;}



.purple .col-list p a{color: #af66b9;}



.purple .col-list p a:after{border-color:#af66b9;}







.green .ht{background-color:#9ebc61;}



.green .ct p{color:#749a27;}



.green .column{border-color:#c3e57e;}



.green .column li{background-color:#97b35d;}



.green .case-list li h3{color: #82a142;}



.green .ttt h2{color: #82a142;}



.green .col-list h2{color: #82a142;}



.green .col-list p a{color: #82a142;}



.green .col-list p a:after{border-color:#82a142;}







.pink .ht{background-color:#eda4a8;}



.pink .ct p{color:#df797f;}



.pink .column{border-color:#eab5b8;}



.pink .column li{background-color:#ea9499;}



.pink .case-list li h3{color: #ef737a;}



.pink .ttt h2{color: #ef737a;}



.pink .col-list h2{color: #ef737a;}



.pink .col-list p a{color: #ef737a;}



.pink .col-list p a:after{border-color:#ef737a;}







.yellow .ht{background-color:#ffae7e;}



.yellow .ct p{color:#f4813c;}



.yellow .column{border-color:#d5d5d5;}



.yellow .column li{background-color:#f48c57;}



.yellow .case-list li h3{color: #ff732c;}



.yellow .ttt h2{color: #ff732c;}



.yellow .col-list h2{color: #ff732c;}



.yellow .col-list p a{color: #ff732c;}



.yellow .col-list p a:after{border-color:#ff732c;}







.img-replace {

  /* replace text with an image */

  display: inline-block;

  overflow: hidden;

  text-indent: 100%;

  color: transparent;

  white-space: nowrap;

}

/* -------------------------------- 



Main components 



-------------------------------- */

.cd-popup-trigger {

  

}

@media only screen and (min-width: 1170px) {

  .cd-popup-trigger {

    margin: 6em auto;

  }

}



/* -------------------------------- 



xpopup 



-------------------------------- */

.cd-popup {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-popup-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-indent:2em;

  padding-top:3em;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup-container p {  padding: 0 1em 2em 1em;

}

.cd-popup-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-popup-container .cd-buttons li {

  float: left;

  width: 50%;

}

.cd-popup-container .cd-buttons a {

  display: block;

  height: 60px;

  line-height: 60px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

.cd-popup-container .cd-buttons li:first-child a {

  background: #fc7169;

  border-radius: 0 0 0 .25em;

}

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {

  background-color: #fc8982;

}

.cd-popup-container .cd-buttons li:last-child a {

  background: #b6bece;

  border-radius: 0 0 .25em 0;

}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {

  background-color: #c5ccd8;

}

.cd-popup-container .cd-popup-close {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

}

.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;

}

.cd-popup-container .cd-popup-close::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;

}

.cd-popup-container .cd-popup-close::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;

}

.is-visible .cd-popup-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

@media only screen and (min-width: 1170px) {

  .cd-popup-container {

    margin: 8em auto;

  }

}



/*--------

Main components 



-------------------------------- */

.cd-popup1-trigger {



}

@media only screen and (min-width: 1170px) {

  .cd-popup1-trigger {

    margin: 6em auto;

  }

}



/* -------------------------------- 



xpopup 



-------------------------------- */

.cd-popup1 {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup1.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-popup1-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-indent:2em;

  padding-top:3em;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup1-container p {  padding: 0 1em 2em 1em;

}

.cd-popup1-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-popup1-container .cd-buttons li {

  float: left;

  width: 50%;

}

.cd-popup1-container .cd-buttons a {

  display: block;

  height: 60px;

  line-height: 60px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

.cd-popup1-container .cd-buttons li:first-child a {

  background: #fc7169;

  border-radius: 0 0 0 .25em;

}

.no-touch .cd-popup1-container .cd-buttons li:first-child a:hover {

  background-color: #fc8982;

}

.cd-popup1-container .cd-buttons li:last-child a {

  background: #b6bece;

  border-radius: 0 0 .25em 0;

}

.no-touch .cd-popup1-container .cd-buttons li:last-child a:hover {

  background-color: #c5ccd8;

}

.cd-popup1-container .cd-popup1-close {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

}

.cd-popup1-container .cd-popup1-close::before, .cd-popup1-container .cd-popup1-close::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;

}

.cd-popup1-container .cd-popup1-close::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;

}

.cd-popup1-container .cd-popup1-close::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;

}

.is-visible .cd-popup1-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

@media only screen and (min-width: 1170px) {

  .cd-popup1-container {

    margin: 8em auto;

  }

}









/*--------

Main components 



-------------------------------- */

.cd-popup2-trigger {



}

@media only screen and (min-width: 1170px) {

  .cd-popup2-trigger {

    margin: 6em auto;

  }

}



/* -------------------------------- 



xpopup 



-------------------------------- */

.cd-popup2 {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup2.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-popup2-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-indent:2em;

  padding-top:3em;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup2-container p {  padding: 0 1em 2em 1em;

}

.cd-popup2-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-popup2-container .cd-buttons li {

  float: left;

  width: 50%;

}

.cd-popup2-container .cd-buttons a {

  display: block;

  height: 60px;

  line-height: 60px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

.cd-popup2-container .cd-buttons li:first-child a {

  background: #fc7169;

  border-radius: 0 0 0 .25em;

}

.no-touch .cd-popup2-container .cd-buttons li:first-child a:hover {

  background-color: #fc8982;

}

.cd-popup2-container .cd-buttons li:last-child a {

  background: #b6bece;

  border-radius: 0 0 .25em 0;

}

.no-touch .cd-popup2-container .cd-buttons li:last-child a:hover {

  background-color: #c5ccd8;

}

.cd-popup2-container .cd-popup2-close {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

}

.cd-popup2-container .cd-popup2-close::before, .cd-popup2-container .cd-popup2-close::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;

}

.cd-popup2-container .cd-popup2-close::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;

}

.cd-popup2-container .cd-popup2-close::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;

}

.is-visible .cd-popup2-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

@media only screen and (min-width: 1170px) {

  .cd-popup2-container {

    margin: 8em auto;

  }

}



/*--------

Main components 



-------------------------------- */

.cd-popup2-trigger {



}

@media only screen and (min-width: 1170px) {

  .cd-popup2-trigger {

    margin: 6em auto;

  }

}



/* -------------------------------- 



xpopup 



-------------------------------- */

.cd-popup2 {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup2.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-popup2-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-indent:2em;

  padding-top:3em;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup2-container p {  padding: 0 1em 2em 1em;

}

.cd-popup2-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-popup2-container .cd-buttons li {

  float: left;

  width: 50%;

}

.cd-popup2-container .cd-buttons a {

  display: block;

  height: 60px;

  line-height: 60px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

.cd-popup2-container .cd-buttons li:first-child a {

  background: #fc7169;

  border-radius: 0 0 0 .25em;

}

.no-touch .cd-popup2-container .cd-buttons li:first-child a:hover {

  background-color: #fc8982;

}

.cd-popup2-container .cd-buttons li:last-child a {

  background: #b6bece;

  border-radius: 0 0 .25em 0;

}

.no-touch .cd-popup2-container .cd-buttons li:last-child a:hover {

  background-color: #c5ccd8;

}

.cd-popup2-container .cd-popup2-close {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

}

.cd-popup2-container .cd-popup2-close::before, .cd-popup2-container .cd-popup2-close::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;

}

.cd-popup2-container .cd-popup2-close::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;

}

.cd-popup2-container .cd-popup2-close::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;

}

.is-visible .cd-popup2-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

@media only screen and (min-width: 1170px) {

  .cd-popup2-container {

    margin: 8em auto;

  }

}



/*--------

Main components 



-------------------------------- */

.cd-popup3-trigger {



}

@media only screen and (min-width: 1170px) {

  .cd-popup3-trigger {

    margin: 6em auto;

  }

}



/* -------------------------------- 



xpopup 



-------------------------------- */

.cd-popup3 {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup3.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-popup3-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-indent:2em;

  padding-top:3em;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup3-container p {  padding: 0 1em 2em 1em;

}

.cd-popup3-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-popup3-container .cd-buttons li {

  float: left;

  width: 50%;

}

.cd-popup3-container .cd-buttons a {

  display: block;

  height: 60px;

  line-height: 60px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

.cd-popup3-container .cd-buttons li:first-child a {

  background: #fc7169;

  border-radius: 0 0 0 .25em;

}

.no-touch .cd-popup3-container .cd-buttons li:first-child a:hover {

  background-color: #fc8982;

}

.cd-popup3-container .cd-buttons li:last-child a {

  background: #b6bece;

  border-radius: 0 0 .25em 0;

}

.no-touch .cd-popup3-container .cd-buttons li:last-child a:hover {

  background-color: #c5ccd8;

}

.cd-popup3-container .cd-popup3-close {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

}

.cd-popup3-container .cd-popup3-close::before, .cd-popup3-container .cd-popup3-close::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;

}

.cd-popup3-container .cd-popup3-close::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;

}

.cd-popup3-container .cd-popup3-close::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;

}

.is-visible .cd-popup3-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

@media only screen and (min-width: 1170px) {

  .cd-popup3-container {

    margin: 8em auto;

  }

}



/*--------

Main components 



-------------------------------- */

.cd-popup4-trigger {



}

@media only screen and (min-width: 1170px) {

  .cd-popup4-trigger {

    margin: 6em auto;

  }

}



/* -------------------------------- 



xpopup 



-------------------------------- */

.cd-popup4 {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup4.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-popup4-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-indent:2em;

  padding-top:3em;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup4-container p {  padding: 0 1em 2em 1em;

}

.cd-popup4-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;

}

.cd-popup4-container .cd-buttons li {

  float: left;

  width: 50%;

}

.cd-popup4-container .cd-buttons a {

  display: block;

  height: 60px;

  line-height: 60px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}

.cd-popup4-container .cd-buttons li:first-child a {

  background: #fc7169;

  border-radius: 0 0 0 .25em;

}

.no-touch .cd-popup4-container .cd-buttons li:first-child a:hover {

  background-color: #fc8982;

}

.cd-popup4-container .cd-buttons li:last-child a {

  background: #b6bece;

  border-radius: 0 0 .25em 0;

}

.no-touch .cd-popup4-container .cd-buttons li:last-child a:hover {

  background-color: #c5ccd8;

}

.cd-popup4-container .cd-popup4-close {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

}

.cd-popup4-container .cd-popup4-close::before, .cd-popup4-container .cd-popup4-close::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;

}

.cd-popup4-container .cd-popup4-close::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;

}

.cd-popup4-container .cd-popup4-close::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;

}

.is-visible .cd-popup4-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

@media only screen and (min-width: 1170px) {

  .cd-popup4-container {

    margin: 8em auto;

  }

}