@charset "UTF-8";
@import url(reset.css);
.box { width: 100%; margin: 0 auto; min-width: 1200px; overflow: hidden; }

.content { width: 1200px; min-width: 1200px; margin: 0 auto; }

.logo { margin-top: 40px; }

#video { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 666; transition: 2s; }

.video-box { position: relative; }
.video-box span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.6); border: solid 1px #000; border-radius: 50% 50%; margin-left: 298px; margin-top: -242px; text-align: center; color: #FFF; cursor: pointer; }

.video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 600px; height: 490px; }

.nav-ewm { position: absolute; top: 33px; right: 286px; border: solid 1px #ccc; width: 100px; height: 100px; background: #FFF; z-index: 444; display: none; transition: 1s; }

.search { width: 477px; margin-top: 3px; margin-right: 44px; }
.search span, .search form { display: inline-block; color: #666; margin: 0 0 0 24px; float: left; }
.search span { margin-top: 3px; cursor: pointer; font-size: 12px; }
.search span img { display: inline-block; float: left; margin: 3px 3px 0 0; }
.search form { width: 222px; height: 26px; border: solid 1px #ccc; border-radius: 2px; margin-top: 3px; }
.search form input { border: none; width: 194px; outline: none; line-height: 26px; text-indent: 5px; display: inline-block; color: #333; }
.search form input:focus { outline: none; }
.search form input:-webkit-autofill { 銆€銆€-webkit-box-shadow: 0 0 0px 1000px white inset; 銆€銆€-webkit-text-fill-color: #333; }
.search form button { border: none; background: none; display: inline-block; margin-top: 5px; outline: none; cursor: pointer; }


.top-div { position: relative; }

.top-div, .nav { width: 953px; }

.t_c_bottom { position: relative; z-index: 20; width: 953px; height: 85px; margin-left: 11px; z-index: 25; }

.t_c_bottom .thisMenu { position: absolute; left: 15px; top: 0; width: 128px; height: 85px; background: #efefef; z-index: 30; z-index: 9; box-sizing: border-box; }

.t_c_bottom ul { position: absolute; left: 0; top: 11px; width: 935px; z-index: 35; }

.t_c_bottom ul li { position: relative; float: left; width: 128px; padding: 10px 0 0; text-align: center; z-index: 35; }

.t_c_bottom ul li a { display: block; width: 128px; height: 85px; color: #333; font-size: 16px; }

.top { position: fixed; background: #FFF; width: 100%; top: 0; left: 0; height: 120px; z-index: 111; }

.top-bt { position: fixed; left: 0; width: 100%; top: 120px; height: 242px; background: rgba(255, 255, 255, 0.9); display: none; z-index: 3; }

.top-list { display: none; }
.top-list .top-lt { margin: 18px 0 0 330px; width: 190px; }
.top-list .top-lt a { font-size: 16px; display: block; text-align: center; color: #666666; line-height: 28px; margin-top: 6px; transition: all .3s; }
.top-list .top-lt a:hover { transition: all .3s; color: #af2124; }
.top-list .top-ct { width: 1px; height: 170px; border-left: solid 2px #fff; margin: 40px 80px 0 0; }
.top-list .top-rt { width: 247px; margin: 68px 0 0 50px; }

.banner { margin-top: 120px; }

.banner .swiper-container { width: 100%; height: 100%; z-index: 2; }

.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.banner .swiper-slide img { width: 100%; }

.mian-h3 { margin: 40px 0 60px 0; position: relative; height: 65px; text-align: center; font-size: 26px; color: #333; }
.mian-h3 h3 { font-weight: normal; margin-top: 5px; }
.mian-h3 span { font-size: 23px; text-transform: uppercase; color: #666666; }
.mian-h3 b { display: block; width: 87px; background: #FFF; height: 4px; left: 50%; bottom: 2px; z-index: 3; transform: translate(-50%, -50%); position: absolute; }

.mian-h3::after { position: absolute; display: block; content: ""; height: 1px; width: 694px; border-bottom: solid 1px #bfbfbf; left: 50%; bottom: 5px; z-index: 2; transform: translate(-50%, -50%); }

.mian-h3::before { position: absolute; display: block; content: ""; height: 1px; width: 60px; border-bottom: solid 4px #af2124; left: 50%; bottom: 2px; z-index: 4; transform: translate(-50%, -50%); }

.mian1 { margin-top: 60px; }
.mian1 .mian1-rt { width: 682px; }
.mian1 .mian1-rt li { margin-top: 19px; float: left; }
.mian1 .mian1-rt li img, .mian1 .mian1-rt li h3, .mian1 .mian1-rt li h4, .mian1 .mian1-rt li p { float: left; display: inline-block; }
.mian1 .mian1-rt li h3 { font-weight: normal; color: #333; font-size: 16px; transition: all 0.3s; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mian1 .mian1-rt li h3, .mian1 .mian1-rt li h4, .mian1 .mian1-rt li p { width: 545px; }
.mian1 .mian1-rt li strong { font-weight: normal; }
.mian1 .mian1-rt li h4 { font-weight: normal; }
.mian1 .mian1-rt li h4 span { display: inline-block; padding-right: 15px; color: #858585; font-size: 12px; }
.mian1 .mian1-rt li h4 img { display: inline-block; float: left; margin: 9px 5px 0 0; }
.mian1 .mian1-rt li p { width: 545px; color: #a7a7a7; margin-top: 5px; }
.mian1 .mian1-rt a { transition: all .3s; }
.mian1 .mian1-rt li:first-child { margin-top: 0; }
.mian1 .mian1-rt .li-lt { margin-right: 15px; height: 118px; background: #FFF; }
.mian1 .mian1-rt .li-lt span { margin-top: 30px; color: #666666; }
.mian1 .mian1-rt .li-lt font { font-size: 15px; color: #666; }
.mian1 .mian1-rt .li-lt::after { top: 65%; border-top: solid 1px #666666; }
.mian1 a:hover h3 { color: #af2124; transition: all 0.3s; }
.mian1 a:hover { transition: all .3s; }
.mian1 a:hover .li-lt span { color: #af2124; }

.moreNews { font-size: 15px; padding: 0 15px; display: inline-block; border: solid 1px #313131; color: #333; margin-top: 30px; }

.students { margin: 97px auto auto; width: 1200px; height: 254px; position: relative; }

.mian2 { margin-top: 40px; }

.students p.PP { width: 510px; height: 50px; font-size: 16px; color: #333; text-align: center; position: absolute; top: 60px; left: 300px; }

#four_flash { position: relative; width: 1200px; height: 280px; margin: 0 auto; position: absolute; bottom: 40px; }

#four_flash .flashBg { width: 1100px; height: 280px; margin: 0 auto; position: relative; overflow: hidden; }

#four_flash .flashBg ul.mobile { width: 2000%; height: 280px; position: absolute; top: 15px; left: 0; }

#four_flash .flashBg ul.mobile li { float: left; width: 382px; height: 280px; margin-left: 15px; padding-top: 20px; color: #6C6E85; transition: all 1s ease 0s; }

#four_flash .flashBg ul.mobile li span { display: block; text-align: center; font-size: 18px; margin-top: 15px; }

#four_flash .flashBg ul.mobile li img { display: block; margin: 0 auto; }

#four_flash .flashBg ul.mobile li a { display: block; width: 31px; height: 31px; border: 0px; margin: 8px auto; }

#four_flash .but_left { width: 34px; height: 54px; position: absolute; top: 110px; left: 0px; cursor: pointer; }

#four_flash .but_right { width: 34px; height: 54px; position: absolute; top: 110px; right: -12px; cursor: pointer; }

#four_flash .but_left:hover { background: url(../images/qianxleft1.png) no-repeat; }

#four_flash .but_right:hover { background: url(../images/qianxr1.png) no-repeat; }

.mian3 .swiper-container { width: 100%; height: 100%; }

.mian3 .swiper-slide { text-align: center; font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.mian4 { margin-top: 60px; }
.mian4 h4 { display: block; font-size: 20px; color: #333; font-weight: normal; margin: 22px 0; }

.mian4-box { border-top: solid 1px #bfbfbf; border-bottom: solid 1px #bfbfbf;  }
.mian4-box .content {  height: 66px; }
.mian4-box ul{margin-top:15px;}
.mian4-box li { display: inline-block;  margin: 0 0 15px 25px; float:left}
.mian4-box li a { color: #333; }
.mian4-box li img { display: inline-block; float: left; margin: 0 6px 0 0; }

.mian4-box1 li { display: inline-block; margin: 5px 8px; position: relative; padding: 0 10px; }
.mian4-box1 li a { color: #333; }
.mian4-box1 li::after { position: absolute; display: inline-block; content: "|"; right: -10px; top: 0; }

.foot { margin-top: 30px; position: relative; background: #333333; border-bottom: solid 52px #484848; }
.foot .foot-img { margin: 52px 26px 44px 6px; }
.foot .foot-lt { width: 387px; margin: 50px 0 0 0; color: #fff; }
.foot .foot-lt h5 { font-size: 20px; font-weight: normal; margin-bottom: 5px; }
.foot .foot-lt span { text-transform: uppercase; display: block; font-size: 12px; }
.foot .foot-lt p { font-size: 14px; line-height: 28px; }

.foot-ct { width: 2px; height: 187px; display: block; background: #FFF; margin-top: 39px; }

.foot-rt { width: 528px; margin: 67px 30px 0 0; }
.foot-rt .foot-div1 { border-bottom: solid 1px #FFF; }
.foot-rt .foot-div1 a { color: #fff; display: inline-block; margin: 0 0 8px 40px; font-size: 18px; }
.foot-rt .foot-div1 a:first-child { margin-left: 20px; }
.foot-rt p { color: #FFF; text-indent: 15px; margin-top: 10px; }

#top { width: 48px; height: 48px; cursor: pointer; background: #fff; border-radius: 5px; position: absolute; bottom: 40px; left: 50%; margin-left: 537px; }
#top img { display: block; margin: 4px auto; }

#div1 { width: 1200px; height: 209px; margin: 0 auto 20px; }

#div1 a { width: 34px; margin-top: 15px; }

#div { width: 1200px; position: relative; height: 209px; overflow: hidden; }

#div ul { position: absolute; left: 0; top: 0; }

#div li { width: 260px; height: 209px; float: left; margin: 0 0 0 10px; }

#div li img { width: 100%; }

#div li .mian3-box { position: relative; width: 100%; height: 100%; }

#div li .mian3-box b { display: block; width: 260px; height: 39px; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; left: 0; line-height: 39px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; z-index: 1; color: #fff; font-weight: normal; text-indent: 3px; }

.in_pro1 { position: absolute; bottom: 15px; width: 394px; color: #333; left: 25px; }

.in_pro1 h5 { position: relative; text-align: left; font-size: 18px; color: #333; height: 35px; margin-bottom: 10px; }

.in_pro1 a { display: inline-block; float: right; font-size: 12px; color: #666666; }

.in_pro1 p { text-align: left; text-indent: 2em; text-align: justify; }

.in_pro1 span { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #af2124; display: inline-block; margin-top: 9px; float: right; margin-left: 5px; }

.in_product_txt .more { display: inline-block; float: right; font-size: 12px; color: #fff; }

.in_product_txt .more span { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #fff; display: inline-block; margin-top: 10px; float: right; margin-left: 5px; }

.mian5, .mian3 { background: #f4f5f7; padding-bottom: 45px; margin-top: 20px; }


.list-h5 { font-size: 25px; font-family: "榛戜綋"; font-weight: normal; text-align: center; color: #333; border-bottom: solid 1px #dbdbdb; line-height: 50px; }

.list { background: #f4f4f4; }


.news-banner { margin-top: 120px; }

.news-banner img { width: 100%; display: block; margin: 0 auto; }

.column { width: 100%; text-align: center; }
.column li { display: inline-block; padding: 5px 20px; border-radius: 15px; margin: 35px 15px; background: #d0d0d0; transition: all 0.3s; float: none; }
.column li a { color: #fff; font-size: 16px; }
.column li:hover { transition: all 0.3s; background: #af2124; color: #FFF; }
.column .thisclass { background: #af2124; }

.news-lists { min-height: 1200px; position: relative; }

.news-box2 { width: 98%; margin: 62px auto 85px; }
.news-box2 li { border-bottom: dashed 1px #666666; float: left; width: 100%; padding-bottom: 18px; margin-top: 18px; }
.news-box2 li span { color: #af2124; }
.news-box2 li:hover { transition: all 0.3s; }
.news-box2 li:hover h4 { color: #af2124; }
.news-box2 .li-lt { margin-left: 15px; }
.news-box2 .li-rt { margin-right: 15px; }

.li-lt { position: relative; background: #ededed; width: 102px; height: 107px; display: inline-block; }
.li-lt span, .li-lt font { display: block; text-align: center; }
.li-lt span { font-size: 45px; height: 40px; margin-top: 22px; font-weight: bold; }
.li-lt font { padding-top: 5px; color: #333333; }

.li-lt::after { position: absolute; display: block; content: ""; width: 53px; height: 1px; border-top: solid 1px #c0c0c0; top: 60%; left: 50%; transform: translate(-50%, -50%); }

.li-rt { width: 1022px; }

.list-h4 { font-size: 18px; color: #333; }

.list-newsP { margin-top: 10px; line-height: 22px; color: #666; }

.news-box1 { padding-top: 25px; }

.news-box1-lt { width: 543px; margin-left: 18px; }

.news-box1-rt { width: 603px; margin-right: 25px; }
.news-box1-rt li { float: left; width: 100%; height: 110px; padding-top: 19px; transition: all 0.3s; margin-top: 14px; }
.news-box1-rt li a { display: block; width: 100%; height: 100%; }
.news-box1-rt li span { color: #333; }
.news-box1-rt li a:hover { background: #ededed; transition: 0.3s; }
.news-box1-rt li a:hover span { color: #af2124; }
.news-box1-rt .li-lt { background: none; }
.news-box1-rt .li-rt { width: 452px; margin: 16px 39px 0 0; }
.news-box1-rt .li-rt p { line-height: 22px; margin-top: 8px; color: #666; }

.page { position: absolute; text-align: center; width: 100%; bottom: 40px; }
.page li { display: inline-block; padding: 0 10px; border: solid 1px #ccc; transition: all 0.3s; cursor: pointer; }
.page li a { color: #333; }
.page li:hover { transition: all 0.3s; background: #af2124; border: solid 1px #af2124; }
.page li:hover a { color: #FFF; }
.page .thisclass { background: #af2124; color: #fff; border: solid 1px #af2124; }
.page .thisclass a { color: #FFF; }

.news-box1-lt .swiper-container { width: 544px; height: 441px; }

.news-box1-lt .swiper-slide { background-position: center; background-size: cover; width: 544px; height: 441px; }
.news-box1-lt .swiper-slide img { width: 100%; height: 100%; }

.news-box1-lt .swiper-slide span { text-align: center; display: block; font-size: 16px; color: #333; }

.news-box1-lt .swiper-pagination-bullet-active { background: #ffffff; width: 10px; height: 10px; }

.news-box1-lt .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; }

.news-box1-lt .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url("../images/r.png") no-repeat; }

.news-box1-lt .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url("../images/l.png") no-repeat; }


.jiaoyu-box1 { width: 1138px; margin: 30px auto; }
.jiaoyu-box1 img { margin-right: 30px; }
.jiaoyu-box1 p { width: 1106px; font-size: 16px; color: #666; }

.jiaoyu-box2 { width: 1173px; margin: 0 auto; }
.jiaoyu-box2 .jiaoyu-rt { width: 776px; }
.jiaoyu-box2 .jiaoyu-rt img { display: inline-block; margin: 20px 0 0 20px; }
.jiaoyu-box2 .jiaoyu-rt .jy-first { margin-top: 0; }

.jiaoyu-box .content { border-bottom: solid 2px #e1dede; padding-bottom: 30px; }

.gongyi-box1 { min-height: 929px; position: relative; }

.gongyi-ul { width: 100%; margin-bottom: 85px; }
.gongyi-ul li { border-bottom: dashed 1px #dcdcdc; float: left; width: 100%; }
.gongyi-ul li img { display: inline-block; margin: 39px 26px 39px 65px; }
.gongyi-ul li h4, .gongyi-ul li p { width: 811px; }
.gongyi-ul li h4 { font-size: 20px; font-family: "榛戜綋"; color: #333; margin-top: 55px; }
.gongyi-ul li p { font-size: 16px; color: #666; margin-top: 20px; }
.gongyi-ul li span { display: block; font-size: 16px; color: #af2124; padding-right: 45px; margin-top: 20px; }

.gy-img { margin-left: 40px; }


.qixia-box li { width: 100%; float: left; }
.qixia-box li img { display: inline-block; margin: 44px 31px 44px 20px; }
.qixia-box .qixia-rt { width: 650px; margin-top: 44px; }
.qixia-box .qixia-rt h4 { font-size: 20px; color: #333; margin: 10px auto; }
.qixia-box .qixia-rt p { font-size: 15px; color: #666; margin: 15px 0; text-indent: 2em; }
.qixia-box .qixia-rt span { color: #666; font-size: 15px; display: block; margin-top: 10px; }
.qixia-box .qixia-rt .qixia-span { margin-left: 81px; }
.qixia-box li:nth-child(2) h4, .qixia-box li:nth-child(3) h4, .qixia-box li:nth-child(4) h4 { margin-top: 40px; }
.qixia-box li:nth-child(2) p, .qixia-box li:nth-child(3) p, .qixia-box li:nth-child(4) p { margin-top: 30px; line-height: 30px; }


.cooperate-box { position: relative; min-height: 921px; width: 100%; }

.cooperate-ul { margin-bottom: 85px; }
.cooperate-ul li { display: inline-block; float: left; margin: 20px 15px 20px 18px; }
.cooperate-ul li img { background: #FFF; padding: 0 3px 3px 3px; box-shadow: 1px 3px 3px 1px #ccc; width: 358px; height: 189px; }
.cooperate-ul li span { display: block; text-align: center; font-size: 16px; color: #333; margin: 15px auto; }

.all-h5 { font-size: 40px; color: #af2124; display: block; font-weight: normal; padding: 0 30px 20px; }
.all-h5 span { display: block; font-size: 25px; color: #dcd9d9; text-transform: uppercase; margin: 15px auto; }

.about { margin-top: 30px; padding-bottom: 40px; }
.about .about-box1 img { margin: 0 25px 5px 30px; }
.about .about-box1 p { font-size: 16px; text-indent: 2em; color: #666; line-height: 32px; padding-right: 20px; margin-top: 17px;padding-left:27px }
.about .about-p { text-indent: 2em; padding: 0 30px; font-size: 16px; color: #666; }

.about-box2 { margin-top: 40px; }
.about-box2 img { margin: 0 52px 0 190px; }
.about-box2 .ab-box-rt p, .about-box2 .ab-box-rt span { display: block; font-size: 16px; color: #333; margin-top: 25px; }
.about-box2 .ab-box-rt p { color: #6e6e6e; margin-top: 8px; }
.about-box2 .ab-box-rt b { color: #af2124; font-size: 25px; padding-right: 3px; }

.Honor { padding-bottom: 30px; }

.Honor-ul li { display: inline-block; float: left; width: 340px; margin: 40px 0 15px  45px; height: 280px; background: #fbf7f0; }
.Honor-ul li img, .Honor-ul li span { display: block; text-align: center; margin: 0 auto; }
.Honor-ul li img { margin: 20px auto; }
.Honor-ul li span { color: #73664e; width: 300px; }


.Support { border-bottom: solid #e1dede 3px; margin-bottom: 30px; }

.Support-box { width: 100%; height: 664px; position: relative; }
.Support-box img { position: absolute; border: solid 1px #fff; transition: all 0.3s; cursor: pointer; }
.Support-box .img1 { left: 0; top: 0; }
.Support-box .img2 { left: 247px; top: 0; }
.Support-box .img3 { left: 0; top: 219px; }
.Support-box .img4 { left: 247px; top: 219px; }
.Support-box .img5 { left: 0; top: 431px; }
.Support-box .img6 { left: 247px; top: 431px; }
.Support-box .img7 { left: 489px; top: 431px; }
.Support-box .img8 { left: 733px; top: 431px; }
.Support-box .img9 { left: 976px; top: 431px; }
.Support-box .active { border: solid 1px #af2124; }

.Support-rt { width: 728px; }
.Support-rt .Support-div { display: none; transition: all .3s; width: 627px; margin: 173px 0 0 67px; }
.Support-rt .Support-div h4 { font-size: 40px; color: #af2124; }
.Support-rt .Support-div p { font-size: 16px; color: #666; margin-top: 15px; }


.Help-h5 { text-align: center; font-size: 15px; }

.Help-box { width: 1080px; margin: 0 auto; padding-bottom: 30px; }
.Help-box li { transition: all 0.3s; display: inline-block; cursor: pointer; width: 460px; min-height: 148px; margin: 40px 0 0 50px; border-bottom: solid 2px #fff; }
.Help-box li img, .Help-box li h5, .Help-box li p { display: inline-block; float: left; }
.Help-box li img { margin: 0 26px 0 35px; }
.Help-box li h5 { font-size: 20px; color: #333; }
.Help-box li p { width: 306px; color: #666; margin-top: 10px; font-size: 16px; }
.Help-box .active { border-bottom: solid 2px #af2124; transition: all 0.3s; }

.addare { padding-bottom: 30px; }

.addare-h5 { margin: 30px auto; width: 100%; }
.addare-h5 img { display: block; margin: 0 auto; }

.addare-box { width: 1135px; }

.addare-lt { width: 510px; }

.addare-div1 { width: 229px; height: 255px; }

.add-lx { color: #fff; background: #0071cd; }
.add-lx h3, .add-lx span { display: block; }
.add-lx h3 { font-size: 16px; width: 80%; border-bottom: solid 1px #FFF; margin: 10px auto; text-align: center; font-weight: normal; padding-bottom: 5px; }
.add-lx span { text-indent: 28px; }

.addare-div2 { height: 255px; width: 281px; }

.addare-rt { position: relative; }

.addare-div3 { position: absolute; width: 290px; top: 20px; left: 30px; color: #fff; }
.addare-div3 h3, .addare-div3 span { display: block; }
.addare-div3 h3 { font-size: 16px; font-weight: normal; padding-bottom: 5px; }

.addare-bt { width: 1135px; position: relative; }

.expert-ul { margin-bottom: 65px; }
.expert-ul li { display: inline-block; width: 260px; cursor: pointer; height: 321px; position: relative; float: left; margin: 40px 0 0 31px; }
.expert-ul li span { display: block; position: absolute; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; line-height: 50px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.expert-ul li img { width: 100%; height: 100%; }
.expert-ul .expert-zj { display: none; width: 260px; height: 321px; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; }
.expert-ul .expert-zj h3 { display: block; text-align: center; margin: 15px auto; color: #FFF; }
.expert-ul .expert-zj p { color: #FFF; width: 90%; margin: 0 auto; text-align: justify; }
.expert-ul li:hover .expert-zj { width: 260px; }

.expert-box { position: relative; min-height: 807px; }

.chain-box { margin-top: 40px; }
.chain-box li { transition: all 0.3s; cursor: pointer; width: 374px; height: 464px; display: inline-block; float: left; text-align: center; border: solid 1px #d2d2d2; color: #333; margin: 30px 0 40px 35px; }
.chain-box li h4 { font-size: 18px; margin: 25px auto 10px; }
.chain-box li span { display: block; margin: 10px 0 20px 0; font-size: 16px; }
.chain-box li:first-child { margin-left: 0; }
.chain-box .top-css { transition: all 0.3s; background: #af2124; margin-top: 10px; color: #fff; animation: myfirst 2s; }

@keyframes myfirst { from { background: #FFF; }
  to { background: #af2124; } }
.expert-body { position: relative; width: 98%; margin: 15px auto; border: solid 1px #ccc; min-height: 800px; }
.expert-body h4 { text-align: center; font-size: 18px; color: #333; display: block; margin: 40px auto; }
.expert-body p { width: 95%; margin: 10px auto; font-size: 15px; text-indent: 2em; }
.expert-body .expert-div { width: 92%; margin: 0 auto 85px; }
.expert-body .expert-div img { display: block; margin: 5px auto; }

.about-box, .Honor-box, .jiagou-box, .expert-box, .zhichi-box-v, .gongyi-box1, .add-box, .contactus, .help-box-v, .news-lists { background: #FFF; padding: 40px 0; }

.jtjs, .ldzc { background: #FFF; padding: 40px 40px; }

.jiagou-box img { display: block; margin: 0 auto; }

.contactus-left { width: 95%; margin: 20px auto; }

.position-box { height: 70px; background: #FFF; border-bottom: solid 2px #dbdbdb; line-height: 70px; }
.position-box a { font-size: 16px; color: #333; transition: all .3s; display: inline-block; margin: 0 8px 0 8px; }
.position-box a:hover { color: #af2124; transition: all .3s; }

.body-box-wv { width: 1200px; min-width: 1200px; position: relative; min-height: 800px; margin: 0 auto; background: #FFF; padding-bottom: 50px; }
.body-box-wv .body-h4 { height: 40px; width: 100%; text-align: center; font-size: 20px; color: #333; padding: 60px  0 40px; font-weight: normal; }
.body-box-wv .body-times { width: 88%; margin: 0 auto; height: 40px; border-bottom: dashed 1px #CCC; border-top: dashed 1px #CCC; line-height: 40px; text-align: center; }
.body-box-wv .body-times span { display: inline-block; margin-left: 30px; }
.body-box-wv .body-box-wx { width: 900px; margin: 50px auto; }
.body-box-wv .body-box-wx p, .body-box-wv .body-box-wx div { font-size: 16px; color: #666; line-height: 28px; margin-top: 10px; text-align: justify; text-indent: 2em; }
.body-box-wv .body-box-wx img { display: block; margin: 0 auto; }
.body-box-wx iframe{display:block;margin:0 auto;}

.expert-div2 { position: absolute; bottom: 22px; left: 50%; background: #9f9d9d; width: 95%; height: 34px; transform: translate(-50%, -50%); }
.expert-div2 span { display: inline-block; width: 45%; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; transition: all 0.3s; line-height: 34px; text-indent: 10px; float: left; }
.expert-div2 a { color: #fff; }
.expert-div2 span:last-child { float: right; text-align: right; padding-right: 20px; }
.expert-div2 a:hover { transition: all 0.3s; color: #af2124; }