@charset "utf-8";
/* CSS Document */
/*切图：yly*/
html{ overflow-x: hidden; overflow-y: auto;}
*{ padding: 0; margin: 0;}
ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
body,button,input,select,textarea{ font-family: 'Microsoft yahei', Arial; font-size: 12px;}
code,kbd,pre,samp{ font-family: 'Microsoft yahei', Arial;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;}
a:hover{ cursor:pointer; text-decoration: none; color: #ff6600;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal; font-family: 'Microsoft yahei',Arial;}
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; font-family: 'Microsoft yahei', Arial; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;}
body{ overflow: hidden; background: #fff;}

.pz_top{ width: 100%; float: left; position: fixed; left: 0; top: 0; z-index: 999;}
.pz_banner{ width: 100%; float: left; position: relative; z-index: 8;}
.pz_main{ width: 100%; float: left; min-height: 200px;}
.pz_down{ width: 100%; float: left; background: #f2f0f0;}

/* top */
.logo{ float: left; width: 77px; height: 62px; margin: 15px 0 13px 0;}
.logo .img2{ display: none;}

/*menu*/
.menu{ float: right;}
.menu .nli{ float: left; position: relative;}
.menu .nli span{ line-height: 90px; width: 100%; float: left;}
.menu .nli span a{ float: left; padding: 0 8px; margin: 20px 0 17px 40px; color: #fff; font-size: 18px; line-height: 50px;}
.menu .nli.active span a,.menu .nli:hover span a{ font-weight: bold; border-bottom: 2px solid #fff;}
.menu .sub{ display: none; float: left; position: absolute; left: 50%; top: 89px; width: 96px; margin-left: -28px; z-index: 66;}
.menu .sub li{ float: left; width: 100%;}
.menu .sub li a{ float: left; width: 100%; text-align: center; color: #555; padding: 10px 5px; font-size: 14px; line-height: 20px; background:#fff;}
.menu .sub li a:hover{ background: rgba(0, 0, 0, 0.7); color: #fff;}

.pz_top.on{ background: #fff;}
.pz_top.on .logo .img1{ display: none;}
.pz_top.on .logo .img2{ display: block;}
.pz_top.on .menu .nli span a{ color: #333;}
.pz_top.on .menu .nli.active span a,.pz_top.on .menu .nli:hover span a{ color: #ff6600; border-bottom: 2px solid #ff6600;}

.pc_top{ display:block;}		
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}
@media screen and (max-width:1429px ) {
.menu .nli span a{ margin: 20px 0 17px 25px;}
}
@media screen and (max-width:991px ) {
.pz_top{ background: #fff;}
.menu{ display: none;}     
.logo{ width: 37px; height: 30px; margin: 8px 0;}
.logo .img1{ display: none;}
.logo .img2{ display: block;}
.pz_top.on .logo .img1{ display: none;}
.pz_top.on .logo .img2{ display: block;}
.pz_banner{ margin-top: 46px;}

.pc_top{ display:none;}		
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}

/*手机按钮*/
.menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;}
.menuph .point{ display: inline-block; width: 28px; height: 22px; position: relative;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{ width: 28px;}
.menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #ff6600;}
.menuph .navbtn::after,.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #ff6600;}
.menuph .navbtn::after{ top: -11px;}
.menuph .navbtn::before{ top: 10px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

/*手机下拉*/
.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index: 98; background: #fff;}
.xialaph .ul2,.xialaph .ul3{ display: none;}
.xialaph h4 a{ float:left; width:60%; color: #333; font-size:16px; line-height: 50px;}
.xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
.xialaph h4{ float: left; width: 100%; position: relative;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.xialaph h4:hover a,.xialaph h5:hover a{ color: #ff6600;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%;position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.xialaph li:last-child h5::after{ display: none;}
.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;}
.xialaph h4.active img.img_s,.xialaph h5.active img.img_s{ display: none;}
.xialaph h4.active img.img_d,.xialaph h5.active img.img_d{ display: block;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li a{ color: #333; font-size: 14px; line-height: 35px; display: block;}
.xialaph .ul3 li{ padding-top: 5px;}
.xialaph .ul3 li:first-child{ padding-top: 0;}
.xialaph .phsou{ position: relative; margin-top: 34px;}
.xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
.xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;}
.img_d, .disno{ display: none;}
}

/* down */
.pz_down .foot1{ padding: 80px 0 55px 0; width: 100%; float: left;}
.pz_down .foot1 .left{ float: left;
width: -moz-calc(100% - 274px);
width: -o-calc(100% - 274px);
width: -webkit-calc(100% - 274px);
width: calc(100% - 274px);}
.pz_down .foot1 .footNav ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.pz_down .foot1 .footNav li{ display: inline-block;}
.pz_down .foot1 .footNav li a{ color: #333; font-size: 16px;}
.pz_down .foot1 .footNav li a:hover{ font-weight: bold; color: #ff6600;}
.pz_down .foot1 .line{ margin: 40px 0; width: 100%; height: 1px; background: #d9d8d8;}
.pz_down .foot1 .list{ margin: -9px 0; float: left;
width: -moz-calc(100% - 220px);
width: -o-calc(100% - 220px);
width: -webkit-calc(100% - 220px);
width: calc(100% - 220px);}
.pz_down .foot1 .list li{ margin: 9px 0; width: 58%; float: left;}
.pz_down .foot1 .list li:nth-child(2n){ width: 42%;}
.pz_down .foot1 .list li i{ width: 20px; height: 20px; margin-right: 5px; float: left;}
.pz_down .foot1 .list li p{ font-size: 16px; line-height: 20px; color: #555; float: left;
width: -moz-calc(100% - 25px);
width: -o-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
width: calc(100% - 25px);}
.pz_down .foot1 .fx{ width: 220px; float: right;}
.pz_down .foot1 .fx p{ font-size: 16px; line-height: 36px; color: #555; float: right;}
.pz_down .foot1 .fx .bdsharebuttonbox{ float: right;}
.pz_down .foot1 .fx .bdsharebuttonbox a{ width: 36px; height: 36px; border-radius: 5px; margin: 0 0 0 20px; padding: 0;}
.pz_down .foot1 .fx .bdsharebuttonbox a:nth-child(1){ background: #d9d8d8 url(images/foot4.png) no-repeat center; background-size: cover;}
.pz_down .foot1 .fx .bdsharebuttonbox a:nth-child(1):hover{ opacity: 1; background: #ff6600 url(images/foot4_1.png) no-repeat center; background-size: cover;}
.pz_down .foot1 .fx .bdsharebuttonbox a:nth-child(2){ background: #d9d8d8 url(images/foot5.png) no-repeat center; background-size: cover;}
.pz_down .foot1 .fx .bdsharebuttonbox a:nth-child(2):hover{ opacity: 1; background: #ff6600 url(images/foot5_1.png) no-repeat center; background-size: cover;}
.pz_down .foot1 .fx .bdsharebuttonbox a:nth-child(3){ background: #d9d8d8 url(images/foot6.png) no-repeat center; background-size: cover;}
.pz_down .foot1 .fx .bdsharebuttonbox a:nth-child(3):hover{ opacity: 1; background: #ff6600 url(images/foot6_1.png) no-repeat center; background-size: cover;}
.pz_down .foot1 .ewm{ width: 274px; float: right;}
.pz_down .foot1 .ewm .dis{ width: 140px; float: right;}
.pz_down .foot1 .ewm .dis .img{ width: 100%; line-height: 0; border: 1px solid #e5e5e5;}
.pz_down .foot1 .ewm .dis p{ font-size: 16px; margin-top: 10px; color: #333; text-align: center;}
.pz_down .foot2{ width: 100%; float: left; background: #ff6600;}
.pz_down .foot2 .copy{ font-size: 16px; line-height: 20px; padding: 13px 0; opacity: 0.7; text-align: center; color: #fff;}
.pz_down .foot2 .copy a{ color: #fff;}
@media screen and (max-width:1429px ) {
.pz_down .foot1 .left{ 
width: -moz-calc(100% - 165px);
width: -o-calc(100% - 165px);
width: -webkit-calc(100% - 165px);
width: calc(100% - 165px);}
.pz_down .foot1 .ewm{ width: 165px;}
}
@media screen and (max-width:991px ) {
.pz_down .foot1{ padding: 20px 0 20px 0;}
.pz_down .foot1 .left{
width: -moz-calc(100% - 100px);
width: -o-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);}
.pz_down .foot1 .footNav li a{ font-size: 14px;}
.pz_down .foot1 .line{ margin: 10px 0;}
.pz_down .foot1 .list{ margin: -3px 0;
width: -moz-calc(100% - 130px);
width: -o-calc(100% - 130px);
width: -webkit-calc(100% - 130px);
width: calc(100% - 130px);}
.pz_down .foot1 .list li{ margin: 3px 0;}
.pz_down .foot1 .list li p{ font-size: 14px; line-height: 20px;}
.pz_down .foot1 .fx{ width: 130px;}
.pz_down .foot1 .fx p{ font-size: 14px; line-height: 20px;}
.pz_down .foot1 .fx .bdsharebuttonbox a{ width: 20px; height: 20px; margin: 0 0 0 6px;}
.pz_down .foot1 .ewm{ width: 100px;}
.pz_down .foot1 .ewm .dis{ width: 80px;}
.pz_down .foot1 .ewm .dis p{ font-size: 14px; margin-top: 5px;}
.pz_down .foot2 .copy{ font-size: 14px; line-height: 18px; padding: 10px 0;}  
}
@media screen and (max-width:767px ) {
.pz_down .foot1 .left{
width: -moz-calc(100% - 90px);
width: -o-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px);}
.pz_down .foot1 .footNav{ display: none;}
.pz_down .foot1 .line{ display: none;}
.pz_down .foot1 .list{ width: 100%;}
.pz_down .foot1 .list li{ width: 100%;}
.pz_down .foot1 .list li:nth-child(2n){ width: 100%;}
.pz_down .foot1 .fx{ display: none;}
.pz_down .foot1 .ewm{ width: 80px;}
}

/*phone底部导航*/
.q_d_m{ float: left; width: 100%; height: 50px;}
.pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #ff6600; z-index: 999;}
.pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;}
.pf_down li .ico7{ width: 100%; float: left; height: 20px;}
.pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;}
.pf_down li.l1 .ico7{ background: url(images/btn1.png) no-repeat center; background-size: 20px 20px;}
.pf_down li.l2 .ico7{ background: url(images/btn2.png) no-repeat center; background-size: 20px 20px;}
.pf_down li.l3 .ico7{ background: url(images/btn3.png) no-repeat center; background-size: 20px 20px;}
.pf_down li:last-child{ border: none;}

/* 右侧漂浮 */
.pf_right{ display: none; position: fixed; right: 0; top: 50%; z-index: 999;
-webkit-transform: translate(0,-50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.pf_right.on{ display: block;}
.pf_right .l1{ cursor: pointer; position: relative;}
.pf_right .l1 .ico{ width: 42px; height: 42px; border-radius: 50%; background-color: #7f7f7f!important; position: relative; z-index: 4;}
.pf_right .l1:hover .ico{ background-color: #ff6600!important;}
.pf_right .l1 .wz{ position: absolute; top: 0; right: -2000%; white-space: nowrap; color: #fff; background: #ff6600; padding: 0 60px 0 20px; font-size: 14px; line-height: 42px; height: 42px; border-radius: 42px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pf_right .l1:hover .wz{ right: 0;}
.pf_right .l1 .ewm{ width: 120px; height: 110px; padding: 11px 22px 11px 10px; margin-top: -55px; right: -2000%; position: absolute; top: 50%; z-index: 3; background: url(images/side6.png) no-repeat center; background-size: cover;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pf_right .l1:hover .ewm{ right: 42px;}
.pf_right .l2{ width: 1px; height: 15px; background: url(images/side5.png) no-repeat center; background-size: cover; margin: 0 21px;}
@media screen and (max-width:1199px ) {
.pf_right.on{ display: none;}
}

/*banner*/
.slide_banner{ float: left; width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;}
.slide_banner img{ width: 100%;}
.pz_banner .slick-dots{ position: absolute; bottom: 27px; z-index: 10; height: 4px;}
.pz_banner .slick-dots li{ vertical-align: top; width: 36px; height: 4px; background:rgba(255,255,255,0.4); margin: 0 7px; cursor: pointer; text-indent: -999px; overflow: hidden;}
.pz_banner .slick-dots .slick-active{ background:rgba(255,255,255,1);}
.pz_banner .slick-prev,.pz_banner .slick-next{ width: 36px; height: 80px; margin-top: -40px; position: absolute;}
.pz_banner .slick-prev{ left: 100px; background: rgba(255,255,255,0.3) url(images/banner_btn1.png) no-repeat center; background-size: cover;}
.pz_banner .slick-prev:hover{ background: rgba(0,0,0,0.3) url(images/banner_btn1.png) no-repeat center; background-size: cover;}
.pz_banner .slick-next{ right: 100px; background: rgba(255,255,255,0.3) url(images/banner_btn2.png) no-repeat center; background-size: cover;}
.pz_banner .slick-next:hover{ background: rgba(0,0,0,0.3) url(images/banner_btn2.png) no-repeat center; background-size: cover;}
.pz_banner .pos{ position: absolute; left: 16%; top: 50%; text-align: left; width: 40%; margin-top: 34px;display: none;
-webkit-transform: translate(0,-50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.pz_banner .pos h4{ font-size: 60px; line-height: 62px; letter-spacing: 5px; color: #fff; font-weight: bold;}
.pz_banner .pos h5{ font-size: 36px; line-height: 38px; letter-spacing: 2px; margin: 35px 0 70px 0; color: #fff;}
.pz_banner .pos a{ display: block; font-size: 18px; width: 214px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; color: #ff6600; background: #fff;}
.pz_banner .pos a:hover{ box-shadow: 3px 3px 2px rgba(0,0,0,0.2);}
.zy_banner{ float: left; width: 100%; line-height: 0; position: relative;}
.zy_banner .wz{ line-height: 0; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%); 
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.zy_banner .nyico{ display: block; width: 48px; height: 48px; background: #fff; line-height: 0; position: absolute; bottom: -24px; left: 50%;
-webkit-transform: translate(-50%,0); 
-ms-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);}
.dqWz{ margin-top: 45px; font-size: 16px; width: 100%; float: left; color: #555; text-align: center;}
.dqWz a{ color: #555;}
.dqWz a.on,.dqWz a:hover{ color: #ff6600;}
@media screen and (max-width:991px ) {
.pz_banner .slick-dots{ bottom: 15px; height: 2px;}
.pz_banner .slick-dots li{ width: 25px; height: 2px; margin: 0 5px;}
.pz_banner .slick-prev,.pz_banner .slick-next{ width: 18px; height: 40px; margin-top: -20px;}
.pz_banner .slick-prev{ left: 15px;}
.pz_banner .slick-next{ right: 15px;}
.pz_banner .pos{ left: 10%; width: 50%; margin-top: 10px;}
.pz_banner .pos h4{ font-size: 20px; line-height: 22px; letter-spacing: 4px;}
.pz_banner .pos h5{ font-size: 16px; line-height: 18px; letter-spacing: 2px; margin: 10px 0 20px 0;}
.pz_banner .pos a{ font-size: 14px; width: 90px; height: 30px; line-height: 30px;}
.zy_banner .wz img{ height: 40px; width: auto; max-width: none;}
.zy_banner .nyico{ width: 30px; height: 30px; bottom: -15px;}
.dqWz{ margin-top: 25px; font-size: 14px;}
}
@media screen and (max-width:767px ) {
.pz_banner .slick-prev{ left: 10px;}
.pz_banner .slick-next{ right: 10px;}
.pz_banner .pos{ left: 10%; width: 35%; margin-top: 0;display: none;}
.pz_banner .pos h4{ font-size: 18px; line-height: 20px; letter-spacing: 2px;}
.pz_banner .pos h5{ font-size: 14px; line-height: 16px; letter-spacing: 0; margin: 5px 0 10px 0;}
.zy_banner .wz img{ height: 30px;}
}

/* 首页 */
.homeTit{ width: 100%; overflow: hidden; position: relative; z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;}
.homeTit .dis{ display: inline-block; vertical-align: middle;}
.homeTit .dis h4{ font-size: 36px; line-height: 36px; letter-spacing: 3px; color: #333; font-weight: lighter;}
.homeTit .dis h4 span{ color: #ff6600; font-weight: bold;}
.homeTit .dis h5{ font-size: 16px; line-height: 16px; padding-right: 38px; margin-top: 12px; display: inline-block; text-transform: uppercase; background: url(images/tit.png) no-repeat right center; background-size: 24px 12px; color: #bfbfbf;}
.homeTit .more{ font-size: 16px; width: 124px; height: 34px; line-height: 32px; border-radius: 32px; color: #333; background: #f2f0f0; text-align: center; display: inline-block; vertical-align: middle;}
.homeTit .more:hover{ background: #ff6600; color: #fff;}
.homeTit.col .dis h4{ color: #fff;}
.homeTit.col .dis h4 span{ color: #fff;}
.homeTit.col .dis h5{ background: url(images/tit2.png) no-repeat right center; background-size: 24px 12px; color: #fff;}
.homeTit.col .more{ color: #fff; background: none; border: 1px solid rgba(255,255,255,0.5);}
.homeTit.col .more:hover{ color: #333; background: #f2f0f0;}
@media screen and (max-width:991px ) {
.homeTit .dis h4{ font-size: 20px; line-height: 20px; letter-spacing: 0;}
.homeTit .dis h5{ font-size: 14px; line-height: 14px; padding-right: 30px; margin-top: 8px;}
.homeTit .more{ font-size: 14px; width: 100px; height: 32px; line-height: 30px;}
}
@media screen and (max-width:767px ) {
.homeTit .dis h4{ font-size: 18px; line-height: 18px;}
.homeTit .dis h5{ font-size: 12px; line-height: 12px; padding-right: 20px; background-size: 16px 8px;}
.homeTit .more{ font-size: 12px; width: 80px; height: 26px; line-height: 24px;}
.homeTit.col .dis h5{ background-size: 16px 8px;}
}

.homeBg{ width: 100%; position: relative; float: left;}
.homeBg .bgcolor{ width: 100%; height: 526px; background: #fff; position: absolute; top: 0; left: 0; z-index: 1;}
.homeCon1{ margin-top: 100px; width: 100%; float: left; position: relative; z-index: 3;}
.homeCon1 .con{ margin-top: 45px; padding: 0 47px 20px 47px; width: 100%; background: #fff; position: relative;}
.homeCon1 .con .slide{ padding: 0 0 25px 0; width: 100%; position: relative;}
.homeCon1 .con .slide .wz{ display: none; width: 12.438%;}
.homeCon1 .con .slide .img{ width: 12.438%; position: absolute; bottom: 0; z-index: 2; transition: height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.homeCon1 .con .slide .img .text{ width: 100%;}
.homeCon1 .con .slide .img .tp{ border: 3px solid #f2f0f0; width: 100%; position: absolute; bottom: 0; line-height: 0; padding-bottom: 100.438%; overflow: hidden; position: relative;}
.homeCon1 .con .slide .img .tp img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.homeCon1 .con .slide .img1{ left: 0;}
.homeCon1 .con .slide .img2{ left: 14.345%; width: 85.655%; z-index: 1;}
.homeCon1 .con .slide .img2 .tp{ width: 32.53%; padding-bottom: 41.438%;}
.homeCon1 .con .slide .img3{ left: 44.196%;}
.homeCon1 .con .slide .img4{ left: 58.624%;}
.homeCon1 .con .slide .img5{ left: 73.052%;}
.homeCon1 .con .slide .img6{ left: 87.48%;}
.homeCon1 .con .slide .img2 .wz{ width: 59.41%; display: block; position: absolute; top: 8px; right: 0;}
.homeCon1 .con .slide .img2 .wz h4{ font-size: 24px; line-height: 24px; color: #333;}
.homeCon1 .con .slide .img2 .wz .info{ margin: 40px 0; font-size: 16px; line-height: 30px; max-height: 90px; letter-spacing: 0.5px; overflow-y: auto; color: #555;}
.homeCon1 .con .slide .img2 .wz .info::-webkit-scrollbar{ display: none;}
.homeCon1 .con .slide .img2 .wz a{ display: block; font-size: 16px; width: 124px; height: 34px; line-height: 34px; border-radius: 34px; text-align: center; background: #ff6600; color: #fff;}
.homeCon1 .con .slide .img2 .wz a:hover{ background: #f2f0f0; color: #333;}
.homeCon1 .con .slide .img2 .tp{ border: 8px solid #f2f0f0;}
.homeCon1 .con .slide .img7{ z-index: -1;}
.homeCon1 .con .butLeft,.homeCon1 .con .butRight{ width: 12px; height: 22px; bottom: 88px; cursor: pointer; position: absolute; background: #000;}
.homeCon1 .con .butLeft{ left: 18px; background: url(images/home1_7.png) no-repeat center; background-size: cover;}
.homeCon1 .con .butLeft:hover{ background: url(images/home1_7_1.png) no-repeat center; background-size: cover;}
.homeCon1 .con .butRight{ right: 18px; background: url(images/home1_8.png) no-repeat center; background-size: cover;}
.homeCon1 .con .butRight:hover{ background: url(images/home1_8_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1870px ) {
.homeBg{ background-size: cover!important;}
}
@media screen and (max-width:1429px ) {
.homeBg .bgcolor{ height: 442px;}
.homeCon1 .con .slide .img2 .wz .info{ margin: 15px 0;}
.homeCon1 .con .butLeft,.homeCon1 .con .butRight{ bottom: 70px;}
}
@media screen and (max-width:991px ) {
.homeBg .bgcolor{ height: 244px;}
.homeCon1{ margin-top: 20px;}
.homeCon1 .con{ margin-top: 10px; padding: 0 20px;}
.homeCon1 .con .slide{ padding: 0 0 15px 0;}
.homeCon1 .con .slide .img2 .tp{ margin-top: 0.6%; border: 5px solid #f2f0f0;}
.homeCon1 .con .slide .img2 .wz h4{ font-size: 18px; line-height: 18px;}
.homeCon1 .con .slide .img2 .wz .info{ margin: 10px 0; font-size: 14px; line-height: 24px; max-height: 72px;}
.homeCon1 .con .slide .img2 .wz a{ font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
.homeCon1 .con .butLeft,.homeCon1 .con .butRight{ width: 10px; height: 20px; bottom: 44px;}
.homeCon1 .con .butLeft{ left: 5px;}
.homeCon1 .con .butRight{ right: 5px;}
}
@media screen and (max-width:767px ) {
.homeBg .bgcolor{ height: 200px;}
.homeCon1 .con{ margin-top: 15px;}
.homeCon1 .con .lb{ padding-bottom: 15px; width: 100%; position: relative;}
.homeCon1 .con .lb .tp{ width: 48%; line-height: 0; float: left;}
.homeCon1 .con .lb .wz{ width: 48%; float: right;}
.homeCon1 .con .lb .wz h4{ font-size: 18px; line-height: 18px; color: #333;}
.homeCon1 .con .lb .wz .info{ margin: 3px 0; font-size: 14px; line-height: 24px; max-height: 120px; overflow-y: auto; color: #555;}
.homeCon1 .con .lb .wz .info::-webkit-scrollbar{ display: none;}
.homeCon1 .con .lb .wz a{ display: block; font-size: 14px; width: 100px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background: #ff6600; color: #fff;}
.homeCon1 .con .slick-prev,.homeCon1 .con .slick-next{ width: 12px; height: 22px; bottom: 88px; cursor: pointer; position: absolute; background: #000;}
.homeCon1 .con .slick-prev{ left: -15px; background: url(images/home1_7.png) no-repeat center; background-size: cover;}
.homeCon1 .con .slick-prev:hover{ background: url(images/home1_7_1.png) no-repeat center; background-size: cover;}
.homeCon1 .con .slick-next{ right: -15px; background: url(images/home1_8.png) no-repeat center; background-size: cover;}
.homeCon1 .con .slick-next:hover{ background: url(images/home1_8_1.png) no-repeat center; background-size: cover;}
}

.homeCon2{ margin: 100px 0; width: 100%; float: left;}
.homeCon2 .lb{ margin-top: 55px;}
.homeCon2 .lb ul{ margin: 0 -15px;
width: -moz-calc(100% + 30px);
width: -o-calc(100% + 30px);
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);}
.homeCon2 .lb li{ margin: 0 15px;}
.homeCon2 .lb li .img{ width: 100%; padding-bottom: 65.99%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon2 .lb li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.homeCon2 .lb li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.homeCon2 .lb li .img i{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 15px; border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); color: #fff; display: inline-block;}
.homeCon2 .lb li .text{ width: 100%; background: #fff; text-align: center;}
.homeCon2 .lb li .text h4{ font-size: 18px; padding: 0 25px; line-height: 36px; height: 36px; margin-top: -18px; z-index: 3; position: relative; overflow: hidden; color: #fff; background: #ff6600; display: inline-block;}
.homeCon2 .lb li .text h5{ margin: 15px 0; font-size: 16px; line-height: 30px; height: 60px; padding: 0 55px; letter-spacing: 0.5px; overflow: hidden; color: #555;}
.homeCon2 .lb li .text h6{ font-size: 16px; line-height: 56px; height: 56px; overflow: hidden; color: #333; border-top: 1px solid #e5e5e5;}
.homeCon2 .lb li:hover .text h6{ background: #f2f0f0; color: #ff6600; font-weight: bold;}
.homeCon2 .slick-prev,.homeCon2 .slick-next{ width: 20px; height: 37px; position: absolute;}
.homeCon2 .slick-prev{ left: -35px; background: url(images/home2_5.png) no-repeat center; background-size: cover;}
.homeCon2 .slick-prev:hover{ background: url(images/home2_5_1.png) no-repeat center; background-size: cover;}
.homeCon2 .slick-next{ right: -35px; background: url(images/home2_6.png) no-repeat center; background-size: cover;}
.homeCon2 .slick-next:hover{ background: url(images/home2_6_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1520px ) {
.homeCon2 .slick-prev{ left: -10px;}
.homeCon2 .slick-next{ right: -10px;}   
}
@media screen and (max-width:1429px ) {
.homeCon2 .slick-prev{ left: -35px;}
.homeCon2 .slick-next{ right: -35px;}   
}
@media screen and (max-width:1099px ) {
.homeCon2 .slick-prev{ left: -10px;}
.homeCon2 .slick-next{ right: -10px;}   
}
@media screen and (max-width:991px ) {
.homeCon2{ margin: 20px 0;}
.homeCon2 .lb{ margin-top: 15px;}
.homeCon2 .lb ul{ margin: 0 -5px;
width: -moz-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);}
.homeCon2 .lb li{ margin: 0 5px;}
.homeCon2 .lb li .img i{ font-size: 12px; line-height: 24px; height: 24px; padding: 0 10px;}
.homeCon2 .lb li .text h4{ font-size: 16px; padding: 0 10px; line-height: 30px; height: 30px; margin-top: -15px;}
.homeCon2 .lb li .text h5{ margin: 5px 0; font-size: 14px; line-height: 24px; height: 48px; padding: 0 15px;}
.homeCon2 .lb li .text h6{ font-size: 14px; line-height: 30px; height: 30px;}
.homeCon2 .slick-prev,.homeCon2 .slick-next{ width: 10px; height: 19px;}
.homeCon2 .slick-prev{ left: -8px;}
.homeCon2 .slick-next{ right: -8px;}
}

.homeCon3{ margin: 100px 0 0 0; width: 100%; float: left;}
.homeCon3 .lb{ margin-top: 65px; position: relative;}
.homeCon3 .lb::before{ content: ""; width: 93.38%; height: 12px; position: absolute; bottom: -12px; left: 50%; background: #f5821c;
-webkit-transform: translate(-50%,0); 
-ms-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);}
.homeCon3 .lb li{ width: 100%; position: relative;}
.homeCon3 .lb li .img{ width: 50%; float: left; position: relative;}
.homeCon3 .lb li .img .ico{ display: block; width: 84px; height: 84px; background: url(images/home3_3.png) no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%); 
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.homeCon3 .lb li .img i{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 15px 0 40px; border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4) url(images/home3_2.png) no-repeat 15px center; color: #fff; display: inline-block;}
.homeCon3 .lb li .text{ padding: 0 65px; width: 50%; height: 100%; background: url(images/home3_4.jpg) no-repeat center; background-size: cover; position: absolute; right: 0; top: 0; border: 1px solid #e5e5e5;}
.homeCon3 .lb li .text .dis{ position: absolute; top: 50%; width: 82.15%; left: 8.925%;
-webkit-transform: translate(0,-50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.homeCon3 .lb li .text h5{ font-size: 24px; line-height: 40px; height: 80px; letter-spacing: 1px; overflow: hidden; color: #333;}
.homeCon3 .lb li .text h6{ margin: 30px 0 80px 0; font-size: 16px; line-height: 30px; height: 90px; letter-spacing: 1px; overflow: hidden; color: #555;}
.homeCon3 .slick-prev,.homeCon3 .slick-next{ width: 34px; height: 34px; border-radius: 5px; bottom: 17.97%; right: 42.69%; top: auto; left: auto;}
.homeCon3 .slick-prev{ background: #f2f0f0 url(images/home3_5.png) no-repeat center; background-size: cover;}
.homeCon3 .slick-prev:hover{ background: #ff6600 url(images/home3_5_1.png) no-repeat center; background-size: cover;}
.homeCon3 .slick-next{ margin: 0 -46px 0 0; background: #f2f0f0 url(images/home3_6.png) no-repeat center; background-size: cover;}
.homeCon3 .slick-next:hover{ background: #ff6600 url(images/home3_6_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1429px ) {
.homeCon3 .lb li .text h6{ margin: 15px 0 50px 0;}
.homeCon3 .slick-prev,.homeCon3 .slick-next{ bottom: 13%; right: 41.69%;}
}
@media screen and (max-width:991px ) {
.homeCon3{ margin: 20px 0 0 0;}
.homeCon3 .lb{ margin-top: 15px;}
.homeCon3 .lb::before{ height: 6px; bottom: -6px;}
.homeCon3 .lb li .img .ico{ width: 42px; height: 42px;}
.homeCon3 .lb li .text{ padding: 0 15px;}
.homeCon3 .lb li .text h5{ font-size: 18px; line-height: 24px; height: 48px;}
.homeCon3 .lb li .text h6{ margin: 10px 0 40px 0; font-size: 14px; line-height: 24px; height: 72px;}
.homeCon3 .slick-prev,.homeCon3 .slick-next{ width: 26px; height: 26px; bottom: 15.97%; right: 41.69%;}
.homeCon3 .slick-next{ margin: 0 -36px 0 0;}
}
@media screen and (max-width:767px ) {
.homeCon3 .lb li .img{ width: 100%; float: none;}
.homeCon3 .lb li .text{ width: 100%; position: static; padding: 0;}
.homeCon3 .lb li .text .dis{ position: static; width: 100%; padding: 15px 15px 0 15px;
-webkit-transform: translate(0,0); 
-ms-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);}
.homeCon3 .lb li .text h6{ margin: 10px 0 55px 0;}
.homeCon3 .slick-prev,.homeCon3 .slick-next{ bottom: 15px; right: auto; left: 15px;}
.homeCon3 .slick-next{ margin: 0 0 0 35px;}
}

.homeCon4{ margin-top: 120px; width: 100%; float: left;}
.homeCon4 .homeTit{ z-index: -1;}
.homeCon4 .lb{ margin-top: 60px;}
.homeCon4 .lb li{ width: 100%; height: 840px; position: relative;}
.homeCon4 .lb li .img{ width: 100%; height: 420px; top: 0; left: 0; position: absolute; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon4 .lb li .img img{ max-width: none; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.homeCon4 .lb li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.homeCon4 .lb li .text{ width: 100%; height: 420px; text-align: center; position: absolute; bottom: 0; left: 0; background: #f7f9f9;}
.homeCon4 .lb li .text .dis{ width: 100%; position: absolute; left: 0; top: 50%; padding: 20px 75px 0 75px;
-webkit-transform: translate(0,-50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.homeCon4 .lb li .text::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 20px; border-style: dashed dashed solid dashed; border-color: transparent transparent #f7f9f9 transparent; position: absolute; top: -40px; left: 50%; margin-left: -20px;} 
.homeCon4 .lb li .text h4{ font-size: 20px; line-height: 24px; height: 24px; overflow: hidden; color: #333;}
.homeCon4 .lb li .text i{ display: block; width: 36px; height: 2px; margin: 30px auto; background: #ff6600;}
.homeCon4 .lb li .text h5{ font-size: 16px; line-height: 30px; max-height: 90px; overflow: hidden; letter-spacing: 0.5px; color: #333;}
.homeCon4 .lb li .text h6{ font-size: 16px; width: 158px; height: 44px; line-height: 42px; margin: 45px auto 0 auto; color: #ff6600; text-align: center; border: 1px solid #ff6600; border-radius: 42px;}
.homeCon4 .lb li:nth-child(2n+1) .img{ bottom: 0; top: auto;}
.homeCon4 .lb li:nth-child(2n+1) .text{ top: 0; bottom: auto;}
.homeCon4 .lb li:nth-child(2n+1) .text::after{ border-style: solid dashed dashed dashed; border-color: #f7f9f9 transparent transparent transparent; top: auto; bottom: -40px; margin-left: -20px;}
.homeCon4 .lb li:hover .text{ background: #ff6600;}
.homeCon4 .lb li:hover .text::after{ border-color: transparent transparent #ff6600 transparent;}
.homeCon4 .lb li:hover .text h4{ color: #fff;}
.homeCon4 .lb li:hover .text i{ background: #fff;}
.homeCon4 .lb li:hover .text h5{ color: #fff;}
.homeCon4 .lb li:hover .text h6{ background: #fff; border: 1px solid #fff; color: #ff6600;}
.homeCon4 .lb li:nth-child(2n+1):hover .text::after{ border-color: #ff6600 transparent transparent transparent;}
.homeCon4 .slick-prev,.homeCon4 .slick-next{ width: 1300px; height: 0; margin: 0 auto; position: absolute; top: 0; right: auto; left: 50%;
-webkit-transform: translate(-50%,0); 
-ms-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);}
.homeCon4 .slick-prev::before,.homeCon4 .slick-next::before{ content: ""; display: block; width: 34px; height: 34px; border-radius: 5px; position: absolute; right: 0;}
.homeCon4 .slick-prev::before{ top: -110px; margin: 0 45px 0 0; background: #f2f0f0 url(images/home3_5.png) no-repeat center; background-size: cover;}
.homeCon4 .slick-prev:hover::before{ background: #ff6600 url(images/home3_5_1.png) no-repeat center; background-size: cover;}
.homeCon4 .slick-next::before{ top: -110px; background: #f2f0f0 url(images/home3_6.png) no-repeat center; background-size: cover;}
.homeCon4 .slick-next:hover::before{ background: #ff6600 url(images/home3_6_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1429px ) {
.homeCon4 .lb li{ height: 640px;}
.homeCon4 .lb li .img{ height: 320px;}
.homeCon4 .lb li .text{ height: 320px;}
.homeCon4 .lb li .text i{ margin: 20px auto;}
.homeCon4 .lb li .text h6{ margin: 25px auto 0 auto;}
.homeCon4 .slick-prev,.homeCon4 .slick-next{ width: 962px;}
}
@media screen and (max-width:991px ) {
.homeCon4{ margin-top: 26px;}
.homeCon4 .lb{ margin-top: 15px;}
.homeCon4 .lb li{ height: 440px;}
.homeCon4 .lb li .img{ height:220px;}
.homeCon4 .lb li .text{ height:220px;}
.homeCon4 .lb li .text .dis{ padding: 10px 15px 0 15px;}
.homeCon4 .lb li .text::after{ border-width: 10px; top: -20px; margin-left: -10px;} 
.homeCon4 .lb li .text h4{ font-size: 16px; line-height: 20px; height: 20px;}
.homeCon4 .lb li .text i{ width: 24px; margin: 10px auto;}
.homeCon4 .lb li .text h5{ font-size: 14px; line-height: 24px; max-height: 72px;}
.homeCon4 .lb li .text h6{ font-size: 14px; width: 100px; height: 32px; line-height: 30px; margin: 10px auto 0 auto;}
.homeCon4 .lb li:nth-child(2n+1) .text::after{ bottom: -20px; margin-left: -10px;}
.homeCon4 .slick-prev,.homeCon4 .slick-next{ width: 738px; height: 26px;}
.homeCon4 .slick-prev::before,.homeCon4 .slick-next::before{ width: 26px; height: 26px;}
.homeCon4 .slick-prev::before{ top: -50px; margin: 0 36px 0 0;}
.homeCon4 .slick-next::before{ top: -50px;}
}
@media screen and (max-width:767px ) {
.homeCon4 .lb li{ height: 400px;}
.homeCon4 .lb li .img{ height:200px;}
.homeCon4 .lb li .text{ height:200px;}
.homeCon4 .slick-prev,.homeCon4 .slick-next{ width: 100%;}  
.homeCon4 .slick-prev::before{ margin: 0 51px 0 0;}
.homeCon4 .slick-next::before{ margin: 0 15px 0 0;} 
}


.homeCon5{ margin: 105px 0 110px 0; width: 100%; float: left;}
.homeCon5 .slideGroup{ margin-top: 60px; width: 100%; position: relative; z-index: 9;}
.homeCon5 .slideGroup .parHd{ position: absolute; right: 0; top: -110px; z-index: 9;}
.homeCon5 .slideGroup .parHd li{ margin: 0 0 0 20px; font-size: 16px; padding: 0 30px; height: 34px; line-height: 34px; border-radius: 34px; cursor: pointer; display: inline-block; color: #333; background: #f2f0f0;}
.homeCon5 .slideGroup .parHd li.on{ background: #ff6600; color: #fff;}
.homeCon5 .slideGroup .slideBox{ width: 100%; overflow: hidden;}
.homeCon5 .slideGroup .slideBox ul{ margin: 0 -30px;
width: -moz-calc(100% + 60px);
width: -o-calc(100% + 60px);
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);}
.homeCon5 .slideGroup .slideBox li{ padding: 0 30px; border-right: 1px solid #e5e5e5;}
.homeCon5 .slideGroup .slideBox li .img{ width: 100%; padding-bottom: 66.71%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.homeCon5 .slideGroup .slideBox li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.homeCon5 .slideGroup .slideBox li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.homeCon5 .slideGroup .slideBox li .text{ padding: 60px 0 65px 0; text-align: center; position: relative;}
.homeCon5 .slideGroup .slideBox li .text .date{ padding: 16px 0; position: absolute; top: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; color: #ff6600; text-align: center; background: url(images/home5_4.png) no-repeat center; background-size: cover;}
.homeCon5 .slideGroup .slideBox li .text .date_y{ font-size: 16px; line-height: 24px;}
.homeCon5 .slideGroup .slideBox li .text .date_r{ font-size: 14px; line-height: 24px;}
.homeCon5 .slideGroup .slideBox li .text h4{ font-size: 16px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden; color: #333;}
.homeCon5 .slideGroup .slideBox li .text h5{ padding: 0 20px; letter-spacing: 0.5px; margin: 20px 0 25px 0; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #555;}
.homeCon5 .slideGroup .slideBox li .text h6{ font-size: 16px; line-height: 16px; padding-right: 16px; display: inline-block; color: #333; position: relative;}
.homeCon5 .slideGroup .slideBox li .text h6::before{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
.homeCon5 .line{ width: 100%; height: 1px; background: #e5e5e5;}
@media screen and (max-width:991px ) {
.homeCon5{ margin: 20px 0 20px 0;}
.homeCon5 .slideGroup{ margin-top: 15px;}
.homeCon5 .slideGroup .parHd{ top: -52px;}
.homeCon5 .slideGroup .parHd li{ margin: 0 0 0 8px; font-size: 14px; padding: 0 15px; height: 28px; line-height: 28px;}
.homeCon5 .slideGroup .slideBox ul{ margin: 0 -10px; 
width: -moz-calc(100% + 20px);
width: -o-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);}
.homeCon5 .slideGroup .slideBox li{ padding: 0 10px;}
.homeCon5 .slideGroup .slideBox li .text{ padding: 40px 0 15px 0;}
.homeCon5 .slideGroup .slideBox li .text .date{ padding: 15px 0; top: -30px; margin-left: -30px; width: 60px; height: 60px;}
.homeCon5 .slideGroup .slideBox li .text .date_y{ font-size: 14px; line-height: 18px;}
.homeCon5 .slideGroup .slideBox li .text .date_r{ font-size: 12px; line-height: 18px;}
.homeCon5 .slideGroup .slideBox li .text h4{ font-size: 14px; line-height: 18px; height: 18px;}
.homeCon5 .slideGroup .slideBox li .text h5{ padding: 0 5px; margin: 5px 0 10px 0; font-size: 14px; line-height: 20px; height: 40px;}
.homeCon5 .slideGroup .slideBox li .text h6{ font-size: 14px; line-height: 14px; padding-right: 10px;}
.homeCon5 .slideGroup .slideBox li .text h6::before{ width: 6px; height: 6px;}
}

/* 二级导航 */
.erLink{ width: 100%; float: left; margin: 55px 0 45px 0; width: 100%; text-align: center;}
.erLink a{ margin: 0 10px; font-size: 18px; padding: 0 30px; height: 36px; line-height: 36px; border-radius: 36px; cursor: pointer; display: inline-block; color: #333; background: #f2f0f0;}
.erLink a.on,.erLink a:hover{ background: #ff6600; color: #fff;}
@media screen and (max-width:991px ) {
.erLink{ margin: 20px 0 15px 0;}
.erLink a{ margin: 0 4px; font-size: 14px; padding: 0 15px; height: 28px; line-height: 28px;}
}

/* 心理资讯 */
.newsList{ margin-bottom: 70px; width: 100%; float: left;}
.newsList .list1{ width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.newsList .list1 ul{ margin: 0 -30px;
width: -moz-calc(100% + 60px);
width: -o-calc(100% + 60px);
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);}
.newsList .list1 li{ padding: 0 30px; border-right: 1px solid #e5e5e5;}
.newsList .list1 li .img{ width: 100%; padding-bottom: 66.71%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.newsList .list1 li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.newsList .list1 li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.newsList .list1 li .text{ padding: 60px 15px 45px 15px; text-align: center; position: relative;}
.newsList .list1 li .text .date{ padding: 16px 0; position: absolute; top: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; color: #ff6600; text-align: center; background: url(images/home5_4.png) no-repeat center; background-size: cover;}
.newsList .list1 li .text .date_y{ font-size: 16px; line-height: 24px;}
.newsList .list1 li .text .date_r{ font-size: 14px; line-height: 24px;}
.newsList .list1 li .text h4{ font-size: 16px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden; color: #333;}
.newsList .list1 li .text h5{ margin: 20px 0 25px 0; font-size: 16px; line-height: 24px; height: 48px; letter-spacing: 1px; overflow: hidden; color: #555;}
.newsList .list1 li .text h6{ font-size: 16px; line-height: 16px; padding-right: 16px; display: inline-block; color: #333; position: relative;}
.newsList .list1 li .text h6::before{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
.newsList .list2{ margin-bottom: 70px; width: 100%;}
.newsList .list2 ul{ margin-top: 30px;}
.newsList .list2 li{ margin-top: 15px; padding: 15px; width: 100%; border: 1px solid #e5e5e5; overflow: hidden;}
.newsList .list2 li .img{ width: 260px; height: 174px; float: left; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.newsList .list2 li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.newsList .list2 li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.newsList .list2 li .text{ padding: 22px 25px 22px 70px; position: relative; float: right;
width: -moz-calc(100% - 260px);
width: -o-calc(100% - 260px);
width: -webkit-calc(100% - 260px);
width: calc(100% - 260px);}
.newsList .list2 li .text .date{ padding: 16px 0; position: absolute; top: 50%; left: -40px; margin-top: -40px; width: 80px; height: 80px; color: #ff6600; text-align: center; background: url(images/home5_4.png) no-repeat center; background-size: cover;}
.newsList .list2 li .text .date_y{ font-size: 16px; line-height: 24px;}
.newsList .list2 li .text .date_r{ font-size: 14px; line-height: 24px;}
.newsList .list2 li .text h4{ font-size: 16px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden; color: #333;}
.newsList .list2 li .text h5{ margin: 20px 0 25px 0; font-size: 16px; line-height: 24px; height: 48px; letter-spacing: 0.8px; overflow: hidden; color: #555;}
.newsList .list2 li .text h6{ font-size: 16px; line-height: 16px; padding-right: 16px; display: inline-block; color: #333; position: relative;}
.newsList .list2 li .text h6::before{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
.newsList .list2 li:hover{ background: #ff6600; border: 1px solid #ff6600;}
.newsList .list2 li:hover .text h4{ color: #fff;}
.newsList .list2 li:hover .text h5{ color: #fff;}
.newsList .list2 li:hover .text h6{ color: #fff;}
.newsList .list2 li:hover .text h6::before{ border-top: 1px solid #fff; border-right: 1px solid #fff;}
@media screen and (max-width:991px ) {
.newsList{ margin-bottom: 20px;}
.newsList .list1 ul{ margin: 0 -10px; 
width: -moz-calc(100% + 20px);
width: -o-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);}
.newsList .list1 li{ padding: 0 10px;}
.newsList .list1 li .text{ padding: 40px 5px 15px 5px;}
.newsList .list1 li .text .date{ padding: 15px 0; top: -30px; margin-left: -30px; width: 60px; height: 60px;}
.newsList .list1 li .text .date_y{ font-size: 14px; line-height: 18px;}
.newsList .list1 li .text .date_r{ font-size: 12px; line-height: 18px;}
.newsList .list1 li .text h4{ font-size: 14px; line-height: 18px; height: 18px;}
.newsList .list1 li .text h5{ margin: 5px 0 10px 0; font-size: 14px; line-height: 20px; height: 40px;}
.newsList .list1 li .text h6{ font-size: 14px; line-height: 14px; padding-right: 10px;}
.newsList .list1 li .text h6::before{ width: 6px; height: 6px;}
.newsList .list2{ margin-bottom: 20px;}
.newsList .list2 ul{ margin-top: 15px;}
.newsList .list2 li{ margin-top: 10px; padding: 5px;}
.newsList .list2 li .img{ width: 180px; height: 120px;}
.newsList .list2 li .text{ padding: 15px 0 15px 40px;
width: -moz-calc(100% - 180px);
width: -o-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
width: calc(100% - 180px);}
.newsList .list2 li .text .date{ padding: 15px 0; width: 60px; height: 60px; left: -30px; margin-top: -30px;}
.newsList .list2 li .text .date_y{ font-size: 14px; line-height: 18px;}
.newsList .list2 li .text .date_r{ font-size: 12px; line-height: 18px;}
.newsList .list2 li .text h4{ font-size: 14px; line-height: 18px; height: 18px;}
.newsList .list2 li .text h5{ margin: 5px 0 10px 0; font-size: 14px; line-height: 20px; height: 40px;}
.newsList .list2 li .text h6{ font-size: 14px; line-height: 14px; padding-right: 10px;}
.newsList .list2 li .text h6::before{ width: 6px; height: 6px;}
}
@media screen and (max-width:991px ) {
.newsList .list2 li .img{ width: 150px; height: 100px;}
.newsList .list2 li .text{ padding: 5px 5px 5px 40px;
width: -moz-calc(100% - 150px);
width: -o-calc(100% - 150px);
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px);}
}

/* 页码 */
.wack1{ float: left; width: 100%; text-align: center;}
.pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
.pz_fy a { float: left; width: 38px; height: 38px; line-height: 36px; border-radius: 50%; border: 1px solid #ebeced; color:#333; font-size: 15px; font-family: Arial; margin: 0 5px;}
.pz_fy a:hover,
.pz_fy a.on{ background-color: #ff6600; color: #fff;}
.pz_fy .l2{  height: 38px; border-radius: 19px; background: url(images/page1.png) no-repeat center; background-size: cover;}
.pz_fy .l2:hover,.pz_fy .l2.on{ background: url(images/page1_1.png) no-repeat center; background-color: #ff6600; background-size: cover;}
.pz_fy .r2{  height: 38px; border-radius: 19px; background: url(images/page2.png) no-repeat center; background-size: cover;}
.pz_fy .r2:hover,.pz_fy .r2.on{ background: url(images/page2_1.png) no-repeat center; background-color: #ff6600; background-size: cover;}
@media  screen and (max-width:991px){
.fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
.fy_pc a{ padding: 5px 25px; background: #ff6600; color: #fff; border-radius: 16px; overflow: hidden;}
.fy_pc span{ padding: 5px 20px; color: #333;}
}

/* 心理资讯-详情页 */
.newsCon{ margin-bottom: 75px; width: 100%; float: left;}
.newsCon .left{ padding: 50px 25px 25px 25px; width: 70%; float: left; border: 1px solid #ebeced;}
.newsCon .left .title{ font-size: 24px; line-height: 26px; font-weight: bold; color: #333; text-align: center;}
.newsCon .left .time{ margin: 15px 0 35px 0; font-size: 14px; line-height: 16px; text-align: center; color: #555;}
.newsCon .left .info{ padding: 35px 0 50px 0; font-size: 16px; line-height: 30px; text-align: justify; letter-spacing: 1px; border-top: 1px solid #ebeced; border-bottom: 1px solid #ebeced; color: #555;}
.newsCon .left .bot{ margin-top: 28px; width: 100%; overflow: hidden;}
.newsCon .left .fy{ float: left; margin-top: 4px;}
.newsCon .left .fy a{ display: block; float: left; font-size: 14px; line-height: 16px; color: #666;} 
.newsCon .left .fy a:hover{ color: #ff6600;}
.newsCon .left .fy .a1{ padding: 0 15px 0 28px; border-right: 1px solid #ebeced; position: relative;}
.newsCon .left .fy .a1::before{ content: ""; width: 15px; height: 1px; position: absolute; left: 0; top: 7.5px; background: #666;}
.newsCon .left .fy .a1:hover::before{ background: #ff6600;}
.newsCon .left .fy .a1::after{ content: ""; display: block; width: 8px; height: 8px; position: absolute; left: 1px; top: 4px; border-top: 1px solid #666; border-right: 1px solid #666;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);}
.newsCon .left .fy .a1:hover::after{ border-top: 1px solid #ff6600; border-right: 1px solid #ff6600;}
.newsCon .left .fy .a2{ padding: 0 28px 0 15px; position: relative;}
.newsCon .left .fy .a2::before{ content: ""; width: 15px; height: 1px; position: absolute; right: 0; top: 7.5px; background: #666;}
.newsCon .left .fy .a2:hover::before{ background: #ff6600;}
.newsCon .left .fy .a2::after{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 1px; top: 4px; border-top: 1px solid #666; border-right: 1px solid #666;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.newsCon .left .fy .a2:hover::after{ border-top: 1px solid #ff6600; border-right: 1px solid #ff6600;}
.newsCon .left .fx{ float: right;}
.newsCon .left .fx .p{ float: left; font-size: 15px; line-height: 24px; color: #666;}
.newsCon .left .bdsharebuttonbox{ float: right;}
.newsCon .left .bdsharebuttonbox a{ margin-top: 0; margin-bottom: 0;}
.newsCon .right{ padding: 20px; width: 28.4%; float: right; border: 1px solid #ebeced;}
.newsCon .right .title{ width: 100%; font-size: 36px; height: 140px; line-height: 140px; color: #fff; font-weight: bold; text-align: center; background: url(images/newscon2.jpg) no-repeat center; background-size: cover;}
.newsCon .right .l1{ padding: 20px 0; border-bottom: 1px solid #ebeced;}
.newsCon .right .l1:last-child{ padding-bottom: 0; border-bottom: 0;}
.newsCon .right .l1 .bt{ padding-left: 20px; font-size: 16px; line-height: 18px; background: url(images/newscon3.png) no-repeat left center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; color: #333;}
.newsCon .right .l1:hover .bt{ color: #ff6600;}
.newsCon .right .l1 .info{ margin-top: 12px; font-size: 16px; padding-left: 20px; line-height: 30px; max-height: 60px; color: #666; overflow: hidden;}
@media screen and (max-width:991px) {
.newsCon{ margin-bottom: 20px;}
.newsCon .left{ padding: 20px 15px;}
.newsCon .left .title{ font-size: 18px; line-height: 22px;}
.newsCon .left .time{ margin: 10px 0 15px 0; font-size: 14px;}
.newsCon .left .info{ padding: 15px 0 15px 0; font-size: 14px; line-height: 1.4;}
.newsCon .left .bot{ margin-top: 15px;}
.newsCon .right{ padding: 14px;}
.newsCon .right .title{ font-size: 18px; height: 100px; line-height: 100px;}
.newsCon .right .l1{ padding: 10px 0;}
.newsCon .right .l1 .bt{ padding-left: 20px; font-size: 14px; line-height: 18px;}
.newsCon .right .l1 .info{ margin-top: 5px; font-size: 14px; padding-left: 20px; line-height: 24px; max-height: 48px;} 
}
@media screen and (max-width:767px) {
.newsCon .left{ width: 100%;}
}

/* 心理云平台 */
.prodTit{ font-size: 34px; line-height: 34px; letter-spacing: 4px; color: #333; font-weight: lighter; text-align: center;}
.prodTit span{ color: #ff6600; font-weight: bold;}
.prodTit.col{ color: #fff;}
.prodTit.col span{ color: #fff;}
@media screen and (max-width:991px) {
.prodTit{ font-size: 20px; line-height: 20px; letter-spacing: 2px;}
}
.prodList1{ margin-top: 80px; width: 100%; float: left;}
.prodList1 .bt{ margin-top: 60px; font-size: 26px; line-height: 30px; padding: 15px 45px; position: relative; color: #fff; background: #ff6600; font-weight: bold;}
.prodList1 .bt::before{ content: ""; width: 10px; height: 10px; position: absolute; left: 20px; top: 50%; margin-top: -5px; border-radius: 50%; background: #fff;}
.prodList1 .info{ font-size: 16px; line-height: 30px; padding: 40px 45px; letter-spacing: 0.8px; text-align: justify; color: #555; background: #f7f9f8;}
.prodList1 .list{ margin: 65px 0; position: relative;}
.prodList1 .list .img{ width: 100%; line-height: 0;}
.prodList1 .list li{ width: 24.85%; position: absolute;}
.prodList1 .list li:nth-child(1){ bottom: 80.64%; left: 0;}
.prodList1 .list li:nth-child(2){ bottom: 48.38%; left: 0;}
.prodList1 .list li:nth-child(3){ bottom: 16.61%; left: 0;}
.prodList1 .list li:nth-child(4){ top: 80.64%; right: 0;}
.prodList1 .list li:nth-child(5){ top: 43.22%; right: 0;}
.prodList1 .list li:nth-child(6){ top: 11.29%; right: 0;}
.prodList1 .list li h5{ margin-bottom: 16px; font-size: 18px; color: #333; font-weight: bold;}
.prodList1 .list li h6{ font-size: 16px; line-height: 30px; max-height: 120px; text-align: justify; overflow-y: auto; color: #555;}
.prodList1 .list li h6::-webkit-scrollbar{ display: none;}
@media screen and (max-width:1429px) {
.prodList1 .info{ padding: 40px 35px;}
.prodList1 .list li h5{ margin-bottom: 5px;}
.prodList1 .list li h6{ max-height: 90px;}    
}
@media screen and (max-width:991px) {
.prodList1{ margin-top: 20px;}
.prodList1 .bt{ margin-top: 15px; font-size: 16px; line-height: 20px; padding: 10px 25px;}
.prodList1 .bt::before{ width: 6px; height: 6px; left: 10px; margin-top: -3px;}
.prodList1 .info{ font-size: 14px; line-height: 24px; padding: 15px 25px;}
.prodList1 .list{ margin: 35px 0;}
.prodList1 .list li h5{ margin-bottom: 2px; font-size: 16px;}
.prodList1 .list li h6{ font-size: 14px; line-height: 20px; max-height: 60px;}
}
@media screen and (max-width:767px) {
.prodList1 .list{ margin: 15px 0;}
.prodList1 .list .img{ width: 80%; margin: 0 auto;}
.prodList1 .list li{ margin-top: 10px; position: static; width: 100%;}
}

.prodList2{ margin-top: 85px; padding: 80px 0; width: 100%; float: left;}
.prodList2 ul{ margin: 65px 0 -20px 0;}
.prodList2 li{ margin: 20px 0; width: 100%; overflow: hidden;} 
.prodList2 li i{ display: block; font-size: 16px; width: 32px; height: 32px; line-height: 32px; float: left; font-weight: bold; text-align: center; border-radius: 50%; color: #fff; background: #ff6600;}
.prodList2 li .text{ padding-left: 14px; float: left;
width: -moz-calc(100% - 32px);
width: -o-calc(100% - 32px);
width: -webkit-calc(100% - 32px);
width: calc(100% - 32px);}
.prodList2 li .text h5{ font-size: 18px; line-height: 30px; color: #ff6600; font-weight: bold;}
.prodList2 li .text h6{ font-size: 16px; line-height: 30px; color: #fff; letter-spacing: 0.8px; text-align: justify;}
@media screen and (max-width:991px) {
.prodList2{ margin-top: 20px; padding: 20px 0;}
.prodList2 ul{ margin: 15px 0 -10px 0;}
.prodList2 li{ margin: 10px 0;} 
.prodList2 li i{ font-size: 14px; width: 26px; height: 26px; line-height: 26px;}
.prodList2 li .text{ padding-left: 10px;
width: -moz-calc(100% - 26px);
width: -o-calc(100% - 26px);
width: -webkit-calc(100% - 26px);
width: calc(100% - 26px);}
.prodList2 li .text h5{ font-size: 16px; line-height: 24px;}
.prodList2 li .text h6{ font-size: 14px; line-height: 24px;}  
}

.prodList3{ padding-bottom: 25px; width: 100%; float: left;}
.prodList3 .bt{ margin: 70px 0 30px 0; font-size: 24px; line-height: 24px; color: #ff6600; font-weight: bold;}
.prodList3 .img{ margin-bottom: 55px; width: 100%; line-height: 0;}
@media screen and (max-width:991px) {
.prodList3{ padding-bottom: 5px;}
.prodList3 .bt{ margin: 20px 0 10px 0; font-size: 18px; line-height: 18px;}
.prodList3 .img{ margin-bottom: 15px;}
}

.prodList4{ margin-bottom: 75px; width: 100%; float: left;}
.prodList4 .tab .hd{ margin: 45px 0 35px 0; text-align: center;}
.prodList4 .tab .hd li{ margin: -5px 12px;}
.prodList4 .tab .hd li{ margin: 5px 12px; font-size: 16px; line-height: 32px; padding: 0 24px; border-radius: 32px; cursor: pointer; display: inline-block; color: #555; background: #f2f0f1;}
.prodList4 .tab .hd li.on{ background: #ff6600; color: #fff;}
.prodList4 .tab .bd ul{ width: 102%; margin: -15px -1%;}
.prodList4 .tab .bd li{ width: 31.3%; margin: 15px 1%; float: left; border: 1px solid #e5e5e5;}
.prodList4 .tab .bd li .img{ border-bottom: 1px solid #e5e5e5; width: 100%; float: left; padding-bottom: 66.82%; position: relative; overflow: hidden; min-height: 50px;}
.prodList4 .tab .bd li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.prodList4 .tab .bd li .img .bg{ width: 100%; height: 100%; position: absolute; top: 200%; left: 0; background: rgba(255, 102, 0, 0.9);
-webkit-transition: all 0.5s ease-out 0s; 
-ms-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}  
.prodList4 .tab .bd li .img i{ width: 66px; height: 66px; position: absolute; top: 50%; left: 50%; background: url(images/prod4_8.png) no-repeat center; background-size: cover;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.prodList4 .tab .bd li .text{ padding: 15px 20px; width: 100%; overflow: hidden;}
.prodList4 .tab .bd li .text .wz{ padding-right: 10px; float: left;
width: -moz-calc(100% - 79px);
width: -o-calc(100% - 79px);
width: -webkit-calc(100% - 79px);
width: calc(100% - 79px);}
.prodList4 .tab .bd li .text h5{ margin-top: 10px; font-size: 18px; height: 20px; line-height: 20px; overflow: hidden; color: #555;}
.prodList4 .tab .bd li .text h6{ margin-top: 14px; font-size: 16px; line-height: 28px; height: 28px; padding: 0 10px; overflow: hidden; display: inline-block; color: #fff; background: #ff6600;}
.prodList4 .tab .bd li .text .xcx{ float: right; width: 79px; height: 79px; line-height: 0;}
.prodList4 .tab .bd li:hover .img .bg{ top: 0;}
@media screen and (max-width:1429px) {
.prodList4 .tab .bd ul{ margin: -10px -1%;}
.prodList4 .tab .bd li{ margin: 10px 1%;}
.prodList4 .tab .bd li .text h6{ padding: 0 8px;}
}
@media screen and (max-width:991px) {
.prodList4{ margin-bottom: 20px;}
.prodList4 .tab .hd{ margin: 15px 0 15px 0;}
.prodList4 .tab .hd ul{ margin: -5px;}
.prodList4 .tab .hd li{ margin: 5px; font-size: 14px; line-height: 26px; padding: 0 10px;}
.prodList4 .tab .bd ul{ margin: -8px -1%;}
.prodList4 .tab .bd li{ margin: 8px 1%;}
.prodList4 .tab .bd li .img i{ width: 35px; height: 35px;}
.prodList4 .tab .bd li .text{ padding: 5px 10px;}
.prodList4 .tab .bd li .text .wz{ padding-right: 5px;
width: -moz-calc(100% - 50px);
width: -o-calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);}
.prodList4 .tab .bd li .text h5{ margin-top: 5px; font-size: 16px; height: 18px; line-height: 18px;}
.prodList4 .tab .bd li .text h6{ margin-top: 5px; font-size: 14px; line-height: 24px; height: 24px; padding: 0 5px;}
.prodList4 .tab .bd li .text .xcx{ width: 50px; height: 50px;}
}
@media screen and (max-width:767px) {
.prodList4 .tab .hd ul{ margin: -2px;}
.prodList4 .tab .hd li{ margin: 2px; padding: 0 5px;}
.prodList4 .tab .bd ul{ width: 100%; margin: -5px 0;}
.prodList4 .tab .bd li{ width: 100%; margin: 5px 0;}
}

/* 心理云医生 */
.ysList{ margin-bottom: 75px; width: 100%; float: left;}
.ysList ul{ margin: 60px 0 75px 0;}
.ysList li{ margin: 30px 0 0 0; padding: 20px; width: 100%; overflow: hidden; background: #f7f9f8; position: relative;}
.ysList li:hover::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 85px; border-style: dashed dashed solid dashed; border-color: transparent transparent #ff6600 transparent; position: absolute; top: -85px; left: -85px; z-index: 1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
.ysList li .img{ float: left; width: 223px; line-height: 0; overflow: hidden; position: relative; z-index: 3;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.ysList li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.ysList li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ysList li .text{ float: right; padding: 30px 30px 0 70px;
width: -moz-calc(100% - 223px);
width: -o-calc(100% - 223px);
width: -webkit-calc(100% - 223px);
width: calc(100% - 223px);}
.ysList li .text h4{ font-size: 24px; line-height: 28px; height: 28px; overflow: hidden; color: #333;}
.ysList li .text .info{ margin: 30px 0 25px 0; font-size: 16px; line-height: 30px; max-height: 120px; padding-right: 30px; letter-spacing: 0.5px; text-align: justify; overflow-y: auto; color: #333;}
.ysList li .text .info::-webkit-scrollbar{ width: 3px;}
.ysList li .text .info::-webkit-scrollbar-track{ background-color: #d4d6d5; border-radius: 3px;}
.ysList li .text .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #ff6600; border-radius: 3px;}
.ysList li .text h6{ margin-right: 20px; display: inline-block; cursor: pointer; font-size: 16px; width: 158px; height: 34px; line-height: 32px; border-radius: 34px; text-align: center; color: #fff; border: 1px solid #ff6600; background: #ff6600;}
.ysList li .text h6:hover{ color: #ff6600; background: transparent;}
.ysList li .text h6:last-child{ color: #ff6600; background: transparent;}
.ysList li .text h6:last-child:hover{ color: #fff; background: #ff6600;}

.con .text .wz h6{ margin-right: 20px; display: inline-block; cursor: pointer; font-size: 16px; width: 158px; height: 34px; line-height: 32px; border-radius: 34px; text-align: center; color: #fff; border: 1px solid #ff6600; background: #ff6600;}
.con .text .wz h6:hover{ color: #ff6600; background: transparent;}
.con .text .wz h6:last-child{ color: #ff6600; background: transparent;}
.con .text .wz h6:last-child:hover{ color: #fff; background: #ff6600;}
@media screen and (max-width:991px) {
.ysList{ margin-bottom: 20px;}
.ysList ul{ margin: 20px 0 20px 0;}
.ysList li{ margin: 15px 0 0 0; padding: 10px;}
.ysList li:hover::after{ border-width: 65px; top: -65px; left: -65px;}
.ysList li .img{ width: 160px;}
.ysList li .text{ padding: 15px 10px 0 15px;
width: -moz-calc(100% - 160px);
width: -o-calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: calc(100% - 160px);}
.ysList li .text h4{ font-size: 18px; line-height: 20px; height: 20px;}
.ysList li .text .info{ margin: 10px 0 10px 0; font-size: 14px; line-height: 24px; padding-right: 10px;}
.ysList li .text h6{ font-size: 14px; width: 110px; height: 30px; line-height: 28px; margin-right: 10px;}
}
@media screen and (max-width:767px) {
.con .text .wz h6{ margin-bottom: 5px; display: inline-block; cursor: pointer; font-size: 16px; width: 120px; height: 24px; line-height: 20px; border-radius: 24px; text-align: center; color: #fff; border: 1px solid #ff6600; background: #ff6600;}
.con .text .wz h6:hover{ color: #ff6600; background: transparent;}
.con .text .wz h6:last-child{ color: #ff6600; background: transparent;}
.con .text .wz h6:last-child:hover{ color: #fff; background: #ff6600;}
.ysList li{ margin: 10px 0 0 0; padding: 5px;}
.ysList li:hover::after{ border-width: 45px; top: -45px; left: -45px;}
.ysList li .img{ width: 130px;}
.ysList li .text{ padding: 10px 5px 0 15px;
width: -moz-calc(100% - 130px);
width: -o-calc(100% - 130px);
width: -webkit-calc(100% - 130px);
width: calc(100% - 130px);}
.ysList li .text .info{ max-height: 90px; margin: 5px 0 10px 0;}
}
@media screen and (max-width:440px) {
.ysList li .text .info{ max-height: 72px;}
.ysList li .text h6{ height: 26px; line-height: 24px;}
.ysList li .text h6:last-child{ margin-top: 5px;}
}

/* 心理云学院 */
.xyList{ margin: 30px 0 65px 0; width: 100%; float: left;}
.xyList ul{ width: 102%; margin: -15px -1% 45px -1%; float: left;}
.xyList li{ width: 31.3%; float: left; margin: 15px 1%;}
.xyList li .img{ width: 100%; padding-bottom: 66.82%; top: 0; left: 0; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.xyList li .img img{ max-width: none; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.xyList li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.xyList li .text{ padding: 40px 30px 35px 30px; width: 100%; text-align: center; background: #f7f9f9; position: relative;}
.xyList li .text::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 15px; border-style: dashed dashed solid dashed; border-color: transparent transparent #f7f9f9 transparent; position: absolute; top: -30px; left: 50%; margin-left: -15px;} 
.xyList li .text h4{ font-size: 20px; line-height: 24px; height: 24px; overflow: hidden; color: #333;}
.xyList li .text i{ display: block; width: 36px; height: 2px; margin: 20px auto 15px auto; background: #ff6600;}
.xyList li .text h5{ font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; letter-spacing: 0.5px; color: #333;}
.xyList li .text h6{ font-size: 16px; width: 134px; height: 36px; line-height: 34px; margin: 18px auto 0 auto; color: #ff6600; text-align: center; border: 1px solid #ff6600; border-radius: 36px;}
.xyList li:hover .text{ background: #ff6600;}
.xyList li:hover .text::after{ border-color: transparent transparent #ff6600 transparent;}
.xyList li:hover .text h4{ color: #fff;}
.xyList li:hover .text i{ background: #fff;}
.xyList li:hover .text h5{ color: #fff;}
.xyList li:hover .text h6{ background: #fff; border: 1px solid #fff; color: #ff6600;}
@media screen and (max-width:991px) {
.xyList{ margin: 20px 0;}
.xyList ul{ margin: -8px -1% 11px -1%;}
.xyList li{ margin: 8px 1%;}
.xyList li .text{ padding: 15px 10px 15px 10px;}
.xyList li .text::after{ border-width: 10px; top: -20px; margin-left: -10px;} 
.xyList li .text h4{ font-size: 16px; line-height: 20px; height: 20px;}
.xyList li .text i{ width: 24px; margin: 5px auto;}
.xyList li .text h5{ font-size: 14px; line-height: 24px; max-height: 48px;}
.xyList li .text h6{ font-size: 14px; width: 90px; height: 26px; line-height: 24px; margin: 5px auto 0 auto;}
}
@media screen and (max-width:767px) {
.xyList ul{ margin: -5px -1% 16px -1%;}
.xyList li{ width: 48%; margin: 5px 1%;}
}

/* 心理云公益 */
.gyCon{ width: 100%; float: left;}
.gyCon1{ margin: 55px 0 80px 0; width: 100%; float: left; border-radius: 5px; overflow: hidden;}
.gyCon1 .left{ width: 252px; height: 168px; overflow: hidden; float: left; position: relative;}
.gyCon1 .left h4{ font-size: 24px; line-height: 30px; padding: 0 20px; position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: #fff;
-webkit-transform: translate(0,-50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.gyCon1 .right{ padding: 35px 40px; float: right; height: 168px; overflow: hidden;
width: -moz-calc(100% - 252px);
width: -o-calc(100% - 252px);
width: -webkit-calc(100% - 252px);
width: calc(100% - 252px);}
.gyCon1 .right .sj{ float: left; width: 335px;}
.gyCon1 .right .sj ul{ margin: -16px 0;}
.gyCon1 .right .sj li{ width: 100%; margin: 16px 0; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 40px; overflow: hidden; background: rgba(255,255,255,0.3); color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.gyCon1 .right .sj li h4{ font-size: 18px;}
.gyCon1 .right .sj li h5{ font-size: 18px;}
.gyCon1 .right .sj li h5 i{ font-weight: bold;}
.gyCon1 .right .list{ float: right; position: relative;
width: -moz-calc(100% - 385px);
width: -o-calc(100% - 385px);
width: -webkit-calc(100% - 385px);
width: calc(100% - 385px);}
.gyCon1 .right .list::before{ content: ""; display: block; width: 1px; height: 90%; position: absolute; left: 50%; top: 5%; border-left: 1px dashed rgba(255,255,255,0.4);}
.gyCon1 .right .list .lb{ width: 41.16%; float: left;height: 96px;overflow: hidden;}
.gyCon1 .right .list .lb:nth-child(2n){ float: right;}
.gyCon1 .right .list li{ font-size: 18px; line-height: 20px; margin-bottom: 18px; color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.gyCon1 .right .list li:last-child{ margin-bottom: 0;}
@media screen and (max-width:1429px) {
.gyCon1 .right .sj{ width: 220px;}
.gyCon1 .right .list{
width: -moz-calc(100% - 245px);
width: -o-calc(100% - 245px);
width: -webkit-calc(100% - 245px);
width: calc(100% - 245px);}
}
@media screen and (max-width:991px) {
.gyCon1{ margin: 20px 0 20px 0;}
.gyCon1 .left{ width: 150px; height: 104px;}
.gyCon1 .left h4{ font-size: 18px; line-height: 24px; padding: 0 10px;}
.gyCon1 .right{ padding: 15px 15px; height: 104px;
width: -moz-calc(100% - 150px);
width: -o-calc(100% - 150px);
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px);}
.gyCon1 .right .sj{ width: 180px;}
.gyCon1 .right .sj ul{ margin: -10px 0;}
.gyCon1 .right .sj li{ margin: 10px 0; padding: 0 10px; height: 30px; line-height: 30px;}
.gyCon1 .right .sj li h4{ font-size: 16px;}
.gyCon1 .right .sj li h5{ font-size: 16px;}
.gyCon1 .right .list{
width: -moz-calc(100% - 200px);
width: -o-calc(100% - 200px);
width: -webkit-calc(100% - 200px);
width: calc(100% - 200px);}
.gyCon1 .right .list li{ font-size: 16px; line-height: 18px; margin-bottom: 8px;}
}
@media screen and (max-width:767px) {
.gyCon1 .left{ width: 100%; height: 60px;}
.gyCon1 .right{ padding: 15px 15px 0 15px; width: 100%; height: auto;}
.gyCon1 .right .sj{ width: 100%;}
.gyCon1 .right .list{ margin-top: 10px; width: 100%;}
.gyCon1 .right .list::before{ width: 100%; height: 1px; left: 0; top: 44%; border-bottom: 1px dashed rgba(255,255,255,0.4);}
.gyCon1 .right .list .lb{ width: 100%;}
.gyCon1 .right .list li:last-child{ margin-bottom: 8px;}
.gyCon1 .right .list .lb:last-child li:last-child{ margin-bottom: 0;}
}

.gyCon2{ width: 100%; float: left;}
.gyCon2 .nr{ margin-top: 50px; width: 100%; overflow: hidden; position: relative;}
.gyCon2 .nr .img{ width: 46.154%; padding-bottom: 29.616%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gyCon2 .nr .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gyCon2 .nr .img:hover img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gyCon2 .nr .img i{ display: block; font-size: 18px; line-height: 40px; height: 40px; width: 120px; position: absolute; top: 8px; left: -32px; text-align: center; background: #ff6600; color: #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
.gyCon2 .nr .text{ padding: 58px 70px 0 90px; width: 53.846%; height: 100%; position: absolute; right: 0; top: 0; border: 1px solid #e5e5e5;}
.gyCon2 .nr .text .date{ padding: 16px 0; position: absolute; top: 50%; left: -40px; margin-top: -40px; width: 80px; height: 80px; color: #ff6600; text-align: center; background: url(images/home5_4.png) no-repeat center; background-size: cover;}
.gyCon2 .nr .text .date_y{ font-size: 16px; line-height: 24px;}
.gyCon2 .nr .text .date_r{ font-size: 14px; line-height: 24px;}
.gyCon2 .nr .text h4{ font-size: 18px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden; color: #333;}
.gyCon2 .nr .text h5{ margin-top: 30px; font-size: 16px; line-height: 30px; height: 150px; letter-spacing: 0.5px; text-align: justify; overflow: hidden; color: #555;}
.gyCon2 .nr .text em{ margin: 35px 0; display: block; width: 100%; height: 1px; background: #e5e5e5;}
.gyCon2 .nr .text h6{ font-size: 16px; line-height: 16px; padding-right: 16px; display: inline-block; color: #333; position: relative;}
.gyCon2 .nr .text h6::before{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
.gyCon2 .nr .text h6:hover{ color: #ff6600;}
.gyCon2 .nr .text h6:hover::before{ border-top: 1px solid #ff6600; border-right: 1px solid #ff6600;}
.gyCon2 .list{ margin-top: 30px; width: 100%; border-bottom: 1px solid #e5e5e5;}
.gyCon2 .list ul{ margin: 0 -30px;
width: -moz-calc(100% + 60px);
width: -o-calc(100% + 60px);
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);}
.gyCon2 .list li{ padding: 0 30px; border-right: 1px solid #e5e5e5;}
.gyCon2 .list li .img{ width: 100%; padding-bottom: 66.71%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gyCon2 .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gyCon2 .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gyCon2 .list li .text{ padding: 60px 0 65px 0; text-align: center; position: relative;}
.gyCon2 .list li .text .date{ padding: 16px 0; position: absolute; top: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; color: #ff6600; text-align: center; background: url(images/home5_4.png) no-repeat center; background-size: cover;}
.gyCon2 .list li .text .date_y{ font-size: 16px; line-height: 24px;}
.gyCon2 .list li .text .date_r{ font-size: 14px; line-height: 24px;}
.gyCon2 .list li .text h4{ font-size: 16px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden; color: #333;}
.gyCon2 .list li .text h5{ margin: 20px 0 25px 0; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #555;}
.gyCon2 .list li .text h6{ font-size: 16px; line-height: 16px; padding-right: 16px; display: inline-block; color: #333; position: relative;}
.gyCon2 .list li .text h6::before{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
.gyCon2 .list .slick-prev,.gyCon2 .list .slick-next{ width: 20px; height: 37px; position: absolute;}
.gyCon2 .list .slick-prev{ left: -25px; background: url(images/gy2_5.png) no-repeat center; background-size: cover;}
.gyCon2 .list .slick-prev:hover{ background: url(images/gy2_5_1.png) no-repeat center; background-size: cover;}
.gyCon2 .list .slick-next{ right: -25px; background: url(images/gy2_6.png) no-repeat center; background-size: cover;}
.gyCon2 .list .slick-next:hover{ background: url(images/gy2_6_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1500px ) {
.gyCon2 .list .slick-prev{ left: 8px;}
.gyCon2 .list .slick-next{ right: 8px;}   
}
@media screen and (max-width:1429px ) {
.gyCon2 .list .slick-prev{ left: -25px;}
.gyCon2 .list .slick-next{ right: -25px;}   
}
@media screen and (max-width:1070px ) {
.gyCon2 .list .slick-prev{ left: 8px;}
.gyCon2 .list .slick-next{ right: 8px;}   
}
@media screen and (max-width:991px) {
.gyCon2 .nr{ margin-top: 15px;}
.gyCon2 .nr .img i{ font-size: 14px; line-height: 30px; height: 30px; top: 9px; left: -36px;}
.gyCon2 .nr .text{ padding: 20px 15px 0 40px;}
.gyCon2 .nr .text .date{ padding: 15px 0; left: -30px; margin-top: -30px; width: 60px; height: 60px;}
.gyCon2 .nr .text .date_y{ font-size: 14px; line-height: 18px;}
.gyCon2 .nr .text .date_r{ font-size: 12px; line-height: 18px;}
.gyCon2 .nr .text h4{ font-size: 16px; line-height: 18px; height: 18px;}
.gyCon2 .nr .text h5{ margin-top: 8px; font-size: 14px; line-height: 24px; height: 120px;}
.gyCon2 .nr .text em{ margin: 10px 0;}
.gyCon2 .nr .text h6{ font-size: 14px; line-height: 14px; padding-right: 10px;}
.gyCon2 .nr .text h6::before{ width: 6px; height: 6px;}
.gyCon2 .list{ margin-top: 15px;}
.gyCon2 .list ul{ margin: 0 -10px; 
width: -moz-calc(100% + 20px);
width: -o-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);}
.gyCon2 .list li{ padding: 0 10px;}
.gyCon2 .list li .text{ padding: 40px 0 15px 0;}
.gyCon2 .list li .text .date{ padding: 15px 0; top: -30px; margin-left: -30px; width: 60px; height: 60px;}
.gyCon2 .list li .text .date_y{ font-size: 14px; line-height: 18px;}
.gyCon2 .list li .text .date_r{ font-size: 12px; line-height: 18px;}
.gyCon2 .list li .text h4{ font-size: 14px; line-height: 18px; height: 18px;}
.gyCon2 .list li .text h5{ margin: 5px 0 10px 0; font-size: 14px; line-height: 20px; height: 40px;}
.gyCon2 .list li .text h6{ font-size: 14px; line-height: 14px; padding-right: 10px;}
.gyCon2 .list li .text h6::before{ width: 6px; height: 6px;}
.gyCon2 .list .slick-prev,.gyCon2 .list .slick-next{ width: 10px; height: 19px;}
.gyCon2 .list .slick-prev{ left: -3px;}
.gyCon2 .list .slick-next{ right: -3px;} 
}
@media screen and (max-width:767px) {
.gyCon2 .nr .img{ width: 100%; padding-bottom: 66.83%;} 
.gyCon2 .nr .text{ padding: 40px 15px 15px 15px; width: 100%; position: relative;} 
.gyCon2 .nr .text .date{ top: -30px; left: 50%; margin-top: 0; margin-left: -30px;}
.gyCon2 .nr .text h5{ height: auto;}
}

.gyCon3{ padding: 100px 0; margin-top: 100px; width: 100%; float: left;}
.gyCon3 .list{ margin-top: 60px; width: 100%;}
.gyCon3 .list ul{ margin: 0 -12px;
width: -moz-calc(100% + 24px);
width: -o-calc(100% + 24px);
width: -webkit-calc(100% + 24px);
width: calc(100% + 24px);}
.gyCon3 .list li{ padding: 12px; margin: 0 12px; background: #fff;}
.gyCon3 .list li .img{ width: 100%; padding-bottom: 66.71%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gyCon3 .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gyCon3 .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gyCon3 .list li .text{ padding: 65px 0 28px 0; text-align: center; position: relative;}
.gyCon3 .list li .text .date{ padding: 16px 0; position: absolute; top: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; color: #ff6600; text-align: center; background: url(images/home5_4.png) no-repeat center; background-size: cover;}
.gyCon3 .list li .text .date_y{ font-size: 16px; line-height: 24px;}
.gyCon3 .list li .text .date_r{ font-size: 14px; line-height: 24px;}
.gyCon3 .list li .text h4{ font-size: 16px; line-height: 20px; height: 20px; font-weight: bold; overflow: hidden; color: #333;}
.gyCon3 .list li .text h5{ margin: 20px 0 25px 0; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #555;}
.gyCon3 .list li .text h6{ font-size: 16px; line-height: 16px; padding-right: 16px; display: inline-block; color: #333; position: relative;}
.gyCon3 .list li .text h6::before{ content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
.gyCon3 .list .slick-prev,.gyCon3 .list .slick-next{ width: 20px; height: 37px; position: absolute;}
.gyCon3 .list .slick-prev{ left: -40px; background: url(images/gy3_2.png) no-repeat center; background-size: cover;}
.gyCon3 .list .slick-prev:hover{ background: url(images/gy3_2_1.png) no-repeat center; background-size: cover;}
.gyCon3 .list .slick-next{ right: -40px; background: url(images/gy3_3.png) no-repeat center; background-size: cover;}
.gyCon3 .list .slick-next:hover{ background: url(images/gy3_3_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1500px ) {
.gyCon3 .list .slick-prev{ left: -12px;}
.gyCon3 .list .slick-next{ right: -12px;}   
}
@media screen and (max-width:1429px ) {
.gyCon3 .list .slick-prev{ left: -40px;}
.gyCon3 .list .slick-next{ right: -40px;}   
}
@media screen and (max-width:1070px ) {
.gyCon3 .list .slick-prev{ left: -12px;}
.gyCon3 .list .slick-next{ right: -12px;}   
}
@media screen and (max-width:991px) {
.gyCon3{ padding: 20px 0; margin-top: 20px;}
.gyCon3 .list{ margin-top: 15px;}
.gyCon3 .list ul{ margin: 0 -5px; 
width: -moz-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);}
.gyCon3 .list li{ padding: 5px; margin: 0 5px;}
.gyCon3 .list li .text{ padding: 40px 0 15px 0;}
.gyCon3 .list li .text .date{ padding: 15px 0; top: -30px; margin-left: -30px; width: 60px; height: 60px;}
.gyCon3 .list li .text .date_y{ font-size: 14px; line-height: 18px;}
.gyCon3 .list li .text .date_r{ font-size: 12px; line-height: 18px;}
.gyCon3 .list li .text h4{ font-size: 14px; line-height: 18px; height: 18px;}
.gyCon3 .list li .text h5{ margin: 5px 0 10px 0; font-size: 14px; line-height: 20px; height: 40px;}
.gyCon3 .list li .text h6{ font-size: 14px; line-height: 14px; padding-right: 10px;}
.gyCon3 .list li .text h6::before{ width: 6px; height: 6px;}
.gyCon3 .list .slick-prev,.gyCon3 .list .slick-next{ width: 10px; height: 19px;}
.gyCon3 .list .slick-prev{ left: -7px;}
.gyCon3 .list .slick-next{ right: -8px;} 
}

.gyCon4{ margin: 95px 0 70px 0; width: 100%; float: left;}
.gyCon4 .list{ margin-top: 50px;}
.gyCon4 .list ul{ margin: 0 -12px;
width: -moz-calc(100% + 24px);
width: -o-calc(100% + 24px);
width: -webkit-calc(100% + 24px);
width: calc(100% + 24px);}
.gyCon4 .list li{ margin: 0 12px;}
.gyCon4 .list li .img{ width: 100%; padding-bottom: 66.71%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gyCon4 .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gyCon4 .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gyCon4 .list li .img .bg{ width: 100%; height: 100%; position: absolute; top: 200%; left: 0; background: rgba(255, 102, 0, 0.8);
-webkit-transition: all 0.5s ease-out 0s; 
-ms-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.gyCon4 .list li .img .bg i{ width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; background: url(images/gy4_6.png) no-repeat center; background-size: cover;}
.gyCon4 .list li:hover .img .bg{ top: 0;}
.gyCon4 .list li h5{ font-size: 18px; line-height: 20px; height: 20px; margin-top: 20px; text-align: center; overflow: hidden; color: #333;}
.gyCon4 .list .slick-prev,.gyCon4 .list .slick-next{ margin-top: -40px; width: 20px; height: 37px; position: absolute;}
.gyCon4 .list .slick-prev{ left: -35px; background: url(images/gy2_5.png) no-repeat center; background-size: cover;}
.gyCon4 .list .slick-prev:hover{ background: url(images/gy2_5_1.png) no-repeat center; background-size: cover;}
.gyCon4 .list .slick-next{ right: -35px; background: url(images/gy2_6.png) no-repeat center; background-size: cover;}
.gyCon4 .list .slick-next:hover{ background: url(images/gy2_6_1.png) no-repeat center; background-size: cover;}
@media screen and (max-width:1520px ) {
.gyCon4 .list .slick-prev{ left: -10px;}
.gyCon4 .list .slick-next{ right: -10px;}   
}
@media screen and (max-width:1429px ) {
.gyCon4 .list .slick-prev{ left: -35px;}
.gyCon4 .list .slick-next{ right: -35px;}   
}
@media screen and (max-width:1099px ) {
.gyCon4 .list .slick-prev{ left: -10px;}
.gyCon4 .list .slick-next{ right: -10px;}   
}
@media screen and (max-width:991px ) {
.gyCon4{ margin: 20px 0 20px 0;}
.gyCon4 .list{ margin-top: 15px;}
.gyCon4 .list ul{ margin: 0 -5px;
width: -moz-calc(100% + 10px);
width: -o-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);}
.gyCon4 .list li{ margin: 0 5px;}
.gyCon4 .list li .img .bg i{ width: 20px; height: 20px; margin-top: -10px; margin-left: -10px;}
.gyCon4 .list li h5{ font-size: 14px; line-height: 18px; height: 18px; margin-top: 5px;}
.gyCon4 .list .slick-prev,.gyCon4 .list .slick-next{ width: 10px; height: 19px; margin-top: -23px;}
.gyCon4 .list .slick-prev{ left: -7px;}
.gyCon4 .list .slick-next{ right: -7px;} 
}

/* 心理云公益-心理体验 */
.tyList{ margin: 60px 0 75px 0; width: 100%; float: left;}
.tyList .bt{ font-size: 24px; line-height: 58px; padding-left: 20px; border-left: 4px solid #ff6600; background: #f7f9f8; font-weight: lighter; color: #333;}
.tyList .bt span{ font-weight: bold; color: #ff6600;}
.tyList .list1{ margin: 25px 0 60px 0;}
.tyList .list1 ul{ width: 100%; overflow: hidden;}
.tyList .list1 li{ width: 46.15%; float: left;margin-bottom: 25px;}
.tyList .list1 li:nth-child(2n){ float: right;}
.tyList .list1 li .img{ width: 226px; height: 152px; line-height: 0; overflow: hidden; position: relative; float: left;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.tyList .list1 li .img img{ max-width: none; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.tyList .list1 li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.tyList .list1 li .img i{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 15px; border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); color: #fff; display: inline-block;}
.tyList .list1 li .text{ padding-left: 35px; float: right;
width: -moz-calc(100% - 226px);
width: -o-calc(100% - 226px);
width: -webkit-calc(100% - 226px);
width: calc(100% - 226px);}
.tyList .list1 li .text h4{ font-size: 18px; line-height: 36px; height: 36px; padding: 0 25px; overflow: hidden; display: inline-block; color: #fff; background: #ff6600;} 
.tyList .list1 li .text h5{ margin: 16px 0; font-size: 16px; line-height: 24px; height: 48px; letter-spacing: 0.5px; text-align: justify; overflow: hidden; color: #555;} 
.tyList .list1 li .text h6{ cursor: pointer; font-size: 16px; line-height: 18px; padding-top: 16px; border-top: 1px solid #e5e5e5; color: #555;} 
.tyList .list1 li:hover .text h6{ color: #ff6600; font-weight: bold;}
.tyList .link{ font-size: 0; width: 100%; background: #eee;}
.tyList .link a{ padding: 17px 35px; font-size: 18px; line-height: 24px; color: #333; display: inline-block;}
.tyList .link a.on,.tyList .link a:hover{ background: #ff6600; color: #fff;}
.tyList .list2{ margin: 25px 0 0 0;}
.tyList .list2 ul{ width: 102%; margin: -15px -1% 65px -1%; overflow: hidden;}
.tyList .list2 li{ width: 31.3%; margin: 15px 1%; float: left;}
.tyList .list2 li .img{ width: 100%; padding-bottom: 66.99%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.tyList .list2 li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.tyList .list2 li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.tyList .list2 li .img i{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 15px; border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); color: #fff; display: inline-block;}
.tyList .list2 li .text{ width: 100%; background: #fff; text-align: center; border: 1px solid #e5e5e5;}
.tyList .list2 li .text h4{ font-size: 18px; padding: 0 25px; line-height: 36px; height: 36px; margin-top: -18px; z-index: 3; position: relative; overflow: hidden; color: #fff; background: #ff6600; display: inline-block;}
.tyList .list2 li .text h5{ margin: 15px 0; font-size: 16px; line-height: 30px; height: 60px; padding: 0 55px; letter-spacing: 0.5px; overflow: hidden; color: #555;}
.tyList .list2 li .text h6{ cursor: pointer; font-size: 16px; line-height: 56px; height: 56px; overflow: hidden; color: #333; border-top: 1px solid #e5e5e5;}
.tyList .list2 li:hover .text h6{ background: #f2f0f0; color: #ff6600;}
.tyList .link{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.tyList .link .seach{ font-size: 0; padding: 17px 0;}
.tyList .link .seach .fv{ font-size: 16px; line-height: 18px; width: 150px; padding: 3px 5px; display: inline-block; vertical-align: middle; background: #fff;}
.tyList .link .seach .btn{ font-size: 16px; line-height: 24px; margin-left: 10px; padding: 0 10px; border: 0; outline: 0; -webkit-appearance: none; box-shadow: none; background: #ff6600; color: #fff; border-radius: 5px; display: inline-block; vertical-align: middle;}
.tyList .link .bq{ padding: 17px 15px 17px 0; font-size: 0;}
.tyList .link .bq p{ font-size: 18px; line-height: 24px; display: inline-block; vertical-align: middle; color: #333;}
.tyList .link .bq span{ font-size: 18px; line-height: 24px; margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; color: #555;}
.tyList .link .bq span.on{color: #ff6600;}
.tyList .link .bq span:hover{ text-decoration: underline;}
@media screen and (max-width:1429px ) {
.tyList .link a{ padding: 17px 25px;}
.tyList .link .bq p{ font-size: 16px;}
.tyList .link .bq span{ font-size: 16px;}
}
@media screen and (max-width:991px ) {
.tyList{ margin: 20px 0 20px 0;}
.tyList .bt{ font-size: 18px; line-height: 38px; padding-left: 10px;}
.tyList .list1{ margin: 15px 0 20px 0;}
.tyList .list1 li{ width: 48%;}
.tyList .list1 li .img{ width: 160px; height: 120px;}
.tyList .list1 li .img i{ font-size: 12px; line-height: 24px; height: 24px; padding: 0 10px;}
.tyList .list1 li .text{ padding-left: 15px;
width: -moz-calc(100% - 160px);
width: -o-calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: calc(100% - 160px);}
.tyList .list1 li .text h4{ font-size: 16px; padding: 0 10px; line-height: 30px; height: 30px;}
.tyList .list1 li .text h5{ margin: 5px 0; font-size: 14px; line-height: 24px; height: 48px;}
.tyList .list1 li .text h6{ padding-top: 5px; font-size: 14px; line-height: 30px; height: 30px;}
.tyList .link a{ padding: 7px; font-size: 14px; line-height: 20px;}
.tyList .list2{ margin: 15px 0 0 0;}
.tyList .list2 ul{ margin: -10px -1% 10px -1%;}
.tyList .list2 li{ margin: 10px 1%;}
.tyList .list2 li .img i{ font-size: 12px; line-height: 24px; height: 24px; padding: 0 10px;}
.tyList .list2 li .text h4{ font-size: 16px; padding: 0 10px; line-height: 30px; height: 30px; margin-top: -15px;}
.tyList .list2 li .text h5{ margin: 5px 0; font-size: 14px; line-height: 24px; height: 48px; padding: 0 15px;}
.tyList .list2 li .text h6{ font-size: 14px; line-height: 30px; height: 30px;}
.tyList .link .seach{ padding: 7px 0;}
.tyList .link .seach .fv{ font-size: 14px; line-height: 14px; width: 100px; padding: 0 5px;}
.tyList .link .seach .btn{ font-size: 14px; line-height: 20px; margin-left: 5px; padding: 0 10px;}
.tyList .link .bq{ padding: 7px 5px 7px 0;}
.tyList .link .bq p{ font-size: 14px; line-height: 20px;}
.tyList .link .bq span{ font-size: 14px; line-height: 20px; margin-left: 5px;}
}
@media screen and (max-width:767px ) {
.tyList .list1 ul{ margin: -5px 0;}
.tyList .list1 li{ width: 100%; margin: 5px 0;}
.tyList .list2 ul{ margin: -5px -1% 15px -1%;}
.tyList .list2 li{ width: 48%; margin: 5px 1%;}
.tyList .link{ display: block; width: 100%; background: none;}
.tyList .link .lj{ width: 100%; background: #eee;}
.tyList .link .seach{ margin: 10px 0; padding: 0; width: 100%; text-align: center;}
.tyList .link .seach .fv{ line-height: 16px; padding: 5px; width: 150px; border: 1px solid #ccc;}
.tyList .link .seach .btn{ line-height: 30px;}
.tyList .link .bq{ padding: 0; width: 100%; text-align: center;}
}

/* 心理云公益-心理减压 */
.jyList{ margin: 60px 0 75px 0; width: 100%; float: left;}
.jyList .link{ font-size: 0; width: 100%; background: #f7f9f8;}
.jyList .link a{ padding: 17px 35px; font-size: 18px; line-height: 24px; color: #333; display: inline-block;}
.jyList .link a.on,.jyList .link a:hover{ background: #ff6600; color: #fff;}
.jyList .list{ width: 100%;}
.jyList .list ul{ margin: 30px 0 80px 0; width: 100%; overflow: hidden;}
.jyList .list li{ margin-top: 20px; width: 49.23%; float: left; border: 1px solid #e5e5e5;}
.jyList .list li:nth-child(2n){ float: right;}
.jyList .list li .img{ float: left; width: 247px; height: 164px; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.jyList .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.jyList .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.jyList .list li .img .ico{ display: block; width: 56px; height: 56px; background: url(images/jy5.png) no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%); 
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.jyList .list li .img i{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 15px 0 40px; border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4) url(images/home3_2.png) no-repeat 15px center; color: #fff; display: inline-block;}
.jyList .list li .text{ padding: 30px 30px 0 35px; float: right;
width: -moz-calc(100% - 247px);
width: -o-calc(100% - 247px);
width: -webkit-calc(100% - 247px);
width: calc(100% - 247px);}
.jyList .list li .text h5{ font-size: 16px; height: 18px; line-height: 18px; overflow: hidden; color: #333;}
.jyList .list li .text h6{ margin-top: 15px; font-size: 14px; line-height: 24px; height: 72px; letter-spacing: 0.5px; text-align: justify; overflow: hidden; color: #555;}
@media screen and (max-width:991px ) {
.jyList{ margin: 20px 0 20px 0;}
.jyList .link a{ padding: 7px; font-size: 14px; line-height: 20px;}
.jyList .list ul{ margin: 10px 0 20px 0;}
.jyList .list li{ margin-top: 10px;}
.jyList .list li .img{ width: 175px; height: 116px;}
.jyList .list li .img .ico{ width: 36px; height: 36px;}
.jyList .list li .img i{ font-size: 14px; line-height: 30px; height: 30px; padding: 0 15px 0 40px;}
.jyList .list li .text{ padding: 15px 10px 0 10px;
width: -moz-calc(100% - 175px);
width: -o-calc(100% - 175px);
width: -webkit-calc(100% - 175px);
width: calc(100% - 175px);}
.jyList .list li .text h6{ margin-top: 10px; line-height: 20px; height: 60px;}
}
@media screen and (max-width:767px ) {
.jyList .list li{ width: 100%;}
}

/* 关于我们 */
.aboutCon1{ margin: 85px 0 95px 0; width: 100%; float: left;}
.aboutCon1 .tit{ font-size: 0; width: 100%; text-align: center;}
.aboutCon1 .tit h5{ margin-bottom: 40px; font-size: 34px; line-height: 34px; color: #333;}
.aboutCon1 .tit i{ display: inline-block; width: 50px; height: 3px; background: #ff6600;}
.aboutCon1 .info{ margin: 40px 0 80px 0; font-size: 16px; line-height: 30px; color: #555; text-align: center;}
.aboutCon1 .list{ width: 100%; overflow: hidden;}
.aboutCon1 .list li{ width: 33.3%; padding: 0 5px; float: left; text-align: center;}
.aboutCon1 .list li .dis{ display: inline-block; text-align: center; font-size: 0;}
.aboutCon1 .list li .dis i{ font-size: 60px; line-height: 48px; display: inline-block; vertical-align: bottom; color: #ff6600; font-weight: bold;}
.aboutCon1 .list li .dis em{ font-size: 16px; line-height: 16px; display: inline-block; vertical-align: bottom; color: #555;}
.aboutCon1 .list li h6{ margin-top: 24px; font-size: 16px; line-height: 20px; color: #555; text-align: center;}
@media screen and (max-width:991px ) {
.aboutCon1{ margin: 20px 0 20px 0;}
.aboutCon1 .tit h5{ margin-bottom: 10px; font-size: 18px; line-height: 18px;}
.aboutCon1 .tit i{ width: 20px; height: 2px;}
.aboutCon1 .info{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px;}
.aboutCon1 .list li .dis i{ font-size: 20px; line-height: 20px;}
.aboutCon1 .list li .dis em{ font-size: 14px; line-height: 14px;}
.aboutCon1 .list li h6{ margin-top: 10px; font-size: 14px; line-height: 18px;}
}

.aboutCon2{ padding: 95px 0 85px 0; width: 100%; float: left;}
.aboutCon2 .tit{ font-size: 0; width: 100%; text-align: center;}
.aboutCon2 .tit h5{ font-size: 34px; line-height: 34px; color: #fff;}
.aboutCon2 .tit h6{ margin: 10px 0 30px 0; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #fff;}
.aboutCon2 .tit i{ display: inline-block; width: 50px; height: 3px; background: #fff;}
.aboutCon2 .list{ margin: 35px 0 65px 0; width: 100%;}
.aboutCon2 .list ul{ width: 104%; margin: 0 -2%; padding-bottom: 10px; overflow: hidden;}
.aboutCon2 .list li{ padding: 60px 55px 50px 55px; width: 29.3%; margin: 0 2%; cursor: pointer; float: left; box-shadow: 0 5px 5px rgba(0,0,0,0.05); background: #fff; border-radius: 5px;}
.aboutCon2 .list li h4{ font-size: 26px; line-height: 26px; height: 26px; overflow: hidden; color: #333; text-align: center;}
.aboutCon2 .list li i{ display: block; width: 125px; height: 125px; line-height: 0; margin: 45px auto 35px auto; background: #ff6600; border-radius: 100%;
-webkit-transition: 2s ease;
-moz-transition: 2s ease;
-ms-transition: 2s ease;
-o-transition: 2s ease;
transition: 2s ease;}
.aboutCon2 .list li:hover i{ transform: rotateY(360deg);}
.aboutCon2 .list li h5{ font-size: 16px; line-height: 30px; height: 150px; overflow: hidden; color: #555; text-align: center;}
.aboutCon2 .info{ font-size: 16px; line-height: 30px; letter-spacing: 0.8px; overflow: hidden; color: #555; text-align: center;}
@media screen and (max-width:991px ) {
.aboutCon2{ padding: 20px 0 20px 0;}
.aboutCon2 .tit h5{ font-size: 18px; line-height: 18px;}
.aboutCon2 .tit h6{ margin: 5px 0 10px 0; font-size: 14px; line-height: 14px;}
.aboutCon2 .tit i{ width: 20px; height: 2px;}
.aboutCon2 .list{ margin: 15px 0 10px 0;}
.aboutCon2 .list ul{ width: 102%; margin: 0 -1%;}
.aboutCon2 .list li{ padding: 20px 10px 15px 10px; width: 31.3%; margin: 0 1%;}
.aboutCon2 .list li h4{ font-size: 18px; line-height: 18px; height: 18px;}
.aboutCon2 .list li i{ width: 80px; height: 80px; margin: 15px auto 15px auto;}
.aboutCon2 .list li h5{ font-size: 14px; line-height: 24px; height: 120px;}
.aboutCon2 .info{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:767px ) {
.aboutCon2 .list ul{ width: 100%; margin: -5px 0;}
.aboutCon2 .list li{ width: 100%; margin: 5px 0;}
.aboutCon2 .list li i{ width: 40px; height: 40px; margin: 5px auto 5px auto;}
.aboutCon2 .list li h5{ height: auto;}
}

.aboutCon3{ width: 100%; float: left;}
.aboutCon3 .tit{ width: 270px; padding: 65px 0 65px 50px; font-size: 0; float: left; background: #ff6600;}
.aboutCon3 .tit h5{ font-size: 34px; line-height: 34px; color: #fff;}
.aboutCon3 .tit h6{ margin: 10px 0 30px 0; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #fff;}
.aboutCon3 .tit i{ display: inline-block; width: 50px; height: 3px; background: #fff;}
.aboutCon3 .list{ float: right; padding: 80px 0 65px 130px;
width: -moz-calc(100% - 270px);
width: -o-calc(100% - 270px);
width: -webkit-calc(100% - 270px);
width: calc(100% - 270px);}
.aboutCon3 .list ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.aboutCon3 .list .l1{ display: inline-block; text-align: center; font-size: 0;}
.aboutCon3 .list .l2{ width: 1px; height: 80px; border-right: 1px dashed rgba(255,255,255,0.3);}
.aboutCon3 .list li i{ display: inline-block; vertical-align: middle; width: 64px; height: 64px; line-height: 0;}
.aboutCon3 .list li h4{ font-size: 26px; line-height: 28px; margin-left: 20px; color: #fff; display: inline-block; vertical-align: middle;}
@media screen and (max-width:1429px ) {
.aboutCon3 .list{ padding: 80px 0 65px 65px;}
}
@media screen and (max-width:991px ) {
.aboutCon3 .tit{ width: 180px; padding: 15px 0 15px 20px;}
.aboutCon3 .tit h5{ font-size: 18px; line-height: 18px;}
.aboutCon3 .tit h6{ margin: 5px 0 10px 0; font-size: 14px; line-height: 14px;}
.aboutCon3 .tit i{ width: 30px; height: 2px;}
.aboutCon3 .list{ padding: 24px 0 24px 25px;
width: -moz-calc(100% - 180px);
width: -o-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
width: calc(100% - 180px);}
.aboutCon3 .list .l2{ height: 30px;}
.aboutCon3 .list li i{ width: 30px; height: 30px;}
.aboutCon3 .list li h4{ font-size: 16px; line-height: 18px; margin-left: 10px;}
}
@media screen and (max-width:767px ) {
.aboutCon3 .tit{ width: 100%; text-align: center; padding: 15px 0;}
.aboutCon3 .list{ padding: 25px 0 25px 0; width: 100%;}
}

.aboutCon4{ margin: 90px 0 80px 0; width: 100%; float: left;}
.aboutCon4 .tit{ font-size: 0; width: 100%; text-align: center;}
.aboutCon4 .tit h5{ font-size: 34px; line-height: 34px; color: #333;}
.aboutCon4 .tit h6{ margin: 10px 0 30px 0; font-size: 16px; line-height: 16px; opacity: 0.5; text-transform: uppercase; color: #555;}
.aboutCon4 .tit i{ display: inline-block; width: 50px; height: 3px; background: #ff6600;}
.aboutCon4 .list{ margin: 45px 0 20px 0; padding: 45px 80px; border: 1px solid #e5e5e5;}
.aboutCon4 .list ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.aboutCon4 .list li h4{ font-weight: bold; font-size: 16px; line-height: 18px; padding-left: 15px; border-left: 4px solid #ff6600; color: #555;}
.aboutCon4 .list li h5{ margin-top: 12px; font-size: 16px; line-height: 18px; color: #555;}
.aboutCon4 .list2{ width: 100%;}
.aboutCon4 .list2 .line{ float: left; width: 49%;}
.aboutCon4 .list2 .line:nth-child(2n){ float: right;}
.aboutCon4 .list2 .text{ padding: 28px 0; width: 100%; text-align: center; border: 1px solid #e5e5e5; border-bottom: none;}
.aboutCon4 .list2 h4{ display: inline-block; font-weight: bold; font-size: 16px; line-height: 18px; padding-left: 15px; border-left: 4px solid #ff6600; color: #555;}
.aboutCon4 .list2 h5{ display: inline-block; font-size: 16px; line-height: 18px; color: #555;}
.aboutCon4 .bdmap{ width: 100%; height: 360px;}
/* .aboutCon4 .bdmap .BMap_stdMpCtrl,.aboutCon4 .bdmap .BMap_cpyCtrl,.aboutCon4 .bdmap .anchorBL{ display: none;} */
@media screen and (max-width:991px ) {
.aboutCon4{ margin: 20px 0 20px 0;}
.aboutCon4 .tit h5{ font-size: 18px; line-height: 18px;}
.aboutCon4 .tit h6{ margin: 5px 0 10px 0; font-size: 14px; line-height: 14px;}
.aboutCon4 .tit i{ width: 20px; height: 2px;}
.aboutCon4 .list{ margin: 15px 0 15px 0; padding: 10px 20px;}
.aboutCon4 .list li h4{ font-size: 14px; line-height: 18px; padding-left: 10px; border-left: 2px solid #ff6600;}
.aboutCon4 .list li h5{ margin-top: 5px; font-size: 14px; line-height: 16px;}
.aboutCon4 .list2 .text{ padding: 15px 0;}
.aboutCon4 .list2 h4{ font-size: 14px; line-height: 18px; padding-left: 10px; border-left: 2px solid #ff6600;}
.aboutCon4 .list2 h5{ margin-top: 5px; font-size: 14px; line-height: 16px;}
.aboutCon4 .bdmap{ height: 240px;}
}
@media screen and (max-width:767px ) {
.aboutCon4 .list{ padding: 10px 5px;}
.aboutCon4 .list ul{ display: block;}
.aboutCon4 .list li{ width: 100%;}
.aboutCon4 .list li h4{ display: inline-block; vertical-align: middle;}
.aboutCon4 .list li h5{ display: inline-block; vertical-align: middle;}
.aboutCon4 .list2 .line{ width: 100%; margin-bottom: 15px;}
.aboutCon4 .list2 .line:nth-child(2n){ margin-bottom: 0;}
}

/* 心理体验表单 */
.gyBd{ width: 100%; height: 100%; position: fixed; top: -200%; left: 0; z-index: 999; background: rgba(0,0,0,0.5);}
.gyBd.on{ top: 0;}
.gyBd .bg{ width: 564px; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.gyBd .bg .tit{ padding: 12px 25px; width: 100%; float: left; background: #ff6600; border-radius: 5px 5px 0 0; font-size: 0; position: relative;}
.gyBd .bg .tit i{ display: inline-block; vertical-align: middle; width: 28px; line-height: 0;}
.gyBd .bg .tit h5{ margin-left: 10px; font-size: 24px; color: #fff; display: inline-block; vertical-align: middle;}
.gyBd .bg .tit .clo{ width: 14px; height: 14px; cursor: pointer; position: absolute; top: 50%; right: 20px; background: url(images/xz_tp_2.png) no-repeat center; background-size: cover;
-webkit-transform: translate(0, -50%); 
-moz-transform: translate(0, -50%); 
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.gyBd .bg .nr{ width: 100%; float: left; padding: 15px 30px; background: #fff; border-radius: 0 0 5px 5px;}
.gyBd .bg .lab{ width: 100%; float: left;}
.gyBd .bg .lab1{ margin-bottom: 20px; width: 100%; float: left;}
.gyBd .bg .lab2{ text-align: center; width: 100%; float: left;}
.gyBd .bg .name{ width: 154px; font-size: 18px; line-height: 44px; padding-right: 15px; text-align: right; color: #555; float: left;}
.gyBd .bg .wid{ width: 50%; float: left; font-size: 0;}
.gyBd .bg .radio{ margin: 13px 0; width: 350px; float: left;}
.gyBd .bg .radio .regular-radio{ display: none;}
.gyBd .bg .radio .regular-radio + label{ -webkit-appearance: none; background-color: #fff; width: 18px; height: 18px; min-height: 18px; border: 4px solid #e0e0e0; padding: 3px; border-radius:50px; display: inline-block; vertical-align: middle; position: relative;}
.gyBd .bg .radio .regular-radio:checked + label{ border: 4px solid #ff6600;}
.gyBd .bg .radio .regular-radio:checked + label:after{ content: ' '; width: 6px; height: 6px; border-radius: 50px; position: absolute; top: 2px; background:#ff6600; box-shadow:0px 0px 5px 0px #ff6600; left: 2px;}
.gyBd .bg .radio span{ font-size: 16px; line-height: 18px; margin-left: 8px; display: inline-block; vertical-align: middle; color: #555;}
.gyBd .bg .fv{ width: 350px; line-height: 24px; padding: 10px 15px; font-size: 16px; float: left; color: #555; background: #f5f5f5; border: 1px solid #e5e5e5;}
.gyBd .bg .select{ float: left; position: relative;}
.gyBd .bg .select .span{ width: 350px; line-height: 24px; padding: 10px 15px; font-size: 16px; position: relative; cursor: pointer; float: right; color: #555; background: #f5f5f5; border: 1px solid #e5e5e5;}
.gyBd .bg .select .span::after{ content: ""; cursor: pointer; width: 12px; height: 12px; border-top: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; position: absolute; right: 15px; top: 13px; transform: rotate(135deg);}
.gyBd .bg .dl{ width: 100%; position: absolute; left: 0; top: 99%; z-index: 5; background: #f5f5f5; border: 1px solid #e5e5e5; display: none;}
.gyBd .bg .dl dd{ width: 100%; float: left; font-size: 16px; line-height: 40px; cursor: pointer; position: relative; padding-left: 15px; color: #666;}
.gyBd .bg .fv1{ margin: 15px 0 25px 0; width: 304px; height: 52px; line-height: 52px; border-radius: 52px; font-size: 20px; color: #fff; background: #ff6600; text-align: center;}
@media screen and (max-width:991px ) {
.gyBd .bg{ width: 90%;}
.gyBd .bg .tit{ padding: 8px 15px;}
.gyBd .bg .tit i{ width: 18px;}
.gyBd .bg .tit h5{ margin-left: 5px; font-size: 18px;}
.gyBd .bg .tit .clo{ width: 12px; height: 12px; right: 15px;}
.gyBd .bg .nr{ padding: 5px 10px;}
.gyBd .bg .lab1{ margin-bottom: 10px;}
.gyBd .bg .name{ width: 110px; font-size: 14px; line-height: 34px; padding-right: 5px;}
.gyBd .bg .radio{ margin: 8px 0;
width: -moz-calc(100% - 110px);
width: -o-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: calc(100% - 110px);}
.gyBd .bg .radio .regular-radio + label{ width: 10px; height: 10px; min-height: 10px; border: 2px solid #e0e0e0; padding: 3px;}
.gyBd .bg .radio .regular-radio:checked + label{ border: 2px solid #ff6600;}
.gyBd .bg .radio .regular-radio:checked + label:after{ width: 4px; height: 4px; top: 1px; left: 1px;}
.gyBd .bg .radio span{ font-size: 12px; line-height: 18px; margin-left: 5px;}
.gyBd .bg .fv{ line-height: 20px; padding: 5px 10px; font-size: 12px;
width: -moz-calc(100% - 110px);
width: -o-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: calc(100% - 110px);}
.gyBd .bg .select{
width: -moz-calc(100% - 110px);
width: -o-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: calc(100% - 110px);}
.gyBd .bg .select .span{ line-height: 20px; padding: 5px 10px; font-size: 12px; width: 100%;}
.gyBd .bg .select .span::after{ width: 8px; height: 8px; right: 8px; top: 10px;}
.gyBd .bg .dl dd{ font-size: 12px; line-height: 40px; padding-left: 15px;}
.gyBd .bg .fv1{ margin: 0 0 10px 0; width: 150px; height: 40px; line-height: 40px; border-radius: 40px; font-size: 16px;}
}

.ysNr{ margin-top: 80px;}
.ysNr .tit{ font-size: 0; width: 100%; text-align: center;}
.ysNr .tit h5{ margin-bottom: 40px; font-size: 34px; line-height: 34px; color: #333;}
.ysNr .tit i{ display: inline-block; width: 50px; height: 3px; background: #ff6600;}
.ysNr .info{ margin: 40px 0 80px 0; font-size: 16px; line-height: 36px; color: #555; text-align: center;}
.ysNr .bg{ padding: 60px; margin: 45px 0 80px 0; width: 100%; position: relative;}
.ysNr .bg::before{ content: ""; position: absolute; top: 16px; left: 16px; border: 1px solid rgba(255,255,255,0.2);
width: -moz-calc(100% - 32px);
width: -o-calc(100% - 32px);
width: -webkit-calc(100% - 32px);
width: calc(100% - 32px);
height: -moz-calc(100% - 32px);
height: -o-calc(100% - 32px);
height: -webkit-calc(100% - 32px);
height: calc(100% - 32px);}
.ysNr .bg h6{ font-size: 24px; color: #fff;}
.ysNr .bg .dis{ width: 51%;}
.ysNr .bg .nr{ font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #fff;}
.ysNr .bg .nr span{ margin: 30px 0; display: block; width: 100%; height: 1px; position: relative; background:rgba(255,255,255,0.2);}
.ysNr .bg .nr span::before{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 6px; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; position: absolute; top: -12px; left: 0;} 
.ysNr .list{ margin: 40px 0 10px 0;}
.ysNr .list ul{ position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.ysNr .list ul::before{ content: ""; z-index: -1; position: absolute; top: 66px; width: 100%; height: 1px; border-top: 1px dashed #ccc;}
.ysNr .list li{ text-align: center;}
.ysNr .list li h5{ font-size: 18px; margin: 25px 0 15px 0; opacity: 0.5; color: #555;}
.ysNr .list li h6{ font-size: 18px; line-height: 30px; color: #555;}
@media screen and (max-width:1429px ) {
.ysNr .bg .dis{ width: 60%;}   
}
@media screen and (max-width:991px ) {
.ysNr{ margin-top: 20px;}
.ysNr .tit h5{ margin-bottom: 10px; font-size: 18px; line-height: 18px;}
.ysNr .tit i{ width: 20px; height: 2px;}
.ysNr .info{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px;}
.ysNr .bg{ padding: 20px; margin: 15px 0 20px 0;}
.ysNr .bg::before{ top: 8px; left: 8px;
width: -moz-calc(100% - 16px);
width: -o-calc(100% - 16px);
width: -webkit-calc(100% - 16px);
width: calc(100% - 16px);
height: -moz-calc(100% - 16px);
height: -o-calc(100% - 16px);
height: -webkit-calc(100% - 16px);
height: calc(100% - 16px);}
.ysNr .bg h6{ font-size: 18px;}
.ysNr .bg .dis{ width: 100%;}
.ysNr .bg .nr{ font-size: 14px; line-height: 24px; letter-spacing: 0; text-align: justify;}
.ysNr .bg .nr span{ margin: 10px 0;}
.ysNr .bg .nr span::before{ border-width: 4px; top: -8px;} 
.ysNr .list{ margin: 15px 0 0 0;}
.ysNr .list ul::before{ top: 40px;}
.ysNr .list li{ width: 100px;}
.ysNr .list li:last-child{ width: 80px;}
.ysNr .list li h5{ font-size: 14px; margin: 10px 0 5px 0;}
.ysNr .list li h6{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:767px ) {
.ysNr .list ul::before{ top: 23px;}
.ysNr .list li{ width: 60px;}
.ysNr .list li:last-child{ width: 47px;}
.ysNr .list li h5{ font-size: 12px; margin: 10px 0 5px 0;}
.ysNr .list li h6{ font-size: 12px; line-height: 18px;}
}

.xsCon{ width: 100%; height: 100%; position: fixed; top: -200%; left: 0; z-index: 999; background: rgba(0,0,0,0.5);}
.xsCon.on{ top: 0;}
.xsCon .bg{ width: 1160px; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.xsCon .bg .tit{ padding: 12px 25px; width: 100%; float: left; background: #ff6600; border-radius: 5px 5px 0 0; font-size: 0; position: relative;}
.xsCon .bg .tit i{ display: inline-block; vertical-align: middle; width: 28px; line-height: 0;}
.xsCon .bg .tit h5{ margin-left: 10px; font-size: 24px; color: #fff; display: inline-block; vertical-align: middle;}
.xsCon .bg .tit .clo{ width: 14px; height: 14px; cursor: pointer; position: absolute; top: 50%; right: 20px; background: url(images/xz_tp_2.png) no-repeat center; background-size: cover;
-webkit-transform: translate(0, -50%); 
-moz-transform: translate(0, -50%); 
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.xsCon .bg .nr{ width: 100%; float: left; padding: 35px; background: #fff; border-radius: 0 0 5px 5px;}
.xsCon .bg .nr .wz{ padding-bottom: 45px; width: 100%; max-height: 60vh; overflow-y: scroll;}
.xsCon .bg .nr .wz::-webkit-scrollbar{ display: none;}
.xsCon .bg .nr h6{ font-size: 20px; line-height: 56px; font-weight: bold; text-align: center; background: #f7f9f8; color: #333;}
.xsCon .bg .nr .info{ margin: 20px 0 30px 0; font-size: 16px; line-height: 30px; letter-spacing: 1px; text-align: justify; color: #555;}
.xsCon .bg .nr .info .sto{ font-weight: bold;}
.xsCon .bg .bot{ width: 100%; overflow: hidden;}
.xsCon .bg .bot .link{ margin: 12px 0; float: left; font-size: 0;}
.xsCon .bg .bot .link a{ display: block; display: inline-block; vertical-align: middle; margin-right: 25px; font-size: 18px; width: 188px; height: 42px; line-height: 40px; border-radius: 42px; text-align: center; background: #ff6600; color: #fff; border: 1px solid #ff6600;}
.xsCon .bg .bot .link a:hover{ color: #ff6600; background: transparent;}
.xsCon .bg .bot .link a:last-child{ color: #ff6600; background: transparent;}
.xsCon .bg .bot .link a:last-child:hover{ background: #ff6600; color: #fff;}
.xsCon .bg .bot .right{ float: right;}
.xsCon .bg .bot .right .img{ display: inline-block; vertical-align: middle; line-height: 0;}
.xsCon .bg .bot .right .img img{ height: 66px;}
.xsCon .bg .bot .right h5{ display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 24px; line-height: 66px; color: #333;}
@media screen and (max-width:1429px ) {
.xsCon .bg{ width: 80%;}
}
@media screen and (max-width:991px ) {
.xsCon .bg .tit{ padding: 8px 15px;}
.xsCon .bg .tit i{ width: 18px;}
.xsCon .bg .tit h5{ margin-left: 5px; font-size: 18px;}
.xsCon .bg .tit .clo{ width: 12px; height: 12px; right: 15px;}
.xsCon .bg .nr{ padding: 15px;}
.xsCon .bg .nr .wz{ padding-bottom: 10px;}
.xsCon .bg .nr h6{ font-size: 18px; line-height: 30px;}
.xsCon .bg .nr .info{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px;}
.xsCon .bg .bot .link{ margin: 3px 0;}
.xsCon .bg .bot .link a{ margin-right: 10px; font-size: 14px; width: 100px; height: 30px; line-height: 28px;}
.xsCon .bg .bot .right .img img{ height: 24px;}
.xsCon .bg .bot .right h5{ margin-left: 10px; font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:767px ) {
.xsCon .bg .bot .link{ margin: 0; width: 100%; text-align: center;}
.xsCon .bg .bot .right{ margin-top: 15px; width: 100%; text-align: center;}
}

.xxCon{ width: 100%; height: 100%; position: fixed; top: -200%; left: 0; z-index: 999; background: rgba(0,0,0,0.5);}
.xxCon.on{ top: 0;}
.xxCon .bg{ width: 840px; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.xxCon .bg .tit{ padding: 12px 25px; width: 100%; float: left; background: #ff6600; border-radius: 5px 5px 0 0; font-size: 0; position: relative;}
.xxCon .bg .tit i{ display: inline-block; vertical-align: middle; width: 28px; line-height: 0;}
.xxCon .bg .tit h5{ margin-left: 10px; font-size: 24px; color: #fff; display: inline-block; vertical-align: middle;}
.xxCon .bg .tit .clo{ width: 14px; height: 14px; cursor: pointer; position: absolute; top: 50%; right: 20px; background: url(images/xz_tp_2.png) no-repeat center; background-size: cover;
-webkit-transform: translate(0, -50%); 
-moz-transform: translate(0, -50%); 
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.xxCon .bg .nr{ width: 100%; float: left; padding: 30px 35px; background: #fff; border-radius: 0 0 5px 5px;}
.xxCon .bg .nr .wz{ padding-bottom: 15px; width: 100%; max-height: 60vh; overflow-y: scroll;}
.xxCon .bg .nr .wz::-webkit-scrollbar{ display: none;}
.xxCon .bg .nr h5{ font-size: 18px; margin-bottom: 15px; color: #333; width: 100%; float: left;}
.xxCon .bg .nr .lab{ padding: 10px 20px; margin-bottom: 20px; width: 49%; float: left; border: 1px solid #e5e5e5; background: #f5f5f5;}
.xxCon .bg .nr .lab:nth-child(2n+1){ float: right;}
.xxCon .bg .nr .lab1{ width: 100%; float: left; font-size: 0; position: relative;}
.xxCon .bg .nr .lab2{ width: 100%; float: left; font-size: 0; position: relative; padding-left: 28px;}
.xxCon .bg .nr .name{ font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle; color: #555;}
.xxCon .bg .nr .fv{ font-size: 16px; line-height: 24px; padding: 0 5px; display: inline-block; vertical-align: middle; color: #555;}
.xxCon .bg .nr .fv1{ padding: 0; width: 100%; height: 50px;}
.xxCon .bg .nr input[type="checkbox"]{ position: absolute; top: 0; left: 0; width: 20px; height: 0; text-align: center; line-height: 20px; margin: 0; border-radius: 0;}
.xxCon .bg .nr input[type="checkbox"]::before{ content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 0;}
.xxCon .bg .nr input[type="checkbox"]:checked::before{ content: ""; background: url(images/xz_tp_13.jpg) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #ff6600; color: #fff; line-height: 20px; border-radius: 0;}
.xxCon .bg .nr h6{ font-size: 16px; line-height: 20px; color: #555; display: inline-block; vertical-align: middle;}
.xxCon .bg .nr h6 span{ color: #ff6600;}
.xxCon .bg .nr h6 a{ color: #ff6600;}
.xxCon .bg .nr h6 a:hover{ text-decoration: underline;}
.xxCon .bg .nr .fv4{ font-size: 20px; width: 336px; height: 50px; line-height: 50px; border-radius: 50px; display: block; margin: 55px auto 0 auto; background: #ff6600; color: #fff; text-align: center;}
@media screen and (max-width:1429px ) {
.xxCon .bg .nr .fv{ width: 150px;}
.xxCon .bg .nr .fv1{ width: 100%;}
}
@media screen and (max-width:991px ) {
.xxCon .bg{ width: 80%;}
.xxCon .bg .tit{ padding: 8px 15px;}
.xxCon .bg .tit i{ width: 18px;}
.xxCon .bg .tit h5{ margin-left: 5px; font-size: 18px;}
.xxCon .bg .tit .clo{ width: 12px; height: 12px; right: 15px;}
.xxCon .bg .nr{ padding: 15px;}
.xxCon .bg .nr .wz{ padding-bottom: 10px;}
.xxCon .bg .nr h5{ font-size: 16px; margin-bottom: 10px;}
.xxCon .bg .nr .lab{ padding: 10px 10px; margin-bottom: 10px;}
.xxCon .bg .nr .name{ font-size: 14px; line-height: 20px;}
.xxCon .bg .nr .fv{ font-size: 14px; line-height: 20px; padding: 0 5px;}
.xxCon .bg .nr .fv1{ padding: 0; height: 50px;}
.xxCon .bg .nr input[type="checkbox"]{ width: 18px; height: 18px; line-height: 18px; margin: 0 8px 0 0;}
.xxCon .bg .nr input[type="checkbox"]::before{ width: 18px; height: 18px;}
.xxCon .bg .nr input[type="checkbox"]:checked::before{ line-height: 18px;}
.xxCon .bg .nr h6{ font-size: 14px; line-height: 18px;}
.xxCon .bg .nr .fv4{ font-size: 14px; width: 160px; height: 34px; line-height: 34px; border-radius: 34px; margin: 15px auto 0 auto;}
}
@media screen and (max-width:767px ) {
.xxCon .bg .nr .lab{ width: 100%;}
.xxCon .bg .nr .fv{ width: 100px;}
.xxCon .bg .nr .fv1{ width: 100%;}
}

.yxyCon{  width: 100%; float: left;}
.yxyCon .dqWz{ margin-bottom: 20px;}
.yxyCon .tit{ margin-top: 60px; font-size: 0; width: 100%; float: left; text-align: center;}
.yxyCon .tit h5{ margin-bottom: 40px; font-size: 34px; line-height: 34px; color: #333;}
.yxyCon .tit i{ display: inline-block; width: 50px; height: 3px; background: #ff6600;}
.yxyCon .info{ margin: 40px 0 0 0; font-size: 16px; line-height: 36px; width: 100%; float: left; color: #555; text-align: center;}
.yxyCon .tab{ margin: 35px 0 0 0; width: 100%; float: left;}
.yxyCon .tab .tp{ padding: 0 38px;}
.yxyCon .tab .slick-list{ padding: 0!important;}
.yxyCon .tab .tp .slick-prev,.yxyCon .tab .tp .slick-next{ margin-top: -11px; position: absolute; width: 12px; height: 22px;}
.yxyCon .tab .tp .slick-prev{ left: 0; background: url(images/home1_7.png) no-repeat center;}
.yxyCon .tab .tp .slick-next{ right: 0; background: url(images/home1_8.png) no-repeat center;}
.yxyCon .tab .tp .pic{ margin: 0;}
.yxyCon .tab .tp .pic.slick-center{ padding: 0;}
.yxyCon .tab .tp .pic .img{ width: 100%; padding: 22px; margin: 30px 0; line-height: 0;}
.yxyCon .tab .tp .pic .img img{ border-radius: 50%; overflow: hidden;}
.yxyCon .tab .tp .pic.slick-center .img img{ border: 5px solid #ff6600; transform: scale(1.23);}
.yxyCon .tab .nr .wz h5{ font-size: 24px; line-height: 26px; color: #333; text-align: center;}
.yxyCon .tab .nr .wz h6{ margin-top: 45px; padding: 40px 50px; font-size: 16px; line-height: 30px; letter-spacing: 0.6px; position: relative; text-align: justify; color: #333; background: #f7f9f9;}
.yxyCon .tab .nr .wz h6::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 15px; border-style: dashed dashed solid dashed; border-color: transparent transparent #f7f9f9 transparent; position: absolute; top: -30px; left: 50%; margin-left: -15px;} 
@media screen and (max-width:991px ) {
.yxyCon .dqWz{ margin-bottom: 0;}
.yxyCon .tit{ margin-top: 20px;}
.yxyCon .tit h5{ margin-bottom: 10px; font-size: 18px; line-height: 18px;}
.yxyCon .tit i{ width: 20px; height: 2px;}
.yxyCon .info{ margin: 10px 0 0 0; font-size: 14px; line-height: 24px;}
.yxyCon .tab{ margin: 0;}
.yxyCon .tab .tp{ padding: 0 15px;}
.yxyCon .tab .slick-list{ padding: 0!important;}
.yxyCon .tab .tp .pic .img{ padding: 22px; margin: 20px 0;}
.yxyCon .tab .tp .pic.slick-center .img img{ border: 3px solid #ff6600; transform: scale(1.23);}
.yxyCon .tab .nr .wz h5{ font-size: 18px; line-height: 20px;}
.yxyCon .tab .nr .wz h6{ margin-top: 20px; padding: 10px 15px; font-size: 14px; line-height: 24px;}
.yxyCon .tab .nr .wz h6::after{ border-width: 8px; top: -16px; margin-left: -8px;} 
}
@media screen and (max-width:767px ) {
.yxyCon .tab .tp .pic .img{ width: 200px; margin: 0 auto;}
}