@import "animate.min.css";
@import "imagehover.css";
@import "//at.alicdn.com/t/font_1817350_nra5wldz23d.css";
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1200px;background: #fff;color: #333;overflow-x: hidden;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.f_l{float: left;}
.f_r{float: right;}
.t_c{text-align: center;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #1b81d5;}
ul {margin: 0;list-style: none;padding: 0;}

.container {width: 1100px;margin: 0 auto;}

header {padding: 17px 0 25px;overflow: hidden;}
header .logo {float: left;position: relative;}
header .logo img {display: block;height: 79px;width: auto;}
header .logo:before { content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -150px; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)
}
header .logo:hover:before { left: 150%; transition: left 1s ease 0s; }
header .text {float: left;font-size: 12px;margin: 26px 0 0 30px;color: #999;line-height: 1;text-align: center;}
header .head_r {float: right;}
header .head_r .icon{text-align: right;}
header .head_r .icon a{display: inline-block;margin-left: 10px;color: #c5c5c5;-webkit-transition: all .3s;transition: all .3s;}
header .head_r .icon i{font-size: 24px;}
header .head_r .icon a:hover {color: #1b81d5;}

/*内页banner]*/
.ban{height: 296px;-webkit-background-size: cover;background-size: cover;overflow: hidden;background-repeat: no-repeat;background-position: center center;}

header nav li {float: left;}
header nav li .menu{width: 56px;height: 32px;margin:0 18px;overflow: hidden;position: relative;}
header nav li .menu a {display: block;line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0;width:56px;-webkit-transition: all .4s;transition: all .4s;}
header nav li .menu:before {position: absolute;left: 50%;bottom: 0;width: 0;height: 2px;content: '';-webkit-transition: all .4s;transition: all .4s;background-color: #1b81d5;}
header nav li:hover .menu:before,nav li.active .menu:before,nav li.open .menu:before {width: 100%;left: 0;}
header nav li:hover a{top: -32px;}
header nav li.active a{color: #1b81d5;}
header nav li a em{display: block;font-style: inherit;}
header nav li a span {z-index: 1;}
header nav li .search{border-radius: 18px;border:1px solid #c2c2c2;width: 115px;padding-left:9px;margin-top:4px;}
header nav li .search input{width: 87px;border: none;}
header nav li .search button{width: 20px;border: none;background:none;}


/* banner进度条 */
.swiper-pagination-bullet{position: relative;overflow: hidden;opacity: 1;background-color: rgba(0,0,0,0.6);}
.swiper-pagination-bullet i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #007aff;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);animation-timing-function: linear;animation-duration: 6000ms;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active i{animation-name: progressBar;}
.swiper-containerb .swiper-button-prev{left: 50px;}
.swiper-containerb .swiper-button-next{right: 50px;}
/* 遮罩 */
.swiper-slide-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.15);}
#banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5%;}
.swiper-containerb .swiper-slide .text01{position: absolute;top: 50%;left: 50%;margin-top: -185px;margin-left: -185px;z-index: 1}
.swiper-containerb .swiper-slide .text02{position: absolute;top: 50%;left: 50%;margin-top: -92px;margin-left: -277px;z-index: 2}
.swiper-containerb .swiper-slide .text03{position: absolute;top: 50%;left: 50%;margin-top: 4px;margin-left: -228px;z-index: 2}
.swiper-containerb .swiper-slide .text04{position: absolute;top: 50%;left: 50%;margin-top: 52px;margin-left: -224px;z-index: 2;color: #999;font-style:oblique}
.swiper-containerb .swiper-slide .text05{position: absolute;top: 50%;left: 50%;margin-top: -163px;margin-left: -155px;z-index: 1}
.swiper-containerb .swiper-slide .text06{position: absolute;top: 50%;left: 50%;margin-top: -152px;margin-left: -212px;z-index: 1}
.swiper-containerb .swiper-slide .text07{position: absolute;top: 50%;left: 50%;margin-top: 60px;margin-left: -146px;font-size: 16px;color: #fff;background: #4290e1;border-radius: 5px;padding: 3px 20px;}
.swiper-containerb .swiper-slide .text08{position: absolute;bottom: -5px;left: 50%;margin-left: -823px;z-index: 1}
.swiper-containerb .swiper-slide .text09{position: absolute;bottom:0px;left: 50%;margin-left: -960px;z-index: 1}
.swiper-containerb .swiper-slide .text10{position: absolute;bottom: 3px;left: 50%;margin-left: -962px;z-index: 1}

.index_tit{text-align: center;font-size: 28px;color: #1b81d5;font-weight: 100;position:relative;}
.index_tit span{padding: 0 15px;background: #fff;display: inline-block;}
.index_tit p{font-size: 16px;color: #8b8b90;margin: 3px 0 0;}
.index_tit:after{display:table;line-height:0;content:"";width: 600px; height: 1px;background: #a1a1a4;position: absolute;left: 50%;top: 35px;margin-left: -300px;z-index: -1;}

.index_pro dl{width: 196px;height: 190px;background: #7b7b7d;text-align: center;float: left;margin-right: 30px;color: #fff;transition: all .5s;}
.index_pro dl:last-child{margin-right: 0}
.index_pro dl dt{font-size: 85px;margin-top:20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index_pro dl dd{margin:0;}
.index_pro dl:hover{background: #1b81d5;}
.index_pro dl:hover dt{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);color: #f5ff81;}
.index_pro dl:hover dd{color: #f5ff81;}

.index_01{background: url(../images/index_01.jpg) no-repeat center;height: 162px;color: #fff;margin: 20px 0 0;}
.index_01 .text1{font-size: 30px;margin-left: 214px;padding-top: 35px;}
.index_01 .text2{font-size: 16px;margin-left: 488px;padding-top: 20px;}

.index_about{padding: 80px 0 20px;position: relative;}
.index_about:after{display:block;content:"";width:100%;background: #f7f7f7;height: 402px;position: absolute;left: 0;top: 0;z-index: -1;}
.index_about .img{float: left;margin-right:}
.index_about .img img{width: 508px;height: 520px;}
.index_about .box{background: #fff;padding-left: 556px;padding-right: 15px; margin-top: 50px;height: 376px;}
.index_about .box .text1{font-size: 36px;padding: 50px 0 10px;}
.index_about .box .text2{color: #1b81d5;font-size: 28px;}
.index_about .box .desc{line-height: 24px;padding: 24px 0 50px;}
.index_about .box .btn{padding: 10px 40px;background: #1b81d5;color: #fff;transition: all .3s}
.index_about .box .btn:hover{background: #0f6dbb}

.index_02 .tit{color: #1b81d5;font-size: 24px;text-align: center;margin: 50px 0 30px;}
.index_02 .tit span{width: 46px;height: 2px;background: #e6e6e6;display:block;margin:14px auto;}
.index_02 dl{text-align: center;float: left;width:274px; transition: all .5s;border-right: 1px solid #dddddd;}
.index_02 dl:last-child{margin-right: 0;border:none;}
.index_02 dl dt{background: #1b81d5;width: 108px;height: 108px;color: #fff;border-radius: 50%;margin:0 auto;line-height: 108px;}
.index_02 dl dt i{font-size: 65px;}
.index_02 dl:hover dt{background: #009944;animation: rotate .5s linear infinite;}
.index_02 dl dd{margin:10px 0 15px;font-size: 18px;font-weight: 600;}
.index_02 dl p{margin: 0 25px;color: #666666;}

.index_kehu{background: #1b81d5;padding-top: 68px;}
.index_kehu li{position: relative; float: left;margin-right: 78px;margin-bottom: 68px; width: 216px;height: 127px;text-align: center;overflow: hidden;}
.index_kehu li:nth-child(4n){margin-right: 0;}
.index_kehu li h3{margin-top: 20px;}
.index_kehu li .imghvr-shutter-in-vert{background: rgba(0,0,0,.5);}
/*.index_kehu li img{transition: all 0.36s ease;}
.index_kehu li:before{position: absolute;top:0;left: 0;content: '';width:100%;height: 127px;background: rgba(0,0,0,.7);opacity: 0;z-index: 1;transition: all .5s;}
.index_kehu li .tit{font-size: 18px;color: #fff;opacity: 0;position: relative;margin-top: -60px;z-index:2; transition: all .5s;}
.index_kehu li:hover .tit{opacity: 1;margin-top: -80px;}
.index_kehu li:hover:before{opacity: 1;}
.index_kehu li:hover img {transform: scale(1.08) translate3d(0, 0, 0);}*/

.index_news{margin-bottom:50px;}
.index_news ul.pic li{float: left;width: 524px;height: 170px;background: #f8f9f9;margin-right: 51px;transition: all 0.36s ease;}
.index_news ul li:last-child{margin-right: 0;}
.index_news ul.pic li a{display: block;}
.index_news ul.pic li .img{float: left;margin-right: 17px;position: relative;overflow: hidden;}
.index_news ul.pic li .img img{vertical-align: bottom;transition: all 0.36s ease;object-fit: cover;}
.index_news ul.pic li .img .data{position: absolute;left: 0;bottom: 0;width: 80px;height:45px;background: rgba(0,0,0,.4);color: #fff;text-align: center;padding-top: 5px;}
.index_news ul.pic li .img .data p{margin: 0;font-size: 16px;}
.index_news ul.pic li .info{position: relative;height: 170px;}
.index_news ul.pic li .tit{font-size: 18px;padding: 15px 5px 15px 0;}
.index_news ul.pic li .desc{line-height:18px;font-size: 12px;color: #999;padding-right: 10px;}
.index_news ul.pic li .info span{opacity: 0;position: absolute;right: 15px;bottom: -5px;color: #fff;transition: all 0.36s ease;}
.index_news ul.pic li:hover{background: #1b81d5;}
.index_news ul.pic li:hover img {transform: scale(1.08) translate3d(0, 0, 0);}
.index_news ul.pic li:hover .tit a,.index_news ul.pic li:hover .desc{color: #fff;}
.index_news ul.pic li:hover .info span{opacity: 1;bottom: 5px;}

.index_news ul.list li{float: left;width: 524px;height: 112px;background:url(../images/index_news_bg_01.png) left no-repeat #f8f9f9;margin-right: 51px;margin-top: 23px;transition: all 0.36s ease;}
.index_news ul.list li:hover{background:url(../images/index_news_bg_02.png) left no-repeat #dbf1ff;}
.index_news ul.list li:nth-child(2n){margin-right: 0;}
.index_news ul.list li .data{float: left;position: relative;overflow: hidden;width: 120px;height: 92px;color: #fff;padding-left: 15px;padding-top: 20px;}
.index_news ul.list li .tit{font-size: 18px;padding: 15px 5px 15px 0;}
.index_news ul.list li .desc{line-height:18px;font-size: 12px;color: #999;padding-right: 10px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;}
.index_news ul.list li .data p{margin: 0;font-size: 42px;}

.index_fengcai{position: relative;}
.index_fengcai .bd {overflow: hidden;}
.index_fengcai li{position: relative; float: left;margin-right: 36px; width: 246px;height: 168px;text-align: center;overflow: hidden;}
.index_fengcai li h3{margin-top:42px;}
.index_fengcai .prev,.index_fengcai .next {position: absolute;top: 50%;margin-top: -30px;}
.index_fengcai .prev {left: -72px;}
.index_fengcai .next {right: -72px;}
.index_fengcai a i{font-size: 42px;}

.swiper-containerc {width: 1100px;}
.swiper-containerc .swiper-slide{width: 252.5px;margin-right: 30px;text-align: center;}
.swiper-containerc .swiper-slide h3{margin-top:42px;}
.swiper-containerc .swiper-slide img{width: 100%;}
.swiper-pagination{width: 100%;}
.swiper-pagination-bullet {margin: 0 5px;}
.index_fengcai .swiper-button-prev {left: -72px;}
.index_fengcai .swiper-button-next {right: -72px;}

.banner{width: 100%;overflow: hidden;}
.location{padding: 15px 0;color: #818181;}
.location a{color: #818181;}
.con_tit{text-align: center;font-size: 30px;}
.con_tit p{font-size: 16px;color: #818181;margin: 3px 0 0;}
.about{font-size: 16px;line-height: 36px;color: #666666;margin-top: 30px;}

.job{margin-top: 30px;}
.job .text{text-align: center;font-size: 16px;line-height: 36px;}
.job .text span{color: #1b81d5;}


.job_list h3 {margin: 0 0 5px;font-weight: normal;background: url(../images/icon_right.png) no-repeat right center #f1f1f1;padding: 0px 35px;transition: all .3s;}
.job_list h3 a {display: block;line-height: 50px;font-size: 18px;color: #333;}
.job_list h3 a i{font-size: 22px;color: #b2b2b2;margin-right: 8px;}
.job_list h3.on,.job_list h3:hover {background: url(../images/icon_down.png) no-repeat right center #1b81d5;}
.job_list h3.on a,.job_list h3:hover a,.job_list h3.on a i,.job_list h3:hover a i {color: #fff;}
.job_list h3 span{float: right;margin-right: 30px;}
.job_list ul{padding: 20px 45px;color: #666;}
.job_list li {font-size: 16px;list-style-type:square;}
.job_list .btn{padding: 8px 35px;border:1px solid #1b81d5;color: #1b81d5;border-radius: 8px;display:inline-block;margin-top: 10px ;transition: all .3s;}
.job_list .btn:hover{background: #0f6dbb;color: #fff;}

.news{margin-top: 50px;}
.news_list li a {display: block;border-bottom: 1px solid #ddd;padding:30px 20px;overflow: hidden;}
.news_list li .pic {float: left;width: 450px;height: 260px; overflow: hidden;}
.news_list li .pic img {display: block;width: 100%;height: 100%;transition: all .5s ease;object-fit: cover;}
.news_list li .text {margin-left: 490px;}
.news_list li .text h3 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:24px;font-weight: 400;transition: all .5s ease;}
.news_list li .text .data {font-size: 16px;color: #1b81d5;font-weight: 600;margin-top: 10px;}
.news_list li .text p {color: #999;line-height: 24px;height: 90px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.news_list li .text .more {float: right;padding: 6px 36px;color: #fff;background-color: #1b81d5;border-radius: 8px;transition: all .5s ease;}
.news_list li a:hover .text h3 {color: #1b81d5;}
.news_list li a:hover .text .more {background-color: #a8a8a8;padding: 6px 42px;}
.news_list li:hover img {transform: scale(1.08) translate3d(0, 0, 0);}

.news_list dl{float: left;width: 343px;margin-right: 35px;text-align: center;}
.news_list dl:nth-child(3n){margin-right: 0;}
.news_list dl dt{height: 234px;overflow: hidden;box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.news_list dl dt::before {
  content: "";
  position: absolute;
  top: 5%;
  left: 3.75%;
  width: 92.5%;
  height: 90%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.news_list dl dt:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.2);
}

.news_list dl dt::before {
  opacity: 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.news_list dl dt:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.news_list dl dt::after {
  content: "";
  position: absolute;
  top: 5%;
  left: 2.5%;
  width: 95%;
  height: 90%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 0 30px 0 30px;
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.news_list dl dt:hover::after {
  opacity: 1;
}
.lupa {
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 32px);
  opacity: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 8px;
  -webkit-transition: 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.lupa > i {
  font-size: 23px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.news_list dl dt:hover .lupa {
  opacity: 1;
}
.news_list dl dt img{width: 100%;}
.news_list dl dd{padding:10px 0;font-size: 16px;margin: 0;}


.news_show {margin: 30px 0;}
.news_show-title {margin-bottom: 20px;text-align: center;}
.news_show-title h1 {margin: 0;font-size: 24px;}
.news_show-title p {margin: 10px 0 0;font-size: 12px;color: #999;}
.news_show-title p span {padding: 0 8px;}
.news_show-desc {margin-bottom: 20px;border: 1px dashed #d7d7d7;padding: 20px;border-radius: 8px;color: #666;}
.news_show-con {line-height: 2;margin-bottom: 30px;border-bottom: 1px solid #d7d7d7;padding-bottom: 30px;color: #666;font-size: 16px;}
.news_show-con img {max-width: 100% !important;height: auto !important;width: auto !important;}

.news_show_np {margin-bottom: 20px;float: left;}
.news_show_np li {line-height: 32px;margin-bottom: 5px;}
.news_show_np li a {color: #999}
.news_show_back .more {margin-top: 12px;float: right;background-color: #3295e6;color: #fff;padding: 5px 35px;border-radius: 5px;transition: all .5s;}
.news_show_back .more:hover{background: #999;}

.news_show-other h4 {margin: 0;font-size: 24px;line-height: 55px;font-weight: 500;}
.news_show-other li {float:left;width: 530px;margin-right:40px; border-bottom: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;}
.news_show-other li a{color: #999;}
.news_show-other li a:hover {color: #1b81d5;}
.news_show-other li span {float: right;}
.news_show-other li:nth-child(2n){margin-right: 0;}


.product{margin-top: 40px;}
.pro_list li a {display: block;padding:40px 0px;overflow: hidden;}
.pro_list li .pic {float: left;width: 450px;overflow: hidden;}
.pro_list li .pic img {display: block;width: 100%;height: auto;transition: all .5s ease;}
.pro_list li .text {margin-left: 490px;}
.pro_list li .text h3 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:24px;font-weight: 400;transition: all .5s ease;}
.pro_list li .text .data {font-size: 16px;color: #1b81d5;font-weight: 600;margin-top: 10px;}
.pro_list li .text p{color: #999;}
.pro_list li .text p.gx {height: 90px;line-height:30px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.pro_list li .text .more {float: right;padding: 6px 36px;color: #fff;background-color: #1b81d5;border-radius: 8px;transition: all .5s ease;}
.pro_list li:nth-child(2n) .pic {float: right;width: 450px;overflow: hidden;}
.pro_list li:nth-child(2n) .text {margin-right: 490px;margin-left: 0;}
.pro_list li:nth-child(2n) .text .more {float: left;}

.pro_list li a:hover .text h3 {color: #1b81d5;}
.pro_list li a:hover .text .more {background-color: #a8a8a8;padding: 6px 42px;}
.pro_list li:hover img {transform: scale(1.08) translate3d(0, 0, 0);}

.pro_tit{font-size: 20px;padding-bottom: 8px;border-bottom: 1px solid #d7d7d7;margin-top: 30px;}
.pro_tit span{font-size: 14px;color: #999;padding-left: 10px;}
.pro_con{padding: 0 30px;margin-bottom: 30px;color: #666;}
.pro_con h3{border-bottom: 1px solid #1b81d5;line-height: 35px;font-size: 16px;color:#fff;}
.pro_con h3 span,.pro_con h3 strong{padding:0 50px 0 30px; display: inline-block;background: url(../images/pro_line.jpg) no-repeat #1b81d5 right;min-width: 80px;}

.pro_show-other h4 {margin: 0 0 15px 0;font-size: 24px;line-height: 55px;font-weight: 500;}
.pro_show-other li {float:left;width: 263px;margin-right:16px;text-align: center;}
.pro_show-other li a{color: #999;}
.pro_show-other li a img{width: 263px;height: 174px;}
.pro_show-other li p {font-size: 16px;margin-top: 8px;}
.pro_show-other li:nth-child(4n){margin-right: 0;}
.pro_show-other li h3{margin-top: 42px;}


.network dl{text-align: center;float: left;width:234px;margin:60px 20px 30px;padding: 30px 0;
	box-shadow: 0 2px 10px 0 rgba(155,165,163,.15);
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;}
.network dl:last-child{margin-right: 0;}
.network dl dt{background: #00a0e9;width:136px;height: 136px;color: #fff;border-radius: 50%;margin:0 auto;line-height: 136px;}
.network dl dt i{font-size: 85px;}
.network dl:hover{box-shadow: 0 25px 60px -20px rgba(155,165,163,.45);
    cursor: pointer;
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;}
.network dl:hover dt{background: #009944;}
.network dl dd{margin:10px 0 0px;font-size: 18px;}
.network dl .name{padding: 4px 0;border:1px solid #1b81d5;color: #1b81d5;border-radius: 8px;width: 80px;margin: 15px auto;transition: all .3s;}
.network dl:hover .name{background: #0f6dbb;color: #fff;}
.network dl p{margin: 0 25px;color: #666666;}

.contact dl{text-align: center;float: left;width:333px;margin:40px 20px 30px;padding: 30px 0;transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;}
.contact dl:last-child{margin-right: 0;}
.contact dl dt{border:4px solid #00a0e9;width:136px;height: 136px;color: #00a0e9;border-radius: 50%;margin:0 auto;line-height: 136px;}
.contact dl dt i{font-size: 80px;-webkit-transition: all .5s;transition: all .5s;display: block;}
.contact dl:hover dt i{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.contact dl:hover{box-shadow: 0 25px 30px -20px rgba(155,165,163,.45);
    cursor: pointer;
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;}
.contact dl dd{margin:10px 0 0px;font-size: 18px;}
.contact dl p{margin: 10px 15px;color: #999;}
.luxian{text-align: center;margin: 30px 0;}
.luxian h5{font-size: 20px;}


.search{margin-top: 50px;}
.search_list li a {display: block;border-bottom: 1px solid #ddd;padding:30px 20px;overflow: hidden;}
.search_list li .text h3 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:24px;font-weight: 400;transition: all .5s ease;}
.search_list li .text p {color: #999;line-height: 24px;height: 90px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.search_list li .text .more {float: right;padding: 6px 36px;color: #fff;background-color: #1b81d5;border-radius: 8px;transition: all .5s ease;}
.search_list li a:hover .text h3 {color: #1b81d5;}
.search_list li a:hover .text .more {background-color: #a8a8a8;padding: 6px 42px;}

.pages{text-align: center;}
.pages .pagination p,
.pages .pagination a{border-radius: 5px;display: inline-block;float: inherit;padding: 3px 20px;}

footer .foot{background: #3295e6;padding: 20px 0;margin-top:60px;}
footer .foot .logo{float: left;width: 140px;border-right: 1px solid #72aee2;}
footer .foot .logo:hover{animation: rotate .5s linear infinite;}
footer .foot .logo img{vertical-align: bottom;}
footer .foot .nav{float: left;width: 471px;height: 128px; border-left: 1px solid #1162a4;border-right: 1px solid #72aee2;padding:0 55px;}
footer .foot .nav ul{margin-top: 30px;}
footer .foot .nav ul li{float: left;padding:0 15px;background: url(../images/line.png) no-repeat right;margin-bottom: 20px;}
footer .foot .nav ul li a{color: #fff;}
footer .foot .nav ul li a:hover{color: #f5ff94;}
footer .foot .contact{float: right;width: 320px;height: 128px;color: #fff;padding-left: 55px;border-left: 1px solid #1162a4;font-size: 12px;}
footer .foot .contact li{list-style: none;height: 30px;}
footer .foot .contact li i{font-size: 20px;margin-right: 10px;float: left;}
footer .foot .contact li span{line-height:20px;padding-top:3px;display: block;}
footer .copyright{background: #1b81d5;text-align: center;color: #fff;height: 54px;line-height: 54px;font-size: 12px;}
footer .copyright a{color: #fff;}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;display: none;}
.kefu li a{text-decoration:none;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#1b81d5;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#1b81d5;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 494px;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;/*margin-right: 30px;*/display: inline-block;}
.time{float: right;font-weight: initial;margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;margin-top: 5px;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 72px;}
.btn-1 input.focus{background: #1b81d5;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}
.list-honor{display: flex;flex-wrap: wrap;justify-content: space-between;}
.list-honor li{width:246px}
@keyframes shadow {
    0%, 100% {transform: scaleX(1);}
    50% {transform: scaleX(1.2);}
}

@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(3px);
    }
    50% {
        transform: translateY(6px);
       
    }
    75% {
        ransform: translateY(3px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}
@keyframes progressBar{
    from{-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
    to{-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

@media screen and (max-width: 1000px) {
	.container,.slideBox {width: 100%;margin: 0 auto;}
	.slideBox img{width: 100%;}
}