/** 通用样式 **/
body{
	font:12px/24px "Microsoft Yahei", Arial, Verdana, Tahoma, Sans-Serif, "宋体"; COLOR: #5d5d5d;
}
.y_section *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#box-kefu .kefu-open li .ck,
#box-kefu .kefu-open li a{font-size:12px;!important}
html{
	color:#333;
}
body,
ul,
ol,
li,
p {
  margin: 0;
  padding: 0;
  list-style: none;
}
body{overflow-X:hidden;}
a {
  text-decoration: none;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 9;background: url(../img/buttons.png) no-repeat}
a.prev {left: 0;background-position: 0 0}
a.next {right: 0;background-position: -76px 0}
a.prev:hover {background-position: 0 -112px}
a.next:hover {background-position: -76px -112px}
/*** 主体内容 ***/
.y_section {
  width: 100%;
}
.y_section .h1 {
  width: 100%;
  line-height: 60px;
  text-align: center;
  padding: 20px 0;
}
.y_section .h1 p{
	font-size: 32px;
}
.y_section .h1 span {
  color: #DF8B0F;
  font-weight: 600;
  margin-left: 20px;
  font-size: 32px;
}
.y_section .y_container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.y_section .y_container .float {
  width: 100%;
}
.y_section .y_container .float li {
  width: 50%;
  float: left;
}
.y_section .y_container .float li:nth-child(2n) {
  text-align: right;
}
.y_section .y_container .float:after {
  content: "";
  display: block;
  clear: both;
}
.y_section .y_container .weight {
  width: 60%;
}
.y_section .y_container .y_content {
  width: 32%;
  height: 290px;
  float: left;
  padding: 0 30px;
  border: 1px solid #DF8B0F;
  margin-right: 2%;
  margin-bottom: 20px;
  position: relative;
}
.y_section .y_container .y_content h1 {
  font-size: 22px;
  text-align: center;
  margin-top:20px;
  font-weight: 500;
  letter-spacing: 3px;
  color: #E08A0F;
}
.y_section .y_container .y_content p {
  width: 100%;
  border-bottom: 1px solid #bbb;
  margin: 20px 0;
}
.y_section .y_container .y_content ul {
  margin: 0 auto;
  line-height: 40px;
  font-size: 16px;
}
.y_section .y_container .y_content .color {
  display: block;
  width: 80%;
  height: 100px;
  line-height: 35px;
  margin: 100px auto;
  color: #E08A0F;
  font-size: 24px;
}
.y_section .y_container .y_content:nth-child(3n) {
  margin-right: 0;
}
.y_section .banner {
  width: 100%;
  height: auto;
  position:relative;
}
.y_section .banner li{
  width: 1920px;
}
.y_section .classify {
  width: 100%;
  background: #F8F8FA;
}
.y_section .classify .nav {
  width: 100%;
  background: #27303F;
  color: #eee;
}
.y_section .classify .nav div {
  max-width: 1200px;
  padding-left: 10px;
  margin: 0 auto;
  line-height: 30px;
}
.y_section .classify .nav div h1,
.y_section .classify .nav div h3 {
  float: left;
  font-size:24px;
  font-weight:bold;
  margin:20px 0;
}
.y_section .classify .nav div h3 {
  margin-left: 25px;
  font-size:20px;
}
.y_section .classify .text {
  float: left;
  width: 50%;
  border-right: 5px solid #fff;
  line-height: 40px;
  padding: 20px 10px 30px 0;
  font-size:16px;
}
.y_section .classify .y_content {
  width: 25%;
  height: 290px;
  float: left;
  padding: 0 40px;
  margin: 0;
  border:0;
}
.y_section .classify .y_content h1 {
  font-size: 22px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 3px;
}
.y_section .classify .y_content p {
  width: 100%;
  border-bottom: 1px solid #bbb;
  margin: 20px 0;
}
.y_section .classify .y_content ul {
  margin: 0 auto;
  line-height: 60px;
}
.y_section .classify .y_content:nth-child(3) {
  border-left: 3px solid #fff;
}
.y_section .else {
  color: #eee;
  margin: 40px auto;
}
.y_section .else .app {
  float: left;
  width: 24%;
  height: 215px;
  background: #27303F;
  text-align: center;
  padding: 10px 0;
}
.y_section .else .app h2{
	font-size:20px;
	margin:20px 0;
}
.y_section .else .app p {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  transition: all 0.5s ease-out;
}
.y_section .else .app:hover p {
  transform: rotate(360deg);
}
.y_section .else .app:nth-child(1) p {
  background: url(../img/icon.png) no-repeat 0 1px;
}
.y_section .else .app:nth-child(3) p {
  background: url(../img/icon.png) no-repeat -1px -288px;
}
.y_section .else .cont {
  float: left;
  width: 50%;
  margin: 0 1%;
}
.y_section .else .cont h1 {
  background: #27303F;
  margin: 0 0 10px;
  text-align: center;
  line-height: 50px;
  font-size:20px;
}
.y_section .else .cont .cont_app {
  float: left;
  width: 48%;
  background: #27303F;
  padding: 20px 50px;
}
.y_section .else .cont .cont_app span {
  float: left;
  line-height: 115px;
  font-size:20px;
}
.y_section .else .cont .cont_app .img {
  width: 90px;
  height: 90px;
  margin: 17px 30px 0 0;
  transition: all 0.3s ease-out;
}
.y_section .else .cont .cont_app:hover .img {
  transform: rotateY(180deg);
}
.y_section .else .cont .cont_app:nth-child(3) {
  margin-left: 4%;
}
.y_section .else .cont .cont_app:nth-child(2) .img {
  background: url(../img/icon.png) no-repeat 0 -98px;
}
.y_section .else .cont .cont_app:nth-child(3) .img {
  background: url(../img/icon.png) no-repeat 0 -191px;
}
.y_section .flow {
  margin: 40px auto;
}
.y_section .flow .int {
  width: 100%;
  height: 230px;
}
.y_section .flow .int .lt {
  float: left;
  width: 20%;
  height: 227px;
  text-align: center;
  background: url(../img/icon.png) no-repeat 0 -408px;
}
.y_section .flow .int .lt > div {
  margin-top: 89px;
  font-size: 20px;
  line-height: 32px;
  color: #eee;
  font-weight: 600;
}
.y_section .flow .int .rt {
  float: left;
  width: 75%;
  height:130px;
  margin-left: 5%;
  margin-top: 45px;
  background: #F8F8FA;
  line-height: 30px;
  letter-spacing: 3px;
  padding: 20px 40px 20px 100px;
  font-size:16px;
  position: relative;
}
.y_section .flow .int .rt:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 65px solid transparent;
  border-left-color: #fff;
}
.y_section .flow .cont {
  margin: 30px 0;
}
.y_section .flow .leave {
  width: 100%;
  color: #eee;
  padding: 30px;
  text-align: center;
  background: #DD851B;
  font-size:16px;
}
.y_section .flow .leave a {
  display: inline-block;
  padding: 5px 12px;
  background: #eee;
  color: #999;
  border-radius: 10px;
  margin-top: 20px;
}
.y_section .hover .y_content {
  transition: all .3s linear;
}
.y_section .hover .y_content:hover {
  transform: translate(-10px, -10px);
  box-shadow: 8px 12px 20px 3px #999;
}