@charset "utf-8";
/* CSS Document */
body
{font-family: "思源黑体 CN", "微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*@font-face{
    font-family:'FuturaLL';
    src:url('../fonts/Futura LT Light.otf');
}*/
ol,ul,li{list-style:none;}
ul{ padding:0; margin:0;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --pub-- */
.pub{width:80%;margin:auto;}
/* --header-- */
.top_bj{ position:relative;}
header{ width:100%; position: fixed; top:0; z-index:99999999999999;}
.logo{width:20%;height:auto;float:left; margin-top:20px; margin-left: 4%;}
.logo img{width:auto;height:auto;display:block;max-width:100%;}
.head_right{ float: left; line-height: 100px; width:11%; text-align: center;color: #fff;}
.head_right a{  padding: 0 5px;}
.nava{width:54%;float:left; position:relative; margin: 0 0; padding: 0;}
.nava li{width:12.5%;float:left;font-size:16px;font-weight:bold;color:#fff;text-align:center;position:relative;cursor:pointer; text-align: center; height: 100px;line-height: 100px;}
.nava li:hover{ background: #fefefe;}
.main-menu-area{width:100%; background:rgba(0,0,0,0.5); z-index:99;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.top_bj{  position: relative;}
.banner_bj{ width: 100%; }
/* --banner-- */
.search {width:8%; float:right; text-align:center;}
.search .search-btn {
  color: #03a3f0;
  border: 0;
  padding: 0;
  background:url(../Image/search.png) center no-repeat #0055a7;
  font-size: 17px;
  line-height: 19px;
  outline: none;
   width:100%; height:100px;
}
.search-modal {
  background: rgba(0, 0, 0, 0.7);
}
.search-modal .modal-dialog {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-modal .modal-dialog .modal-content {
  background: transparent;
  border: 0;
}
.search-modal .modal-dialog .modal-content form {
  background: transparent;
  border: 0;
  padding: 0px;
  position: relative;
   border: 2px solid #ffffff;
   height: 60px;
   border-radius:60px;
}
.search-text{
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  padding: 0 10px;
  background: transparent;
  outline:none; border:none; line-height:56px; padding-left:20px; width:80%;
}
.search-icon {
  background:url(../Image/search.png) center no-repeat; position:absolute; right:20px; top:0px; width:56px; height:56px;outline:none;border:none; text-indent:-999px;
}
.search-modal .close-modal {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  color: #fff;
  border: 0;
  font-size: 32px;
  padding: 14px;
}
/* --banner-- */
.swiper-banner{width:100%;height:981px;overflow:hidden;background:#fff;position:relative;z-index:99;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.slide-inner{width:80%;height:100%;left:10%;top:0;z-index:99;position:absolute;}
.slide-inner .banner_img{
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.banner1_1{width:50%;left:0%;top:44%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner2_1{width:50%;right:0%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner3_1{width:50%;left:25%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.swiper-banner .banner_con {
    z-index: 99;
    width: auto;
    height: 84px;
    position: absolute;
    right: 0;
    bottom: 5%;
    padding:0 120px;
}
.banner_num{ position:absolute; right:0; bottom:300%; z-index:99; width:auto;}
.swiper-banner .a1 {height: 66px;line-height:66px;margin:20px;}
.swiper-banner .a1 span{font-size:22px;color:#FFF;margin:0 15px;font-family:'FuturaLL';cursor:pointer; display:block;}
.swiper-banner .a1 i{width:2px;height:0;background:#FFF;float:left;margin:0 32px;
    -webkit-transition:all 0.4s;transition:all 0.4s;
}
.swiper-banner .a1 i.current{height:70px;}
.swiper-banner .banner_con .banner_prev,.swiper-banner .banner_con .banner_next{
    width:66px;height:66px;margin-top:20px;float:left;cursor:pointer;
    -webkit-transition:all 0.4s;transition:all 0.4s;
}
.swiper-banner .banner_con .banner_prev{background:url(../Image/banner_prev.png) no-repeat center;}
.swiper-banner .banner_con .banner_next{background:url(../Image/banner_next.png) no-repeat center; margin-left:20px;}
.swiper-banner .banner_con .banner_prev:hover {
    transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -webkit-transform: translateX(-4px);
    -o-transform: translateX(-4px);
}
.swiper-banner .banner_con .banner_next:hover {
    transform: translateX(4px);
    -ms-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -o-transform: translateX(4px);
}
/* --index-- */
.index_bj{ width:100%; height: auto;background:url(../Image/index_bj.jpg) right top repeat-y; overflow:hidden; padding-top:5%;}
.index1_bj{ width:100%; height: auto; position:relative; z-index:999;}
.index1_bj1{ position:relative; z-index:999;}
.index1_bj1 img{ width:100%;}
.index1_left{ width:40%; height:auto; color:#fff; font-size:24px; position:absolute; left:10%; top:0; z-index:9999;}
.index1_left p{ font-size:36px; margin-bottom:10px;}
.index1_right{ width:50%; height:auto; position:absolute; right:10%; top:30%; z-index:9999;}
.index1_about{ width:100%; height:auto; color:#fff; font-size:16px; float:right;}
.index1_about p{ font-size:36px; margin-bottom:10px;}
.index1_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;}
.index1_line{ width:90%; height:1px; background:#fff; margin-top:50px;}
.index1_num {}
.index1_num .index-strength-title{height:105px;font-size:42px;font-weight:bold;line-height:52px;padding-top:40px;text-indent:360px;background:url(../images/index_strength_title.png) no-repeat center;background-size:100% auto;}
.index1_num .index-strength-list{}
.index1_num .index-strength-list li{width:25%;text-align:center;float:left;}
.index1_num .index-strength-list li h2{height:50px;line-height:50px;font-size:52px;color:#fff;display:inline-block;}
.index1_num .index-strength-list li span{line-height:20px;font-size:42px;font-weight:normal;color:#fff;margin-left:20px;display:inline-block;}
.index1_num .index-strength-list li p{font-size:18px;color:#fff;line-height:24px;margin-top:12px;}
.index1_num .index-strength-list li:nth-child(4n){border-right:none;}
/**************************index1 end*********************/
.index2_bj{ width:100%; height: auto;background:url(../Image/index2_bj.png) center top no-repeat; overflow:hidden; padding-top:5%;}
.index2_top{ width:80%; height:auto; color:#fff; font-size:24px; margin-bottom:100px;}
.index2_top p{ font-size:36px; margin-bottom:10px;}
.card-fouth {
}
.card-fouth .desc.desc-list {
    font-size: 0;
    color: #3a3a3a;
    font-weight: 200;
    margin-bottom: 45px;
    white-space: nowrap;
    overflow: hidden;
    width:20%; float:left;
}
.card-fouth .industry {
    color: #fff;
    padding: 15px 0; overflow:hidden;
}
.card-fouth .industry .icon{ float:left; font-style:italic; width:12%;}
.card-fouth .industry.first {
    padding-left: 0
}
.card-fouth .industry.last {
    padding-right: 0
}
.card-fouth .industry.active {
   color:#3c9c98;
}
.card-fouth .industry .ch { float:left; width:88%; color:#fff; font-size:16px; padding:15px 0; border:1px solid #fff; border-radius:5px; text-align:center;
}
.card-fouth .industry.active .ch {
     color:#fff; background:url(../Image/p1.jpg) right 20px center no-repeat #11abf4; border:1px solid #11abf4; width:100%;
}
/*内容*/
.card-fouth .case-container {
    position: relative;
	width:70%; float:right; height:580px; background:#03549a; border-radius:5px;
}
.card-fouth .case-panel {
    position: absolute;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
}
.card-fouth .case-panel.active {
    z-index: 100;
    opacity: 1;
    -webkit-transition: all .2s ease-out .1s;
    transition: all .2s ease-out .1s
}
.card-fouth .case-preview {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 200
}
.index2_pro1_img{ width:45%; float:left; position:relative; margin-top:10%; margin-left:5%;}
.index2_pro1_img img{ width:90%; }
.index2_pro1_con{ width:45%; float:right; font-size:16px; color:#fff; line-height:25px; margin-top:5%; margin-right:5%;}
.index2_pro1_con h3{ line-height:40px; color:#fff; margin-top:50px; font-size:30px;}
.index2_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;}
/****************************index2 end*************************/
.index3_bj{ width:100%; height: auto;background:url(../Image/index3_bj.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding-top:5%; margin-top:5%;}
.index3_left{ width:20%; margin-left:20%; float:left;}
.index3_left_top{ font-size:38px; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:80px; padding-bottom:30px;}
.index3_left_con{ color:#fff; font-size:16px; line-height:30px;}
.index3_left_con p{ font-size:30px;}
.index3_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;}
.index3_right{ width:43%; float:right; position:relative;}
.index3_video{ width:100%; position:relative; z-index:9;}
.video-area {
    position: relative;
	margin-top: 35px;
	overflow:hidden;
}
.video-area img{ width:100%;}
.popup-youtube i {
    width: 150px;
    height: 150px;
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.video-text {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(19,21,31,0.6);
    padding: 20px 35px;
    width: 100%;
}
.video-text .review {
    margin-bottom: 0;
}
.lightbulb__container .lightbulb__glow {
  z-index: 8;
  position: absolute;
  top: 19%;
  right: -48%;
  transform: translateX(-50%) translateY(-15%) scale(0.5);
  filter: blur(5rem);
  width: 646px;
  height: 646px;
  border-radius: 50%;
  background: radial-gradient(rgba(255,255,255,0.5) 25%, transparent 80%);
  animation: glow 5s ease infinite;
}
@keyframes glow {
  0% {
    transform: translateX(-50%) translateY(-15%) scale(0.5);
  }
  50% {
    transform: translateX(-50%) translateY(-15%) scale(1.15);
  }
  100% {
    transform: translateX(-50%) translateY(-15%) scale(0.5);
  }
}
.index3_bottom{ text-align:center;background:url(../Image/p2.png) center top no-repeat; min-height:168px; font-size:24px; padding-top:50px; margin-top:80px;}
.index3_bottom a{ margin:5% 5%; color:#fff;}
/*************************index3 end*********************/
.index4_left{ font-size:36px; color:#fff; float:left;}
.index4_right{ font-size:18px; color:#fff; float:right; margin-top:10px;}
.index4_right a{ color:#fff; margin-left:20px; padding-bottom:10px;}
.index4_right a:hover{ border-bottom:2px solid #02a7f3;}
.index4_main{ width:100%; margin-top:45px;}
.index4_main ul li{ float:left; width:30.1%; margin:0 1.6%; margin-bottom:8%;}
.index4_main ul li .news1_tit{ color:#fff; font-size:24px; margin-bottom:20px; min-height:72px;}
.index4_main ul li .news1_date{ color:#fff; font-size:16px; margin-bottom:20px; float:left; padding:10px 20px; text-align:center; border:1px solid #fff; border-radius:30px; line-height:30px;}
.index4_main ul li .news1_more{ color:#fff; font-size:16px; display:block; margin-top:20px;}
.index4_main ul li .news1_more a{ color:#fff;}
.index4_main ul li:hover .news1_pic img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index4_main ul li .pic { position: relative; overflow: hidden; background:#fff;}
.index4_main ul li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;
}
.index4_main ul li .pic i {
  display: block;
  padding-bottom: 65%;
}
.index4_main ul li:hover img {
    transform: scale(1.02);
}
.index4_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin:0 auto; margin-top:30px;}
/***********************index4 end***********************/
.index5{ width:72%; height:1222px; position:relative;}
.index5_hzhb{ width:100%; height: 1222px;background:url(../Image/index5_bj.png) bottom center no-repeat; background-size:100% auto;  position:relative;}
.index5_hzhb li{ position:absolute;}
.index5_hzhb li img{ border-radius:92px; width:92px; height:92px;}
.index5_hzhb li:nth-child(1){ left:-46px; top:50%;}
.index5_hzhb li:nth-child(2){ left:18%; top:25%;}
.index5_hzhb li:nth-child(3){ left:18%; bottom:15%;}
.index5_hzhb li:nth-child(4){ right:18%; top:25%;}
.index5_hzhb li:nth-child(5){ right:18%; bottom:15%;}
.index5_hzhb li:nth-child(6){ left:22%; top:47%;}
.index5_hzhb li:nth-child(7){ right:22%; top:47%;}
.index5_hzhb li:nth-child(8){ left:47%; top:23%;}
.index5_hzhb li:nth-child(9){ left:35%; top:39%;}
.index5_hzhb li:nth-child(10){ right:35%; top:39%;}
.index5_hzhb li:nth-child(11){ right:-46px; top:50%;}
.index5_logo{ content:''; position:absolute; top:45%; left:42%; border-radius:50%; animation:rotate 3s infinite; -webkit-animation:rotate 3s infinite linear;}
.index5_logo img{ width:100%;}
@-webkit-keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
.index5_con{ width:100%; text-align:center; color:#fff; font-size:16px; position:absolute; bottom:10%; left:0%;}
.index5_con p{ font-size:44px;}
.index5_con a{ display:block; text-align:center; margin-top:20px;}
/**********************************index5 end************************/
.foot_bj{ width:100%; height:auto; background:#202020; padding-top:5%; overflow:hidden;}
.foot_top{ border-bottom:1px solid #444444; padding-bottom:20px; margin-bottom:5%;}
.foot_top .foot_tit{ font-size:30px; color:#fff; float:left;}
.foot_top .foot_nav{ float:right; font-size:16px; color:#fff; margin-top:10px;}
.foot_top .foot_nav a{ color:#fff; margin-left:30px;}
.foot_left{ min-height:193px; width:45%; float:left;background:url(../Image/p4.jpg) no-repeat;}
.foot_contact{ float:left; color:#fff;}
.foot_contact li{ margin-top:20px; padding-left:30px;}
.foot_contact .p6{background:url(../Image/p6.png) left center no-repeat;}
.foot_contact .p7{background:url(../Image/p7.png) left center no-repeat;}
.foot_contact .p8{background:url(../Image/p8.png) left center no-repeat;}
.cop{ float:right; text-align:center; font-size:16px; color:#787878;}
.foot_right{ float:right; width:50%;}
.foot_right .form-group{ width:48%;}
.foot_right .form-control {outline:none;
  display: block;
  width:95%;
  float:left;
  height: 40px;
  padding-left:10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  border:1px solid #444444;
  border-radius:5px;
  background:none;
}
.foot_right .form-control:focus {
  outline:none;
}
.foot_right .form-group1{ width:100%;}
input::-webkit-input-placeholder {color: rgba(255,255,255,0.62);}
textarea::-webkit-input-placeholder {color: rgba(255,255,255,0.62);}
.foot_right #content{ width:97%; height:90px; margin-top:10px;}
.foot_right #submit{ width:48%; height:45px; line-height:45px;text-align:center; background:#03549a; color:#fff; font-size:15px; margin-top:22px; outline:none;border-radius:5px; padding:0; border:none; cursor:pointer;}
.foot_bottom{ border-top:1px solid #323333; font-size:16px; color:#787878; line-height:30px; margin-top:60px; padding:15px 0; text-align:center;}
.foot_bottom a{ color:#787878;}
/************************foot end********************/
/* --动画-- */
.animation-elongation{
	-webkit-animation-name: animation-elongation;
  	animation-name: animation-elongation;
	animation-timing-function:ease-in;
	-webkit-animation-timing-function:ease-in;
}
@keyframes animation-elongation{
	from{width:20%;}
	to{width:66.66%;}
}
.animation-show .dot{
	-webkit-animation-name: animation-dot;
  	animation-name: animation-dot;
	-webkit-animation-duration:0.5s !important;
  	animation-duration:0.5s !important;
	animation-timing-function:ease-in;
	-webkit-animation-timing-function:ease-in;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.animation-show .line1,.animation-show .line3{
	-webkit-animation-name: animation-width;
  	animation-name: animation-width;
	-webkit-animation-duration:1s !important;
  	animation-duration:1s !important;
	animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.animation-show .line2,.animation-show .line4{
	-webkit-animation-name: animation-height;
  	animation-name: animation-height;
	-webkit-animation-duration:1s !important;
  	animation-duration:1s !important;
	animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
@keyframes animation-dot{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes animation-width{
	from{width:0;}
	to{width:100%;}
}
@keyframes animation-height{
	from{height:0;}
	to{height:100%;}
}
.topleft-waves{
	position:absolute;
	width:164px;
	height:127px;
	top:0;
	left:0;
	z-index:2;
	background:url(../images/banner_waves.png) no-repeat left top;
	animation: move-normal 15s infinite;
}
@keyframes move-normal {
  0% {
	transform: translate3d(-50px,-20px,0);
  }
  25% {
	transform: translate3d(0,-20px,10px);
  }
  50% {
	transform: translate3d(0,0,20px);
  }
  75% {
	transform: translate3d(-50px,0,10px);
  }
  100% {
	transform: translate3d(-50px,-20px,0);
  }
}
.topright-waves{
	position:absolute;
	width:600px;
	height:102px;
	top:233px;
	right:-249px;
	z-index:2;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
}
.shows-waves{
	position:absolute;
	width: 100%;
	height:300px;
	bottom:0;
	left:0;
	z-index:3;
	min-height:60px;
	max-height:300px;
}
.banner-waves{
	position:absolute;
	width: 100%;
	height:100px;
	bottom:214px;
	left:0;
	z-index:3;
	min-height:100px;
	max-height:150px;
}
.innerbanner-waves{
	position:absolute;
	width: 100%;
	height:100px;
	bottom:0;
	left:0;
	z-index:3;
	min-height:100px;
	max-height:150px;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
	transform: translate3d(-90px,0,0);
  }
  100% {	transform: translate3d(85px,0,0);
  }
}
/**************************index1 end************************/
.inner_banner{ position:relative; width:100%; text-align:center;}
.inner_banner img{ width:100%;}
.inner_bj{width:100%;height:auto;overflow:hidden; background:url(../Image/index4_bj.png) bottom center no-repeat; padding-bottom:5%;}
.inner_about1_bj{width:100%;height:auto;overflow:hidden; background:url(../Image/about_bj.png) bottom center no-repeat; background-size:100% auto; padding-bottom:20%;}
.inner_about1_left{ width:50%; float:left;}
.inner_about1_top{ font-size:36px; color:#fff;}
.inner_about1_content{ color:#fff; line-height:25px;}
.inner_about1_right{ width:45%; float:right;}
.inner_about1_right .index-strength-title{height:105px;font-size:42px;font-weight:bold;line-height:52px;padding-top:40px;text-indent:360px;background:url(../images/index_strength_title.png) no-repeat center;background-size:100% auto;}
.inner_about1_right .index-strength-list{margin-top:100px;}
.inner_about1_right .index-strength-list li{ margin-top:50px;}
.inner_about1_right .index-strength-list li h2{height:50px;line-height:50px;font-size:52px;color:#fff;display:inline-block; margin:0;}
.inner_about1_right .index-strength-list li p{font-size:18px;color:#fff;line-height:24px;margin-top:12px;}
.inner_about1_right .index-strength-list .inner_about1_line{ width:100%; height:1px; margin:10px auto; background:#fff; position:relative; transition:all 0.3s;}
.inner_about1_right .index-strength-list .inner_about1_line p{ width:30%; height:3px; background:#02a7f3; position:absolute; top:-1px; left:0px; margin:0; transition:all 0.3s;}
.inner_about2 ul{ margin-top:30px;}
.inner_about2 ul li{ float:left; width:30.3%; margin:1.5% 4.5% 1.5% 0;}
.inner_about2 img{ width:100%;}
.inner_about2 ul li:nth-child(3){ margin-right:0%;}
.inner_hxjz{ width:70%; background:url(../Image/a9.jpg) bottom center no-repeat; background-size:cover; padding:5%;}
.inner_hxjz_top{ font-size:36px; color:#fff;}
.inner_hxjz ul li{ font-size:18px; color:#fff; margin-top:20px;}
.inner_hxjz ul li p{ font-size:24px; margin:0;}
.inner_honor{ margin-top:5%;}
.inner_honor_main li{ width:23%; margin:1%; float:left; position:relative;}
.inner_honor_main li .img{ overflow:hidden;}
.inner_honor_main li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor_main li:hover .img img{transform:scale(1.08);}
.inner_honor_main li p{overflow:hidden; height:40px; margin:0; position:absolute; bottom:0; line-height:40px; background:rgba(3,84,154,0.7); width:100%; text-align:center; color:#fff;}
/**************************about end**********************/
.inner_top{ font-size:36px; color:#fff; text-align:center; margin-bottom:30px;}
.inner_search{ width:100%; position:relative; margin-bottom:30px;}
.inner_search .search-text{height:53px;width:70%; float:left;color:#888888; font-size:12px;outline:none; padding-left:10px; background:#fff;}
.inner_search .search-btn{ width:25%; height:53px; float:right; background:#02a7f3; color:#fff; border:none;}
.inner_type li{ float:left; width:18%; margin:1%; font-size:16px; color:#fff; text-align:center; line-height:30px;}
.inner_type li a{ color:#fff; display:block; border:1px solid #fff; padding:15px 0; border-radius:5px;}
.inner_type li:hover a{ background:#02a7f3; border:1px solid #02a7f3;}
.pro{ margin-top:20px;}
.pro .item{margin: 1%;position:relative; float:left; width:23%; transition:all 0.3s;}
.pro .item .pic img{display: block;width: 100%;height: auto;}
.pro .item .pro_con{ padding:10px 0;}
.pro .item .pro_con p{ color:#fff; font-size:18px; overflow:hidden; background:url(../Image/p10.png) left top 5px no-repeat; padding-left:30px; height:60px; overflow:hidden; margin-bottom:0;}
.pro .item .pro_con p img{ float:right; transition:all 0.3s;}
.pro .item .pro_line{ width:100%; height:1px; margin:10px auto; background:#fff; position:relative; transition:all 0.3s;}
.pro .item .pro_line p{ width:30%; height:3px; background:#02a7f3; position:absolute; top:-1px; left:0px; margin:0; transition:all 0.3s;}
.pro .item:hover .pro_con p img{ margin-right:20px;}
.pro .item:hover .pro_line p{ width:100%;}
.inner_pro_main{ background:#fff; border-radius:5px; padding:5%;}
.inner_pro_tit{ color:#fff; font-size:30px; background:url(../Image/p10.png) left 30px center no-repeat #03549a; padding:20px 60px;}
.pro_fl{ border:2px solid #03549a; border-radius:5px; }
.proshow {
  margin-top: 55px;
}
.proleft {
  width: 47%; float:left; margin-left:2%;
}
.swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}
.swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}
.swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}
.gallery-top{width:100%;position:relative;}
.gallery-top .swiper-slide{width:100%;display:block;}
.gallery-top .swiper-slide img{width:100%;display:block;}
.gallery-top .swiper-button-prev{left:6px;}
.gallery-top .swiper-button-next{right:6px;}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}
.product_img_right{width:100%;margin-top:40px;}
.gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.gallery-thumbs .swiper-slide img{width:100%;display:block;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.proright {
  width: 37%; padding:20px; margin-top:50px;float:right; margin-right:2%;
}
.proright h3{ border-bottom:1px solid #d2d2d2; color:#000000; font-size:24px; padding-bottom:20px; margin-bottom:20px;}
.crighttxt{ color:#2b2b2b; font-size:16px; border-bottom:1px solid #d2d2d2; padding-bottom:20px; margin-bottom:20px;}
.crighttxt li{ margin-top:30px;}
.pro_tel{ font-size:24px; color:#02a7f3; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
.pro_contact{ background:#02a7f3; width:188px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; margin-top:50px;}
.pro_content{ background:#f7f7f7; padding:5%;margin-top:55px;}
.inner_content{ font-size:16px; color:#262626; line-height:30px; padding-bottom:40px;}
.inner_content img{max-width:100%;display:block;margin:0 auto;}
.inner_content table{width:100%;height:auto;margin-bottom:12px;}
.inner_content table td{padding:0px 8px !important;font-family:"宋体";}
.inner_content table td *{font-family:"宋体";}
/*****************************product end***********************/
.new-lists{ width:100%; margin-top:45px;}
.new-lists li{ float:left; width:30.1%; margin:0 1.6%; margin-bottom:8%;}
.new-lists li .news1_tit{ color:#fff; font-size:24px; margin-bottom:20px; min-height:72px;}
.new-lists li .news1_date{ color:#fff; font-size:16px; margin-bottom:20px; float:left; padding:10px 20px; text-align:center; border:1px solid #fff; border-radius:30px; line-height:30px;}
.new-lists li .news1_more{ color:#fff; font-size:16px; display:block; margin-top:20px;}
.new-lists li .news1_more a{ color:#fff;}
.new-lists li:hover .news1_pic img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.new-lists li .pic { position: relative; overflow: hidden; background:#fff;}
.new-lists li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;
}
.new-lists li .pic i {
  display: block;
  padding-bottom: 65%;
}
.new-lists li:hover img {
    transform: scale(1.02);
}
.inner_news{ padding:2%; border:2px solid #03549a; border-radius:5px; }
.inner_news .newshowtit {
  text-align: center;
   border-bottom:1px solid #bfbfbf; margin-bottom:20px;
}
.inner_news .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.inner_news .newshowtit .date {
  line-height: 30px;
  font-size: 15px;
  color: #999;
}
.inner_news .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.inner_news img{ max-width:80%;}
/**************************news end**********************/
.inner_top p{ font-size:16px;}
.inner_mes .form-group{ width:48%;}
.inner_mes .form-control {outline:none;
  display: block;
  width:95%;
  float:left;
  height: 40px;
  padding-left:60px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  border:1px solid #dcdcdc;
  border-radius:5px;
}
.inner_mes .form-control:focus {
  outline:none;
}
.inner_mes .form-group1{ width:100%;}
.inner_mes #name{background:url(../Image/m5.png) no-repeat left 20px center rgba(3,84,154,0.5);}
.inner_mes #tel{background:url(../Image/m6.png) no-repeat left 20px center rgba(3,84,154,0.5);}
.inner_mes #content{ width:97%; height:90px; padding-top:10px; margin-top:20px;background:url(../Image/m7.png) no-repeat left 20px top 10px rgba(3,84,154,0.5);}
.inner_mes #submit{ width:20%; height:45px; line-height:45px;text-align:center; margin-left:40%; margin-top:22px; background:#03549a; color:#fff; font-size:15px; outline:none;border-radius:5px; padding:0; border:none; cursor:pointer;}
/*************************message end**************************/
.Address{ background:rgba(3,84,154,0.5); border-radius:5px; padding:2%; margin-bottom:5%;}
.Address li{ float:left; width:21.5%; padding:1.5%; color:#fff; text-align:center; border-left:1px solid #dcdcdc; font-size:18px;}
.Address li:nth-child(1){ border-left:none;}
.Address li .inner_contact_line{ width:30px; height:2px; background:#fff; margin:0 auto; margin-bottom:20px;}
/*******************************contact end****************************/
.case li{ float:left; width:30.1%; margin:0 1.6%; margin-bottom:8%;}
.case li .img{ overflow:hidden;}
.case li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.case li:hover .img img{transform:scale(1.08);}
/*****************************case end******************************/
.download{ background:rgba(3,84,154,0.5); border-radius:5px; padding:2%;}
.download li{ margin-bottom:20px;}
.download li .download_tit{ width:65%; float:left; border:1px solid #dcdcdc; border-radius:5px; color:#ffffff; font-size:24px; padding:15px 0 15px 100px; background:url(../Image/download1.png) left 40px center no-repeat;}
.download li a{ width:25%; float:right; border:1px solid #dcdcdc; border-radius:5px; color:#ffffff; font-size:24px; padding:15px 0; text-align:center;}
.download li a img{ margin-left:10px;}
/***********************download**********************/
.video li{ float:left; width:46%; margin:2%;position:relative;}
.video li .img{ overflow:hidden;}
.video li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.video li:hover .img img{transform:scale(1.08);}
.video .play{width:105px;height:105px;background:url(../Image/play1.png) no-repeat center; background-size:100% auto;position:absolute;left:50%;top:50%;margin-left:-53px;margin-top:-53px;}
.inner_video{ width:70%; height:auto; margin:0 auto;}
/***************************video***********************/
.inner_jszc li{ float:left; width:33.3%; position:relative;}
.inner_jszc li .img{ overflow:hidden;}
.inner_jszc li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_jszc li:hover .img img{transform:scale(1.08);}
.inner_jszc li p{ color:#fff; text-align:center; position:absolute; bottom:30px; left:0; font-size:24px; width:100%;}
/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#ff5400;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover{color:#fff;}
.txt-upDown-li:hover .title{color:#fff;}
.txt-upDown-li:hover a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}
/* --分页-- */
.page {
  line-height: 50px;
  border: 1px solid #e8e8e8;
  text-align: center;
  margin-top: 35px;
  color:#fff;
}
.page a {
  font-family: arial;
  background: #f8f8f8;
  padding: 5px 10px;
  margin: 0 2px;
}
.page a:hover {
  background: #02a7f3;
  color: #fff;
}
.page a.active {
  background: #02a7f3;
  color: #fff;
}
.page a.bgnone {
  background: none;
}
.page a.bgnone:hover {
  color: #02a7f3;
}
@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}
@keyframes scrolldown {
	0% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0);		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0);		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
}
@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0);		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0);		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
}
@keyframes scrollup {
	0% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0);		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0);		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
}
@keyframes scrollup2 {
	0% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0);		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0);		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
}
@keyframes sound {
	0% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1);		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1);		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
}
@keyframes btnline {
	0% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1);		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1);		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
}
@keyframes btntate {
	0% {
		transform: scale(1, 1);		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0);		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0);		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1);		transform-origin: 0 0;
	}
}