body{ margin:0 auto; padding:0; background: url(../images/bg.jpg) top center repeat-y #dfe6f5; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
p a:hover{ text-decoration:none; color: #d50a30; }
a:hover font{ text-decoration:none; color: #d50a30; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; 
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;s}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}

@font-face
{
font-family: t1;
src: url('../images/ziti.ttf');

}



.header{ width: 100%; height:615px; background: url(../images/banner.jpg) top center no-repeat; }
.nav{ width: 100%; height: 60px;  margin-top: -60px; background:#1e2838; box-shadow: 0 0 10px #1e2838; z-index: 99999; }
.nav .navin{ width: 1400px; height: 60px; margin:0 auto; box-sizing:  line-height: 71px; }
.nav .navin a { line-height: 60px; font-size: 18px; color: #fff; padding: 0 14px; float: left; cursor: pointer; position: relative; }
.nav .navin a:hover{color: #e60012; }
.nav .navin .current{ background: #d50a30; color: #fff;}
.nav .navin .current a{ color: #fff; }
.nav .navin em{ display: block; position: absolute; bottom: 10px; left:50%; width: 15px; height: 3px; border-radius: 5px; background: #d70a30; margin-left: -6px; display: none; }
.nav-fix{ position:fixed; top:60px; z-index:999999999;}

.content{ width: 1400px; margin: 0 auto; box-sizing: border-box;  overflow: visible; }
.c1{ width:1400px; box-sizing: border-box;  padding-top: 30px;  }
.c1 .c1l{ float: left; width: 800px; height: 455px; }
.c1 .c1r{ float: right; width: 600px;  box-sizing: border-box;  }
.c1 .c1r hr{ width: 100%; border:0 none; border-top: 1px dashed #a4adb4; margin: 30px 0 20px 0; }
.c1 .c1r .rbox{ width: 570px; height: ; margin-right: 0; position: relative; margin-left: 30px;  }
.rbox .m-tit{ height: 26px; position: absolute;; top: 5px; left: 5px; font-size: 16px; z-index: 9999;  padding: 0px; line-height: 25px; padding-left: 20px; padding-right: 10px; color: #fff;  border-radius: 0 8px 8px 0 ; background:url(../images/db2.jpg) left no-repeat #3939c5 ; }
.rbox .vin .vin-top{ text-align: left; margin: 10px 0; margin-top: 0; }
.rbox .vin .vin-top a{ font-size: 22px; color: #d70a30; font-family: t1;  }
.rbox .vin ul{ }
.rbox .vin ul li{ padding:4px 0; text-align: left; padding-left:20px; background: url(../images/dian.gif) top 13px left 5px no-repeat;  }
.rbox .vin ul li a{ font-size:18px; color: #323232;   }
.rsp{  margin-top: 10px;  }
.boxshadow{ box-shadow: 0px 0 10px #cdcdcd; }

.wbbox{ width: 420px; height: 343px; background: url(../images/wb.jpg) no-repeat; margin: 0; float: right; box-sizing: border-box; position: relative; }
.wbbox .wbin{ position: absolute; top: 15px; left: 15px; right: 15px; width: 390px; height: 200px; background: #fff; }


.c2{  height: atuo; margin:20px 0 0 0; padding: 0 30px;  }
.c2 .c2l{ float: left; height:; overflow: hidden;; box-sizing: border-box;  width: 100%; }
.c2 .c2l .news{ width: 750px; height: 330px; position:relative; box-sizing: border-box; padding: 50px 0 0 0; float: left; }
.c2 .c2l .news .news-tit{ position: absolute;; top: 0; left: 0; font-size: 18px;  padding: 5px; padding-right: 10px; padding-left: 20px; color: #fff;  border-radius: 0 10px 10px 0 ; background:url(../images/db.jpg) left no-repeat #3939c5 ; }
.c2 .c2l .news .newsbox{ width: 750px; height: auto; margin-bottom: 10px; }
.c2 .c2l .news .newsbox h2{ text-align: center; margin: 10px 0; }
.c2 .c2l .news .newsbox h2 a{ color: #c01616; font-size: 20px; text-align:center;   }
.c2 .c2l .news .newsbox ul{ margin: 0 }
.c2 .c2l .news .newsbox ul li{ float: left; width: 350px; margin:0 10px; height: 20px; padding:8px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #323232; }
.c2 .c2l .news .newsbox ul li a{ line-height: 20px;  font-size: 18px; color: #323232; }
.c2  .meeting{ width: 100%; height: 270px; box-sizing: border-box; padding: 60px 0 0 0; position: relative; }
.c2  .meeting .meeting-tit{ position: absolute;; top: 0; left: 0; font-size: 18px;  padding: 5px; padding-right: 10px; color: #fff;  padding-left: 20px; color: #fff;  border-radius: 0 10px 10px 0 ; background:url(../images/db.jpg) left no-repeat #3939c5 ;   }
.c2  .meeting .mb{ float: left; width:280px; height: 180px; margin: 0 26px 0 0; background: #fff; border:0 none; position: relative; }
.c2  .meeting .mb:last-child{ margin: 0; }
.c2  .meeting .mb img{ display: block; width: 280px; height: 180px; background: #efefef; border:0 none; }
.c2  .meeting .mb p { text-align: center; padding: 10px 0; position:absolute; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.7);  }
.c2  .meeting .mb p a{ color: #fff; font-size: 16px; }
.c2 .c2r{ width: 300px; float: right; height: 600px; }




.gd{ width: 1400px; height: auto; overflow: visible; }
.ctit{ width: 1400px; height:auto; clear: both; margin: 30px 0; }
.ctit img{ display: block; margin: 0 auto; }
.gdcon{ width: 1400px; height: auto; overflow: hidden;   box-sizing: border-box; }
.gdcon .gdbox{ float: left; width: 260px; height: 300px; overflow: hidden; margin: 13px 15px ; position: relative; }
.gdcon .gdbox img{ display: block; width: 260px; height: 300px; background: #efefef; }
.gdcon .gdbox .inbg{ position: absolute; left: 0; bottom: 0; text-align: left;; width:260px; height: 80px; box-sizing: border-box;  background:url(../images/dlbg.png) left bottom no-repeat; background-size: 100%;  line-height: 40px; line-height: 30px; padding: 0px 20px; box-sizing: border-box; }
.gdcon .gdbox .inbg a{ color: #fff; font-size: 18px; }
.gdcon .gdbox .inbg p{ padding: 4px 0; }
.gdcon .gdbox .inbg .name{ font-size: 24px; color: #fff; text-indent: 25px;}
.gdcon .gdbox .inbg .txt{ font-size:18px; color: #fff; white-space:nowrap; text-overflow: ellipsis; }




.awexc{ overflow:visible; }
.awexc .awexcCon{  }
.xcbox{ float: left; width: 590px; margin: 0 0 20px 20px;}
.xcbox .xcpic{ float: left; width:210px; height: 264px; position: relative;  }
.xcbox .xcpic p{  font-size: 16px; position:absolute; bottom:0;  left:0; box-sizing:border-box; padding:10px 0; width:100%; font-size:16px; color:#fff; text-align: center; background-color:rgba(0,0,0,0.6); }
.xcbox .xcpic p a{ font-size:16px;  }
.xcbox .xcpic img{ display:block; width: 210px; height: 264px; background: #efefef; }
.xcbox .xccon{  padding-left: 10px; position: relative;}
.xcbox .xccon .xctit{ text-align: left; padding: 0 0 20px; border-bottom: 1px solid #919191;  overflow: visible;}
.xcbox .xccon .xctit:after{ content: "."; width: 25px; height: 3px; background: #919191; position: absolute; left: 10px; top:46px; text-indent: -555px;  }
.xcbox .xccon .xctit a{ font-size:21px; color: #122187; }
.xcbox .xccon .cp{ line-height: 24px; color: #919191; font-size: 14px; margin:10px 0; height: 62px; overflow: hidden;; }
.xcbox .xccon .cp a{ color: #d70a30; }
.xcspic{ float: left; width:180px; height: 134px; position: relative;  }
.xcspic img{ display: block; width: 180px; height: 134px; background: #efefef; }
.xcbox .xccon .xcspic p{ position: absolute; left: 0; bottom: 0; padding: 10px 0; background: rgba(0,0,0,0.6); width: 100%; font-size: 16px; text-align: center; color: #fff; }
.xcspic:first-child{ margin-right: 10px; }


.vbox{ margin-left: 25px; margin-bottom: 20px; width:444px; height: 250px; position: relative; float: left;   }
.vbox img{ display: block; width:444px; height:250px; background: #efefef; }
.vbox p{ width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); text-align: center; padding: 10px 0; font-size:18px; color: #fff;  }
.driver{ width:340px; height: 365px; float: right;  }

.driverbox{ width:1450px; height:auto; position: relative; margin-left:-20px; overflow: visible; }
.driverbox .driverpic{ position: absolute; top: -20px; right: 5px; z-index: 9999999; }







.zt{ width: 1400px; height: auto; overflow: visible; }
.ztcon{ width: 1400px; box-sizing: border-box; overflow: visible; }
.ppbox{ width: 1400px; height:455px;  }
.ppbox .ppin{}
.ppbox .ppin .ppin_l{ float: left; width:800px; height: 455px;  }
.ppbox .ppin .ppin_l img{ float: left; width:800px; height: 455px; display: block; background: #efefef;  }
.ppbox .ppin .ppin_r{ float: right; width:600px; height: 455px; box-sizing: border-box; padding: 0 30px; overflow: hidden; }
.ppbox .ppin .ppin_r .pptit{ text-align: center; margin-bottom: 10px; text-indent: 0;}
.ppbox .ppin .ppin_r .pptit a{ color: #d70a30; font-size: 24px; font-family: t1; font-weight: 800; }
.ppbox .ppin .ppin_r p{  color: #777; font-size: 16px; text-align: justify; line-height: 34px; text-indent: 30px; padding: 0 20px; box-sizing: border-box;  }
.ppbox .ppin .ppin_r p a{ color: #d70a30; }
.ppbox .ppin .ppin_r ul{ margin: 20px 0 20px 0; padding: 10px 0 0 0; border-top: 1px dashed #959595; color: #d70a30;}
.ppbox .ppin .ppin_r ul li{ list-style: inside; padding: 7px 0 7px 20px; height: 20px; overflow: hidden; background: url(../images/dian.gif) top 13px left 5px no-repeat; color: #d70a30; }
.ppbox .ppin .ppin_r ul li a{ font-size: 18px; color: #1e2838; }
.ppbox .ppin .ppin_r .spic{ float: left; width: 240px; height: 180px; background: #efefef; margin: 0 15px; }
.ppbox .ppin .ppin_r .spic:first-child{  }
.ppbox .ppin .ppin_r .spic img{ width: 240px; height: 180px; display: block; }

.pptab{ width: 1500px; overflow: visible; margin:30px 0 0 -50px;  }
.pptab .ppbtn{ float: left; width:280px; height: 120px; border: 0 none; border: 2px solid #fff;  background: #efefef; cursor: pointer; opacity: 1; border-radius: 20px; margin:8px;  }
.pptab .ppbtn img{ display: block; width: 280px; height: 120px; border: 0 none;}
.pptab .ppact{ border: 2px solid #d70a30; }


.live{ clear: both; }
.live a{ float: left; width: 330px; height: 270px; margin: 0 10px; position: relative; }
.live a img{ display: block; background: #efefef; width: 330px; height: 270px; }
.live a p{ width: 100%; box-sizing: border-box; background: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 30px; font-size: 18px; }







.waterfall{ width:1400px; height:auto; overflow:hidden;  box-sizing: border-box; }
.waterfall .wf_l{ float:left; width:100%; height:auto;  }
.wf_nav{ width:100%;  margin: 30px 0 0 0; overflow: visible; height: 147px; box-sizing: border-box; }
.wf_nav span{ float:left; color:#d70a30;  font-size:32px; width: 230px; padding:60px 0 0 0; box-sizing: border-box;   text-align:center; border-bottom:0; height:147px; line-height: 50px; text-align:center;  background:#1f153d; cursor:pointer;  }
.wf_nav span:first-child{ border-left:0 none; }

.wf_nav .i0{ background:url(../images/i0.png) 88px 25px no-repeat;  }
.wf_nav .i1{ background:url(../images/i1.png) 88px 25px no-repeat;  }
.wf_nav .i2{ background:url(../images/i2.png) 88px 25px no-repeat;  }
.wf_nav .i3{ background:url(../images/i3.png) 88px 25px no-repeat;  }
.wf_nav .i4{ background:url(../images/i4.png) 88px 25px no-repeat;  }
.wf_nav .i5{ background:url(../images/i5.png) 88px 25px no-repeat;  }
.wf_nav .wf_on{ animation:mymove 0.5s ease-out ; width:230px; height: 147px;  text-align: center; display: block;; padding:30px 0 0 0; position: relative; background: linear-gradient(to bottom, #4bcce4 0%,#144ab3 100%); color: #fff;   }
.wf_nav .wf_on:before{ content: "."; text-indent: -99999px; width:200px; height:110px; border:1px solid #fff; display: block; position: absolute; top: 15px; left: 15px;   }
.wf_nav .wf_on:after{ content: "."; text-indent: -99999px; width: 27px; height: 2px; position: absolute; top: 85px; left: 100px; background: #fff; }

@keyframes mymove{
from {top:-50px; opacity: 0;}
to {top:0px; opacity: 1;}
} 



.wf_rin{ width:264px; height:220px; overflow:hidden; color:#fff; margin-bottom:10px;}
.wf_rin img{ display:block; border:2px solid #fff; width:260px; height:175px; }
.wf_rin p{ margin:10px 0; text-align:center;}
.wf_rin p a{ color:#fff; font-size:16px;}

.waterfall .wf_r ul{ margin:0 auto; overflow:hidden; color:#fff; }
.waterfall .wf_r ul li{ margin:5px 0; list-style:inside; width:260px; overflow:hidden; height:20px; line-height:20px; float:left; text-overflow: ellipsis; white-space: nowrap;}
.waterfall .wf_r ul li a{ font-size:14px; color:#ccc; line-height:20px;}
.waterfall .wf_r ul li a:hover{ color:#fff;}







.news_wf{ overflow:hidden; clear:both; width:100%;}
.news_wf .wfin{ overflow:hidden;}
.news_wf .wfin .wfbox{ clear:both;}
.news_wf .wfin .wfbox .show_news{ overflow:hidden;}
.news_wf .wfin .wfbox .hide_news{ overflow:hidden; display:none;}
.news_wf .wfin .wfbox .wnews{ width:100%; height:auto; padding:20px 0 ; box-sizing: border-box;; margin:10px 0; position:relative; border-top: 1px solid #959595; }
.news_wf .wfin .wfbox .wnews:first-child{ border-top: none; }

.news_wf .wfin .wfbox .wnews img{ display:block; float:left; width:407px; height:230px; background:#efefef; margin:0 40px 0 0;}
.news_wf .wfin .wfbox .wnews .wfn{ width:950px; float:left; }
.news_wf .wfin .wfbox .wnews .wftit{ padding:20px 0; clear:both; border-bottom: 1px solid #cacaca; position: relative; overflow: visible; padding-top: 0;}
.news_wf .wfin .wfbox .wnews .wftit:after{ content: "."; text-indent: -99999px; width: 50px; height: 3px; background: #d70a30; position: absolute; left: 0; bottom: -2px;  }
.news_wf .wfin .wfbox .wnews .wftit a{ font-size:28px; color:#d70a30; font-weight: 800; display: block; width: 950px; height: 36px; overflow: hidden; white-space: nowrap;}
.news_wf .wfin .wfbox .wnews .wfcon{ font-size:18px; color:#5e5e5e; line-height:30px; text-align: justify; margin:15px 0 0 0;}
.news_wf .wfin .wfbox .wnews .all_a{ width: 180px; height: 60px; border-radius: 50px; text-align: center; line-height: 60px; position:absolute; left:445px; bottom:50px; font-size:21px; color: #d70a30; border:1px solid #ababab; padding: 2px 4px;}
.news_wf .wfin .mbtn{ clear:both; margin:0 auto; text-align:center; font-weight:800; width:150px; height:50px; font-size:20px; background: #2b6ac7;  color:#fff; border-radius:5px; line-height:50px; cursor:pointer; margin-top:20px; margin-bottom:20px;}

.mmbtn{ clear:both; margin:0 auto; text-align:center; font-weight:800; width:150px; height:50px; font-size:20px; background:url(../images/ic.gif) top 15px left 15px no-repeat #d50a30; padding-left: 30px; color:#fff; border-radius:5px; line-height:50px; cursor:pointer; margin-top:20px; margin-bottom:20px;}



.s_video{ width: 1400px; box-sizing: border-box; padding: 30px; box-shadow: 0 0 10px #ccc; }






.c6{ width:1400px; height:auto; overflow: visible; }
.c6con{}
.Jbox{width:1400px;height:875px;position:relative;background:#f7f7f7; margin:0 auto;}
.Jbox .btn{position:absolute;width:34px;height:75px;top:635px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold; }
.Jbox .prev{left:5px;background:url(../images/al.png) #6b6a7d top 20px left 5px no-repeat;}
.Jbox #prevTop,.Jbox #nextTop{top:280px;width: 34px;height: 84px;}
.Jbox #prevTop{background: url(../images/al.png) #333 top 20px left 5px no-repeat}
.Jbox #nextTop{background: url(../images/ar.png) #333 top 20px left 5px no-repeat}
.Jbox .next{right:5px;background:url(../images/ar.png) #6b6a7d top 20px left 5px no-repeat; }
.Jbox #prev, .Jbox #next{ display: none; }
.Jbox li{float:left;}
.Jbox .cf li{position: relative;color: #fff;}
.Jbox .cf a{display: block; width:1400px;height:875px; position: absolute;color: #fff;}
.Jbox .cf a img{ display: block; width:1400px;height:875px;}
.Jbox .cf li span{display:none ;width:880px; position: absolute; left: 0; bottom: 0;padding: 10px 20px;line-height: 22px;text-align:left;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
.Jbox .picBox{height:875px;position:relative;overflow:hidden;}
.Jbox .picBox ul{height:875px;position:absolute;}
.Jbox .picBox li{width:1400px;height:750px;}
.Jbox .listBox{width:1400px;height:114px; padding:15px 0; margin:0 auto;position:relative; overflow:hidden; bottom:144px; background:rgba(0,0,0,0.6);}
.Jbox .listBox ul{height:auto;position:absolute; margin:0 40px;}
.Jbox .listBox li{width:196px;height:114px;cursor:pointer;position:relative; }
.Jbox .listBox li i{display:none;}
.Jbox .listBox li a{display: block;width:124px;height: 70px;}
.Jbox .listBox li img{width:186px;height:114px; background: #efefef;}
.Jbox .listBox .on{ background: #3939c5; width: 186px; margin-right:10px; }
.Jbox .listBox .on img{width: 186px;height:114px; position: absolute; top: -5px; left: -5px;}
.Jbox .listBox .on i{display:block;}




.team{ width: 1400px; padding: 30px; box-sizing: border-box; margin:30px 0 50px 0; }
.team .teaml{ width: 650px; height: 430px; float: left; }
.team .teaml img{ display: block; width: 650px; height: 430px; background: #efefef;  }
.team .teamr{ width:630px; height: 348px; float: right; overflow:visible; }
.team .teamr .tt{ position: relative; border-top:1px solid #c6c6c6; padding: 14px 0; overflow: visible; margin: 10px 0 0 0; }
.team .teamr .tttit{ position: absolute; top: -15px; left: 0; font-size: 21px; color: #d70a30; font-weight: 800;  padding: 0 10px 0 0; }
.team .teamr .tt p{ font-size: 15px; color: #666; line-height: 24px; text-align: left;  }
.team .teamr .tt span{ color: #122187; font-size: 16px; }
.team .teamr .clear p{ line-height: 30px; padding: 20px 0; text-align: justify; }

.history a{ width:310px; float: left; text-align: center;  }
.team .teamr .tt .history p{ color: #666; text-align: center; }
.history img{ width:310px; height:150px; background: #efefef; }







/**footer**/
.footer{  padding:50px 0 70px 0; background:#1c1731; box-shadow:0px 0px 12px #333;}
.footer p{ text-align:center; color:#323232; line-height:30px; color:#dedede;}
.footer .fp1{ margin:0;}
.footer .fp1 a{ font-size:14px; font-weight:800; display:inline; margin:0 5px; vertical-align:middle; color:#dedede; }
.footer .fp2{ margin:10px 0;}
.footer .fp2 a{ text-align:center; margin:0 5px;}
.footer .fbtn{ display:inline-block; padding:2px; border:1px solid #ccc; border-radius:5px ; width:130px; height:54px; text-align:center; font-size:12px; line-height:24px; color:#dedede; }
.footer .fbtn img{ display:block; width:50px; height:50px; float:left; margin:2px;}
.footer .fsp{ display:inline-block; vertical-align:top;}








.picScroll-left{ position:relative; overflow:visible; }
.picScroll-left .bd{ padding:10px; overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li iframe{ width: 364px; height: 484px; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:360px; height:480px; display:block;  padding:2px; background: #efefef; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .prev{ position:absolute; left:8px; top:200px; cursor:pointer; width:38px; height:80px; background:url(../images/al.png) #6b6a7d top 20px left 5px no-repeat;}
.picScroll-left .next{ position:absolute; right:8px; top:200px; cursor:pointer; width:38px; height:80px; background:url(../images/ar.png) #6b6a7d top 20px left 10px no-repeat;}



/**C1 slidebox**/
.slideBox{ width:800px; height:455px; overflow:hidden; position:relative; float:left;    }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox .hd ul li.on{ color:#fff; width: 20px; background: linear-gradient(to right, #1bb1f4 0%,#681cae 100%); }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0;  left:0; box-sizing:border-box; padding:10px 140px 10px 100px; width:100%; font-size:20px; color:#fff; background-color:rgba(0,0,0,0.8);  text-align:left;}
.slideBox .bd img{ width:800px; height:455px; display:block; background: #efefef;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }




/****20240308****/


.top{ width:100%; height:auto; position: absolute; top: 0;  }
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{  color:#fff; text-decoration:none;}




#spic{width:1400px;height:455px; margin:20px auto;overflow:hidden;}
#spic .spicli{float:left;position:relative;width:70px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;}
#spic .spicli:first-child{width:1190px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#spic .spicli:first-child div{display:block;}

.c1l{ float: left; width: 800px; height: 455px; position: relative; }
.c1l img{ display: block; width: 800px; height:455px; background: #efefef; }
.c1l .c1box{ position: absolute; top:0; left: 0; width: 70px; height: 455px; background: rgba(0,0,0,0.8); padding:140px 20px; box-sizing: border-box; font-size: 30px; color: #fff; text-align: center; z-index: 99; }
.c1r{ float: right; width: 350px;  box-sizing: border-box; height: 455px; margin:0 20px; }
.c1r hr{ width: 100%; border:0 none; border-top: 1px dashed #a4adb4; margin:20px 0; }
.c1r .rbox{ width: 350px; height:125px ; position: relative; box-sizing: border-box; margin: 0; overflow: hidden;  }
.rbox .m-tit{ height: 26px; position: absolute;; top: 5px; left: 5px; font-size: 16px; z-index: 9999;  padding: 0px; line-height: 25px; padding-left: 20px; padding-right: 10px; color: #fff;  border-radius: 0 8px 8px 0 ; background:url(../images/db2.jpg) left no-repeat #3939c5 ; }
.rbox .vin .vin-top{ text-align: left; margin: 10px 0; margin-top: 0; }
.rbox .vin .vin-top a{ font-size: 22px; color: #d70a30; font-family: t1; font-weight: 800;  }
.rbox .vin p{ text-indent: 30px; font-size: 16px; color: #5e5e5e; line-height: 28px; text-align: justify; }
.rbox .vin p a{ color: #d70a30; }
.rsp{  margin-top: 10px;  }
.boxshadow{ box-shadow: 0px 0 10px #cdcdcd; }


/*轮播样式ʽ*/
.poster_box { overflow: visible; margin: 30px 20px}
.poster_box h2 { font-size: 30px;color: #015293; font-weight: bold; text-align: center;}
.poster_box h3 {  font-size: 16px;  color: #015293;  margin: 10px 0 35px;  text-align: center;}
.poster-main {   position: relative;   width: 100%;   height: 500;   margin-left: auto;   margin-right: auto; overflow: visible;}
.poster-main img {  display: block;  box-shadow: 0px 0px 10px #222222;  -webkit-box-shadow: 0px 0px 10px #222222;}
.poster-main a, .poster-main img {  display: block; width: 100%; height: 100%;}
.poster-main img {}
.poster-main .poster-list { width: 1000px; height: 500px;}
.poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0;}
.poster-main .poster-list .poster-item .item { position: relative; width: 100%; height: 100%}
.poster-main .poster-btn { position: absolute; top: 0; cursor: pointer; filter: opacity(.5) brightness(1);}
.poster-main .poster-btn:hover {  filter: opacity(1) brightness(2);}
.poster-main .poster-prev-btn { left: 0; background: url(left.png) no-repeat center center;}
.poster-main .poster-next-btn {  right: 0; background: url(right.png) no-repeat center center;}
.poster-item-title { background:rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80); background:#2a2a2a; text-align: center;
color: #FFF;width: 100%; height: 52px; line-height: 52px; position: absolute; bottom: 0; text-indent: 29px}
.lunbo_btn { height: 15px; width: 100%; margin: 0px auto; position: absolute; z-index: 3; text-align: center; bottom:-20px}
.lunbo_btn li { width: 14px; height: 14px; display: inline-block; background-color: #b4b5b7; border-radius: 50%; margin: 0px 2px; cursor: pointer;}
.lunbo_btn li.poster-btn-active { background-color: #0b518a;}





#certify {	position: relative;	width: 1400px;	margin: 0 auto;}
#certify .swiper-container {	padding-bottom: 60px;	margin-left: 60px;}
#certify  .swiper-slide {	border-radius: 20px;	position: relative;	width: 900px;	height: 500px;	background: #fff;	box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide img{	width: 900px;	height: 500px;	display:block;	border-radius: 20px;}
#certify  .swiper-slide p {	line-height: 60px;	width: 100%;background: rgba(0,0,0,0.7);	color:#fff;font-size: 18px;	padding-top: 0;	text-align: center;font-size:20px;	margin: 0;	position: absolute;	bottom: 0;	left: 0;	height: 60px;	border-radius: 0 0 20px 20px;}
#certify .swiper-pagination {	width: 100%;	bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {	margin: 0 5px;	background-color: #d70a30;	width: 10px;	height: 10px;	opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {	background-color: #d70a30;	width: 30px;	border-radius: 5px;}
#certify .swiper-button-prev {	left: 45px;	width: 50px;height: 90px;	background: url(../images/btnl.png) no-repeat;	background-position: 0 0;	background-size: 100%;	top: 40%;}
#certify .swiper-button-next {	right: 45px;	width: 50px;	height: 90px;background: url(../images/btnr.png) no-repeat;	background-size: 100%;	top: 40%;}
#certify div{ overflow:visible;; }

/* 本例子css */
.picScroll-left2{ overflow:hidden; position:relative;   }
.picScroll-left2 .hd{ overflow:hidden;  height:30px; padding:0 10px; width:200px;  }
.picScroll-left2 .prev,.picScroll-left2 .next{ display:block;  width:30px; height:55px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; }
.picScroll-left2 .next{ background: url(../images/btnr.png) no-repeat; background-size: 100%; position: absolute; top: 100px; right:0; }
.picScroll-left2 .prev{ background: url(../images/btnl.png) no-repeat; background-size: 100%; position: absolute; top: 100px; left:0; }
.picScroll-left2 .prevStop{ background-position:-60px 0; }
.picScroll-left2 .nextStop{ background-position:-60px -50px; }
.picScroll-left2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left2 .hd ul li{ 	margin: 0 5px;	background-color: #d70a30;	width: 10px;	height: 10px;	opacity: 1; text-indent:-9999999px; float: left; border-radius: 50px; }
.picScroll-left2 .hd ul li.on{ background-color: #d70a30;	width: 30px;	border-radius: 5px; }
.picScroll-left2 .bd{ padding:10px;   }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left2 .bd ul li .pic{ text-align:center; position: relative; }
.picScroll-left2 .bd ul li .pic p{  position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background: linear-gradient(to right, #2b6ac7 0%,#2790cc 100%); color: #fff; text-align: center; color: #fff; font-size: 18px; font-weight: 800; padding:0 20px; box-sizing:border-box; }
.picScroll-left2 .bd ul li .pic img{ width:400px; height:280px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left2 .bd ul li .title{ line-height:24px;   }