/* CSS Document */
.ibanner{ position:relative; z-index:5;}
.ibanner,.iban,.ibanner-list{ width:100%; min-width:1400px; overflow:hidden;}
.iban{ position:relative;}
.iban-img{ display:block; width:100%; height:auto; position:relative; z-index:1;}
.ibanner-list{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
.ibanimg{ background-color: #000; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.ibanner-list .ibanner-ch{ z-index:5;}
.ibanner-list .ibanner-cb{ z-index:4;}
.ibanner-ul{ position:absolute; bottom:40px; left:0; width:100%; min-width:1400px; text-align:right; padding-right:100px; z-index:6; display:none;}
.ibanner-ul span{ display:inline-block; width:14px; height:14px; border-radius:50%; background:none; border:1px solid #b20016; margin:0 4px; cursor:pointer; transition:margin 0.27s linear;}
.ibanner-ul .ibanner-ch{ background:#b20016; cursor:default;}
@keyframes d-ban{
0%{ opacity:0; display:none;}
1%{ opacity:0; display:block;}
100%{ opacity:1; display:block;}
}
@-webkit-keyframes d-ban{
0%{ opacity:0; display:none;}
1%{ opacity:0; display:block;}
100%{ opacity:1; display:block;}
}
.ban1{}
.banMap{ margin:0 auto; position:relative; display:inline-block;}
.banMapImg{}
.banMapImg img{ display:block;}
.table{ position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:middle; display:table;}
.td{ display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center;}
.city{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.c-div{ padding-left:30px; height:22px; position:absolute; display:inline-block; white-space:nowrap; }
.c-div font{ font-size:16px; line-height:22px; color:rgba(255,255,255,0.7); display:block;}
.c-div div{ width:22px; height:22px; box-shadow:inset 0 0 5px #00a4ff; border-radius:50%; position:absolute; top:0; left:0;}
.c-div div span{ width:36%; height:36%; background-color:#00a4ff; margin:-18% 0 0 -18%; display:block; border-radius:50%; position:absolute; top:50%; left:50%;}
.c-div div:after,.c-div div:before{ content:''; position:absolute; width:100%; height:100%; box-shadow:inset 0 0 5px 1px #00a4ff; border-radius:50%; top:0; left:0; opacity:0;}
/*.c-div div:before{ animation-delay:1s;}*/
.ban11{ width:80%; height:auto; position:absolute; top:50%; left:50%; margin-top:-5%; margin-left:-40%; z-index:3;}
.ban11 img{ display:block; width:100%;}
.ban13{ position:relative; z-index:3; text-align:center; display:table; vertical-align:middle; height:100%;}
.ban13 div{ display:table-cell; vertical-align:middle; background-position:center; background-size:contain; background-repeat:no-repeat;}
.ban13 div img{ display:inline-block; max-width:100%; max-height:100%;}
.mapActive div:after,.mapActive div:before,.c-div:hover div:after,.c-div:hover div:before{ animation:after 1.5s ease-out .1s infinite;}
.mapActive div:before,.c-div:hover div:before{ animation-delay:1s;}
.mapActive font{}
@keyframes after{
	0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
	1%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(4);transform:scale(4)}
}

.iban25120201{background-color: #6d141f; color: #fff; display:inline-block; font-size: 40px; padding: 0.1em 0.5em; margin-top: 12%;}
.iban25120202{color: #fff; font-size: 28px; padding-top: 2em;}

.ibanimg a{ display:inline-block; width: 100%; height: 100%;}


.c-red div{ box-shadow:inset 0 0 5px #c21f26;}
.c-red div:after,.c-red div:before{box-shadow:inset 0 0 5px #c21f26;}
.c-red div span{ background-color:#c21f26;}
.c-div div:after{}
.c-l{ height:22px;}
.dentalBan .page-width{ position:absolute; bottom:0; left:50%; margin-left:-600px; height:100%;}
.d-ban{ width:1920px; position:absolute; bottom:0; height:100%; left:50%; margin-left:-960px;}
.d-ban a>div{ position:absolute; bottom:0; left:0; width:100%; height:100%; background-size:cover; z-index:3; background-position:center;}
.videoindex{ position:absolute; top:0; left:0; width:100%; background:#000; height:100%; opacity:0; filter:alpha(opacity=0); transition:opacity 0.27s; border:0; padding:0; margin:0;}
.videoindex tr{ border:0; padding:0; margin:0;}
.videoindex td{ background:#f4f4f4; width:100%; height:100%; text-align:center; box-sizing:border-box; border:0;}
.videoindex video{ max-width:100%; max-height:100%; width:1200px;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}
.play{ position:absolute; top:50%; left:50%; width:290px; height:290px; margin:-145px 0 0 -145px; z-index:3; cursor:pointer;
transition:opacity 0.27s;
}
.play div{ position:absolute; cursor:pointer;}
.playA{ width:100%; height:100%; border-radius:50%; background:#e60012; opacity:0.2; top:0; left:0;
transition:transform 0.27s,opacity 0.27s;}
.playB{ width:98px; height:98px; border-radius:50%; background:#e60012; top:50%; left:50%; margin:-49px 0 0 -49px;}
.playC{ border-width:26px 36px; border-color:transparent; border-left-color:#fff; border-style:solid; top:50%; left:50%; margin:-26px 0 0 -12px; box-sizing:content-box;}
.play:hover .playA{ opacity:0.4;
transform:scale(0.7,0.7);
}
.aboutBb{width:100%; padding-top:20px; position:relative; z-index:2;}
.aboutBb img{ display:block; margin:0 auto; max-width:100%; transform:translate(0,384px);
animation:aboutBImg 2s linear infinite alternate;
-webkit-animation:aboutBImg 2s infinite alternate;
}
@keyframes aboutBImg{
0%{ transform:translate(0,20px);}
100%{ transform:translate(0,0);}
}
@-webkit-keyframes aboutBImg{
0%{ -webkit-transform:translate(0,20px);}
100%{ -webkit-transform:translate(0,0);}
}
.play_che .videoindex{ opacity:1; filter:alpha(opacity=100); background:#f4f4f4;
/* Internet Explorer 10 */
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Chrome, and Opera */
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;}
.video_che .play{ opacity:0;}
.video_che .play:hover{ opacity:1;}
.video_che .playC{ width:10px; height:40px; border-width:10px; border-top:none; border-bottom:none; border-color:#fff; margin:-20px 0 0 -15px;}
.videoSlide,.videoA,.videoB{ position:absolute; top:0; left:0; width:100%; height:100%;}
.videoSlide{ z-index:1; transition:opacity 0.27s; opacity:0.5;}
.videoSlide_che{ opacity:0;}
.videoA{ background:url(../img/videoA.jpg) center no-repeat; background-size:cover; z-index:3;
animation:videoA 10s linear 0s infinite alternate;
-webkit-animation:videoA 10s linear 0s infinite alternate;
}
@keyframes videoA{
0%{ opacity:0; display:block;}
45%{ opacity:0;}
55%{ opacity:1; display:block;}
55.1%{ display:none;}
100%{ opacity:1; display:none;}
}
@-webkit-keyframes videoA{
0%{ opacity:0; display:block;}
45%{ opacity:0;}
55%{ opacity:1; display:block;}
55.1%{ display:none;}
100%{ opacity:1; display:none;}
}
.videoB{ background:url(../image/videoB.jpg) center no-repeat; background-size:cover; z-index:2;}
.ibanButton{}
.ibButton{ width:13.80%; height:6.18%; position:absolute; bottom:11.7886%; left:43.1313%; background:#fff; cursor:pointer; opacity:0;}
.ibButton:active{ opacity:0.2;}
.banPop{ display:none;}
.banPopBg{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:9999;}
.banPopDiv{ width:635px; padding:40px; height:385px; background:#FFF; position:fixed; top:50%; left:50%; margin-left:-318px; margin-top:-192px; z-index:99999;}
.banPopClose{ width:18px; height:19px; overflow:hidden; position:absolute; top:20px; right:20px; cursor:pointer; border-radius:3px;}
.banPopClose:after,.banPopClose:before{ display:block; content:""; width:36px; height:1px; background:#bcbcbc; border-radius:1px; position:absolute; top:9px; left:-9px;}
.banPopClose:after{ transform:rotate3d(0,0,1,45deg);}
.banPopClose:before{ transform:rotate3d(0,0,1,-45deg);}
.banPopTitle{}
.banPopTitle h5,.banPopTitle .h5{ font-size:30px; line-height:30px; font-weight:normal;}
.banPopTitle p{ color:#7d7d7d; font-size:20px; line-height:50px;}
.banPopContent{}
.banPopForm{ padding:0 10px; border:1px solid #000;}
.banPopForm p{ border-bottom:1px solid #000;}
.banPopForm p:last-child{ border:none;}
.banPopForm span{ font-size:18px; display:inline-block; line-height:50px;}
.banPopForm input{ height:50px; width:473px; font-size:18px; padding-left:10px;}
.banPopForm select{ height:50px; width:394px; font-size:18px; float:right;}
.banPopForm-checkbox{ font-size:14px; line-height:40px;}
.banPop .checkbox span{ border:1px solid #000; }
.banPop .checkbox input[checked="checked"]+span{ background-image:url(../image/checkboxHei.png);}
.banPopForm-sub input{ font-size:22px; width:160px; height:50px; color:#fff; background:#900b0b; cursor:pointer;}
.banPopSub{}
.banPopSub input{ background:#c12c20; color:#fff; width:160px; height:50px; font-size:22px; cursor:pointer;}
.banPopSub input:active{ opacity:0.8;}
.banPopDivB{ display:none;}
.banPopRS{}
.banPopRS div{ text-align:center;}
.banPopRS span{ display:inline-block; width:62px; height:71px; background:url(../image/banPop.png) no-repeat; margin-top:40px;}
.banPopRS h4,.banPopRS h5,.banPopRS .h4,.banPopRS .h5{ font-size:30px; line-height:60px;}
.banPopRS h4,.banPopRS .h4{ color:#c12c20;}
.banPopRS p{ font-size:22px; color:#7d7d7d;}
.PopShow{ display:block;}
.banPopShow .banPopDivA{ display:none;}
.banPopShow .banPopDivB{ display:block;}
.inews{ min-width:1400px; margin-top:10px;}
.inewsd{ float:left; width:33%; margin-right:0.5%; color:#fff; position:relative; height:352px;}
.inewsd:nth-child(3){ margin-right:0;}
.inewsimg{ width:100%; position:absolute; top:0; left:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;}
.inewsimg img{ width:100%; height:auto; display:none;}
.inewsbg{ background:#000; position:absolute; bottom:0; left:0; width:100%; height:50%; opacity:0.62; z-index:2;}
.inewsc{ position:absolute; bottom:0; left:0; width:100%; z-index:3; box-sizing:border-box; padding:30px 20px;}
.inewsc h5{ font-size:16px; background:#b20016; display:inline-block; padding:0 10px; margin-bottom:10px; line-height:24px; font-weight:normal;}
.inewsc h3{ font-size:30px; line-height:40px; max-height:80px; overflow:hidden; padding-right:60px; font-weight:normal;}
.inewsc a{ display:inline-block; width:48px; height:48px; background:rgba(255,255,255,0.2); position:absolute; bottom:30px; right:20px; border-radius:50%; z-index:4; transition:background 0.27s ease;}
.inewsc a span{ display:inline-block; width:18px; height:23px; background:url(../image/icon.png) no-repeat; background-position:-260px -20px; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-6px;}
.inewsc a:hover{ background:rgba(255,255,255,0.8);}
.ueg{ width:100%; min-width:1400px; margin-top:10px; background-repeat:no-repeat; background-position:center;}
.ueg img{ display:block; width:100%; height:auto;}
.indexd{ position:relative; margin:40px 20px 0 20px; min-width:1360px}
.indexdc{ margin:0 50px; overflow:hidden;}
.esimg{ width:100%; position:relative;}
.esimgd{ width:10000%;}
.esimgdc{ width:100%;}
.esimgdc div{ width:310px; overflow:hidden; float:left;}
.esimgdc div img{ max-width:100%;}
.esimgdc div span{ color:#da291c; font-size:18px; line-height:30px; display:inline-block; padding-bottom:10px;}
.esimgdc div font{ display:block; color:#000; font-size:24px; line-height:30px;}
.esimgdc div font a{ color:#000;}
.esimgdc div p{ color:#7d7d7d; font-size:20px; line-height:28px; font-weight:normal;}
.esl,.esr{ position:absolute; top:0; width:50px; height:100%; cursor:pointer;}
.esl{ left:0;}
.esr{ right:0;}
.esd{ position:absolute; top:50%; z-index:4; width:18px; height:30px; margin-top:-15px;}
.esd span{ display:inline-block; width:18px; height:30px;}
.esli{ left:0;}
.esri{ right:0;}
.esli span{ background-position:-30px -80px;}
.esri span{ background-position:-48px -80px;}
.esbg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; background:#fff; opacity:0.5; filter:alpha(opacity=50);}
.picture{ width:100%; min-width:1400px; box-sizing:border-box; position:relative; margin:50px 0 20px 0;}
.picture img{ display:block; width:100%; height:auto;}
.picture1{ width:36.2%; height:auto;}
.picture2,.picture3,.picture4{ position:absolute; top:0; width:20.766666%;}
.picture2{ left:36.7%;}
.picture3{ left:57.966666%;}
.picture4{ right:0;}
.picture5,.picture6{ position:absolute; bottom:0; width:31.4%;}
.picture5{ left:36.7%;}
.picture6{ right:0;}
/*新首页*/
.indexka{ position:relative; padding:90px 0;}
.indexkb{ padding:20px 0;}
.indexkc{ display:none;}
.indexkl{ width:55%; background:#f5f5f5; min-height:590px; padding:40px 140px 40px 40px;}
.indexkl font{ color:#666; font-size:20px;}
.indexkl h5{ font-size:32px; color:#fff; background:#b2000e; display:inline-block; font-weight:normal; padding:0 10px; margin-bottom:15px;}
.indexkl h3{ font-size:28px; line-height:30px; padding:30px 0 30px 0; font-weight:normal;}
.indexkl div{ font-size:20px; line-height:30px; color:#696969;}
.indexkl p{ min-height:28px;}
.indexkl a{ display:inline-block; width:50px; height:50px; background:#fff; border-radius:50%; text-align:center; margin-top:30px; transition:background 0.27s;}
.indexkl span{ display:inline-block; width:18px; height:23px; background:url(../image/jian.png) center; margin:13px 0 0 5px;}
.indexkr{ width:50%; height:530px; position:absolute; top:50%; right:0; margin-top:-265px; overflow:hidden; box-shadow:0 5px 10px 0px #666; background-position:center; background-size:cover; background-repeat:no-repeat;}
.indexkr img{ display:none;}
.indexkl a:hover{ background:#ffcacc;}
.indexkch{ display:block;}
.indexkcn{}
.indexk{ padding:0 40px; min-width:1400px; overflow:hidden;}
.indexkt{ position:absolute; top:50px; right:0; height:50px; line-height:50px;}
.indexkta{ display:inline-block; line-height:40px; float:left;}
.indexkta span{ display:inline-block; width:8px; height:8px; margin:0 5px; background:#c3c3c3; border:5px solid #fff; border-radius:50%; box-sizing:content-box; vertical-align:middle; transition:all 0.27s;}
.indexkta .indexktc{ border-color:#da2a1b; background:#fff; width:5px; height:5px;}
.indexktb{ position:relative; display:inline-block; line-height:40px; height:40px; float:right;}
.indexktb span{ width:40px; height:40px; border:1px solid #b2000e; border-radius:50%; cursor:pointer; display:inline-block; position:relative; margin-left:20px;}
.indexktb span:after{ content:""; display:inline-block; width:14px; height:14px; border:1px solid transparent; position:absolute; top:50%; margin-top:-8px; transform:rotate(45deg);}
.indexktb .indexktl:after{ left:50%; margin-left:-4px; border-bottom:1px solid #b2000e; border-left:1px solid #b2000e;}
.indexktb .indexktr:after{ right:50%; margin-right:-4px; border-top:1px solid #b2000e; border-right:1px solid #b2000e;}
.indexktb span:hover{ background:#ffcacc;}
.indexxm{ height:634px; width:100%; min-width:1400px; position:relative; overflow:hidden;}
.indexxre{}
.indexxo{ position:absolute; top:0; left:0; width:100%; height:100%;}
.indexxom{ padding:40px 40px 0 40px; width:100%;}
.indexxom .indexxmod{ width:25%; border:none; cursor:pointer;}
.indexxmp{ position:absolute; top:0; left:100%; width:100%; height:634px; overflow:hidden; z-index:2; transition:all 0.5s ease;}
.indexxrech .indexxmp{ left:0;}
.indexxmn{ border-right:381px solid #fff; position:absolute; top:0; height:100%; width:100%; left:100%; transition:all 0.27s linear;}
.indexxmn a{ color:#000;}
.indexxma{ left:0; z-index:1;}
.indexxmb{ z-index:2; margin-left:-378px}
.indexxmc{ z-index:3; margin-left:-251px}
.indexxmd{ z-index:4; margin-left:-124px;}
.indexxm01 .indexxma .indexxmt{ background:#fdc7ca;}
.indexxm02 .indexxmb{ left:127px; margin-left:0;}
.indexxm02 .indexxmb .indexxmt{ background:#e1efff;}
.indexxm03 .indexxmb{ left:127px; margin-left:0;}
.indexxm03 .indexxmc{ left:254px; margin-left:0;}
.indexxm03 .indexxmc .indexxmt{ background:#e7ffd8;}
.indexxmt{ transition:all 0.27s; width:124px; position:absolute; top:0; writing-mode:tb-rl; text-align:center; height:100%; line-height:124px; font-size:28px; z-index:8; background:#eef0f0; cursor:pointer;}
.indexxmo{ position:absolute; top:0; left:0; padding:50px 0; width:100%; height:100%; overflow:hidden; z-index:7; background:#fff; padding-left:129px;}
.indexxma .indexxmt:hover{ background:#fdc7ca;}
.indexxmb .indexxmt:hover{ background:#e1efff;}
.indexxmc .indexxmt:hover{ background:#e7ffd8;}
.indexxmd .indexxmt:hover{ background:#efdaff;}
.indexxma .indexxmod{ width:33.3%}
.indexxmb .indexxmod{ width:33.3%}
.indexxmc .indexxmod{ width:25%}
.indexxmod{ border-right:1px solid #dddddd; float:left; text-align:center; height:534px; padding:0 20px;}
.indexxo .indexxmod span{ text-align:center;}
.indexxmo a:last-child .indexxmod{ border:none;}
.indexxmod span{ text-align:left; display:inline-block; color:#7d7d7d; font-size:30px; line-height:30px; height:180px; overflow:hidden; padding-top:70px;}
.indexxmb .indexxmod span,.indexxmc .indexxmod span{ font-size:26px;}
.indexxmod p{}
.indexxmod p img{ display:inline-block; max-width:100%; height:auto; transition:all 0.27s ease-out;}
.indexxmod:hover img{ transform:scale(1.05);}
.indexl{ background:url(../image/indexl.gif) center no-repeat; background-size:100% 100%; padding:0 40px 120px 40px; min-width:1400px;}
.indexl .page-width{ position:relative;}
.indexl .esbg{ background:none;}
.indexla{ font-size:50px; color:#fff; line-height:160px; text-align:center;}
.indexlb{ background:#fff; margin:0; position:relative;}
.indexlb .esli{ left:17px;}
.indexlb .esri{ right:17px;}
.indexlb .esimgdc div{ border-right:1px solid #ddd; box-sizing:border-box;}
.indexlb .esimgdc div a{ display:block; padding:60px;}
.indexlb .esimgdc div a:hover font{ color:#f00;}
.indexlb .esimgdc label{ display:inline-block; height:120px;}
.indexlb .esimgdc label img{ display:inline-block; max-width:100%;}
.indexlb .indexdc{ margin:0;}
.indexlb .esimgdc div span{ width:50px; height:1px; background:#b2000e; padding:0; margin-bottom:10px;}
.indexm{ position:relative;}
.indexm:after{ content:""; display:inline-block; position:absolute; top:0; left:50%; width:50%; height:100%; z-index:1; background:#ececec;}
.indexm h5{ font-size:32px; display:inline-block; min-width:150px; padding:0 10px; text-align:center; color:#fff; background:#b2000e; margin:30px 0 20px 0; font-weight:normal;}
.indexm p{ font-size:18px; line-height:28px; height:56px; padding-bottom:20px; box-sizing:content-box;}
.indexm a{ color:#585858; font-size:14px; display:inline-block; line-height:42px; border:1px solid #666; border-radius:22px; padding:0 38px 0 12px; text-align:center; min-width:140px; position:relative; transition:all 0.27s;}
.indexm a span{ display:inline-block; width:9px; height:12px; background:url(../image/jian1.png); position:absolute; top:50%; margin-top:-6px; right:20px;}
.indexm a:hover{ box-shadow:0 0 5px 0 #666;}
.indexm div div div{ text-align:center; padding-top:50px;}
.indexm div img{ display:inline-block; max-width:100%;}
.indexml,.indexmr{ padding:30px; width:50%; float:left; box-sizing:border-box; position:relative; z-index:2;}
.indexml{}
.indexmr{ background:#ececec;}
.index_a{ width:100%; min-width:1400px; margin-top:20px;}
.index_aa{ height:477px; float:left; width:49.5%; margin-right:1%; background:#f5f5f5; margin-bottom:20px; padding:40px 0 0 40px;}
.index_aa h4{ font-size:32px; color:#c12c20; line-height:40px; font-weight:normal; padding-bottom:10px;}
.index_aa p{ font-size:22px; line-height:30px; width:70%;}
.index_ab{ position:relative; overflow:hidden; height:477px; float:left; width:49.5%; margin-right:1%; background:url(../image/index_a_bg.jpg) center no-repeat; background-size:cover; margin-bottom:20px; padding:40px 40px 0 40px;}
.index_ab:nth-child(2n){ margin-right:0;}
.index_abc{}
.index_abc h5{ font-weight:normal; font-size:32px; line-height:40px;}
.index_abc p{ color:#7d7d7d; font-size:20px; line-height:30px;}
.index_abc a{ display:inline-block; width:150px; height:40px; line-height:40px; color:#fff; background:#c12c20; text-align:center; font-size:18px; margin-top:10px;}
.index_ab_img{ position:absolute; bottom:0; left:0; width:100%; height:auto;}
.index_ab_img img{ display:block; margin:0 auto;}
.index_b{ background:url(../image/index_b_bg.jpg) center no-repeat; background-size:cover; min-width:1400px;}
.index_position{ position:relative;}
.index_position table,tr,td{ border-collapse:collapse;}
.index_position td{ width:100%; height:calc(100vh - 120px); padding:50px 0; box-sizing:border-box; vertical-align:middle;}
.index_bl{ width:46%; float:left; padding:10px 0;}
.index_bl h2{}
.index_bl div{ margin:30px 0;}
.index_bl p{ font-size:18px; color:#fff; line-height:30px;}
.index_bl .but{ font-size:16px; color:#fff; border:1px solid #fff; min-width:140px; line-height:40px; text-align:center; display:inline-block;}
.index_br{ float:right; width:50%; position:relative; cursor:pointer;}
.index_br img{ display:block; width:100%; height:auto;}
.index_br span{ position:absolute; top:50%; left:50%; background:url(../image/index_ba.png) center no-repeat; width:96px; height:96px; margin-top:-48px; margin-left:-48px;}
.index_br:hover span{}
.index_br:active span{ transform:scale(0.9); transition:all 0s linear;}
.index_c{ background:#eeeeee; min-width:1400px; padding:40px; padding-bottom:80px; text-align:center;}
.index_ct{ margin:20px 0 60px 0;}
.index_cb{ padding:0 50px; position:relative;}
.index_cbt{ position:absolute; top:100px; left:0; width:100%;}
.index_cicon{ position:absolute; top:0; width:40px; height:100px; cursor:pointer;}
.index_cicon span{ display:block; width:26px; height:46px; margin:27px 0 0 7px; background-image:url(../image/special-jt.png); background-repeat:no-repeat;}
.index_cl{ left:0;}
.index_cl span{ background-position:0 0;}
.index_cr{ right:0;}
.index_cr span{ background-position:-26px 0;}
.index_cdiv{ width:100%; overflow:hidden; height:auto;}
.index_ctailor{ white-space:nowrap; width:10000%; transition:all 0.27s ease-out;}
.index_ce{ float:left; position:relative; box-sizing:border-box; width:0.333333%;}
.index_ce a{ position:relative; display:inline-block;}
.index_cei{ position:relative; padding:0 10px;}
.index_cei span{ display:block; position:absolute; top:0; left:0; background:#822929; color:#fff; font-size:26px; line-height:60px; min-width:180px; padding:0 10px; text-align:center;}
.index_cei img{ display:block; width:100%;}
.index_cec{ box-sizing:border-box; width:100%; border-left:10px solid rgba(0,0,0,0); border-right:10px solid rgba(0,0,0,0); position:absolute; bottom:0; left:0; z-index:3;}
.index_cec span{ font-size:28px; border-bottom:2px solid #c12c20; line-height:36px; margin-bottom:10px; display:inline-block; color:#000; display:none;}
.index_cec h3{ color:#fff; white-space:normal; font-weight:normal; display:block; width:100%; font-size:18px; text-align:center; line-height:36px; padding:60px 10px 5px 10px; background-image: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8));}
.index_cec p{ font-size:20px; line-height:30px; color:#7d7d7d; height:30px; text-align:left; display:none;}
/*
.index_d{ min-width:1400px; padding:40px;}
.index_dt{ margin:20px 0 40px 0;}
.index_dd{ float:left; width:49%; margin-left:2%; position:relative; padding-left:10%; box-sizing:border-box; margin-bottom:20px;}
.index_dd:nth-child(1){ margin-left:0;}
.index_di{ width:35%; position:absolute; top:0; left:0; height:100%; display:flex; align-items:center}
.index_di img{ display:block; width:100%; height:auto; align-items:center;}
.index_dr{ box-shadow:0 0 5px 0 #ccc; padding:40px 10px 40px 22%;}
.index_dr span{ color:#c21f26; font-size:18px; line-height:40px;}
.index_dr h5{ font-size:24px; line-height:30px; font-weight:normal; height:60px; overflow:hidden;}
.index_dr p{ font-size:20px; color:#7d7d7d; line-height:30px; height:60px; overflow:hidden;}
.index_dda .index_dr{ height:500px;}
.index_dda span{ display:inline-block; padding:60px 0 30px 0;}
.index_dda h5{ height:auto; padding-bottom:30px;}
.index_dda p{ height:auto;}
.index_dd h5{ color:#000;}
*/
.index_d{ min-width:1400px; padding:40px;}
.index_dt{ margin:20px 0 40px 0;}
.index_dc{ }
.index_dd{ position:relative; margin-bottom:20px; float:left; width:49%;}
.index_dd:nth-child(2){ margin-right:2%;}
.index_di{ display:block; width:49.6%;}
.index_di img{ display:block; width:100%; height:auto;}
.index_dr{ position:absolute; right:0; top:0; width:50%; height:100%; border:1px solid #f0eeee; padding:0 10px; display:flex; align-items:center;}
.index_dr div{ display:inline-block; height:auto;}
.index_dr span{ color:#c21f26; font-size:16px; line-height:40px; display:inline-block;}
.index_dr h5,.index_dda .h5,.index_ddb .h5{ font-size:22px; line-height:30px; font-weight:normal; height:60px; overflow:hidden; margin:10px 0; display:block; color:#000;}
.index_dda .h5 a{ color:#000;}
.index_dda .h5 a:hover{ color:#c21f26;}
.index_dr p{ font-size:16px; color:#7d7d7d; line-height:30px; height:60px; overflow:hidden;}
.index_dr a div{ margin-top:20px; font-size:16px; color:#c21f26; border:1px solid #c21f26; min-width:140px; line-height:40px; text-align:center; display:inline-block;}
.index_dda{ width:100%;}
.index_dda .index_di{ width:38%;}
.index_dda .index_dr{ width:62%; background:#f0eeee; padding:0 40px;}
.index_dda span{}
.index_dda h5{ height:auto; padding-bottom:30px;}
.index_dda p{ height:auto;}
.index_dd h5{ color:#000;}
.index_e{ background:#f5f5f5; min-width:1200px;}
.index_ea{ text-align:center;}
.index_et{ margin:70px 0 60px 0;}
.index_ea p{ height:0; overflow:hidden; display:block;}
.index_eb{ margin:0 40px 70px 40px;}
.index_ec{ width:32%; float:left; margin-right:2%; background:#fff; padding:20px; border-radius:10px; position:relative;}
.index_ec:last-child{ margin-right:0;}
.index_ed{}
.index_ed h5,.index_ed .h5{ font-size:28px; line-height:40px; font-weight:normal; padding:10px 0 20px 0;}
.index_ed h5 a,.index_ed .h5 a{ color:#000;}
.index_ed h5 a:hover,.index_ed .h5 a:hover{ color:#c12c20;}
.index_ed p{ font-size:18px; line-height:24px; height:240px; max-width:60%;}
.index_ed .but{ font-size:16px; color:#c12c20; display:inline-block; border:1px solid #c12c20; text-align:center; line-height:40px; min-width:140px;}
.index_e_img{ position:absolute; bottom:0; right:0; max-width:35%; transition:all 0.5s;}
.index_e_img img{ display:inline-block; max-width:100%; height:auto; margin-bottom:-60px; transition:transform 0.27s;}
.index_e_img:hover img{ transform:scale(1.05);}

.index_f{ padding:2vw;}
.index_fc{ width:100%; position:relative;}
.index_fa{ float:left; width:58vw; text-align:left;}
.index_fa a{ display:block;}
.index_fa a:nth-child(1){ margin-bottom:2vw;}
.index_fba{ position:relative;}
.index_fi{ display:block; width:47.6%; height:15.5vw; overflow:hidden;}
.index_fi img{ display:block; width:100%; height:auto; transition:all 0.27s;}
.index_fr{ position:absolute; top:0; right:0; width:52%; height:100%; border:1px solid #f0eeee; padding:0 10px; display:flex; align-items:center;}
.index_fr div{ display:inline-block; height:auto; width:100%;}
.index_fr span{ color:#c21f26; font-size:16px; line-height:40px; display:inline-block;}
.index_fr .h5{ font-size:22px; line-height:30px; font-weight:normal; max-height:60px; overflow:hidden; margin:10px 0; display:block; color:#000; white-space:nowrap; text-overflow:ellipsis;}
.index_fr p{ font-size:18px; color:#000; line-height:30px; max-height:120px; overflow:hidden;}
.index_fa a:hover .h5{ color:#c21f26;}
.index_fa a:hover .index_fi img{ transform:scale(1.02);}

.index_fb{ width:35.8vw; float:right; background:#f0eeee; padding:1.8vw 2vw;}
.index_fbg{ position:absolute; top:0; right:0; width:35.8vw; height:100%; background:#f0eeee;}
.index_fba{}
.index_fbt{ font-size:28px; color:#c21f26;}
.index_fbc{}
.index_fbd{ position:relative; padding:0 11.4vw 0 2.8vw; margin-top:1.4vw;}
.index_fbl{ display:block; width:2.34vw; height:2.34vw; background:url(../image/in.png) no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.index_fbx{ min-height:5.57vw; font-size:18px;}
.index_fbx span{ display:inline-block; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_fbx div{ position:relative;}
.index_fbx p{ line-height:1.6em; height:1.6em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index_fbx div p:nth-child(2){}
.index_fbx a{ color:#c21f26; background:#f0eeee;}
.index_fbx a:hover{ color:#c21f26;}
.index_fbi{ width:10.4vw; height:5.55vw; position:absolute; right:0; top:0; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_fbi img{ display:block; width:100%; height:auto;}


@media(max-width:1620px){
.index_ed .h5{ font-size:26px;}
.index_dda .index_di{ width:46%;}
.index_dda .index_dr{ width:54%;}

.index_fr .h5{ margin:5px 0;}
.index_fr span{ line-height:20px;}
.index_fr p{ line-height:25px; max-height:100px;}
.index_fbx div{}
.index_fbc{ padding:0;}

}
@media(max-width:1420px){
.ibanner,.index_b,.index_c,.iban,.ibanner-list,.index_d{ min-width:1200px;}
.ibanner-ul{ min-width:1190px;}
.index_dda p{ height:90px;}
}
@media(max-width:1220px){
.ibanner, .index_b, .index_c, .iban, .ibanner-list, .index_d,.index_e{ min-width:1000px;}
.ibanner-ul{ min-width:1000px;}
.videoindex video{ width:100%;}
.index_ed .h5{ font-size:20px; line-height:30px; box-sizing:content-box;}
.index_ed p{ max-width:100%; height:200px;}
.index_ed .but{ min-width:120px; font-size:16px;}
.index_et{ margin:40px 0;}
.index_eb{ margin:0 20px 70px 20px;}
.index_bl{ margin-left:2%;}
.index_bl div{ height:auto; margin-top:0;}
.index_bl p{ font-size:18px;}
.index_br{ margin-right:2%; margin-top:100px;}
.index_position td{ padding-top:30px;}
.index_c{ padding:20px 0 40px 0;}
.index_ct{ margin:20px 0 40px 0;}
.index_cec{ padding-top:20px;}
.index_cei{ padding:0 5px;}
.index_cec h3{ font-size:18px; line-height:1.5em;}
.index_cec p{ font-size:16px; line-height:1.5em; height:auto;}
.index_d{ padding:20px 20px 20px 20px;}
.index_dda .index_dr{ padding:0 20px;}
.index_ddb .h5{ font-size:18px; height:120px; margin:0;}
.index_dr p{ display:none;}
.index_dda p{ display:block; font-size:18px; height:60px; overflow:hidden;}
.index_dr a div{ margin-top:10px;}

.iban25120201{font-size: 28px;}
.iban25120202{ font-size: 22px;}
}

@media(max-width:1000px){
.index_f{ width:100%; min-width:1000px;}
.index_fa{ width:100%; float:none;}
.index_fb{ width:100%; float:none; margin-top:2vw;}
.index_fbg{ display:none;}
.index_fbt{ font-size:28px;}
.index_fbx div{}
.index_fbx{ min-height:13.8vw;}
.index_fbd{ padding: 0 22.8vw 0 5.6vw;}
.index_fbl{ width:4.68vw; height:4.68vw;}
.index_fbi{ width:20.8vw; height:11.1vw;}
.index_fi{ height:auto;}

}
@media(max-width:640px){

.iban{ height:50vh;}
.iban-img{ display:none;}
.index_ea{ text-align:left; padding:0 10px}
.ibanner, .index_b, .index_c, .iban, .ibanner-list, .index_d,.index_e{ min-width:100%;}
.ibanner-ul{ min-width:100%; bottom:10px; padding-right:10px;}
.play{ transform:scale(0.3);}
.videoindex video{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.index_eb{ margin:0 10px 0 10px; padding-bottom:40px; background:#f5f5f5;}
.index_ec{ width:100%; float:none; margin:40px 0 0 0;}
.index_ec:nth-child(1){ margin:0;}
.index_et{ margin:30px 0;}
.index_ed .h5{ padding-bottom:10px;}
.index_ed .h5,.index_ed .h5 a{ font-size:20px;}
.index_bl .but{ font-size:16px; border-color:#c12c20; color:#c12c20;}
.index_ed p{ font-size:16px; height:auto; padding-bottom:20px; width:50%;}
.index_e_img{ width:45%;}
.index_e_img img{ margin-bottom:-40px;}
.index_bl,.index_br{ float:none; width:100%; margin:0; padding:0 30px;}
.index_bl{ padding-bottom:20px;}
.index_bl div{ margin-bottom:20px;}
.index_bl p{ font-size:16px; line-height:24px;}
.index_c{ text-align:left;}
.index_cec{ border-width:5px;}
.index_cec h3{ font-size:16px; }
.index_ct{ margin:10px 0 30px 10px;}
.index_ce{ width:1%;}
.index_cicon span{ transform:scale(0.5);}
.index_cec span{ font-size:24px;}
.index_dda .index_di,.index_di{ width:100%; float:none;}
.index_dda .index_dr,.index_dr{ width:100%; float:none; background:#fff; position:relative; top:auto; left:auto; padding:10px;}
.index_dr span{ font-size:14px;}
.index_dr h5, .index_dda .h5, .index_ddb .h5,.index_dr h5 a, .index_dda .h5 a, .index_ddb .h5 a{ font-size:16px; line-height:1.5em; height:auto; margin:0; height:auto;}
.index_dda p,.index_dr a div{ display:none;}
.index_dd{ float:none; width:100%; margin-right:0;}
.index_dd:after{ content:""; width:100%; height:0; overflow:hidden; clear:both; display:block;}
.index_dr span{ line-height:30px;}


.index_f{ width:100%; min-width:100%;}

.index_fi{ width:100%;}
.index_fr{ position:relative; top:auto; right:auto; width:auto; height:auto; padding:2vw;}
.index_fr .h5{ font-size:20px; margin:0;}
.index_fr span{ line-height:1.5em;}
.index_fr p{ font-size:16px; line-height:1.5em; max-height:3em;}

.iban25120201{font-size: 20px;}
.iban25120202{ font-size: 16px;}
}