.banner img{ width: 100%;}
.banner .slick-dots{ bottom:20px;}
.banner .slick-dots li{margin:0 3px; width:36px; height:2px; }
.banner .slick-dots li button{ background:#FFFFFF; width:36px; height:2px; border-radius:0; opacity: .35;}
.banner .slick-dots li.slick-active{ width:36px; height:2px;}
.banner .slick-dots li.slick-active button{ width:36px; height:2px; border: none; opacity:1;}


.index-tab{ margin-top: 45px; text-align: center;}
.index-tab span,
.index-tab a{ margin: 0 10px; display: inline-block; padding: 10px 15px; min-width: 120px; background: #eeeeee; color: #878787; cursor: pointer;}
.index-tab span.active{ background: #085dd1; color: #FFFFFF;}


.index-more{ margin: 0 auto;  display: block; width: 218px; height: 42px; line-height:42px; background: #085dd1; color: #FFFFFF; font-size:12px; text-align: center; position: relative;}
.index-more i{ display:inline-block; font-style: normal; position:relative; z-index:1; }
.index-more:after{content: "";position: absolute;display: block;top:0;left:0px;width: 100%;height: 100%; background: #063c84; border-radius:4px; z-index: 0;opacity:0; transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -moz-transform: rotateX(180deg);-ms-transition: rotateX(180deg);-o-transition: rotateX(180deg); transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.index-more:hover:after{ opacity:1; transform: rotateX(0deg); -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); }


.index-about{ padding-top:85px; background-image: url(../images/index_about_bg.jpg); background-position:bottom center;}
.index-about .content{ margin-top: 65px;}
.index-about .video{ float: left; width: 47.5%;}
.index-about .video video{ width: 100%; display: block;}
.index-about .text{ float: right; width: 46%; padding: 18px 0 18px; line-height: 30px; color: #555555;}
.index-about .text .index-more{ margin: 60px 0 0;}


.index-pro{ padding: 95px 0 75px;}
.index-pro .js-tab-box{ margin-top: 50px;}
.index-pro .js-tab-con{ display:none;}
.index-pro .js-tab-con.active{display: block;}
.index-pro li{ float: left; margin-bottom: 28px; width: 32%; margin-right:2%;}
.index-pro li:nth-child(3n){ margin-right: 0;}
.index-pro li a{ display: block;}
.index-pro li .img{ overflow: hidden;}
.index-pro li .text{ padding:25px 90px 30px 30px; position: relative;}
.index-pro li .text:before{ position: absolute; left:0; bottom:0; content:""; width: 0; height:4px; background: #1163d2; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.index-pro li .text span{ display: block; font-size: 18px; color: #101010;}
.index-pro li .text p{ margin-top: 10px; font-size: 12px; color: #bbbbbb; text-transform: uppercase;}
.index-pro li a:hover{-o-box-shadow:4px 10px 30px rgba(7,49,107,.08); -ms-box-shadow:4px 10px 30px rgba(7,49,107,.08); -moz-box-shadow:4px 10px 30px rgba(7,49,107,.08);; -webkit-box-shadow:4px 10px 30px rgba(7,49,107,.08);; box-shadow:4px 10px 30px rgba(7,49,107,.08);}
.index-pro li a:hover .text:before{ width: 100%;}
.index-pro li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


.index-advantage .content{ padding-top: 100px; color: #FFFFFF; background-image: url(../images/index_advantage_bg.jpg); }
.index-advantage .box{ float: left; width: 29.5%; height: 242px; position: relative;}
.index-advantage .box a{ display: block; color: #FFFFFF;}
.index-advantage .box img{ margin: 0;}
.index-advantage .box:nth-child(3n-1){ width: 41%;}
.index-advantage .box:nth-child(5){ border-bottom:6px solid #066def;}
.index-advantage .box .img{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
.index-advantage .text{ padding: 45px 0 0 42px; background: rgba(13,24,59,.3); border:1px solid #1e3779;}
.index-advantage .text .des{ margin-top:28px; line-height: 26px; min-height: 52px; padding-right:50px;}
.index-advantage .text em{ margin-top: 20px; display: inline-block; width: 42px; height:42px; background:url(../images/next_white.png);}
.index-advantage .text a:hover em{ background:url(../images/next_blue.png);}
.index-advantage .text2 a{ color: #5b5b5b;} 
.index-advantage .text2 em{ background:url(../images/next_gray.png);} 


.index-industry{ padding: 100px 0 75px;}
.index-industry .js-tab-box{ margin-top: 70px;}
.index-industry .js-tab-con{ height: 0; overflow: hidden;}
.index-industry .js-tab-con.active{ height:auto;}
.index-industry .slick-prev{ left:auto; right:0; top:80px; background-image: url(../images/industry_prev.png);}
.index-industry .slick-next{ top:140px; background-image: url(../images/industry_next.png);}
.index-industry .slick-prev:hover{ background-image: url(../images/industry_prevh.png);}
.index-industry .slick-next:hover{  background-image: url(../images/industry_nexth.png);}
.index-industry .box{ padding-right: 130px;} 
.index-industry .box .img{ float: left; overflow: hidden;}
.index-industry .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.index-industry .box .text{ margin-left: 445px; padding-right:55px; border-right: 1px solid #e5e5e5;}
.index-industry .box .tit{ padding-bottom: 40px; font-size: 12px; color: #a9a9a9; text-transform: uppercase; position: relative;}
.index-industry .box .tit:after{ content:""; position: absolute; bottom:0; left:0; width: 40px; height: 1px; background: #000000;}
.index-industry .box .tit span{ margin-right: 15px; font-size: 18px; color: #000000;}
.index-industry .box .des{ margin-top:25px; line-height: 36px; height: 72px; overflow: hidden; color:#999999;}
.index-industry .box .index-more{ margin:40px 0 0;}


.index-cooperative{ padding: 75px 0 65px; background-image: url(../images/cooperative_bg.jpg);}
.index-cooperative .content{ margin:50px -6px 0;}
.index-cooperative .slick{ width: 100%;}
.index-cooperative .slick-slide{ padding-bottom: 60px;}
.index-cooperative .slick-slide .item{ padding: 6px; }
.index-cooperative .slick-slide .item span{ display: block; position: relative; -o-box-shadow:0 0 20px rgba(0,0,0,.01); -ms-box-shadow:0 0 20px rgba(0,0,0,.01); -moz-box-shadow:0 0 20px rgba(0,0,0,.01); -webkit-box-shadow:0 0 20px rgba(0,0,0,.01); box-shadow:0 0 20px rgba(0,0,0,.01);}
.index-cooperative .slick-slide .item span:before{ position: absolute; top:0; left:0; content:""; width: 0; height:4px; background: #1163d2; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.index-cooperative .slick-slide .item img{ width: 100%;}
.index-cooperative .slick-slide .item span:hover{ -o-box-shadow:0 0 30px rgba(0,0,0,.06); -ms-box-shadow:0 0 30px rgba(0,0,0,.06); -moz-box-shadow:0 0 30px rgba(0,0,0,.06); -webkit-box-shadow:0 0 30px rgba(0,0,0,.06); box-shadow:0 0 30px rgba(0,0,0,.06); }
.index-cooperative .slick-slide .item span:hover:before{ width: 100%;}


.index-news{ padding: 80px 0;}
.index-news .js-tab-box{ margin-top: 70px;}
.index-news .js-tab-box .js-tab-con{ display: none;}
.index-news .js-tab-box .js-tab-con.active{ display: block;}
.index-news ul{ margin: 0 -10px;}
.index-news li{ float: left; width: 25%; padding: 0 10px;}
.index-news li a{ display: block; -o-box-shadow:0 0 20px rgba(7,49,107,.07); -ms-box-shadow:0 0 20px rgba(7,49,107,.07); -moz-box-shadow:0 0 20px rgba(7,49,107,.07); -webkit-box-shadow:0 0 20px rgba(7,49,107,.07); box-shadow:0 0 20px rgba(7,49,107,.07);}
.index-news li .img{ overflow: hidden;}
.index-news li .text{ padding: 28px 28px 45px;}
.index-news li .text span{ display:block; font-size: 16px; color: #000000;}
.index-news li .text p{ margin-top:10px; font-size: 14px; color: #999999; line-height: 24px; height: 48px; overflow:hidden;}
.index-news li em{ display: block; padding:25px 28px; font-size: 12px; color: #9e9e9e;}
.index-news .index-more{ margin-top: 65px;}
.index-news li a:hover{ background: #085dd1; color: #FFFFFF;}
.index-news li a:hover .text span{ color: #FFFFFF;}
.index-news li a:hover .text p{ color: #FFFFFF; opacity: .5;}
.index-news li a:hover em{ background: #1e6cd5; color: #FFFFFF; }
.index-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}