@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:'思源黑体';
	src : url('../fonts/SourceHanSansCN-Regular.ttf');
}
body{font-size:12px; font-family:"思源黑体";color:#19110b;background:#ffffff;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;}
img{ border:0; width:100%;}
ul,li{ list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.head{ position:fixed; z-index:9999;width:100%; height:75px; background:#FFF;box-shadow: 0 0 3px #c6c6c7;}
.mian{ width:90%; min-width:1100px;  margin:0 auto;display:flex;justify-content: space-around;}
.video{ width:100%;}
.video .bgvideo{ width:100%;margin-top:80px;}
.video img{ position:absolute; width:584px; z-index:100; top:0; left:0;}

/*pagr*/

.page{width: 100%;text-align: center;}
.page a{color: #000;padding: 5px;display: inline-block;height: 22px;min-width: 22px;margin: 20px 5px;}
.page a:hover,.page a.on{background-color: #053369;color: #fff;}

.slider{width:100%; height:100px; text-align:center;margin-top:40px;margin-bottom:40px;}
.slider span{ display:block;}
.slider span:nth-child(1){ font-size:36px; color:#19110b;}
.slider span:nth-child(1) samp{ text-transform:uppercase; margin-left:10px;}
.slider span:nth-child(2){ font-size:18px;color:#19110b; text-transform:uppercase;margin-top: 10px;}



.window-slider{height: 818px;background: #000;width:100%;}
.window-slider > div{float: left; width:100%;}
.window-slider > div{position:relative;overflow: hidden; height:409px;}
.window-slider .t1-window{ width:29.15%;}
.window-slider .t2-window{ width:42.778%;}
.window-slider .t3-window{ width:28.07%;}
.window-slider .b1-window{ width:34.74%;}
.window-slider .b2-window{ width:32.69%;}
.window-slider .b3-window{ width:32.57%;}
.window-slider > div > img{position: relative; width:100%; height:409px;}
.window-slider > div > img:nth-child(n+2){display: none;}
.window-slider .window{ position:absolute; width:100%; height:818px;}
.window-slider .window img{ position:absolute; display:block; width:127px; height:66px; left:47%;bottom:130px;}
.window-slider .window span{ display:block; width:580px; line-height:55px; text-align:center; color:#FFF; font-size:36px; margin: 0 auto;margin-top: 278px;}
.window-slider .window a{display:block; margin:0 auto; text-align:center; font-size:14px; color:#FFF; background:url(/Public/Home/images/jt.png) 175px 17px no-repeat; width:244px; height:46px; line-height:46px; border:1px solid #FFF; margin-top:50px;}
.window-slider .window a:hover{ color:#19110b; background:url(/Public/Home/images/jta.png) 175px 17px no-repeat,#fff;}

#gdtw1{ margin-bottom:22px;}
#gdtw1,#gdtw2{width:100%;height:398px;}
#gdtw1 ul,#gdtw2 ul{padding:5px}
#gdtw1 ul li,#gdtw2 ul li{list-style-image: none;list-style-type: none;float:left;margin:0 10px;width:626px;height:398px;}
#gdtw1 ul li img,#gdtw2 ul li img{width:626px;height:398px;}

.case{width:100%; background:url(/PUblic/Home/images/sfb.jpg) center no-repeat;background-size: cover;padding-bottom:10%;}
.case .span{ float:left; width:100%; text-align:center; font-size:36px; color:#19110b; margin-top:50px;}
.case .span samp{ text-transform:uppercase; margin-left:10px;}
.case .span1{ float:left; width:100%; text-align:center;  font-size:18px;color:#19110b; text-transform:uppercase; margin-top:10px;}

.poster-main {height: 404px;position: relative;margin: 0 auto; overflow:hidden; margin-top:70px;}
.poster-main a, .poster-main img video{ display: block; width:734px;height:400px;}
.poster-main .poster-list {width: 1000px;height: 404px;}
.poster-main .poster-list .poster-item {width:539px;height:404px;position: absolute; overflow: hidden;left: 0;top: 0;box-shadow:0px 18px 10px -15px #000;}
.poster-main .poster-list .poster-item .div{ opacity:0;}
.poster-main .poster-list .poster-item:hover .div{ opacity: 1; position:absolute; top:0; left:0; display:block; width:100%;height:404px;background:url(../img/m.png) 260px 310px no-repeat,rgba(0,29,95,.85);}
.poster-main .poster-list .poster-item .div span{ float:left; width:100%; text-align:center; color:#FFF; text-decoration:underline;}
.poster-main .poster-list .poster-item .div span:nth-child(1){ font-size:16px;margin-top:110px;}
.poster-main .poster-list .poster-item .div span:nth-child(2){ font-size:14px; margin-top:10px;}
.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}
.poster-main .poster-prev-btn {left: 0;}
.poster-main .poster-next-btn {right: 0;}
.case .span_a{ display:block; width:244px; height:46px; margin:0 auto; border:1px solid #000; line-height:46px; text-align:center; background:url(/Public/Home/images/q1.png) 175px 17px no-repeat;}
.case .span_a a{ font-size:14px; color:#19110b;}
.case .span_a:hover{ background:url(/Public/Home/images/jta.png) 175px 17px no-repeat,#fff;}
.case .span_a:hover a{ color:#19110b;}

.case .span_b{ display:block; margin:0 auto; width:571px; margin-top:31px;}
.qyjs{ float:left; width:100%; background:url(/Public/Home/images/al.png) center no-repeat; position:relative;background-size:cover;padding-top:20%;padding-bottom:35%;}
.qyjs .qyjs_div{ position:absolute; width:279px; height:364px; top:31.66%; right:2.9%; background:rgba(255,255,255,.7);}
.qyjs .qyjs_div span{ display:block; width:214px; margin:0 auto;}
.qyjs .qyjs_div span:nth-child(1){ font-size:28px; color:#19110b; margin-top:46px;}
.qyjs .qyjs_div span:nth-child(2){ font-size:14px; color:#19110b; line-height:24px; margin-top:20px;}
.qyjs .qyjs_div a{ display:block; margin:0 auto; color:#19110b; width:70px; font-size:14px; background:url(/Public/Home/images/jta.png) right no-repeat; margin-top:60px;}

.case .span_b{ display:block; margin:0 auto; width:571px; margin-top:31px;}
.qyjs1{ float:left; width:100%; background:url(/Public/Home/images/zl.jpg) center no-repeat; position:relative;background-size:cover;padding-top:20%;padding-bottom:35%;}
.qyjs1 .qyjs1_div{ position:absolute; width:279px; height:364px; top:26.66%; right:15.9%; background:rgba(255,255,255,.7);}
.qyjs1 .qyjs1_div span{ display:block; width:214px; margin:0 auto;}
.qyjs1 .qyjs1_div span:nth-child(1){ font-size:28px; color:#19110b; margin-top:46px;}
.qyjs1 .qyjs1_div span:nth-child(2){ font-size:14px; color:#19110b; line-height:24px; margin-top:20px;}
.qyjs1 .qyjs1_div a{ display:block; margin:0 auto; color:#19110b; width:70px; font-size:14px; background:url(/Public/Home/images/jta.png) right no-repeat; margin-top:60px;}


.sort{width:80%;margin:auto;}
.sort ul{width:100%;display:flex;justify-content:center;}
.sort li{ width:260px; background:#f7f7f7; font-size:18px; margin-left:5px;}
.sort li a{ color:#19110b;width:90px; height:70px; padding-left:45px;margin-left: 10px; }
.sort li:nth-child(1){ margin-left:0; background:url(/Public/Home/images/ppsj.png) 20px 21px no-repeat,#f7f7f7;}
.sort li:nth-child(2){ background:url(/Public/Home/images/ppsj.png) 20px -58px no-repeat,#f7f7f7;}
.sort li:nth-child(3){ background:url(/Public/Home/images/ppsj.png) 20px -138px no-repeat,#f7f7f7;}
.sort li:nth-child(4){ background:url(/Public/Home/images/ppsj.png) 20px -219px no-repeat,#f7f7f7;}
.sort li:nth-child(5){ background:url(/Public/Home/images/ppsj.png) 20px -300px no-repeat,#f7f7f7;}
.sort li:nth-child(6){ background:url(/Public/Home/images/ppsj.png) 20px -380px no-repeat,#f7f7f7;}
.sort li.select a,.sort li:hover a{ color:#FFF;}
.sort li:nth-child(1).select,.sort li:nth-child(1):hover{ margin-left:0; background:url(/Public/Home/images/ppsj_a.png) 20px -138px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(2).select,.sort li:nth-child(2):hover{background:url(/Public/Home/images/ppsj_a.png) 20px -138px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(3).select,.sort li:nth-child(3):hover{background:url(/Public/Home/images/ppsj_a.png) 20px -138px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(4).select,.sort li:nth-child(4):hover{background:url(/Public/Home/images/ppsj_a.png) 20px -219px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(5).select,.sort li:nth-child(5):hover{background:url(/Public/Home/images/ppsj_a.png) 20px -300px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(6).select,.sort li:nth-child(6):hover{background:url(/Public/Home/images/ppsj_a.png) 20px -380px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}




/*五张图片在缩略图时所显示的位置调整*/
#demo li:nth-of-type(1) img{ transform: translate(-242px);}
#demo li:nth-of-type(2) img{ transform: translate(-260px);}
#demo li:nth-of-type(3) img{ transform: translate(-245px);}
#demo{height:750px;margin:60px auto 0 auto;}
#demo img{width: 960px; height: 750px; z-index:1;}
#demo li{float:left;position:relative;width:24.9%;height:100%;overflow:hidden;cursor:pointer; transition:0.5s; transform-origin:bottom;}
#demo li img{transition:1.2s;}
#demo li span{display:block; color:#FFF; position:absolute; top:0; width:100%; text-align:center;z-index: 9;}
#demo li .span{ font-size:28px; top:241px;}
#demo li .span1{ font-size:14px; top:285px;}
#demo li a{ position:absolute; font-size:14px; z-index: 9;top:47%;left:30%; display:block; margin:0 auto; color:#FFF; width:180px; text-align:center; height:46px; line-height:46px; border:1px solid #FFF;}
#demo li.active a{  width:244px; left:37%;}
#demo li.active a:hover{background:#fff;  color:#012c8c;}
#demo li.active{cursor:pointer;width:50%;filter:alpha(opacity=100);opacity:1;}
#demo li.active img{transform:translate(0px);width: 100%;}



.bodyCon08{ margin: 0 auto;width: 100%;position: relative; padding-bottom:100px;margin-top: 40px;}
.bodyCon08 .span_a{ float:left; width:100%; text-align:center; font-size:36px; color:#19110b;}
.bodyCon08 .span_b{ float:left; width:100%; text-align:center; font-size:18px; color:#19110b; margin-top:10px;}
#four_flash{position:relative;width:1100px;height:460px; margin:0 auto; margin-top:70px;}
#four_flash .flashBg{width:1100px;height:460px; margin:0 auto;position:relative;overflow:hidden; padding-bottom:100px;}
#four_flash .flashBg ul.mobile{width:2000%;height:520px;overflow: hidden; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile .li{width:400px; height:460px; float: left;overflow:hidden; margin-left:10px; background:#FFF;box-shadow: 0 0 30px 0 #d8dce5;}
#four_flash .flashBg ul.mobile .li samp{ float:left; width:100%; height:300px; overflow: hidden;}
#four_flash .flashBg ul.mobile .li samp img{ height:300px;cursor: pointer;transition: all 0.6s;}
#four_flash .flashBg ul.mobile .li ul{ float:left; width:352px; overflow:hidden; padding:0 28px; padding-top:45px; transition:.5s;}
#four_flash .flashBg ul.mobile .li ul li{ font-size:14px; color:#19110b;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(1){ font-size:20px; color:#19110b; width:315px;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(2){ margin-top:30px;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(2) span{ float:right; background:url(/Public/Home/images/kan.jpg) left center no-repeat; padding-left:31px; background-size:20px;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(3){ transition:.5s; opacity: 0;}
#four_flash .flashBg ul.mobile .li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
#four_flash .flashBg ul.mobile .li:hover samp img{transform: scale(1.2);}
#four_flash .flashBg ul.mobile .li:hover ul{ margin-top:-50px; background:#FFF; z-index: 99; position: relative;}
#four_flash .flashBg ul.mobile .li:hover ul li:nth-child(3){ display:block; font-size:14px; color:#666; line-height:24px; margin-top:10px;opacity: 1;}
#four_flash .flashBg ul.mobile .li:last-child{height:240px; margin:86px auto; margin-left:28px;}
#four_flash .flashBg ul.mobile .li:last-child samp{ text-align: center;line-height:240px; background:#012c8c; color:#fff; font-size:25px;}

#four_flash .but_left{width:50px;height:50px;position:absolute; top:210px; left:30px; background:url(/Public/Home/images/jtl.png) center no-repeat,#e5e5e5; border-radius:50%;}
#four_flash .but_right{width:50px;height:50px; position:absolute; top:210px; right:15px; background:url(/Public/Home/images/jtr.png) center no-repeat,#e5e5e5; border-radius:50%;}
#four_flash .but_left:hover{background:url(/Public/Home/images/jtl.png) center no-repeat,#012c8c;}
#four_flash .but_right:hover{background:url(/Public/Home/images/jtr.png) center no-repeat,#012c8c;}
