body { overflow-x: hidden; overflow-y: scroll; width: 100%; color: #333; font-size: 14px; line-height: 1.5; background: #fff; text-align: justify; font-family:"Microsoft YaHei" }
body, dd, dl, dt, form, h1, h2, h3, h4, h5, li, ol, p, ul { margin: 0; padding: 0; }
li, ol, ul { list-style: none; }
img { max-width: 100%; border: none; }
a { color: #333; }
a:hover { color: #333399; }
input, textarea, select, * { outline: none; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.nowarp { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.line2, .line4, .line3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.line3 { -webkit-line-clamp: 3; line-clamp: 3; }
.line4 { -webkit-line-clamp: 4; line-clamp: 4; }
.flex { display: flex; flex-wrap: wrap; }
.flex-important { display: flex !important; flex-wrap: wrap; }
.flex-center { align-items: center; justify-content: center; }
.hidden { display: none; }
.w100 { width: 100%; max-height: 100%; }
.maxh100 { max-height: 100%; }
.fon36 { font-size: 36px; }
.fon32 { font-size: 32px; }
.fon30 { font-size: 30px; }
.fon26 { font-size: 26px; }
.fon24 { font-size: 24px; }
.fon22 { font-size: 22px; }
.fon20 { font-size: 20px; }
.fon18 { font-size: 18px; }
.fon16 { font-size: 16px; }
.fon14 { font-size: 14px; }
.fon12 { font-size: 12px; }
.trans { transition: 0.3s linear all; }
.show { display: block !important; }
.hide { display: none !important; }
.positionr { position: relative; }
.positionb { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.visible-hidden { visibility: hidden; }
.color9 { color: #999; }
.color6 { color: #666; }
.color3 { color: #333; }
.overflow-hidden { overflow: hidden; }
.fonar { font-family: Arial, Helvetica, sans-serif; }
/*图片放大*/
.scale { overflow: hidden; }
.scale img, .scale .scales div { transition: 0.5s linear all; }
.scale:hover img, .scale:hover .scales div { transform: scale(1.1); }
.flex-nowarp { flex-wrap: nowrap; }
.flex-end { align-items: center; justify-content: flex-end; }
.flex-al-center { align-items: center; }
.flex-just { justify-content: space-between; }
.w92 { width: 100%; padding-left: 4%; padding-right: 4%; }
.max1200 { max-width: 1200px; margin: 0 auto; width: 92%; }
/*header*/
 

.menu{ z-index:99; float:right;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left; text-align:center; z-index:99; position:relative; height:80px; margin:0 15px;}
.menu ul .nli a{ display:block; white-space:nowrap; float:left; height:80px; line-height:80px; color:#fff3f3; font-size:15px; letter-spacing:1px; position:relative; width:100%; float:left; font-weight:normal}
.menu ul .nli.on:after{  content:'';width: 100%;  height: 1px; background:#2954a3; position:absolute; left:0; bottom:25px;}

.sub { z-index:21;  position:absolute; float:left;  clear:both; width:160px; left: 0%; margin-left:-85px; top:100% !important;  display:none; }
.sub .ul1{ width:100%;}
.sub .l2{ width:100%; float: left;}

.sub .l2 .l2_a{ line-height: 46px; padding:0; width:100%; display:block; font-size: 16px;  float:left;  color:#ffffff; letter-spacing:1px; background:black; height:auto;}
.sub .l2:hover .l2_a{background:#2954a3; color:white;}
.sub .ul2 { display:none;  margin:0px;  width:175px; position:absolute; left:100%;  background:white; box-shadow:0 0 5px rgba(0,0,0,0.16); z-index:2;}
.sub .ul2 .l3{ width:100%; float:left;}
.sub .ul2 .l3 .l3_a{ line-height: 46px; padding:0; width:100%; display:block; font-size: 16px;  float:left;  color:#2954a3; letter-spacing:1px; background:white; height:auto;}
.sub .ul2 .l3:hover .l3_a { background:#2954a3; color:white;}
.sub .l2 .sub1{ width:809px; height:100%; background:white; background:rgba(255,255,255,0.8); padding:60px; position:absolute; left:100%; top:0; display:none;}
.sub .l2 .sub1:before{ content:''; background:url(http://www.shyihuo.com/template/theme/CN/3706_top5.png) no-repeat center center; width:6px; height:10px; background-size:contain; position:absolute; left:0; top:79px;}
.sub .l2 .sub1 .text{ float:left; width:49.4%; text-align:left;}
.sub .l2 .sub1 .text h3{ width:100%; font-size:22px; color:#333; line-height:36px; font-weight:bold; margin-top:16px;}
.sub .l2 .sub1 .text .p{ width:100%; font-size:16px; color:#666; line-height:32px; margin-top:15px; height:192px; overflow:hidden;}
.sub .l2 .sub1 .pic{ float:right; width:46.36%;}
.menu ul .nli:hover .sub{ display:block;-webkit-animation:fadeInUp1 0.5s 0s ease both;-moz-animation:fadeInUp1 0.5s 0s ease both;}
.sub .l2:hover .ul2{ display:block;-webkit-animation:fadeInUp1 0.5s 0s ease both;-moz-animation:fadeInUp1 0.5s 0s ease both;}




a { text-decoration: none; }
a:hover { text-decoration: none; }
header { width: 100%; background-color: #ffffff; box-shadow: 0px 3px 7px 0px rgba(182, 182, 182, 0.36); position: relative; z-index: 1001; }
header.fix { position: fixed; left: 0; top: 0; }
.header { height: 80px; font-family: "Microsoft YaHei"; }
.header nav li { margin-left: 40px; }
.subnav { position: fixed; top: 80px; left: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding-top: 30px; }
.flex-just-end { justify-content: flex-end; }
.max955 { width: 100%; max-width: 955px; }
.index_sprite { background: url(../image/index_sprite.png) no-repeat; display: block; }
.icon2 { height: 30px; width: 30px; background-position: 0 0; }
.icon3 { height: 30px; width: 30px; background-position: -30px 0; }
.icon1 { height: 30px; width: 30px; background-position: -60px 0; }
.icon4 { height: 30px; width: 30px; background-position: -90px 0; }
.new { height: 15px; width: 33px; background-position: -120px 0; }
.hot { height: 15px; width: 33px; background-position: -153px 0; }
.index-item2-icon3 { height: 41px; width: 43px; background-position: -186px 0; }
.index-item2-icon4 { height: 51px; width: 45px; background-position: -229px 0; }
.contact_cicon3 { height: 47px; width: 45px; background-position: -274px 0; }
.index-item2-icon1 { height: 49px; width: 49px; background-position: -319px 0; }
.index-item2-icon2 { height: 46px; width: 63px; background-position: -368px 0; }
.margin-r5 { margin-right: 5px; }
header .subnav { display: none; }
header dd { width: 25%; padding: 0 10px; }
header .nav-top { margin-bottom: 10px; }
header .nav-sub-item { background: #f7f7f7; padding: 25px; margin-bottom: 20px; display: block; transition: .5s linear all; border-radius: 5px; }
header li:hover a.frist, header li.cur a.frist { color: #333366; font-weight:normal; }
header .nav-sub-item:hover { background: #333366; color: #fff; }
header .nav-sub-item:hover .color9 { color: #fff; opacity: .8; }
/* end header*/

/*index*/
.swiper-pagination-bullet { width: 12px; height: 12px; background: #04090f; }
.index-banner .swiper-button-prev { width: 50px; height: 50px; background: url(../image/banner-left.png) no-repeat center; left: 8%; }
.index-banner .swiper-button-next { width: 50px; height: 50px; background: url(../image/banner-right.png) no-repeat center; right: 8%; }
.colorf { color: #fff; }
.index-item-pad { padding: 20px 30px 20px;}
.index-item-one { padding-top: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.index-item-one li { width: 33.33%; padding: 10px; cursor: pointer; }
.index-item-one li .imgs{transition: .3s linear all;}
.index-item-one li:hover .imgs{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -5px, 0);}
.index-item-one .desc { margin: 0 auto; line-height: 24px; }
.index-item-one .imgs { height: 100%; }
.hei100 { height: 100%; }
.fon30 { font-size: 30px; }
.fon42 { font-size: 42px; }
.padding50 { padding: 30px; }
.flex-al-between { align-content: space-between; }
.advantage { background: url(../image/hxysbg.png) no-repeat center; background-size: 100% 100%; padding: 80px 0 120px; }
.h51 { height: 51px; }
.colorba { color: #bababa; }
.title-cn { padding-bottom: 10px; }
.title-cn::after, .title-cn::before { position: absolute; content: ''; width: 135px; height: 1px; background: #c7c9cd; bottom: 0; left: 50%; transform: translateX(-50%); }
.title-cn::before { width: 40px; height: 1px; background: #a6a6a6; z-index: 2; }
.margin0-auto { margin: 0 auto; }
.advantage-list { padding-top: 90px; }
.advantage-list li { width: 25%; padding: 0 15px; border-right: 1px solid rgba(238, 238, 238, 0.5); }
.advantage-list li:last-child { border-right: 0; }
.advantage-list .a-title { padding: 35px 0 42px; }
.max200 { margin-left: auto; margin-right: auto; max-width: 220px; }
.max255 { margin-left: auto; margin-right: auto; max-width: 255px; }
.line-33 { line-height: 33px; }
.data-strength { padding: 80px 0 10px; }
.timer{ display: block; height: 100px;}
.timer60{ display: block; height: 60px;}
.colorb { color: #333366; }
.fon90 { font-size: 90px; line-height: 1; }
.data-strength-list { margin-top: 50px; padding-top: 50px; background: url(../image/index-shuju-bg.png) no-repeat center; background-size: contain; }
.data-strength-list li { width: 33.33%; padding: 0 15px; margin-bottom: 68px; }
/*.bgfa { background: #fafafa; }*/
.index-case { padding-top: 60px;}
.index-case .case-type { padding: 45px 0; }
.index-case .case-type-title li { width: 194px; height: 40px; background: #fff; border-radius: 20px; line-height: 40px; text-align: center; box-shadow: 0px 3px 7px 0px rgba(182, 182, 182, 0.36); margin: 0 36px; transition: .3s linear all; }
.index-case .case-type-title li:hover, .index-case .case-type-title li.cur { background: #333366; color: #fff; cursor:pointer; }
.index-case .case-type-title li:hover a, .index-case .case-type-title li.cur a { color: #fff; }
.case-list li { width: 33.33%; padding: 0 35px; margin-bottom: 40px; cursor: pointer; }
.case-list li .case-desc{ transition: .3s linear all;}
.case-list .case-img { margin-bottom: 10px; transition: .3s linear all; }
.case-list li:hover .case-img{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -5px, 0);}
.case-list .case-title { padding: 5px 0; }
.case-list li:hover .case-desc{ transform: translate3d(0, -5px, 0);}
.color0 { color: #000; }
.cooperation { padding: 70px 0; }
.cooperation-list { margin-top: 50px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.cooperation-list li { width: 16.66667%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 10px; cursor: pointer; text-align:center}
.cooperation-list li img{width: 80%; max-height:72px; max-width:200px; text-align: center;}
.gray:hover{ transition: .3s linear all; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: #ccc; max-height: 100%; }
.gray{grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
.index-case .new-type-title li { margin: 0 10px; width: 140px; }
.new-list li { margin-bottom: 30px; cursor: pointer; width:25% }
.new-list li .new-box{ transition: .3s linear all;}
.new-list li:hover .new-box{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);transform: translate3d(0, -5px, 0);}
.new-list .new-con { background: #f2f2f2; padding: 30px; }
.new-list .date { padding: 30px 0 15px 0; }
.lineh2 { line-height: 2; }
.master { background: rgba(0, 0, 0, 0.5); }
.footer .footer-flex { align-content: space-around; padding: 30px 0; }
.contact { max-width: 1320px; margin-left: auto; margin-right: auto; background-color: #3b5997; background: rgba(59, 89, 151, 0.7); padding: 30px; }
.contact-left { width: 31%; }
.contact-right { width: 69%; }
.contact-txt { background: none; border: 1px solid #fff; min-height: 35px; margin-bottom: 20px; padding: 10px 15px; }
.contact-txt.layui-form-danger { border: 1px solid #ff0000; }
.xuqiu { height: 75px; }
.w41 { width: 41%; }
.contact-btn { width: 148px; height: 40px; border-radius: 5px; border: solid 1px #ffffff; background: none; }
.contact-btn:hover { background: #fff; color: #333366; }
.contact-txt::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-size: 14px; }
.contact-txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; }
.contact-txt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-size: 14px; }
.video-min { min-height: 570px; max-height:850px; overflow:hidden }
.footer-bg { background: url(../image/contact-bg1.png) no-repeat center #171818; background-size: cover; padding: 30px 0; }
.footer-bg li { width: 22.4%; }
.footer-bg .box { background: rgba(255, 255, 255, 0.2); padding: 20px; height: 128px; }
.footer-bg .footer-icon { margin-bottom: 10px; height: 48px; }
.bg0 { background: #000; }
.max1024 { max-width: 1024px; margin: 0 auto; }
.footer-copy-right { background: #171818; padding: 37px; }
.w179 { width: 179px; margin: 0 auto 30px; }
.color78 { color: #787878; }
.copy-right { padding-top: 50px; }
.footer-icons i { width: 50px; height: 50px; font-size: 0; position: relative; }
.weixin-code { position: absolute; right: -70px; top: -70px; width: 80px; height: 80px; max-width: 80px; opacity: 0; transition: .3s linear all; }
.footer-icons i:hover .weixin-code { opacity: 1; }
/*index*/
/*新闻列表*/
.news-box { padding-top: 0; padding-bottom: 30px; }
/*新闻详情*/
.daohang { padding: 20px 0; background: #fcfcfc; }
.daohang a { margin: 0 10px; }
.daohang a:hover, .daohang a.cur { color: #333366; }
.news-detail { padding: 50px 0; min-height: 500px; }
.newd-title { padding-bottom: 30px; border-bottom: 1px solid #999; margin-bottom: 30px; }
.newd-date { margin-bottom: 30px; }
.newpage { border-top: 1px solid #ccc; padding-top: 30px; }
.newpage p { padding: 5px 0; }
.news-content { padding: 30px 0 100px; }
.page { justify-content: center; margin-bottom: 70px; }
.page a { padding: 5px 8px; border: 1px solid #e5e5e5; border-radius: 3px; margin: 0 5px; min-width: 30px; height: 30px; text-align: center; display: block; }
.page a:hover, .page a.cur { background: #333366; color: #fff; }
.page .page-number { width: 45px; border: 1px solid #e5e5e5; border-radius: 3px; height: 30px; }
.news-box .case-type { padding: 60px 0; }
/*end news*/
/*案例展示*/
.case-detail { padding: 50px 0;}
.loadmore { width: 194px; height: 40px; background-color: #ffffff; box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.19); border-radius: 20px; display: block; margin: 60px auto 20px; text-align: center; line-height: 40px; }
.loadmore:hover { background: #333366; color: #fff; }
/*直播带货*/
.daihuo-item { padding: 90px 0; }
.daihuo-list { padding-top: 60px; }
.daihuo-list li { width: 25%; padding: 2% 2%; }
.fon48 { font-size: 48px; }
.zhibodaihuo-item2 { padding-top: 70px; padding-bottom: 70px; }
.zhibodaihuo-item2 .item2 { padding: 40px 0; }
.w25 { width: 25%; }
.w1320 { max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px; }
.zb-title { position: relative; padding-bottom: 10px; margin-bottom: 20px; }
.zb-title::after { width: 54px; height: 4px; background-color: #ffdc94; content: ''; bottom: 0; left: 0; position: absolute; }
.w45 { width: 45%; }
.zb-list li { width: 50%; position: relative; padding-left: 20px; padding-right: 20%; margin-bottom: 30px; }
.zb-list li::before { display: block; content: ''; width: 12px; position: absolute; left: 0; top: 5px; border-radius: 50%; height: 12px; background-image: linear-gradient(0deg, #f28e26 0%, #fd644f 100%); }
.zb-list2 li { width: 100%; }
.flex-revserse { flex-direction: row-reverse; }
.w30 { width: 30%; }
.w67 { width: 67%; }
.bgf5 { background: #f5f5f5; }
.zhibodaihuo-item3 { padding-top: 90px; }
.zhibodaihuo-item3 .item2 { padding: 50px 0; }
.zhibodaihuo-item3 .w22 { width: 22%; }
.w30 { width: 30%; }
.zhibodaihuo-item4 { padding: 90px 0 0 0; }
.zhibodaihuo-item4 .list { padding-top: 90px; }
.zhibodaihuo-item4 .item4-0 { margin-bottom: 90px; }
.w40 { width: 40%; }
.text-right .zb-title { margin-bottom: 20px; }
.text-right .zb-title::after { right: 0; left: auto; }
.padding-lr4 { padding-left: 4%; padding-right: 4%; }
.zhibodaihuo-item5 { padding: 90px 0 0 0; }
.zhibodaihuo-item5 .list { padding-top: 90px; }
.zhibodaihuo-item5 .icon { height: 118px; margin-bottom: 50px; }
.zhibodaihuo-item5 .item5-title { margin-bottom: 20px; }
.zhibodaihuo-item5 li { margin-bottom: 120px; padding: 0 20px; }
.zhibodaihuo-item5 .desc { min-height: 82px; }
/*end 直播带货*/
/*知识付费*/
.fufei-item1 .list { padding: 15px 0; }
.fufei-item1 .list li { width: 25%; padding: 0 15px; border-right: 1px solid #ccc; }
.fufei-item1 .list li:last-child { border-right: 0; }
.fufei-item1 .title { padding: 8px 0; }
.bgfb { background: #fbfbfb; }
.fufei-item2 { padding: 50px 0; }
.fufei-item2 .fufei2-list { margin-top: 80px; }
.fufei-item2 .fufei2-list li { width: 33.33%; padding: 0 15px; margin-bottom: 80px; }
.fufei-item2 .icon { margin-bottom: 25px; }
.fufei-item3 { background-image: linear-gradient(180deg, #0bbafb 0%, #09b2f0 100%); padding: 80px 0; }
.fufei-item3 .title { padding: 30px 0; }
.fangshi { padding-top: 50px; }
.fufei-item4 { padding: 80px 0; background: url(../image/column3-bg.png) no-repeat center bottom #fbfbfb; }
.w38 { width: 38%; }
.w27 { width: 27%; }
.w326 { width: 326px; }
.w326 .box { width: 326px; height: 295px; border-radius: 10px; background: url(../image/fufei-jihe-icon.png) no-repeat center #7577ea; margin-bottom: 20px; }
.bg-gray { background: #f2f3f8; }
.padding-tb90 { padding-top: 90px; padding-bottom: 90px; }
.padding-b90 { padding-bottom: 90px; }
.fufei-item6 { padding: 60px 0; }
.fufei-list { padding-top: 60px; }
.fufei-list li { width: 20%; padding: 0 10px; }
.fufei-list li .box { min-height: 140px; border-radius: 10px; }
.fufei-list .icon { height: 50px; margin-bottom: 10px; }
/*end 知识付费*/
/*app*/
.advantages-list { padding-top: 60px; }
.advantages-list li { width: 25%; padding: 0 15px; }
.advantages-list .icon { height: 126px; margin-bottom: 20px; }
.fix-case-list li { min-height: 735px; }
.fon50 { font-size: 50px; }
.case-desc p { margin-bottom: 20px; }
.case-desc p span { padding: 18px 26px; border: 1px solid #fff; display: inline-block; }
.fix-content { align-content: space-between; min-height: 735px; padding: 60px 0 60px 320px; }
.fix-case-left { position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; }
.fix-case-left li { height: 105px; border: solid 1px #acacac; border-bottom: 0; width: 263px; text-align: center; display: flex; align-items: center; justify-content: center; background: #464646; cursor: pointer; }
.margin-b60 { margin-bottom: 60px; }
.margin-t60 { margin-top: 60px; }
.margin-b30 { margin-bottom: 30px; }
.margin-t30 { margin-top: 30px; }
/*end app*/
/*about*/
.op5 { opacity: .5; }
.about-list { margin-top: 40px; padding-left: 20px; padding-right: 20px;}
.about-list  .aboutpic{width:40%; border:0px solid #FF0000; float:left; text-align:right;}
.about-list  .abouttxt{width:60%; border:0px solid #FF0000; float:right; text-align:left; vertical-align:middle; font-size:20px; line-height:46px; padding:10px 20px; text-indent:2em;}

.about-list .list { width: 33.33%; padding: 50px 15px; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.about-list .list:nth-child(3n) { border-right: 0; }
.about-list .list:nth-child(4), .about-list .list:nth-child(5), .about-list .list:nth-child(6) { border-bottom: 0; }
.w41 { width: 41%; align-items: flex-start; }
.w41::before { position: absolute; left: 0; top: 50%; height: 25%; background: #0063af; content: ''; width: 100%; transform: translateY(-50%); }
.team-img { position: relative; z-index: 3; }
.max660 { max-width: 660px; }
.w59 { width: 59%; }
.w59 .team-list li { flex: 1; text-align: center; line-height: 64px; cursor: pointer; }
.w59 .team-list li:hover, .w59 .team-list li.cur { background: #0063af; color: #fff; }
.team-img { box-shadow: -10px 45px 1px rgba(0, 0, 0, 0.15); }
.team-content { padding: 30px 40px; }
.idea { background: #004098; }
.idea .idea-con { align-content: space-around; padding: 60px 0; }
.idea .idea-title { position: relative; padding-bottom: 10px; }
.idea .idea-title::after { content: ''; width: 38px; height: 2px; background: #fff; opacity: .5; position: absolute; left: 0; bottom: 0; }


.container-fluid,#Content3{ width:100%; float:left;}
.conter,.container-fluid{ padding:0px;}
@font-face {
	font-family: 'OPENSANS-BOLD';
	src: url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.eot');
	src: local('芒藴潞'), url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.woff') format('woff'), url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.ttf') format('truetype'), url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}

#Content3 .index2 .pic{ width:50%; float:left; height:738px;}
#Content3 .index2 .text{ width:50%; float:left; height:738px; display:table; position:relative; background:url(../image/3710_index8.jpg) center center;}
#Content3 .index2 .text > span{ display:table-cell; vertical-align:middle; padding:0 26.1% 0 10.4%; position:relative; z-index:2;}

#Content3 .index2 .text h4{ width:100%; float:left; margin-top:29px; color:white; font-size:22px; line-height:32px; letter-spacing:2px;}
#Content3 .index2 .text .jj{ width:100%; float:left; margin-top:46px; color:white; font-size:16px; line-height:34px; letter-spacing:2px; height:204px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: break-all;}
#Content3 .index2 .text dl{ width:100%; float:left; margin-top:40px; border:solid 1px rgba(255,255,255,0.2); padding:34px 0 38px 0;}
#Content3 .index2 .text dl dd{ width:33.333%; float:left; text-align:center;}
#Content3 .index2 .text dl dd h3{ width:100%; color:white; font-size:42px; line-height:52px; letter-spacing:1px;}
#Content3 .index2 .text dl dd h3 img{ vertical-align:middle; margin:13px 0 0 8px;}
#Content3 .index2 .text dl dd h5{ width:100%; margin-top:8px; color:white; font-size:16px; line-height:24px; letter-spacing:2px;}
#Content3 .index2 .text .more{ display:block; width:68px; height:68px; position:absolute; left:-34px; top:50%; margin-top:-34px; background:#d8211d; text-align:center; line-height:68px; color:white; font-size:14px; text-transform:uppercase; z-index:3;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
@media screen and (max-width: 1360px) {
#Content3 .index2 .text > span{ padding:0 16% 0 10.4%;}

}


#Content3 .indexHead{ float:left; width:100%; color:#000; font-size:44px; line-height:50px; font-weight:bold; text-transform:capitalize;}
#Content3 .indexHead span{ margin-left:21px; display:inline-block; vertical-align:middle; line-height:40px; font-size:26px; color:#3c3c3c; font-weight:normal;}
#Content3 .indexHead a{ float:right; margin-top:10px; font-size:14px; color:#1e4593; line-height:40px; text-transform:uppercase; font-weight:bold; padding-left:29px; background:url(http://www.shyihuo.com/template/theme/CN/3710_index10.png) no-repeat left center; letter-spacing:1px;}
#Content3 .indexHead a:hover{ text-decoration:underline;}
#Content3 .indexHead.indexHead_w{ color:white;}
#Content3 .indexHead.indexHead_w span{ color:white;}

@media screen and  (max-width:1420px){

}
@media screen and  (max-width:1200px){
#Content3 .index2 .text span{ padding:0 10% 0 8%;}
}
@media screen and  (max-width:992px){
#Content3 .indexHead{ font-size:34px; line-height:40px;}
#Content3 .indexHead span{ margin-left:10px; line-height:34px; font-size:20px;}

#Content3 .index2 .pic,#Content3 .index2 .text{ height:500px;}
#Content3 .index2 .text span{ padding:0 6% 0 8%;}
#Content3 .index2 .text h3{  font-size:40px; line-height:50px; letter-spacing:0px;}
#Content3 .index2 .text h4{ margin-top:20px; font-size:16px; line-height:26px; letter-spacing:1px;}
#Content3 .index2 .text .jj{ margin-top:24px; font-size:14px; line-height:26px; letter-spacing:1px; height:156px;}
#Content3 .index2 .text dl{ margin-top:30px; padding:20px 0 24px 0;}
#Content3 .index2 .text .more{ width:50px; height:50px; left:-25px; margin-top:-25px; line-height:50px; font-size:12px;}
#Content3 .index2 .text dl dd h3{ font-size:38px; line-height:46px; letter-spacing:1px;}
#Content3 .index2 .text dl dd h3 img{ width:12px; margin:8px 0 0 6px;}
#Content3 .index2 .text dl dd h5{ margin-top:6px; font-size:14px; line-height:18px; letter-spacing:1px;}
}
@media screen and  (max-width:768px){
#Content3 .indexHead{ font-size:28px; line-height:30px;}
#Content3 .indexHead span{ margin-left:6px; line-height:24px; font-size:16px;}
#Content3 .indexHead a{ margin-top:6px; font-size:12px; line-height:30px; padding-left:20px; background-size:14px auto;letter-spacing:0px;}

#Content3 .index2 .pic,#Content3 .index2 .text{ height:300px; width:100%;}
#Content3 .index2 .text span{ padding:20px 6%;}
#Content3 .index2 .text h4{ margin-top:10px; font-size:14px; line-height:22px; letter-spacing:0px;}
#Content3 .index2 .text .jj{ margin-top:12px; font-size:12px; line-height:20px; letter-spacing:0px; height:118px;}
#Content3 .index2 .text dl{ margin-top:20px; padding:10px 0 12px 0;}
#Content3 .index2 .text .more{ left:auto; right:10px; top:10px; width:50px; height:50px; margin-top:0; line-height:50px; font-size:12px;}
#Content3 .index2 .text dl dd h3{ font-size:20px; line-height:30px; letter-spacing:0px;}
#Content3 .index2 .text dl dd h3 img{ width:8px; margin:6px 0 0 4px;}
#Content3 .index2 .text dl dd h5{ margin-top:4px; font-size:12px; letter-spacing:0px;}
}

.container-fluid,#Content4{ width:100%; float:left;}
.conter,.container-fluid{ padding:0;}
@font-face {
	font-family: 'OPENSANS-BOLD';
	src: url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.eot');
	src: local('芒藴潞'), url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.woff') format('woff'), url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.ttf') format('truetype'), url('http://www.shyihuo.com/static/css/fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}

#Content4 .indexHead{ float:left; width:100%; color:#000; font-size:44px; line-height:50px; font-weight:bold; text-transform:capitalize;}
#Content4 .indexHead span{ margin-left:21px; display:inline-block; vertical-align:middle; line-height:40px; font-size:26px; color:#3c3c3c; font-weight:normal;}
#Content4 .indexHead a{ float:right; margin-top:10px; font-size:14px; color:#1e4593; line-height:40px; text-transform:uppercase; font-weight:bold; padding-left:29px; background:url(http://www.shyihuo.com/template/theme/CN/3711_index10.png) no-repeat left center; letter-spacing:1px;}
#Content4 .indexHead a:hover{ text-decoration:underline;}
#Content4 .indexHead.indexHead_w{ color:white;}
#Content4 .indexHead.indexHead_w span{ color:white;}


#Content4 .index3{ padding:10px 0 50px 0;}
#Content4 .index3 .index1Body{ width:100%; float:left; margin-top:40px; height:480px; overflow:hidden;}
#Content4 .index3 .index1Body li{ width:14.285%; float:left; height:480px; position:relative; background:black; cursor:pointer; overflow:hidden;}
#Content4 .index3 .index1Body li .img{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.6; z-index:1;}

#Content4 .index3 .index1Body li .text{ width:100%; top:50%; position:absolute; left:0; text-align:center; z-index:3;}
#Content4 .index3 .index1Body li .text .ico{ display:inline-block; vertical-align:top; padding:5px; margin-top:-58px; background:white; width:78px; height:78px; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#Content4 .index3 .index1Body li .text .ico img{ width:100%; float:left;}

#Content4 .index3 .index1Body li .text .title{ display:inline-block; vertical-align:top; width:100%; margin-top:20px; font-size:16px; color:white; line-height:34px; padding-bottom:4px; background:url(http://www.shyihuo.com/template/theme/CN/3711_index23.png) no-repeat center bottom;}
#Content4 .index3 .index1Body li .text .p{ width:100%; float:left; font-size:14px; color:#333; line-height:26px; display:none; margin-top:22px; max-height:104px; overflow:hidden; padding-left:32px;}
#Content4 .index3 .index1Body li .text .detail{ display:none; margin-top:34px; position:absolute; right:-34px; top:50%; width:68px; height:68px; background:#d8211d; text-align:center; margin-top:-34px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#Content4 .index3 .index1Body li .text .detail:hover{ color:#3e5fa2;  }
#Content4 .index3 .index1Body li .text .more{ display:none; margin-top:17px; font-size:14px; color:#d8211d; font-family:Arial; text-transform:uppercase; font-weight:bold; float:right;}

#Content4 .index3 .index1Body li.on .text .more{ display:block;}
#Content4 .index3 .index1Body li.on .text .title{ margin-top:0; color:#333; padding-bottom:0; background:none; font-size:24px; font-weight:bold; padding-bottom:24px; background:url(http://www.shyihuo.com/static/static/images/index/3711_index16.png) no-repeat right bottom;}
#Content4 .index3 .index1Body li.on .text .bian{ display:none;}
#Content4 .index3 .index1Body li.on .text .p{ display:block;}
#Content4 .index3 .index1Body li.on .text .detail{ display:block;}
#Content4 .index3 .index1Body li.on{ width:42.855%;}
#Content4 .index3 .index1Body li.on .text{ width:360px; height:280px; background:rgba(255,255,255,0.9); left:0; text-align:right; margin:-140px 0 0 0; padding:47px 90px 47px 0;}
#Content4 .index3 .index1Body li.on .text:before{ content:''; width:64px; height:100%; position:absolute; right:-64px; top:0; background:url(http://www.shyihuo.com/template/theme/CN/3711_index22.png);}
#Content4 .index3 .index1Body li.on .text .ico{ display:none;}
#Content4 .index3 .index1Body li.on .img{ opacity:1;}


@media screen and  (max-width:1420px){

}
@media screen and  (max-width:1200px){
#Content4 .index3 .index1Body{ height:400px;}
#Content4 .index3 .index1Body li{ height:400px;}
#Content4 .index3 .index1Body li.on .text{ padding-right:60px;}


}
@media screen and  (max-width:992px){
#Content4 .index3{ padding:30px 0 50px 0;}
#Content4 .index3 .index1Body{ height:300px;}
#Content4 .index3 .index1Body li{ height:300px;}
#Content4 .index3 .index1Body li .text .ico{ margin-top:-50px; width:60px; height:60px;}
#Content4 .index3 .index1Body li .text .title{ margin-top:15px; font-size:14px; line-height:28px;}
#Content4 .index3 .index1Body li.on .text{ height:200px; margin:-100px 0 0 0; padding:25px 40px 20px 0; width:260px;}
#Content4 .index3 .index1Body li.on .text:before{ width:40px; right:-40px;}
#Content4 .index3 .index1Body li .text .detail{ margin-top:25px; font-size:12px; line-height:50px; right:-25px; width:50px; height:50px; margin-top:-25px;}
#Content4 .index3 .index1Body li.on .text .title{ font-size:20px; line-height:26px;}
#Content4 .index3 .index1Body li .text .p{ font-size:12px; line-height:20px; margin-top:20px; max-height:80px;}

#Content4 .indexHead{ font-size:34px; line-height:40px;}
#Content4 .indexHead span{ margin-left:10px; line-height:34px; font-size:20px;}
}
@media screen and  (max-width:768px){
#Content4 .index3{ padding:30px 0 20px 0;}
#Content4 .index3 .indexHead{ padding:0 10px;}
#Content4 .index3 .index1Body{ margin-top:15px; position:relative; height:auto;}
#Content4 .index3 .index1Body li{  width:100%;}
#Content4 .index3 .index1Body li.on{ width:100%;}
#Content4 .index3 .index1Body li .img{ opacity:1;}
#Content4 .index3 .index1Body li .text{ height:185px; width:90%; margin:-85px 0 0 5%; padding:25px 20px 20px 20px; background:rgba(255,255,255,0.9);}
#Content4 .index3 .index1Body li .text .title{ font-size:20px; line-height:26px; color:#333; padding-bottom:6px; margin-top:0px;}
#Content4 .index3 .index1Body li .text .p{ display:block; height:60px; margin-top:10px; padding-left:0;}
#Content4 .index3 .index1Body li .text .more{ display:block; float:none; display:inline-block; vertical-align:top; margin-top:10px;}
#Content4 .index3 .index1Body .slick-dots{
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
	z-index:5;
	height:6px;
}
#Content4 .index3 .index1Body .slick-dots li {
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer; vertical-align:top;
	background:#eee;
	vertical-align:top;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
float:none;
}
#Content4 .index3 .index1Body .slick-dots li.slick-active{
	background:#3e5fa2;
}

#Content4 .indexHead{ font-size:28px; line-height:30px;}
#Content4 .indexHead span{ margin-left:6px; line-height:24px; font-size:16px;}
#Content4 .indexHead a{ margin-top:6px; font-size:12px; line-height:30px; padding-left:20px; background-size:14px auto;letter-spacing:0px;}
}



/*end  about*/
.fon40 { font-size: 40px; }
/*小程序*/
.xiaochengxu-item2 .list { padding-top: 80px; }
.xiaochengxu-item2 .list li { width: 25%; padding: 0; margin-bottom: 40px; }
.xiaochengxu-item2 .icon { height: 56px; }
.xiaochengxu-item2 .title { margin-bottom: 15px; }
.xiaochengxu-item2 .border-r { border-right: 1px solid #ccc; padding: 15px 30px; }
.xiaochengxu-item2 .h72 { min-height: 72px; }
.bg222742 { background: #222742; }
.h100 { height: 100%; }
.xcx-fix .xcx-list { padding-top: 80px; }
.xcx-fix .xcx-list li { width: 25%; height: 360px; padding: 0 30px; margin-bottom: 30px; }
.xcx-fix .box { border-radius: 10px; }
.xcx-fix .max165 { max-width: 165px; padding: 0 15px; margin: 0 auto; }
.xcx-fix .icon { height: 113px; }
.xcx-fix .title { position: relative; }
.xcx-fix .title::after { content: ''; width: 20px; height: 1px; background: rgba(255, 255, 255, 0.4); position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.xcx-hangye .hangye-list { padding-top: 80px; max-width: 1080px; margin: 0 auto; }
.xcx-hangye li { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.xcx-hangye .box { border-radius: 10px; }
.xcx-hangye .title { margin-top: 10px; }
.liuliang { background: #e9eef2; }
.liuliang .list { padding-top: 80px; }
.liuliang li { width: 20%; text-align: center; padding: 0 15px; margin-bottom: 65px; }
.liuliang .icon { margin-bottom: 20px; }
/*end 小程序*/
/*star h5*/
.h5-list { padding-top: 60px; }
.h5-list li { width: 25%; margin-bottom: 80px; }
.h5-item3 { background: url(../image/service001.jpg) no-repeat center; }
.h5-main { max-width: 556px; }
.h5-main .item3-con { padding: 60px; }
.h5-main .title { padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; }
.h5-item4 { background: url(../image/h5-img2.jpg) no-repeat center; background-size: cover; }
.h5-item4-list { padding-top: 80px; }
.h5-item4-list li { width: 33.33%; }
.h5-item4-list .title { margin-bottom: 20px; }
.h5-item4-list .box-desc { padding: 0 40px; margin-bottom: 40px; }
.h5-item4-list .h110 { height: 110px; }
.h5-item5 .w34 { width: 35%; }
.h5-item5 .w66 { width: 68%; }
.h5-item5 .numer { width: 64px; margin-right: 20px; line-height: 64px; height: 64px; border-radius: 50%; color: #fff; background: #f2523c; border-radius: 50%; text-align: center; flex-shrink: 0; }
.h5-item5 .max220 { max-width: 220px; margin-top: 20px; }
.h5-item5 .h5-item5-right { margin-top: 10px; }
.h5-item5 .h5-item5-right .box { padding: 20px; }
.margin-b10 { margin-bottom: 10px; }
.h5-item6 { background: url(../image/h5-img4.jpg) no-repeat center #0095e2; background-size: 100% 100%; }
.h5-item6 .left { width: 285px; height: 211px; background-color: #ffae4e; border-radius: 20px; padding: 15px; margin-bottom: 90px; }
.h5-item6 .right { width: calc(100% - 300px); }
.h5-item6 .right li { width: 33.33%; padding: 0 15px; margin-bottom: 90px; }
/*end h5*/
/*o2o*/
.o2o-item1-list { padding-top: 60px; }
.o2o-item1-list li { width: 25%; padding: 0 30px; margin-bottom: 60px; }
.o2o-item1-list .box { background: #fff; }
.o2o-item1-list .img { height: 140px; }
.o2o-item1-list .desc { padding: 20px 25px; border: 1px solid #ccc; }
.o2o-item1-list .desc-title { padding-bottom: 10px; margin-bottom: 20px; }
.o2o-item1-list .desc-title::after { position: absolute; content: ''; width: 30px; height: 2px; background: #51b9e8; bottom: 0; left: 50%; transform: translateX(-50%); }
.o2o-item1-list .h86 { min-height: 86px; }
.o2o-list2 { padding-top: 60px; }
.o2o-list2 li { width: 16.66%; padding: 0 15px; margin-bottom: 30px; }
.o2o-item4 { border-bottom: 1px solid #fafafa; }
.o2o-item4-title { padding-top: 60px; padding-bottom: 70px; }
.o2o-item4-title li { flex: 1; text-align: center; line-height: 50px; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #eeeeee; cursor: pointer; transition: .5s linear all; }
.o2o-item4-title li:hover, .o2o-item4-title li.cur { background: #66cccc; color: #fff; }
.o2o-item4-title li:first-child { border-left: 1px solid #e5e5e5; border-radius: 30px 0 0 30px; }
.o2o-item4-title li:last-child { border-right: 1px solid #e5e5e5; border-radius: 0 30px 30px 0; }
.margin-b15 { margin-bottom: 15px; }
.w37 { width: 37%; }
.colorbb { color: #66cccc; }
.o-item .img { background: url(../image/img.png) no-repeat; display: inline-block; flex-shrink: 0; }
.o-item .ul-flex-nowarp { padding-top: 20px; }
.o-item .ul-flex-nowarp li { flex-wrap: nowrap; margin-bottom: 5px; }
.o-item ._7 { height: 40px; width: 44px; background-position: 0 0; }
.o-item ._6 { height: 40px; width: 44px; background-position: -44px 0; }
.o-item ._9 { height: 40px; width: 44px; background-position: -88px 0; }
.o-item ._8 { height: 40px; width: 44px; background-position: -132px 0; }
.o-item ._5 { height: 40px; width: 44px; background-position: -176px 0; }
.o-item ._2 { height: 40px; width: 44px; background-position: -220px 0; }
.o-item ._1 { height: 40px; width: 44px; background-position: -264px 0; }
.o-item ._4 { height: 40px; width: 44px; background-position: -308px 0; }
.o-item ._3 { height: 40px; width: 44px; background-position: -352px 0; }
.o-item .img_shangjia { background: url(../image/img_shangjia.png) no-repeat; }
.o-item ._14 { height: 40px; width: 44px; background-position: 0 0; }
.o-item ._15 { height: 40px; width: 44px; background-position: 0 -40px; }
.o-item ._16 { height: 40px; width: 44px; background-position: 0 -80px; }
.o-item ._13 { height: 40px; width: 44px; background-position: 0 -120px; }
.o-item ._10 { height: 40px; width: 44px; background-position: 0 -160px; margin-right: 10px; }
.o-item ._11 { height: 40px; width: 44px; background-position: 0 -200px; }
.o-item ._12 { height: 40px; width: 44px; background-position: 0 -240px; }
.o-item .img_peisong { background: url(../image/img_peisong.png) no-repeat; }
.o-item ._29 { height: 40px; width: 44px; background-position: 0 0; }
.o-item ._30 { height: 40px; width: 44px; background-position: 0 -40px; }
.o-item ._28 { height: 40px; width: 44px; background-position: 0 -80px; }
.o-item ._26 { height: 40px; width: 44px; background-position: 0 -120px; }
.o-item ._27 { height: 40px; width: 44px; background-position: 0 -160px; }
.o-item .img_dailishang { background: url(../image/img_dailishang.png) no-repeat; }
.o-item ._35 { height: 40px; width: 44px; background-position: 0 0; }
.o-item ._36 { height: 40px; width: 44px; background-position: 0 -40px; }
.o-item ._37 { height: 40px; width: 44px; background-position: 0 -80px; }
.o-item ._34 { height: 40px; width: 44px; background-position: 0 -120px; }
.o-item ._31 { height: 40px; width: 44px; background-position: 0 -160px; }
.o-item ._32 { height: 40px; width: 44px; background-position: 0 -200px; }
.o-item ._33 { height: 40px; width: 44px; background-position: 0 -240px; }
.o-item .img_yunying { background: url(../image/img_yunying.png) no-repeat; }
.o-item ._23 { height: 40px; width: 44px; background-position: 0 0; }
.o-item ._22 { height: 40px; width: 44px; background-position: 0 -40px; }
.o-item ._25 { height: 40px; width: 44px; background-position: 0 -80px; }
.o-item ._24 { height: 40px; width: 44px; background-position: 0 -120px; }
.o-item ._21 { height: 40px; width: 44px; background-position: 0 -160px; }
.o-item ._18 { height: 40px; width: 44px; background-position: 0 -200px; }
.o-item ._17 { height: 40px; width: 44px; background-position: 0 -240px; }
.o-item ._20 { height: 40px; width: 44px; background-position: 0 -280px; }
.o-item ._19 { height: 40px; width: 44px; background-position: 0 -320px; }
.fon15 { font-size: 15px; }
/*直播小程序*/
.daihuo-list-3 li { width: 33.33%; }
.xcx-youshi li:last-child { margin-top: -70px; }
.xcx-youshi li:nth-last-child(2) { margin-top: -70px; }
.w256 { width: 256px; }
.w256 .icon-list li { background-image: linear-gradient(90deg, #5782f0 0%, #217de4 100%); border-radius: 10px; padding: 10px 20px; margin-bottom: 30px; }
.w256 .zb-xcx { background: url(../image/zb-xcx.png) no-repeat; }
.w256 .nl-icon5 { height: 27px; width: 25px; background-position: 0 0; }
.w256 .nl-icon6 { height: 25px; width: 28px; background-position: 0 -27px; }
.w256 .nl-icon1 { height: 28px; width: 32px; background-position: 0 -52px; }
.w256 .nl-icon3 { height: 28px; width: 32px; background-position: 0 -80px; }
.w256 .nl-icon2 { height: 28px; width: 34px; background-position: 0 -108px; }
.w256 .nl-icon4 { height: 30px; width: 34px; background-position: 0 -136px; }
.w256 .zb-xcx { margin-right: 10px; }
.w37 { width: 37%; }
.xcx-item3 { background: url(../image/screen-four-bg.jpg) no-repeat center; background-size: 100% 100%; }
.padding-t90 { padding-top: 90px; }
.tedian-bg1 { background: url(../image/tt_bg1.png) no-repeat left center; padding: 90px 0 120px; }
.tedian .title { position: relative; padding-bottom: 10px; margin-bottom: 30px; }
.tedian .title::after { position: absolute; bottom: 0; width: 54px; height: 4px; background: #ffdc94; content: ''; left: 0; }
.tedian .w48 { width:50%; }
 .tedian .tedian-list li { width: 50%; padding-right: 20px; margin-bottom: 35px; position: relative; padding-left: 18px; }
.tedian .tedian-list li::before { position: absolute; content: ''; width: 12px; height: 12px; background-image: linear-gradient(0deg, #f28e26 0%, #fd644f 100%); border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); }
.tedian-bg2 { background: url(../image/tt_bg2.png) no-repeat right center; padding: 100px 0 80px; }
/*shuzi*/
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child + html .clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.none { display: none; }
.inrow > li, .inrow span { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; letter-spacing: normal; word-spacing: normal; }
.dataNums { height: 75px; text-align: center; margin-bottom: 10px; }
.dataNums .dataOne { width: 50px; height: 75px; margin: 0px 3px; text-align: center; }
.dataNums .dataBoc { position: relative; width: 100%; height: 100%; overflow: hidden; }
.dataNums .dataBoc .tt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dataNums .tt span { width: 100%; height: 100%; font: bold 90px/75px "Arial"; color: #fff; }
/*end shuzi*/


.index-case #more {background: #333399;margin-top: 10px;color: #fff;transition: all .4s ease;}
#more {width: 156px;height: 48px;line-height: 48px;font-size: 18px;text-align: center;margin: 0 auto;display: block;border-radius: 10px;}
#more:hover{background: #ff6600;}


.pz_main{ float:left; width:100%; background: #fff; }

.joinTitle{ padding-top: 25px;}
.joinTitle .bigTit{ float: left; color: #0273D3; font-size: 36px; line-height: 36px;}
.joinTitle .smallTit{ float: left; padding: 14px 0 0 14px; color: #999999; font-size: 18px; text-transform: uppercase; line-height: 18px;}
@media screen and (max-width:1199px){
    .joinTitle .bigTit{ font-size: 31px; }
    .joinTitle .smallTit{ font-size: 17px; }
}
@media screen and (max-width:991px){
    .joinTitle{ display: none;}
    .joinTitle .bigTit{ width: 100%; font-size: 24px; line-height: 1.2; text-align: center;}
    .joinTitle .smallTit{ width: 100%; padding: 4px 0 10px 0; font-size: 16px; text-align: center; }
    .joinTitle .smallTit span{ display: none;}
}
.babyser{ position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  color:#0273D3; font-size:18px; line-height:48px; }
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}

/*关于我们-联系我们*/
.c_1170_11{ width:100%; float: left; padding: 96px 0 60px 0;}
.c_1170_11 .content1{ width:100%; float: left;}
.c_1170_11 .content1 .c_770{ width:68.97%; float: left; padding: 84px 9px 33px 13px; border: solid 1px #e0e0e0; position: relative; height: 223px;}
.c_1170_11 .content1 .ico_1{ width:107px; height: 107px; position: absolute;left: 50%; top: -56px; margin-left: -53px;}
.c_1170_11 .content1 .ico_1 img{ height: 100%;}
.c_1170_11 .content1 h3{ width:100%; float: left; line-height: 40px; font-size: 18px; color: #333; font-weight: bold; padding-left: 30px;}
.c_1170_11 .content1 ul{ width:64.75%; float: left; padding-left: 30px;}
.c_1170_11 .content1 ul li{ width:100%; float: left; font-size: 14px; color: #666; line-height: 28px;}
.c_1170_11 .content1 ul li a{ color: #666;}
.c_1170_11 .content1 ul.last{ float: right; width: 35.25%;}
.c_1170_11 .content1_b{ margin-top: 70px;}
.c_1170_11 .content1 .c_370{ width:28.63%; float: right; position: relative; text-align: center; padding: 58px 20px 24px 20px; border: solid 1px #e0e0e0; height: 227px;}
.c_1170_11 .content1 .c_370 .ewm{ width:110px; height: 110px; border: solid 6px #eaeaea; padding: 7px; background: white; margin: auto;}
.c_1170_11 .content1 .c_370 .ewm img{ width:100%; float: left;}
.c_1170_11 .content1 .c_370 h5{ width:100%; margin-top: 15px; font-size: 14px; color: #333; line-height: 20px;}
.c_1170_11 .content2{ width:100%; float: left; margin-top: 3.41%;}

#bdmap{width:100%; height:391px; background: no-repeat}
#bdmap img{ max-width:none;}
#bdmap .iw_poi_title{ display: block; color: #0273D3; font-size: 16px; font-weight: normal; line-height: 30px !important;}
#bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
@media  screen and (max-width:991px){
    #bdmap{ height:300px; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:240px; }
}
@media screen and (max-width:1199px) {
    .c_1170_11 .content1 .c_770{ padding: 84px 9px 33px 26px; height: 287px;}
    .c_1170_11 .content1 ul{ width:100%;}
    .c_1170_11 .content1 ul.last{ float: left; width: 100%;}
    .c_1170_11 .content1 .c_370{ height: 287px; padding-top: 88px;}
}
@media screen and (max-width:991px) {
    .c_1170_11{ padding: 75px 10px 30px 10px;}
    .c_1170_11 .content1 .c_770{ padding: 84px 9px 33px 26px;}
    .c_1170_11 .content1 ul{ padding-left: 0px;}

    .c_1170_11 .content1 h3{ line-height: 30px; font-size: 16px; padding-left: 0px;}
}
@media screen and (max-width:767px) {
    .c_1170_11{ padding: 45px 10px 30px 10px;}
    .c_1170_11 .content1 .c_770{ width:100%; padding: 41px 9px 23px 16px; height: auto;}
    .c_1170_11 .content1 .c_370{ width:100%; margin-top: 45px; padding: 38px 10px 14px 10px; height: auto;}
    .c_1170_11 .content1 .ico_1{ width:67px; height: 67px; top: -36px; margin-left: -33px;}
    .c_1170_11 .content1 ul li{ font-size: 12px;line-height: 24px;}
    .c_1170_11 .content1 .c_370 h5{ margin-top: 10px; font-size: 12px;}
}
@media screen and (max-width:480px) {
    .c_1170_11 .content1 ul{ width:100%;}
}


.chancecontain{ position:relative; width:100%; float:left; margin-top:5.89%;}
.chancecontain ul{ float:left; width:100%;}
.chancecontain ul li{ float:left; width:100%; margin-top:14px;}
.chancecontain ul li .l_1115{ float:left; width:100%; background:#f5f5f5; height:60px; line-height:60px; font-size:16px; cursor:pointer;}
.lermore_box{ width:8%; float:right; border-left:solid 1px #fff;}
.lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../image/btn_06.png) no-repeat center; background-size:contain !important;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;}
.chancecontain ul li .l_1115 .a{ width:100%; height:100%;}
.chancecontain ul li .l_1115 .a .z_270{ color:#333; width:21.3%; float:left; text-align:left; padding-left:20px;}
.chancecontain ul li .l_1115 .a .z_170{ color:#333; width:11.5%; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_236{ color:#333; width:20.1%; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_204{ color:#333; width:22.4%; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.chancecontain ul li .l_1115 .a .z_196{ color:#333; width:16.7%; float:left; text-align:center;}
.chancecontain ul li.z_l1{ margin-top:0;}
.chancecontain ul li.z_l1 .l_1115{ background:#0273D3;height:60px;}
.chancecontain ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}
.chancecontain ul li.z_l1 .l_1115 .a .z_270{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_170{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_236{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_204{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_196{ color:white;}
.chancecontain ul li .l_1115.on .lermore{ background:url(../image/btn_06.png) no-repeat center;}
.chancecontain ul li .l_1115.on .a .z_270,
.chancecontain ul li .l_1115.on .a .z_170,
.chancecontain ul li .l_1115.on .a .z_236,
.chancecontain ul li .l_1115.on .a .z_204,
.chancecontain ul li .l_1115.on .a .z_196{ color:#0273D3;}

.chancecontain ul li.z_l1 .l_1115.on .a .z_270,
.chancecontain ul li.z_l1 .l_1115.on .a .z_170,
.chancecontain ul li.z_l1 .l_1115.on .a .z_236,
.chancecontain ul li.z_l1 .l_1115.on .a .z_204,
.chancecontain ul li.z_l1 .l_1115.on .a .z_196{ color:#fff;}


.chancecontain .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}
.chancecontain .deta .l_1200{ float:left; width:100%; padding:45px 0 50px 0;}
.chancecontain .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}
.chancecontain .deta .l_1200 .z_655{ width:60.8%; padding:0 42px 0 100px; float:left; color:#666666; font-size: 14px;}
.chancecontain .deta .l_1200 .z_655 span{ display:block; font-size:16px;}
.chancecontain .deta .l_1200 .z_655_2{ width:60.8%; padding:0 42px 0 100px; float:left; color:#333; font-size: 16px;}
.chancecontain .deta .l_1200 .z_384{ width:39.2%; border-left:solid 1px #dadada; padding:0 100px 0 45px; float:right; color:#666666; font-size: 14px;}
.chancecontain .deta .l_1200 .z_384 span{ display:block; font-size:16px;}
.chancecontain .deta .l_1200 .z_1200_b{ width:100%; margin-top:29px; font-size:14px; line-height:28px; float:left; color:#2e2e2e;}
.chancecontain .deta .l_1200 .z_1200_b .z_384{ border:none;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:40px; width:100%; float:left;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white; background:#0273D3; width:134px; height:35px; line-height:35px; text-align:center; overflow:hidden; display:block; float:left; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a:hover{ background:#dd6e12;}
@media  screen and (max-width:991px){

    .chancecontain .deta .l_1200 .z_655{ width:100%; padding:0 42px 20px 50px;}
    .chancecontain .deta .l_1200 .z_655_2{ width:100%; padding:0 42px 0 50px; font-size: 14px;}
    .chancecontain .deta .l_1200 .z_384{ width:100%; border-left:0; border-top:solid 1px #e7e7e7; padding:20px 42px 0 50px;}
}
@media  screen and (max-width:767px){
    .chancecontain ul li{ margin-top:7px;}
    .chancecontain ul li .l_1115{ font-size:14px; line-height:44px; height:44px;}
    .chancecontain ul li.z_l1 .l_1115{ height:44px;}
    .chancecontain ul li.z_l1 .l_1115 .a{ line-height:44px; font-size:14px;}
    .lermore_box{ width:15%;}
    .lermore{ height:44px;}
    .chancecontain ul li .l_1115 .a .z_270{ width:40%; padding-left:10px;}
    .chancecontain ul li .l_1115 .a .z_236{ display:none;}
    .chancecontain ul li .l_1115 .a .z_196{ width:45%;}
    .chancecontain ul li .l_1115 .a .z_170{ display:none;}
    .chancecontain ul li .l_1115 .a .z_204{ display:none;}
    .chancecontain .deta .l_1200 .z_655{ padding:0 12px 20px 10px;}
    .chancecontain .deta .l_1200 .z_655_2{ padding:0 12px 0 10px; }
    .chancecontain .deta .l_1200 .z_384{ padding:20px 12px 0 10px;}
    .chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:0px;}
    .chancecontain .deta .l_1200{ padding:21px 0;}
    .chancecontain .deta .l_1200 .z_1200_t{ line-height:22px;}
    .chancecontain .deta .l_1200 .z_655 span{ font-size:12px;}
    .chancecontain .deta .l_1200 .z_384 span{ font-size:12px;}
    .chancecontain .deta .l_1200 .z_1200_b{ margin-top:15px;}
}












@media (max-width: 1440px) { 
	.index-case .case-type-title li { width: auto; padding: 0 20px; margin: 0 10px 15px; }
	.case-list li { padding: 0 20px; margin-bottom: 20px; }
	.case-desc p { margin-bottom: 0; }
	
	.new-list .new-con { padding: 15px; }
	.new-list .date { padding: 10px 0 5px 0; }
	.new-list li { margin-bottom: 30px; cursor: pointer; width:25% }
	.new-list li .new-box{ transition: .3s linear all;}
	.new-list li:hover .new-box{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);transform: translate3d(0, -5px, 0);}
	.new-list .fon18 { font-size:16px; }

	.contact { margin-top: 30px; }
	.video-min { background: url(../image/contact-bg.jpg) no-repeat center; background-size: 100% 100%; }
	.about-list { margin-top: 30px; }
	.about-list .list { width: 33.33%; padding: 30px 10px; }
	.margin-b60 { margin-bottom: 20px; }
}
@media (max-width: 1280px) { 
	.index-item-one li { width: 50%; }
}
@media (min-width: 992px) {
	.index-case .case-type-title li { width: auto; padding: 0 20px; margin: 0 15px; }
	.case-list li { padding: 0 10px; margin-bottom: 20px; }
	.case-desc p { margin-bottom: 0px; }
}
@media (max-width: 1024px) { 
	.index-item-pad { padding: 20px 20px 20px; }
	.p-static { position: static; }
	.hidden-1024 { display: none; }
	
	.new-list .new-con { padding: 15px; }
	.new-list .date { padding: 10px 0 5px 0; }
	.new-list li { margin-bottom: 30px; cursor: pointer; width:50% }
	.new-list li .new-box{ transition: .3s linear all;}
	.new-list li:hover .new-box{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);transform: translate3d(0, -5px, 0);}

}
@media (max-width: 1200px) { 
	.about-banner { min-height: 600px; background: #000; }
	.about-banner img { min-height: 600px; }
}


.pageinfo{padding:3px;margin:32px;padding-top:3px;text-align:center}
.pageinfo a{
	border:#aaa 1px solid;
	padding:12px 15px;
	line-height: 48px;
	margin:2px;
	color:#666; 
	text-decoration:none
}
.pageinfo a:hover{
	border:#dabd79 1px solid;
	color:#000;
}
.pageinfo a:active{color:#000; }
.pageinfo span.thisclass{
	font-weight:700;
	padding:12px 15px;
	margin:2px;
	color:#fff;
	background-color:#dabd79
}
.pageinfo span.disabled{
	color:#929292; 
	border:#aaa 1px solid;   
	padding:12px 15px;
}








/*main*/
.pz_main_service{ float:left; width:100%;  position:relative;}
.home_bg1{ float:left; width:100%; overflow:hidden;}
.home_tit{ float:left; width:100%; margin-top:50px; text-align:center; padding:0 15px;}
.home_tit .l1{ float:left; width:100%; color:#000000; font-size:36px; line-height:36px; padding-bottom:18px; position:relative;}
.home_tit .l1:after{ float:left; width:116px; height:2px; background:#333366; position:absolute; left:50%; margin-left:-58px; bottom:0; content:'';}
.home_tit .l2{ float:left; width:100%; color:#727272; font-size:14px; line-height:24px; margin-top:10px;}
.home_cont1{ float:left; width:100%; margin-top:55px;border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background:url(../image/main6.png) center bottom no-repeat; }
.home_cont1 li{ float:left; width:20%; border-right:1px solid #dbdbdb; text-align:center;}
.home_cont1 li a{ float:left; width:100%; padding:45px 10%; text-align:center;vertical-align:top;ms-interpolation-mode:bicubic; position:relative;}
.home_cont1 li:last{border-right:none;}
.home_cont1 li i{ float:left; width:100%; position:relative; z-index:2;}
.home_cont1 li i img{ display:block; margin:0 auto; width:90%; -webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic}
.home_cont1 li h2{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:30px; margin-top:28px; position:relative; z-index:2; font-weight:bold}
.home_cont1 li h6{ float:left; width:100%; color:#999999; font-size:12px; line-height:22px; font-family:Arial; text-transform:uppercase; padding-bottom:25px; position:relative; z-index:2;}
.home_cont1 li h6:after{ float:left; width:30px; height:1px; background:#eb8f1a; position:absolute; left:50%; margin-left:-15px; bottom:0; content:'';}
.home_cont1 li p{ float:left; width:100%; margin:18px 0 10px 0; color:#666666; font-size:14px; line-height:24px; position:relative; z-index:2;}
.home_cont1 li a:hover{ background:#fff; box-shadow:0 3px 7px rgba(0,0,0,0.17); -moz- box-shadow:0 3px 7px rgba(0,0,0,0.17); -webkit- box-shadow:0 3px 7px rgba(0,0,0,0.17);} 
.home_cont1 li a:hover i img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2);}
.home_cont1 .slick-prev{ width:0; height:0; overflow:hidden; display:none}
.home_cont1 .slick-next{ width:0; height:0; overflow:hidden; display:none}
.home_cont1 .slick-dots{ position:absolute; left:15px; top:65%; width:11px;}
.home_cont1 .slick-dots li{ float:none; width:11px; height:11px; margin:5px 0; background:#dfdfdf; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-indent:-999px;}
.home_cont1 .slick-dots li.slick-active{ background:#ff9a18;}
.home_cont1 .slick-list{ overflow:visible;} 

@media  screen and (max-width:991px){
.home_tit{ float:left; width:100%; margin-top:50px;}	
.home_cont1 .slick-dots{ left:15px;}
.home_tit .l1{ font-size:22px; line-height:22px; padding-bottom:15px;}
.home_tit .l1:after{ width:60px; margin-left:-30px;}
.home_tit .l2{ margin-top:15px;}
.home_cont1{ margin-top:48px;}
.home_cont1 li a{ padding:20px 10%;}
.home_cont1 li i img{ width:90%;}
.home_cont1 li h2{ margin-top:15px; font-size:18px; line-height:28px;}
.home_cont1 li h6{ padding-bottom:12px;}
.home_cont1 li p{ margin:10px 0 5px 0;}

}

@media  screen and (max-width:767px){
.home_cont1 .slick-prev{ width:0; height:0; overflow:hidden; display:none}
.home_cont1 .slick-next{ width:0; height:0; overflow:hidden; display:none}

.home_tit{ float:left; width:100%; margin-top:30px;}
.home_cont1{ margin-top:24px;}	


}


.banner_wap{display:none;}
.banner_wap_show {display:none;}