/*.banner .swiper-slide img{ width: 100%;}

.banner .swiper-pagination{ bottom:30px!important;}
.banner .swiper-pagination-bullet{ border-radius: 0px; height: 2px; width: 40px; }
.banner .swiper-pagination-bullet-active{ background: #fff;}


*/


.banner{position: relative;overflow: hidden;}
.bandiv,.banner{position: relative;background-position: center center;}
.banner .slick-dots{bottom: 75px;}
.banner .slick-dots li{font-size: 0;width: 40px;height: 2px;background:rgba(0,0,0,0.5);margin: 0 6px;}
.banner .slick-dots li.slick-active{background: #fff;}
.banner .bimg{position: absolute;-webkit-transition: all 1s cubic-bezier(.165, .74, .44, 1); transition: all 1s cubic-bezier(.165, .74, .44, 1); }
.banner .slick-current .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.04); transform: scale(1.04); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.04); transform: scale(1.04); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.b_text{position: absolute;left: 50%;top:22%; font-weight: bold; text-align: left; margin-left: -600px; width:500px;margin-top:;color: #005eac;font-size: 27px;height: 146px;transition:all 400ms;text-shadow:0 2px 2px rgba(0,0,0,.1); text-transform: uppercase; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px);}
.b_text strong{font-size: 30px; font-weight: 500; padding-bottom: 10px; display: block; line-height: 1.4em;}
.banner .slick-current .b_text{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}


/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
.slick-prev:before {  }
.slick-next { right: -25px; }
.slick-next:before {  }
/* Dots */
.slick-slider {}
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }










.business{ padding-top: 70px; padding-bottom: 70px;}
.business .title{ height: 140px;}
.business .title h1{ text-align: center; color:#333333; font-size: 30px; margin-bottom: 5px;}
.business .title h2{ text-align: center; color:#999999; font-size: 16px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px;}
.business .title span{ display: block; border-bottom: #cccccc solid 1px; width: 120px; margin: 25px auto; position: relative;}
.business .title span:after{ content: ""; position: absolute; width: 8px; height: 8px; background:#fff; border:#ccc solid 1px; left: 50%; margin-left: -4.5px; top: -4.5px;transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg); 	/* Opera */ }
.business .swiper-slide{ text-align: center;}
.business .swiper-slide i{ color: #999999; font-size: 36px; background:#fff; border-radius: 100px; line-height: 100px; border:#ececec solid 2px; height: 100px; width: 100px;text-decoration: none;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration: 0.3s; /* Opera */}
.business .swiper-slide h1{ color: #666666; font-size: 18px; padding-top: 25px; padding-bottom: 25px;text-decoration: none;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration: 0.3s; /* Opera */}
.business .swiper-slide p{ color: #666666; font-size: 14px; line-height: 1.8em; margin-bottom: 30px;text-decoration: none;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration: 0.3s; /* Opera */}
.business .swiper-slide .more{ border-radius: 40px; border:#cccccc solid 1px; padding: 8px; font-size: 14px; color: #999999; display: block; width: 90px; margin: 0 auto; text-decoration: none;}
.business .swiper-slide:hover i{ color: #fff; background: #005eac; border:#005eac solid 2px;}
.business .swiper-slide:hover h1{ color: #005eac;}
.business .swiper-slide:hover p{ color: #005eac;}
.business .swiper-slide:hover .more{border:#005eac solid 1px; color: #005eac; }








.case{ padding-top: 70px; padding-bottom: 70px; background: #f5f5f5;}
.case .title{ height: 140px;}
.case .title h1{ text-align: center; color:#333333; font-size: 30px; margin-bottom: 5px;}
.case .title h2{ text-align: center; color:#999999; font-size: 16px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px;}
.case .title span{ display: block; border-bottom: #cccccc solid 1px; width: 120px; margin: 25px auto; position: relative;}
.case .title span:after{ content: ""; position: absolute; width: 8px; height: 8px; background:#f5f5f5; border:#ccc solid 1px; left: 50%; margin-left: -4.5px; top: -4.5px;transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg); 	/* Opera */ }
.case .swiper-slide .imgbox img{width: 100%;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.case .swiper-slide .imgbox:hover img{width: 100%;transform: scale(1.1) translateZ(0);transition-duration: 0.3s;}
.case .swiper-slide .imgbox{ width: 284px; height: 203px; overflow: hidden;}




.case .swiper-slide { text-align: center;}
.case .swiper-slide h3{ font-size: 14px; padding-top: 10px;}
.case .swiper-slide h3 a{ color: #666; font-weight: normal; text-decoration: none;}
.case .more{ text-align: center; text-transform: uppercase; border-radius: 40px; border:#cccccc solid 1px; padding: 8px; font-size: 14px; color: #999999; display: block; width: 90px; margin: 0 auto; text-decoration: none;}
.case .swiper-container{ padding-bottom: 50px; margin-bottom: 40px;}
.case .swiper-pagination-bullet-active{ background: #005eac; }




.about{ padding-top: 70px; padding-bottom: 70px; background: #005eac;}
.about .title{ height: 140px;}
.about .title h1{ text-align: center; color:#fff; font-size: 30px; margin-bottom: 5px;}
.about .title h2{ text-align: center; color:#cbd7e8; font-size: 16px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px;}
.about .title span{ display: block; border-bottom: #cbd7e8 solid 1px; width: 120px; margin: 25px auto; position: relative;}
.about .title span:after{ content: ""; position: absolute; width: 8px; height: 8px; background:#005eac; border:#cbd7e8 solid 1px; left: 50%; margin-left: -4.5px; top: -4.5px;transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg); 	/* Opera */ }
.about .content .img img{ width: 350px; padding: 5px; background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.about .content .img{ float: left;  width: 400px;}
.about .content .text{ float: left;  width: 800px;}
.about .content .text h3{ color: #fff; font-size: 18px; margin-bottom: 20px;}
.about .content .text p{ color: #fff; font-size: 14px; line-height: 1.8em; color: #cbd7e8; margin-bottom: 15px;} 
.about .content .text .more{ float: left; margin-top: 15px; text-align: center; border-radius: 40px; border:#fff solid 1px; padding: 8px; font-size: 14px; color: #fff; display: block; width: 90px;  text-decoration: none; }




.superiority{ padding-top: 70px; padding-bottom: 70px; background: #f5f5f5;}
.superiority .pagewidth{ width: 1100px;}
.superiority .title{ height: 140px;}
.superiority .title h1{ text-align: center; color:#333333; font-size: 30px; margin-bottom: 5px;}
.superiority .title h2{ text-align: center; color:#999999; font-size: 16px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px;}
.superiority .title span{ display: block; border-bottom: #cccccc solid 1px; width: 120px; margin: 25px auto; position: relative;}
.superiority .title span:after{ content: ""; position: absolute; width: 8px; height: 8px; background:#f5f5f5; border:#ccc solid 1px; left: 50%; margin-left: -4.5px; top: -4.5px;transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg); 	/* Opera */ }
.superiority .imgbox{ width: 275px; height: 150px; float: left;overflow: hidden; border:#fff solid 3px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);   } 
.superiority .imgbox img{ width: 275px; height: 150px; transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden} 
.superiority .imgbox:hover img{width: 275px; height: 150px; transform: scale(1.1) translateZ(0);transition-duration: 0.3s;}


.superiority .text{ width: 778px; float: left; padding-top: 10px;} 
.superiority em{ position: absolute; z-index: 999; width:50px; height: 50px; text-align: center; line-height: 50px; color: #ce0000; font-style: normal; font-size: 24px; font-family:"Bebas"; background: #fff; display: block; border-radius: 50px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.superiority .one .imgbox{ margin-right: 40px; }
.superiority .two .text{ margin-right: 40px; text-align: right;}
.superiority .three .imgbox{ margin-right: 40px;}
.superiority .four .text{ margin-right: 40px;text-align: right;}
.superiority .five .imgbox{ margin-right: 40px;}
.superiority ul li{ margin-bottom: 30px; position: relative;}
.superiority ul li .text h3{ color: #005eac; font-size: 20px; margin-bottom: 15px;}
.superiority ul li .text p{font-size: 14px; line-height: 1.8em; color: #888;}
.superiority .one em{ left: -25px; top: -25px;}
.superiority .two em{ right: -25px; top: -25px;}
.superiority .three em{ left: -25px; top: -25px;}
.superiority .four em{ right: -25px; top: -25px;}
.superiority .five em{ left: -25px; top: -25px;}






.news{ padding-top: 60px; padding-bottom: 60px;}

.news .left{ width: 575px; float: left; margin-right:50px;}
.news .right{ width: 575px; float: left;}

.news .title { margin-bottom: 20px;}
.news .title h1{ color: #464646; font-size: 24px; margin-bottom: 20px;}
.news .title em{ display: block; border-bottom: #005eac solid 1px; width: 40px; }
.news .title span{ float: right; color: #666; font-weight: normal; font-size: 14px; padding-top: 10px;}

.news .list ul li{ height: 30px; line-height: 30px; font-size: 14px;}
.news .list ul li a{ color: #333333; padding-left: 5px;}
.news .list ul li a:hover{ color: #005eac;}










@media screen and (max-width: 767px) {  
.banner{ margin-top: 50px; overflow: hidden;}
.slick-initialized .slick-slide{ height: 240px!important; width: auto!important;}
.banner .bimg{ height: 240px!important; width: auto!important; right: 0px!important; left: 0!important;}
.slick-slider{ height: 240px!important; width: auto!important;right: 0px!important;left: 0!important;}
.banner{ height: 240px!important; width: auto!important;left: 0!important;}
.slick-list{ height: 240px!important; width: auto!important;left: 0!important;}
div.bandiv.slick-slide.slick-current.slick-active{ height: 280px!important; width: auto!important;right: 0px!important;left: 0!important;}
.b_text{position: absolute;left: 20px;top:30px; width: 300px!important; font-weight: bold; text-align: left; margin-left: 0px; width: auto;color: #005eac;font-size: 15px; transition:all 400ms;text-shadow:0 2px 2px rgba(0,0,0,.1); text-transform: uppercase; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px);}
.b_text strong{font-size: 14px; font-weight: 500; padding-bottom: 10px; display: block; line-height: 1.4em;}
.banner .slick-dots{bottom: 10px!important;}
.case .swiper-pagination{ display: none;}
.case .swiper-slide .imgbox{ width: 100%; height: auto;}
.case .swiper-container{ padding-bottom: 20px; margin-bottom: 20px;}


.about .content .img img{ width: calc(100% - 10px);}
.about .content .img{ float: none;  width: 100%;}
.about .content .text{ float: none;  width: 100%; padding-top: 20px;}
.about .content .text h3{ color: #fff; font-size: 18px; margin-bottom: 20px;}
.about .content .text p{ color: #fff; font-size: 14px; line-height: 1.8em; color: #cbd7e8; margin-bottom: 15px;} 
.about .content .text .more{ float: none; margin-top: 15px; text-align: center; border-radius: 40px; border:#fff solid 1px; padding: 8px; font-size: 14px; color: #fff; display: block; width: 90px;  text-decoration: none; margin: 0 auto; }

.superiority .pagewidth{ width: auto;}
.superiority .imgbox{ width: calc(100% - 6px); height: auto; float: none;}
.superiority .imgbox img{ width: 100%; height: auto;}
.superiority .imgbox:hover img{width: 100%; height: auto; transform: scale(1.1) translateZ(0);transition-duration: 0.3s;}
.superiority em{ display: none;}
.superiority .text{ width: auto; text-align: left;}
.superiority .two .text{text-align: left; margin-right: 0px; margin-bottom: 10px;}
.superiority ul li{ margin-bottom: 20px;}

.superiority .four .text{ margin-right: 0px; width: auto; text-align: left;}
.business{ padding-top: 30px; padding-bottom: 30px;}
.about{ padding-top: 30px; padding-bottom: 30px; background: #005eac;}
.superiority{ padding-top: 30px; padding-bottom: 30px; background: #f5f5f5;}
.news{ padding-top: 30px; padding-bottom: 30px;}


.link .content{ width: auto;}
.news .left{ width: auto; margin-right: 0px; float: none; margin-bottom: 20px;}
.news .right{ width: auto;float: none;}



}