/*================首页样式及公共部分样式================*/


.title{padding: 72px 0 55px; text-align: center;}
.title b{display: block;font-size: 24px;color: #444; font-family: "Arial";font-weight: normal;}
.title p{font-size: 24px;color: #0069ba;}



.banner{}
.banner .c{position: relative;height:636px;overflow: hidden;}
.banner .h{visibility: visible;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
.banner .h .flexslider {position: relative; margin:0px auto;width: 100%;height: 100%;}
.banner .h .flexslider .flexslider{position: relative;}
.banner .h .flexslider .flex-viewport{width: 100%;height:100%;}
.banner .h .flexslider .slide {position:relative;width: 100%;}
.banner .h .flexslider .block_home_post_feature {width:300px;}
.banner .h .flexslider .block_home_post_feature p {padding-bottom:0px;}
.banner .h .flexslider .slides li {display: none;width: 100%; -webkit-backface-visibility: hidden;list-style-type: none;} 
.banner .h .flexslider .slides li .ps{position: relative; display: block;width: 100%;height: 636px;}

.banner .h .flexslider .slides li .ps p{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;
/*-webkit-animation:kenburns 6s ease-in-out forwards;
   -moz-animation:kenburns 6s ease-in-out forwards; 
  -ms-animation:kenburns 6s ease-in-out forwards;
   animation:kenburns 6s ease-in-out forwards;*/}
.banner .h .flexslider .flex-pauseplay span {text-transform: capitalize;}
.banner .h .flexslider .flex-control-paging {position: absolute;right: 0%;bottom:32px;z-index: 9; width: 100%; text-align: center;}
.banner .h .flexslider .flex-control-paging li{display: inline-block; margin:0 4.5px ;height: 20px;}
.banner .h .flexslider .flex-control-paging li a{float: right; font-size: 0px;display: block;width: 20px;height: 20px;background:url(../images/banner_d.png) center no-repeat;cursor: pointer;}
.banner .h .flexslider .flex-control-paging li a.flex-active{background:url(../images/banner_ds.png) center no-repeat;}

.banner .h .flexslider .flex-direction-nav{ position:absolute;left: 0%; top:50%;z-index: 9; margin: -57px 0px 0 0; width:100%;}
.banner .h .flexslider .flex-direction-nav li{float: left;width: 50%;height: 114px;}
.banner .h .flexslider .flex-direction-nav a{display: block;float: right; width: 53px;height: 114px;font-size: 0px;}
.banner .h .flexslider .flex-direction-nav a.flex-prev{float: left;}

.banner .h .flexslider .flex-direction-nav .flex-prev{ background:url(../images/icon_9.png) center no-repeat;}
.banner .h .flexslider .flex-direction-nav .flex-next{background:url(../images/icon_10.png) center no-repeat;}

.banner .h .flexslider .flex-direction-nav .flex-prev:hover{ background:url(../images/icon_9s.png) center no-repeat;}
.banner .h .flexslider .flex-direction-nav .flex-next:hover{background:url(../images/icon_10s.png) center no-repeat;}


.ind01{padding-bottom: 61px;}
.ind01 .pic{ position:relative;}
.ind01 .pic .hd{display: none; position:absolute; z-index:1; top:130px; width:1180px; margin:0px 30px 0px 0px;}
.ind01 .pic .hd a{ position:relative; display:block; width:48px; height:48px; cursor:pointer; background-image:url(../images/roll_pn.png);}
.ind01 .pic .hd .next{ float:right; background-position:-48px 0px;}
.ind01 .pic .hd .prev{ float:left; background-position:0px 0px;}
.ind01 .pic .hd .next:hover{ background-position:-48px -48px;}
.ind01 .pic .hd .prev:hover{ float:left; background-position:0px -48px;}

.ind01 .pic .bd{ position:relative; z-index:9; width:1236px; margin:0px auto;height: 410px; overflow:hidden; }
.ind01 .pic .bd .list li{position: relative; float: left; width:380px; height:396px;margin:0 16px;}
.ind01 .pic .bd .list li a{display: block;}
.ind01 .pic .bd .list li a .img{width: 380px;height: 229px;overflow: hidden;}
.ind01 .pic .bd .list li a .img p{width: 380px;height: 229px;transition-duration:0.5s;transform: scale(1);}
.ind01 .pic .bd .list li:hover a .img p{transform: scale(1.2);}
.ind01 .pic .bd .list li a .text{padding:31px 24px 20px 20px; width: 334px;height: 114px;color: #444; border:#ebecec 1px solid;}
.ind01 .pic .bd .list li a .text span{margin-bottom: 17px; display: block;width: 56px;height: 3px;background: #ccc; }
.ind01 .pic .bd .list li a .text b{margin-bottom: 15px; display: block; font-size: 18px; font-weight: normal;}
.ind01 .pic .bd .list li a .text p{margin-bottom: 20px; font-size: 16px;}
.ind01 .pic .bd .list li a .text em{ display: block;margin-left:80%; width: 20%;opacity: 0; height: 8px;background: url(../images/icon_5.png) left center no-repeat;transition: all 0.3s;}

.ind01 .pic .bd .list li .lie{position: absolute;left: 0px;bottom: -2px;width: 0;height: 2px;background:#00b0ec;transition: all 0.5s;}
.ind01 .pic .bd .list li:hover{background: #f6f6f6; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.ind01 .pic .bd .list li:hover .lie{width: 100%;transition: all 0.5s; }
.ind01 .pic .bd .list li:hover a .text{border-bottom: #e5e5e5 1px solid;}
.ind01 .pic .bd .list li:hover a .text b{color: #0168b7;}
.ind01 .pic .bd .list li:hover a .text em{width: 20%;opacity: 1; background: url(../images/icon_5.png) right center no-repeat;transition: all 0.3s;}


.ind02{width: 100%;height: 782px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ind02_bac.jpg',sizingMethod='scale');background: url(../images/ind02_bac.jpg) center no-repeat;background-size: cover;}
.ind02 .title{padding: 52px 0 45px;}
.ind02 .title b,.ind02 .title p{color: #fff;}

.ind02 ul{width: 1200px;margin:0px auto 0px;    display: flex;
    justify-content: space-between;
    align-items: center;}
.ind02 ul li{float: left;    width: 20%;}
.ind02 ul li a{display: block;position: relative;width: 100%;height: 560px;}
.ind02 ul li a .pic{position: absolute;left: 0px; width: 100%;height: 435px;overflow: hidden;}
.ind02 ul li a .pic p{width: 100%;height: 435px;transform: scale(1.2);transition-duration:0.5s; }
.ind02 ul li a .pos{position: absolute;left: 0px;z-index: 4; width: 100%;height: 110px;color: #fff;text-align: center;/* overflow: hidden; */}
.ind02 ul li a .pos b{ display: block;font-size: 24px; font-family: "Arial";}
.ind02 ul li a .pos span{margin:0 auto; display: block;width: 170px;height: 56px; font-size: 18px;line-height: 28px;}
.ind02 ul li a .lie{position: absolute;left: 0px;bottom: 17px;z-index: 4; width: 100%;height: 560px;border: #fff 1px solid;opacity: 0; transition: all 0.5s;}

.ind02 ul li.li a .pic{top:17px;z-index: 3;}
.ind02 ul li.li a .pos{bottom:-4px; }
.ind02 ul li.li a .pos span{margin: 16px auto 12px;}
.ind02 ul li.lis a .pic{bottom:17px;z-index: 3;}
.ind02 ul li.lis a .pos{top:0px; }
.ind02 ul li.lis a .pos b{margin-top: -4px;}

.ind02 ul li:hover a .pic p{transform:scale(1);}
.ind02 ul li.li:hover a .lie{left: 12px;bottom: 8px;width: 90%;height: 519px;border: #fff 1px solid;opacity: 1; transition: all 0.5s;}
.ind02 ul li.lis:hover a .lie{left: 12px;bottom: 31px;width: 90%;height: 519px;border: #fff 1px solid;opacity: 1; transition: all 0.5s;}
/* .ind02 ul li.li .pic,.ind02 ul li.lis .pic{visibility: hidden;}
.ind02 ul li.li .pic{transform: translatey(-200px);transition:all 1s 0.5s;}
.ind02 ul li.lis .pic{transform: translatey(200px);transition:all 1s 0.5s;}
.ind02 ul li.li.active .pic,.ind02 ul li.lis.active .pic{visibility: visible;transform: translatey(0px);transition:all 1s 0.5s;}
 */

.ind03{}
.ind03 .left{display: block; width: 544px;}
.ind03 .left .pic{position: relative; width: 544px;height: 306px;overflow: hidden;}
.ind03 .left .pic p{width: 544px;height: 306px;transform: scale(1);transition-duration: 0.5s;}
.ind03 .left .pos{position: absolute;left: 0px;top: 0px;z-index: 2; width: 98px;height: 80px;color: #fff;text-align: center;font-family: "Arial";background: #00b0ec;}
.ind03 .left .pos b{padding-top: 7px; display: block;font-weight: normal;font-size: 48px;line-height: 43px; }
.ind03 .left .pos i{display: block;font-size: 16px;}
.ind03 .left .text{position: relative; padding:0 3px 6px 12px;font-size: 16px;transition: all 0.5s;}
.ind03 .left .text .clearfix{padding: 6px 0;margin-top: 4px;}
.ind03 .left .text span{margin:4px 7px 0 0; display: block;float: left;width: 3px;height: 16px;background: #00b0ec;}
.ind03 .left .text i{margin-right: 12px; display: block;float: left;color: #00b0ec;}
.ind03 .left .text p{float: left;color: #333;}
.ind03 .left .text b{display: block;font-size: 14px;color: #7b7b7b;line-height: 24px; font-weight: normal;text-indent: 2em;}
.ind03 .left .text .lie{position: absolute;left: 0px;bottom: 0px;width: 0;height: 2px;background: #00b0ec;transition: all 0.5s;}

.ind03 .left:hover .pic p{transform: scale(1.1);}
.ind03 .left:hover .text{transition: all 0.5s;}
.ind03 .left:hover .text p{color: #0168b7;}
.ind03 .left:hover .text .lie{width: 100%; transition: all 0.5s;}

.ind03 .right{margin-top: -14px; width: 630px;border-bottom: #efefef 1px solid;}
.ind03 .right ul li{position: relative;padding:0 3px 0 12px; width: 615px;transition: all 0.5s;}
.ind03 .right ul li a{display: block;height: 137px; font-size: 16px;}
.ind03 .right ul li a .clearfix{ padding:10px 0 8px;}
.ind03 .right ul li a span{margin:4px 7px 0 0; display: block;float: left;width: 3px;height: 16px;background: #00b0ec;}
.ind03 .right ul li a i{margin-right: 12px; display: block;float: left;color: #00b0ec;}
.ind03 .right ul li a em{float: left;color: #646363;}
.ind03 .right ul li a b{margin-bottom:4px; display: block;font-size: 16px;color: #333; font-weight: normal;}
.ind03 .right ul li a p{font-size: 14px;color: #7b7b7b;line-height: 24px;text-indent: 2em;}

.ind03 .right ul li .lie{position: absolute;left: 0px;bottom: 0px;width: 0;height: 2px;background: #00b0ec;transition: all 0.5s;}
.ind03 .right ul li:hover{ width: 615px; box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15);transition: all 0.5s; }
.ind03 .right ul li:hover .lie{width: 100%; transition: all 0.5s;}
.ind03 .more{display: block;margin:62px auto 75px;width: 180px;height: 52px;line-height: 52px;text-align: center;color: #fff;font-size: 18px;transition: all 0.5s;background: #00b0ec;}
.ind03 .more:hover{font-size: 20px;transition: all 0.5s;}
.ind04{padding:50px 0; background: #f6f6f6;}
.ind04 .pic{ position:relative;}
.ind04 .pic .hd{display: none; position:absolute; z-index:1; top:130px; width:1180px; margin:0px 30px 0px 0px;}
.ind04 .pic .hd a{ position:relative; display:block; width:48px; height:48px; cursor:pointer; background-image:url(../images/roll_pn.png);}
.ind04 .pic .hd .next{ float:right; background-position:-48px 0px;}
.ind04 .pic .hd .prev{ float:left; background-position:0px 0px;}
.ind04 .pic .hd .next:hover{ background-position:-48px -48px;}
.ind04 .pic .hd .prev:hover{ float:left; background-position:0px -48px;}

.ind04 .pic .bd{position:relative; z-index:9; width:100%; overflow:hidden; }
.ind04 .pic .bd .list li{float: left; width: 351px;height: 87px;margin:0 13px;background: #fff;}
.ind04 .pic .bd .list li a{display: block;text-align: center;width: 351px;height: 87px;}
.ind04 .pic .bd .list li a img{display: inline-block;max-width: 340px;max-height: 67px;vertical-align: middle;-ms-interpolation-mode:bicubic;}
.ind04 .pic .bd .list li span{display: inline-block;width: 1px;height: 87px;vertical-align: middle;}