*{margin:0;padding:0}
body,html{width:100%;height:100%;background:#fff;font-family:"微软雅黑";color:#333;font-size:14px;}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{text-decoration:none;color:#8c1c25}
li,ol,ul{list-style:none}
input,textarea{font-family:"微软雅黑"}
b,em,h1,i,strong{font-style:normal;font-weight:400}

.main{width:1400px;margin:auto;clear:both;position:relative; overflow: hidden;}
.fl{float:left}
.fr{float:right}
img{border:none;display:inline-block;}
.clearfix{clear:both}

.top{ position: relative; width: 100%;}
.header{ position: absolute; left: 0; top: 0; right: 0; z-index: 99999;}
.header .logo{ float: left; padding-top: 25px;}
.header .header_link{ padding-top: 20px; width: 100%; text-align: right;color: #fff;}
.header .header_link a{ color: #fff; font-size: 14px;line-height: 20px; padding: 0px 20px;}
.header .header_link a.search{ padding: 0px;}
.header .header_link a.search img{ float: none; vertical-align: middle;}
.header .nav{ padding-top: 5px; line-height: 40px; margin-right: -20px;}
.header .nav span{ float: left; color: #fff;}
.header .nav li{ float: left; margin: 0px 20px;}
.header .nav li a{ color: #fff; font-size: 16px;position: relative;display: block;}

.banner { position: relative; width: 100%; overflow: hidden; height: 850px;} 
.banner .img{ position: absolute; left: 50%; margin-left: -960px;}
.banner .img1{ position: absolute; top: 235px; left: 50%; margin-left: -445px;}
.banner .img2{ position: absolute; top: 420px; left: 50%; margin-left: -100px;}
.banner .img2 img{background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.6s ease-out 0s;}
.banner .img2 img:hover{transform:scale(1.1);}

.banner_nav{ position: absolute; z-index: 2; left: 50%; margin-left: -706px; bottom: -95px; width: 1413px; height: 188px; background: url(/zsjyw/zsxxw/statics/image/bg1.png) repeat;}
.banner_nav ul{ display: flex;position: relative; padding: 4px;}
.banner_nav ul li{ flex:1 ; position: relative; height: 180px; text-align: center; padding-right: 1px;}
.banner_nav ul li::before{ position: absolute; content: ''; width: 1px; right: 0; top: 42px; height: 98px; background:#b9d3eb;}
.banner_nav ul li a{ width: 100%; display: inline-block; color: #0061ae; font-size: 18px; padding-top: 110px; height: 70px; line-height: 40px; position: relative; font-weight: bold;} 
.banner_nav ul li a:hover{ color: #ffffff; background: url(/zsjyw/zsxxw/statics/image/bg2.jpg) repeat;}
.banner_nav ul li a i{ display: inline-block; width: 110px; height: 80px; position: absolute; left: 50%; margin-left: -55px; top: 30px;background: url(/zsjyw/zsxxw/statics/image/ico1.png) center top no-repeat;transition:.5s;}
.banner_nav ul li a:hover i{background-image: url(/zsjyw/zsxxw/statics/image/hover/ico1.png);transform:rotateY(180deg)}
.banner_nav ul li a.i2 i{ background: url(/zsjyw/zsxxw/statics/image/ico2.png) center top no-repeat;}
.banner_nav ul li a.i2:hover i{ background-image: url(/zsjyw/zsxxw/statics/image/hover/ico2.png);} 
.banner_nav ul li a.i3 i{ background: url(/zsjyw/zsxxw/statics/image/ico3.png) center top no-repeat;}
.banner_nav ul li a.i3:hover i{ background-image: url(/zsjyw/zsxxw/statics/image/hover/ico3.png);}
.banner_nav ul li a.i4 i{ background: url(/zsjyw/zsxxw/statics/image/ico4.png) center top no-repeat;}
.banner_nav ul li a.i4:hover i{ background-image: url(/zsjyw/zsxxw/statics/image/hover/ico4.png);}
.banner_nav ul li a.i5 i{ background: url(/zsjyw/zsxxw/statics/image/ico5.png) center top no-repeat;}
.banner_nav ul li a.i5:hover i{ background-image: url(/zsjyw/zsxxw/statics/image/hover/ico5.png);}
.banner_nav ul li a.i6 i{ background: url(/zsjyw/zsxxw/statics/image/ico6.png) center top no-repeat;}
.banner_nav ul li a.i6:hover i{ background-image: url(/zsjyw/zsxxw/statics/image/hover/ico6.png);}

.tit{ width: 100%; line-height: 60px; height: 60px; line-height: 60px; position: relative; color: #0061ae;}
.tit span{ position: absolute; left: 0px; top: 0px; font-size: 36px;}
.tit a{float: right; font-size: 16px; background: url(/zsjyw/zsxxw/statics/image/more.png) left center no-repeat; padding-left: 30px; color: #0061ae;}
.tit a:hover{ text-decoration: underline;}


.index1{ width: 100%; height: 423px; background: url(/zsjyw/zsxxw/statics/image/bg3.jpg) center no-repeat; padding-top: 140px; overflow: hidden;}
.index1 .index11{float: left; width: 428px; background: #fff; height: 367px; position: relative;}
.index1 .index11 .bd h5{ overflow: hidden; padding: 8px 10px; white-space: nowrap; text-overflow: ellipsis;}
.index1 .index11 .bd h5 a{ color: #333333; font-size: 18px; line-height: 28px; font-weight: bold;}
.index1 .index11 .bd p{ color: #595e62; font-size: 14px; padding: 0px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index1 .index11 .hd{ position: absolute; left: 0; right: 0; top: 275px; text-align: center;}
.index1 .index11 .hd li{ width: 8px; height: 22px; display: inline-block; background: #d4dddf; border-radius: 5px; margin: 0px 3px; cursor: pointer;}
.index1 .index11 .hd li.on{ background: #0061ae;}
.index1 .index12{ width: 460px; float: left; margin-left: 20px; }
.index1 .index13{ margin-left: 32px;}
.index1 .index12 .tit{ height: 45px; line-height: 40px;}
.index1 .index12 .tit span{ color: #0061ae; font-size: 26px; padding-left: 35px; background: url(/zsjyw/zsxxw/statics/image/ico7.png) left center no-repeat;}
.index1 .index13 .tit span{ color: #0061ae; font-size: 26px; padding-left: 35px; background: url(/zsjyw/zsxxw/statics/image/ico8.png) left center no-repeat;}
.index1 .index12 .tit a{background: none; font-size: 14px;}
.index1 .index12 ul{ padding: 0px 15px; height: 320px; background: #fff; border-top: 2px solid #0061ae; overflow: hidden;}
.index1 .index13 ul{ border-top: 2px solid #d30011;}
.index1 .index12 ul li { border-bottom: 1px dashed #caccce; overflow: hidden; height: 64px; padding: 5px 0px;}
.index1 .index12 ul li h5{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 5px; line-height: 30px;}
.index1 .index12 ul li h5 a{ color: #2f3132; font-size: 18px; font-weight: normal;}
.index1 .index12 ul li h5 a:hover{text-decoration: underline;}
.index1 .index12 ul li p{ color: #75797d; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index2{ width: 100%; height: 400px; background: url(/zsjyw/zsxxw/statics/image/bg4.jpg) repeat; padding-top: 37px; position: relative;}
.index2::before{ position: absolute; content: ''; z-index: 2; right: 0px; bottom: 0px; width: 487px; height: 481px; background: url(/zsjyw/zsxxw/statics/image/bg5.png) no-repeat;}
.index2 .main{ z-index: 3;}
.index2 .tit{ color: #fff;}
.index2 .tit a{ color: #7bc2fb; background-image: url(/zsjyw/zsxxw/statics/image/more.png);}
.index21 .tit a{ margin-right: 75px;}
.index21,.index22{ width: 50%;}
.index2 .news_list{  margin-top: 20px;}
.index2 .news_list li{ width: 100%; height: 55px; display: flex; border-bottom: 1px dashed #3481c3;}
.index2 .news_list li span{ width: 95px; display: inline-block; text-align: left; color: #77bff8; font-size: 14px; line-height: 55px;}
.index2 .news_list li a { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:18px; color:#fffefe;  padding-left:20px; display:block; line-height:55px; position: relative;}
.index2 .news_list li a:hover { font-weight: bold; text-decoration: underline;}
.index2 .news_list li a::before{ position:absolute;  content: '';  width: 1px; height: 7px; left: 0px; top: 25px; background: #b8cbe3;}

.index3{ width: 100%; height: 923px; background: url(/zsjyw/zsxxw/statics/image/bg6.jpg) center no-repeat;}
.index3 .t{  text-align: center; background: url(/zsjyw/zsxxw/statics/image/ico9.png) center 35px no-repeat; padding-top: 65px; color: #0061ae; font-size: 32px; margin-bottom: 45px;}
.index3 .main{ background: url(/zsjyw/zsxxw/statics/image/bg7.jpg) center no-repeat; height: 707px;}
.index31,.index32,.index33,.index34,.index35,.index36{ position: absolute;}
.index31{ left: 708px; top: 48px;}
.index32{ left: 909px; top: 151px;}
.index33{ left: 290px; top: 250px;}
.index34{ left: 863px; top: 343px;}
.index35{ left: 162px; top: 443px;}
.index36{ left: 491px; top: 250px;}
.index3 img{background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.6s ease-out 0s;}
.index3 img:hover{transform:scale(1.1);}
.index36 .bd{ height: 256px;}
.index36 .hd{ position: absolute; left: 0; right: 0; height: 41px; bottom: -41px; background: url(/zsjyw/zsxxw/statics/image/bg10.png) no-repeat; text-align: right; padding-right: 10px;}
.index36 .hd li{ display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 5px; margin: 15px 2px;}
.index36 .hd li.on{ background: #0061ae;}

.footer{ width: 100%; height: 176px; background: url(/zsjyw/zsxxw/statics/image/bg8.jpg) left top repeat-x;}
.footer .f1,.footer .f2,.footer .f3{ float: left; position: relative; padding: 0px 30px 0px 0px;}
.footer .f2,.footer .f3{ margin-left: 30px;}
.footer .f1::before,.footer .f2::before{ position: absolute; content: ''; right: 0px; width: 2px; top: 60px; height: 100px; background: url(/zsjyw/zsxxw/statics/image/bg11.jpg) no-repeat;}
.footer .f1{ padding-top: 52px;}
.footer .f2{ padding-top: 40px; width: 400px;}
.footer .f2 h5{ color: #ffffff; font-size: 18px; line-height: 40px;}
.footer .f2 ul li{ float: left; width: 50%;}
.footer .f2 ul li a{ color: #ffffff; font-size: 14px; line-height: 30px;}
.footer .f3{ padding-top: 50px; width: 600px; padding-right: 0px; color: #fff; font-size: 14px; line-height: 30px;}
.footer .f4{ float: right; width: 98px; text-align: center; padding-top: 20px; font-size: 14px; color: #fff; margin:8px;}
.footer .f4 img{ padding: 10px; background: url(/zsjyw/zsxxw/statics/image/bg9.png) center no-repeat; margin-bottom: 5px;}

/*.search{ /*background: url(/zsjyw/zsxxw/statics/image/search.png) center no-repeat; height: 20px; margin: 0; position: absolute; right: -23px;}*/
/*.search::after{display: none;}*/

input {
    border: 0;
    outline: none;
}
.search-form {
    width: 0px;
    height: 24px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    border-radius: 25px;
    overflow: hidden;
}
.search-form .s-icon {
    width: 22px;
    /*height: 18px;
	margin-left: 11px;*/
    background: url(/zsjyw/zsxxw/statics/image/sbt.png) #cddcfb center no-repeat;
    margin-top: 3px;
    cursor: pointer;
}
.search-form .s-text {
    margin-left: 10px;
    height: 24px;
    text-indent: 5px;
    width: 180px;
    font-size: 14px;
    /*color: #333;*/
}

.video {
    width: 100%;
    height: 256px;
    position: relative;
}