.header{position: fixed; width: 100%; min-width: 1200px; z-index: 99;}
.head_logo{width: 140px; height: 80px; line-height: 80px;}
.head_logo .logo{display: none;}
.head_nav ul li{float: left; width: 100px; padding: 20px 0;}
.head_nav ul li a{display: block; line-height: 40px; font-size: 16px; text-align: center; color: #fff;}
.scroll_bottom{background: #FFFFFF;}
.scroll_bottom .logo{display: block;}
.scroll_bottom .logo2{display: none;}
.scroll_bottom .head_nav ul li a{color: #333333;}
.scroll_bottom .head_nav ul li a:hover{color: #0d569b;}

.banner_slider,.banner_slider div{height: 660px;}
.banner_slider div a{position: absolute; width: 100%; height: 100%;}

.banner_bottom{background: #EEEEEE; line-height: 30px; padding: 10px 0;}
.keyword_box *{display: inline-block;}
.keyword_box dd{color: #999999; font-size: 12px;}
.keyword_box dd a{display: block; padding: 0 5px;}
.search_form{width: 180px; line-height: 28px; height: 28px; border: 1px solid #BBBBBB; border-radius: 30px; overflow: hidden;}
.search_form input{border: none; background: none;}
.search_form input[type=text]{float: left; width: 140px; padding-left: 12px; font-size: 12px; height: 28px; line-height: 28px;}
.search_form input[type=submit]{float: right; background: url(../../pic/head_search.png) no-repeat center; width: 28px; height: 28px; cursor: pointer; font-size: 0;}

.index_box1{background: #dadada; padding: 70px 0;}

.index1_lable{background: #0D569B; width: 240px; height: 300px; position: relative; float: left; margin-left: 8px; margin-bottom: 8px;}
.index1_lable dl{position: absolute; width: 220px; height: 280px; border: 1px solid #FFFFFF; margin: 9px; color: #FFFFFF; text-align: center; background: url(../../pic/index_lable1.png) no-repeat; background-position: center top 50px;}
.index1_lable dl dt{font-size: 36px; padding-top: 70px; line-height: 40px;}
.index1_lable dl dd{font-size: 12px; text-transform: capitalize; line-height: 16px;}
.index1_lable dl p{width: 70px; height: 1px; background: #FFFFFF; margin: 110px auto 0;}

.index_box1 ul{width:960px; float:right;}
.index_box1 ul li{float: left; margin-left: 8px; margin-bottom: 8px; position: relative; line-height: 300px; height: 300px;}
.index_box1 li dl{position: absolute; width: 100%; top: 250px; background: #333; transition: all 0.4s; height: 300px;}
.index_box1 li dl dt{line-height: 50px; text-align: center; color: #FFFFFF; font-size: 18px; font-weight: bold; transition: all 0.4s;}
.index_box1 li dl dd{background: url(../../pic/index1_li.png) no-repeat center; height: 1px; margin-top: 10px;}
.index_box1 li dl p{font-size: 24px; line-height: 16px; width: 60px; text-align: center; border: 1px solid #FFFFFF; color: #FFFFFF; margin: 80px auto 0;}

.index_box1 li:hover img{transform:scale(1.1);}



.index2_lable{background: #333333; color: #FFFFFF; text-align: center; padding: 20px 0; position: relative;}
.index2_lable dl{background: url(../../pic/index_lable1.png) no-repeat center; padding: 22px 30px; position: relative; background-color: #333333; z-index: 1; display: inline-block;}
.index2_lable dt{font-size: 36px; line-height: 40px;}
.index2_lable dd{font-size: 12px; text-transform: capitalize; line-height: 16px;}
.index2_lable p{position: absolute; width: 770px; height: 1px; background: #777777; top: 50%; left: 50%; margin-left: -385px;}

.index_box2{background: #DADADA;}
.index2_con{padding: 40px 0;}
.index2_con li{width: 290px; height: 455px; border: 1px solid #999999; position: relative; background: #FFFFFF; float: left; margin: 0 4px; transition: all 0.4s;}
.index2_con li p.pic_middle{background: #0D569B; width: 292px; height: 120px; line-height: 120px; position: absolute; left: -1px;}
.index2_con li p.index2_li_line{position: absolute; height: 1px; background: #DADADA; width: 170px; left: 50%; margin-left: -85px;}
.index2_con li dt{font-size: 18px; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 24px; padding-top: 10px;}
.index2_con li dl p{text-align: center; line-height: 20px;}
.index2_con li dd{font-size: 12px; color: #666666; line-height: 22px; margin: 10px 25px; text-align: justify; height: 176px; overflow: hidden; text-indent: 2em;}
.index2_con li dl span{float: right; color: #0D569B; margin-right: 25px;}

.index2_con li p.pic_middle{top: -1px;}
.index2_con li p.index2_li_line{bottom: 24px;}
.index2_con li dl{padding-top: 120px;}

.index2_con li:hover{box-shadow: 0 2px 4px 4px #aaa; transform: translate3d(0, -4px, 0);}


.index3_lable{color: #0D569B; text-align: center; padding: 20px 0; position: relative;}
.index3_lable dl{background: url(../../pic/index_lable2.png) no-repeat center; padding: 22px 0;}
.index3_lable dt{font-size: 36px; line-height: 40px;}
.index3_lable dd{font-size: 12px; text-transform: capitalize; line-height: 16px;}
.index_box3{background: #DADADA;}

.index3_con{position: relative; padding-bottom: 50px;}
.index3_con ul{height: 414px;}
.index3_con ul li{position: absolute; background: #0D569B;}
.index3_con li dt.pic_middle{position: relative;}
.index3_con li:hover dt.pic_middle img{transform:scale(1.1);}
.index3_con li dt.pic_middle span{position: absolute; width: 100%; background: url(../../pic/transparent_white.png); line-height: 46px; font-size: 18px; color: #0D569B; text-align: center; bottom: 0; left: 0; font-weight: bold;}
.index3_con li dd{line-height: 24px; height: 120px; margin: 30px; color: #FFFFFF; text-indent: 2em; font-size: 16px; text-align: justify;}
.index3_con li dl span.index3_more{display: inline-block; width: 78px; line-height: 22px; border: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; float: right; margin-right: 30px; margin-bottom: 20px;}

.index3_con ul li.index3_id_8,.index3_con ul li.index3_id_7{width: 342px; top: -70px; height: 484px;}
.index3_con ul li.index3_id_8{left: 0;}
.index3_con ul li.index3_id_7{right: 0;}
.index3_con ul li.index3_id_8 dt.pic_middle,.index3_con ul li.index3_id_7 dt.pic_middle{height: 260px; line-height: 260px;}
.index3_con ul li.index3_id_9{width: 494px; top: 0; left: 50%; margin-left: -247px; padding-bottom: 190px; height: 224px;}
.index3_con ul li.index3_id_9 dt.pic_middle{height: 190px; line-height: 190px; position: absolute; bottom: 0; width: 100%;}
.index3_con li.index3_id_9 dt.pic_middle span{display: none;}

.index_box4{background: #DADADA; padding-bottom: 80px;}
.index4_nav{padding-bottom: 20px;}
.index4_nav span{float: right; width: 68px; line-height: 22px; border: 1px solid #666666; color: #0D569B; text-align: center; text-transform: uppercase;}
.index4_nav ul li{display: inline-block; width: 88px; line-height: 24px; text-align: center; border: 1px solid #333333; font-size: 16px; margin-right: 10px; transition: all 0.4s;}
.index4_nav ul li.cur,.index4_nav ul li:hover{color: #FFFFFF; border-color: #FFFFFF; background: #0D569B; cursor: pointer;}

.index4_con{overflow: hidden; position: relative; height: 188px;}
.index4_con ul{margin-left: -8px; height: 188px; width: 99999px; position: absolute; top: 0; left: 0;}
.index4_con ul li{position: relative; width: 294px; margin-left: 8px; height: 188px; line-height: 188px; overflow: hidden; float: left;}
.index4_con ul li img{width:100%; height:100%;}
.index4_con li dl{font-size: 14px; color: #FFFFFF;line-height: 20px; transition: all 0.4s; position: absolute; top: 0; height: 100%;}
.index4_con li dt{font-weight: bold; height: 40px; -webkit-line-clamp: 2; font-size: 16px; padding: 0 40px; margin-top: 70px; transition: all 0.4s;}
.index4_con li dd{padding: 20px 25px 0; height: 60px; overflow: hidden; -webkit-line-clamp: 3; color: transparent; transition: color 0.4s;}
.index4_con li p{padding: 0 25px; font-size: 12px; position: absolute; width: 80px; bottom: 50px; right: 50%; margin-right: -65px; transition: all 0.4s;}
.index4_con li:hover dl{background: #0D569B;}
.index4_con li:hover dt{margin-top: 20px;}
.index4_con li:hover dd{color: #FFFFFF;}
.index4_con li:hover p{right: 0;margin-right: 0; bottom: 20px;}

.index4_con p.index4_btn{position: absolute; width: 30px; background: url(../../pic/transparent_black.png); top: 0; height: 188px; line-height: 188px; cursor: pointer;}
.index4_con p.index4_left{left: 0;}
.index4_con p.index4_right{right: 0;}