@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;

	}

}