@charset "utf-8";@import url('fonts.css?t=20140420');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.ts,.fixtop .navpc li a.a i,.fixtop,.fixtop .logo,.fixtop .en,.topblank,.indabout  .mright img,.new_telst li,.indpro dd .pic img,.indpro dd .pic a:before,.indpro dd .pic span,.indsubject .more span,.indnews li,.indnews .pic img,.foot .focus li,.fixright li .tubiao,.bgline i,.about .pic img,.culture li .pic img,.culture li,.culture li .cons .title ,.culture li .cons .content,.development li .pic img,.development li:before,.development li .cons .content,.honor .swiper-wrapper .swiper-slide p,.product li .cons .more a i ,.product li .pic img,.proshow .pic img,.download li .t2 span,.download dd span,.application li .pic img,.application li .cons .title,.tech li .pic,.tech li .title,.rdlabol .swiper-slide img,.newsfirst .pic img,.news li .pic img,.join .pic img,.job li,.application li,.news li,.newsfirst,.applysamples li #mbtn
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout  .mright:hover img,.indpro dd:hover .pic img,.indnews li:hover .pic img,.about .pic img:hover,.culture li:hover .pic img,.development li:hover .pic img,.product li:hover .pic img,.proshow .pic img:hover,.application li:hover .pic img,.tech li .title,.rdlabol .swiper-slide img:hover,.newsfirst:hover .pic img,.news li:hover .pic img,.join .pic img:hover
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.indpro dd,.fixright li,.about .cons td,.honor .swiper-wrapper,.honor .swiper-slide,.product li,.proshow .pic,.download li .t,.message #mbeizu,.message li input,.applysamples li p input[type="text"],.applysamples li p textarea 
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indpro dd:hover .icon img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:16px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700}
a:hover,.fixtop.active .en a:hover,.indpro dd:hover .title a,.indsubject a:hover span,.indnews li:hover .cons .title a,.indnews li:hover .cons .more a,.procateshow .back a:hover,.download dd a:hover span,.application li:hover .cons .title a,.tech li:hover .title,.news li:hover .cons .title a{color:#1d9fd5}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 22px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}
.vcenter{height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#1d9fd5; background: #1d9fd5} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #1d9fd5;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#808080;}
:-moz-placeholder {color:#808080; }
::-moz-placeholder { color:#808080; }
:-ms-input-placeholder {color:#808080; }

::selection {background:#1d9fd5;color:#ffffff;}
::-moz-selection {background:#1d9fd5;color:#ffffff;}
::-webkit-selection {background:#1d9fd5;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1260px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:105px;box-shadow:0 0 5px rgba(0,0,0,0.3); background:#fff}
.fixtop .logo { position: absolute;left:0;top:24px;z-index: 999}
.fixtop .logo a {height:58px; background: url("../images/logo.png") no-repeat center bottom;width:174px; background-size:100%; display: block}
.fixtop .navpc { text-align:right;}
.fixtop .navpc ul {padding:0 91px 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 45px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:105px; line-height:102px;font-size:18px;color:#000;font-weight:500; letter-spacing: 0.1px}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#1d9fd5;margin:0 auto}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li.check a.a p i {width:100%}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {color: #1d9fd5}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-25px;width:170px;margin-left:0;top:105px;display:none;background:rgba(255,255,255,0.95); text-align:left; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:11px 0 13px 25px}
.fixtop .navpc li .list.left {left:-25px;margin:0; text-align:left;padding-right:10px}
.fixtop .navpc li .list2 {width:200px}
.fixtop .navpc li .list3 {width:240px}
.fixtop .navpc li .list4 {width:340px}
.fixtop .navpc li .list5 {width:150px}
.fixtop .navpc li .list6 {width:110px}
.fixtop .navpc li .list dd p {margin:10px 0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 26px;display:inline-block;color:#333}
.fixtop .navpc li .list dd p a:hover {color: #1d9fd5;}
.fixtop .en {position:absolute;right:0;top:40px; line-height: 25px;}
.fixtop .en span {font-size:20px;margin:0 5px 0 0; display: inline-block; vertical-align: top;}
.topblank {height:105px}
.topblank.active {height:85px}
.topblank1 {display:none;}

.fixtop1 {box-shadow:0 0 5px rgba(0,0,0,0); background:none}
.fixtop1 .logo a {background-position:top;}
.fixtop1 .navpc li a.a {color:#fff}
.fixtop1 .navpc li a.a p i {background:none}
.fixtop1 .navpc li.check a.a {color: #fff}
.fixtop1 .en a {color:#fff}

.fixtop.active {top:-20px;box-shadow:0 0 5px rgba(0,0,0,0.3); background:#fff}
.fixtop.active .logo {top:34px}
.fixtop.active .navpc li a.a {line-height:122px;color:#000}
.fixtop.active .navpc li.check a.a,.fixtop1 .navpc li:hover a.a,.fixtop.active .navpc li:Hover>a.a {color:#1d9fd5}
.fixtop.active .en {top:50px}
.fixtop.active .en a,.fixtop1:hover .en a {color:#333}
.fixtop1.active .navpc li a.a p i,.fixtop1:hover .navpc li a.a p i {background:#1d9fd5}
.fixtop1.active .logo a,.fixtop1:hover .logo a {background-position:bottom;}

.fixtop1:hover {box-shadow:0 0 5px rgba(0,0,0,0.3); background:#fff}
.fixtop1:hover .navpc li a.a {color:#000}
.fixtop1:hover .navpc li:hover a.a,.fixtop1:hover .en a:hover,.fixtop1:hover li.check a.a {color:#1d9fd5}

.indpics .swiper-wrapper .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200;  text-align: center;color:#fff}
.indpics .swiper-wrapper .cons .title {font-size:55px; line-height:65px;font-weight:700;  letter-spacing:0.5px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
.indpics .swiper-wrapper .cons .content {font-size:35px;margin:15px 0 70px 0; letter-spacing:1.2px;text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}
.indpics .swiper-wrapper .pic { position:relative; overflow: hidden;width:100%;height:100vh}
.indpics .swiper-wrapper .pic:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background:rgba(0,0,0,0.15);}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:7s linear;transform:scale(1,1);}
.indmore a { display: inline-block;height:45px; line-height: 43px;color:#fff;font-size:18px;padding:0 30px; background: #1d9fd5; letter-spacing: 0.5px;font-weight:300}
.indmore a:hover {padding:0 40px; letter-spacing: 1px; background: #105dab}

#myvideo {object-fit:cover;width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/video.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; z-index:999999; display:none; background: rgba(0,0,0,0.8)}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons i { position:absolute;right:0;top:0; background:url(../images/close.png) no-repeat center;width:30px; height:30px; background-size:cover;margin:-15px -15px 0 0; z-index:99999; cursor:pointer}

.indabout { background: #f0f0f0;padding:0 0 100px 0}
.indabout .mleft {float:left;width:45%}
.indabout .mleft .content  {font-size:16px; line-height: 1.9}
.indabout .mleft .content .mar {margin:15px 0}
.indabout .mright {float:right;width:52%; position: relative;margin:6px 0 0 0}
.indabout .mright:before {content:''; position: absolute;right:-45px;top:-40px; background: url("../images/1.png");width:237px;height:264px;}
.indabout .mright .in {padding:43.8% 0;border-top-right-radius:100px;border-bottom-left-radius:100px; overflow: hidden; position: relative}
.indabout .mright .a { display: block; position:relative; overflow: hidden;z-index: 100;width:100%;height:100%;}
.indabout .mright i { position: absolute; z-index: 200;left:50%;top:50%; background: url("../images/video.png");width:150px;height:150px;margin:-75px 0 0 -75px; background-size:100%}
.indabout .mright img {border-top-right-radius:100px;border-bottom-left-radius:100px}
.indabout .indmore {margin:30px 0 65px 0}
.indabout .more a {display:inline-block; vertical-align: top; position: relative;top:0}
.indabout .more a:nth-child(2) {margin:0 47px }
.indabout .more a:hover {top:-10px}
.indsubject {padding:100px 0 70px 0; text-align: center; position: relative}
.indsubject .t {font-size:40px; line-height: 40px; letter-spacing:0.5px;color:#000; font-weight:700;}
.indsubject .more {position:absolute;right:0;top:93px;}
.indsubject .more span {font-size:35px;color:#ddd;}

.new_telst {text-align: center; position: relative;}
.new_telst:before {content:''; position: absolute;left:0;top:0;width:80%;height:100%; background: #ccc; z-index:1}
.new_telst li { position: relative; z-index: 100; color:#fff;cursor: pointer; display:inline-block; vertical-align:top; background: #ccc; height:60px; line-height:58px;font-size:24px; letter-spacing: 0px;width:50%;border-top-right-radius:60px}
.new_telst li.newon { background:#1794cd;}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}

.indpro {background:#f6f6f6;padding:0 0 100px 0}
.indpro dd {float:left;width:25%; background: #fff; text-align: center;border-right:5px solid #f6f6f6}
.indpro dl.dl4 dd:nth-child(4),.indpro dl.dl3 dd:nth-child(3),.indpro dl.dl2 dd:nth-child(2) {border:0}
.indpro dl.dl3 dd{width:33.3333%}
.indpro dl.dl2 dd {width:50%}
.indpro dd .icon{padding:40px 0 0 0}
.indpro dd .icon img {height:95px}
.indpro dd .title {margin:0 0 50px 0;}
.indpro dd .title a {font-size:18px;color:#666;letter-spacing: 0px;}
.indpro dd .pic {height:205px;position: relative; overflow: hidden}
.indpro dd .pic a:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(29,159,213,0.6);opacity:0}
.indpro dd:hover .pic a:before {opacity:1}
.indpro dd .pic span {position:absolute; z-index: 150;left:50%;top:50%; background: url("../images/5.png") no-repeat center;width:0px;height:0px; background-size:100%;margin:0;opacity:0}
.indpro dd:hover .pic span {opacity:1;width:60px;height:60px;margin:-30px 0 0 -30px;}

.indtech {padding:105px 0; text-align: right}
.indtech .in {display:inline-block;width:630px;margin:0 0 0 auto; text-align: left; background:rgba(29,159,213,0.9);color:#fff;}
.indtech .in .cons {padding:45px 50px 55px 55px}
.indtech .in .cons .e {font-size:46px; line-height: 56px; text-transform: uppercase}
.indtech .in .cons .t {font-size:40px; line-height: 50px;font-weight:500;margin:5px 0 30px 0}
.indtech .in .cons .c {font-size:16px;margin:0 0 50px 0}
.indmore2 a { display: inline-block;height:45px; line-height: 43px;color:#1d9fd5;font-size:18px;padding:0 30px; background: #fff; letter-spacing: 0.5px;font-weight:500}
.indmore2 a:hover {padding:0 40px; letter-spacing: 1px; background: #105dab;color:#fff}
.indnews {padding:0 0 110px 0}
.indnews ul {width:103%;margin:0 0 0 -1.5%}
.indnews li {float:left;width:30.3333%;margin:0 1.5%;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.indnews li .pic { position:relative; overflow: hidden;padding:31.25% 0}
.indnews li .cons { background:#fff;padding:25px 25px 30px 25px;}
.indnews li .cons .title {height:30px; line-height: 30px; overflow: hidden}
.indnews li .cons .title a {font-size:20px;font-weight:700;color:#000}
.indnews li .cons .addtime {color:#1d9fd5;margin:2px 0 0 0}
.indnews li .cons .content {line-height: 28px; height:140px; overflow: hidden;margin:20px 0 25px 0;font-weight:300;}
.indnews li .cons .more a {font-weight:500;color:#000; letter-spacing: 0.2px}
.indnews li:hover {box-shadow:0 0 10px rgba(0,0,0,0.4);}

.bannerin .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bannerin { position:relative;}
.bannerin:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.15); z-index: 150}
.bannerin .pic {overflow: hidden;padding:14.88% 0; position: relative}
.bannerin .cons { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200;font-size:40px; line-height: 1.6;font-weight:500;color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8)}
.aboutsubject {border-bottom:2px solid #d9d9d9;padding:90px 0 30px 0;margin:0 0 40px 0}
.aboutsubject .t {font-size:35px; line-height: 35px;font-weight:500;color:#000;}
.aboutsubject .e {color:#1d9fd5; letter-spacing: 0.2px; text-transform: uppercase;font-size:20px;padding:5px 0 12px 0}

.bgline { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:2px; z-index:-1}
.bgline i {width:0; height: 100%; background: #1d9fd5; display: block;margin:0 auto}
a:Hover .bgline i{width:100%}

.namemj {height:0; position:relative;top:-85px}
.namemj1 {height:0; position:relative;top:-105px}
.navbar {height: 70px;position: relative; z-index: 100; box-shadow:0 0 20px rgba(0,0,0,0.3); background: #fff}
.navbar_pro {height:auto}
.navbar.active { position:fixed;left:0;top:85px; z-index: 999;width:100%}
.navbar-nav li {display:inline-block; vertical-align: top;margin:0 60px 0 0;position:relative;height:70px; line-height: 68px}
.navbar-nav_pro li {margin:0 40px 0 0;}
.navbar-nav li a { display: block;color:#999;font-size:18px}
.navbar-nav li.active .bgline i,.navbar-nav li:hover .bgline i{width:100%}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#1d9fd5}
.aboutblank {display:none;}
.aboutblank.active {display:block;height:70px}

.about { background: #f4f4f4;}
.about .pic {width:50%;display:inline-block; vertical-align: middle; overflow: hidden}
.about .pic img {width:100%;}
.about .cons {width:43%;padding:0 3% 0 4%;display:inline-block; vertical-align: middle;font-size:14px;color:#000}
.about .cons .mar {margin:15px 0}
.about .cons table {margin:60px 0 0 0;width:100%;}
.about .cons td {font-size:14px;font-weight:500; line-height: 1.3; position: relative;padding:0 0 0 12px;color:#333}
.about .cons td:nth-child(1) {width:30%}
.about .cons td:nth-child(2) {width:41%}
.about .cons td:nth-child(3) {width:29%}
.about .cons td:before {content:'';position: absolute;left:0;top:3px;width:2px;height:48px; background: #1d9fd5;}
.about .cons td strong {font-size:28px;font-weight:500;}
.about .cons td sup {font-size:18px;font-weight:400; display: inline-block; vertical-align: top;margin:5px 0 0 0}

.culture {background:#f4f4f4;}
.culture li { position:relative;}
.culture li .pic { overflow:hidden;width:50%}
.culture li .pic img {width:100%}
.culture li .cons {position:absolute;right:0;top:0;width:39%;padding:0 5% 0 6%;height:100%}
.culture li .cons .title {font-size:35px; line-height:45px;color:#1d9fd5;font-weight:500;margin:0 0 20px 0}
.culture li .cons .content {font-size:20px;font-weight:300;color:#000; line-height: 1.6}
.culture li:nth-child(2) .pic,.culture li:nth-child(4) .pic,.culture li:nth-child(6) .pic {margin:0 0 0 50%}
.culture li:nth-child(2) .cons,.culture li:nth-child(4) .cons,.culture li:nth-child(6) .cons {left:0}
.culture li:hover {background:#1d9df5;}
.culture li:hover .cons .title ,.culture li:hover .cons .content{color:#fff}

.development {padding:0 0 120px 0; position: relative}
.development .text {max-width:500px;font-size:16px;margin:0 0 80px 0; }
.development .bg {position: absolute;right:0;top:-35px; background: url("../images/1.jpg");width:708px; height:399px; background-size:100%; z-index: -1}
.development ul {width:103%;margin:-3% 0 0 -1.5%; position: relative; z-index: 100}
.development li {float:left;width:30.333%;margin:3% 1.5% 0 1.5%; position: relative;}
.development li:before {content:''; position: absolute;left:0;bottom:0;width:100%; background:linear-gradient(to top,rgba(29,159,213,0.95),rgba(29,159,213,0));height:280px; z-index: 150;border-top-left-radius:100px;border-bottom-right-radius:100px}
.development li .cons {position:absolute;left:9%;bottom:8%;width:83%; z-index: 200;color:#fff}
.development li .cons .title {font-size:35px; line-height: 45px;font-weight:500;margin:0 0 10px 0;}
.development li .cons .content {font-size:16px; line-height:26px;min-height:104px;margin:0}
.development li .pic {padding:65% 0; position: relative; overflow: hidden;border-top-left-radius:100px;border-bottom-right-radius:100px}
.development li:hover:before {height:100%}
.development li:hover .cons .content {margin:20px 0 30px 0}

.honor {padding:0 120px; position: relative;margin:60px 0 -30px 0}
.honor .swiper-wrapper {display: flex;flex-wrap: nowrap;text-align: center;align-items: center;}
.honor .swiper-slide {padding:20px 0}
.honor .swiper-slide.full img{width:100%}
.honor .swiper-slide.small img {width:50%}
.honor .swiper-slide h2 {background:#fff;padding:10px;}
.honor .swiper-slide p {font-size:18px;font-weight:500;margin:20px 0 0 0;opacity:0}
.honor .swiper-slide-active p {opacity:1} 
.honor .swiper-slide img { background: #fff;padding:10px;box-shadow:0 0 20px rgba(0,0,0,0.15)}

.honor .swiper-button-next,.honor .swiper-button-prev {background:none;width:40px;height:40px;border-radius:50%;margin-top:-31px;border:2px solid #ccc;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.honor .swiper-button-next:after,.honor .swiper-button-prev:after {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;font-family: "iconfont" !important;content:"\e691";color:#ccc;font-size:25px;width:38px;padding:0 2px 0 0;height:40px;line-height:40px; display:block;border-radius:50%;font-weight:bold; text-align: center}
.honor .swiper-button-next:after {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.honor .swiper-button-next:hover:after,.honor .swiper-button-prev:hover:after{color:#fff}
.honor .swiper-button-next:hover,.honor .swiper-button-prev:hover {border-color:#1d9fd5;background:#1d9fd5;}
.honor .swiper-button-prev {left:0}
.honor .swiper-button-next{right:0}

.procate {font-size:40px; line-height: 50px;font-weight:500;color:#000;padding:80px 0 40px 0}
.procate img {margin:-5px 30px 0 0}
.product { background: #efefef;padding:50px 0 80px 0}
.product li {float:left;width:25%;border:1px solid #efefef}
.product li .pic a {padding:40px; background: #fff; display: block;overflow: hidden;}
.product li .pic a h2 { position:relative;padding:50% 0;}
.product li .cons { background: #f7f8f8; text-align: center;padding:20px 30px 30px 30px;border-top:1px solid #efefef;}
.product li .cons .title {height:32px; line-height:32px; overflow: hidden;}
.product li .cons .title a {font-size:22px;color:#1d9dd5; letter-spacing: 0.1px;font-weight:500}
.product li .cons .title2 { line-height:25px;height:50px;margin:5px 0 0 0}
.product li .cons .title2 a {font-size:18px;}
.product li .cons .gs {font-size:14px;font-weight:400; line-height: 25px; height: 100px; overflow: hidden;margin:15px 0 20px 0;color:#666; text-align: left;}
.product li .cons .more a {color:#1d9fd5;font-weight:500;font-size:16px;}
.product li .cons .more a i {border:1px solid #1d9dd5;border-radius:50%;width:22px;height:22px; line-height:22px; text-align: center;font-size:20px; display:inline-block; vertical-align: top;margin:5px 8px 0 0}
.product li:hover .title a,.product li:hover .cons .more a {color:#105dab}
.product li:hover .cons .more a i {border-color:#105dab;color:#105dab}

.procateshow {border-bottom:1px solid #d9d9d9; position: relative}
.procateshow .back {position:absolute;right:0;top:3px}
.procateshow .back a {font-size:16px;color:#666; letter-spacing: 0.2px;font-weight:400}
.procateshow .back a span {font-size:18px; display: inline-block; vertical-align: top;margin:10px 0 0 10px}
.proshow {padding:60px 0 100px 0}
.proshow .pic {float:left;width:40%;margin:10px 0 0 0}
.proshow .pic .up { background: #f3f3f3;padding:50px; overflow: hidden;}
.proshow .pic .indmore {text-align:center;margin:50px 0 0 0}
.proshow .pic .indmore a {cursor: pointer;}
.proshow .pic img {width:100%}
.proshow .cons {float:right;width:55%}
.proshow .cons td {border-bottom:1px solid #ccc;padding:10px 0}
.proshow .cons .title {color:#1d9fd5;font-weight:500;font-size:30px; line-height: 40px;margin:0 0 40px 0}

.download {background: #f7f8f8;padding:80px 0 120px 0;border-top:1px solid #d9d9d9}
.download li { position:relative; background: #efefef;margin:3px 0 0 0;color:#666;}
.download li .t { display:inline-block; vertical-align:top; }
.download li .t1 { text-align:left;width:92%;font-size:22px; line-height: 32px;padding:12px 10% 16px 30px;font-weight:500}
.download li .t2 {width:8%; text-align: center;}
.download li .t2 span {font-weight:bold;font-size:28px; line-height:28px;color:#bcbcbc; display: inline-block; vertical-align: top;margin:16px 0 0 0}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li.open .link .t2 span {transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);color:#fff}
.accordionservice li.open .link { background:#1d9fd5;color:#fff}
.accordionservice .submenu {display:none;padding:15px 30px 30px 30px;}
.download dd {border-bottom:1px solid #bfbfbf; position: relative;padding:10px 300px 13px 34px}
.download dd a {font-size:18px; line-height: 28px; font-weight:500}
.download dd span { position:absolute;left:-4px;top:9px;color:#666;font-size:30px; line-height: 30px}
.download dd p {position:absolute;right:10px;top:10px;width:200px; text-align: right;font-weight:500;font-size:18px; line-height: 28px}

.application {background: #f7f8f8;padding:80px 0 120px 0;border-top:1px solid #d9d9d9}
.application ul {width:102%;margin:-2% 0 0 -1%}
.application li {float:left;width:31.3333%;margin:2% 1% 0 1%;box-shadow:0 0 10px rgba(0,0,0,0.05)}
.application li .pic {position:relative; overflow: hidden;padding:37.7% 0;}
.application li .cons {background:#fff;padding:30px;}
.application li .cons .title {line-height: 40px;margin:0 0 20px 0;height:40px; overflow: hidden}
.application li .cons .title a {font-weight:500;font-size:25px}
.application li .cons .content {color:#666; line-height: 28px;height:84px; overflow: hidden}
.application .clear2 {display:none;}
.application .clear3 {clear:both;}
.application li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}

.tech {background: #f7f8f8;padding:90px 0 130px 0;border-top:1px solid #d9d9d9}
.tech ul {width:107%;margin:-5% 0 0 -3.5%}
.tech li {float:left;width:18%;margin:5% 3.5% 0 3.5%;}
.tech li .pic {position:relative;padding:69.5% 0;}
.tech li .title {font-weight:500;height:44px;line-height: 22px;margin:20px 0 0 0; overflow: hidden; text-align: center; position: relative; z-index: 100;font-size:14px}
.tech li:hover .pic {box-shadow:5px 5px 10px rgba(0,0,0,0.5)}

.rdcate {border-bottom:1px solid #d9d9d9;}
.about_rd {margin:50px 0 80px 0;padding-top:30px;padding-bottom:28px;}
.about_rd .cons {font-size:14px; line-height: 1.6;}
.about_rd .cons .martop {margin:10px 0 0 0}

.rdlabol {margin:0 0 120px 0; position: relative}
.rdlabol .subject {font-weight:500;font-size:22px; line-height: 22px;color:#000;margin:0 0 30px 0}
.rdlabol .swiper-slide { position:relative; overflow: hidden;padding:10.1% 0}
.rdlabol .swiper-button-next,.rdlabol .swiper-button-prev {margin-top:-0px;}
.rdlabol .swiper-button-next:after,.rdlabol .swiper-button-prev:after {background:rgba(0,0,0,0.3);}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after{background:#1d9fd5;}
.rdlabol .swiper-button-prev {left:-25px}
.rdlabol .swiper-button-next{right:-25px}

.newsfirst { background: #fff;margin:0 0 1.6% 0;box-shadow:0 0 10px rgba(0,0,0,0.05)}
.newsfirst:Hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}
.newsfirst .pic {float:left;width:50%;height:394px; position: relative; overflow: hidden}
.newsfirst .cons {float:right;width:43%;padding:55px 3% 0 4%}
.newsfirst .cons .t {height:70px; line-height:70px; overflow: hidden;border-bottom:1px solid #ccc}
.newsfirst .cons .t a {font-size:25px;color:#1d9dd5;font-weight:500;}
.newsfirst .cons .c {margin:20px 0 60px 0; line-height: 25px; height:75px; overflow: hidden;font-size:14px}
.newsfirst .cons .a {color:#000;font-size:20px; position: relative;left:-12px;font-weight:300}
.newsfirst .cons .a span {font-size:25px;margin:-6px 15px 0; display:inline-block; vertical-align: top;color:#333}
.newsfirst:hover .cons .t a {color:#105dab}
.news {background: #f7f8f8;padding:80px 0 120px 0;border-top:1px solid #d9d9d9}

.news ul {width:101.6%;margin:-1.6% 0 0 -0.8%}
.news li {float:left;width:31.7333%;margin:1.6% 0.8% 0 0.8%;box-shadow:0 0 10px rgba(0,0,0,0.05)}
.news li .pic {position: relative; overflow: hidden;padding:31.2% 0}
.news li .cons { background: #fff;padding:25px 25px 30px 30px;}
.news li .cons .title {height:30px; line-height: 30px; overflow: hidden}
.news li .cons .title a {font-size:20px;font-weight:500;color:#000}
.news li .cons .content {color:#666; line-height: 25px; height:75px; overflow: hidden;margin:15px 0 30px 0;font-size:14px}
.news li .cons .date {color:#000;font-size:18px; position: relative;left:-10px;font-weight:300}
.news li .cons .date span {font-size:20px;margin:-1px 10px 0; display:inline-block; vertical-align: top;color:#333}
.news li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}

.nshow {border-top:1px solid #d9d9d9;padding:40px 0 90px 0}
.nshow .title {text-align:center;font-size:40px;line-height: 55px;font-weight:500;color:#1d9fd5;border-bottom:1px solid #d9d9d9;padding:30px 0 30px 0;margin:0 0 25px 0}
.nshow .title2 {text-align:center;color:#666}
.nshow .content {font-size:18px;margin:40px 0 0 0}
.nshow .content img {margin:5px 0}
.hotnews {border-top:0;margin:60px 0 0 0;}
.hotnews .subject {text-align:center;font-size:40px;color:#000;font-weight:500;padding:0 0 50px 0}

.contact {border-top-left-radius:100px;border-bottom-right-radius:100px}
.contact .pic {overflow:hidden;border-top-left-radius:100px;border-bottom-right-radius:100px}
.contact .cons .subject {font-size:30px; line-height: 45px;font-weight:700;color:#000;margin:0 0 25px 0}
.contact .cons li {position: relative;margin:10px 0}
.contact .cons li .p { position:absolute;left:0;top:6px;width:25px;}
.contact .cons li .p img {width:25px}
.contact .cons li .t {margin:0 0 0 37px;font-size:18px}
.map {margin:0 0 70px 0}
.map iframe,#container {width:100%;height:580px;}
.map .subject,.message .subject {font-size:30px;font-weight:500;color:#000;margin:0 0 30px 0}

.message {margin:0 0 120px 0}
.message #mbeizu {float:left;width:62%;border:1px solid #ccc; background: #f7f8f8; overflow: auto;padding:15px 20px;height:241px}
.message ul {float:right;width:36%;}
.message li {margin:14px 0 0 0}
.message li:nth-child(1) {margin:0}
.message li input[type="text"] {border:1px solid #ccc; background: #f7f8f8;height:50px; line-height: 48px;padding:0 20px;width:100%;}
.message li #mbtn { background: #1d9fd5; cursor: pointer;width:50px; line-height: 48px; text-align: center;color:#fff;width:100%}

.join {background: #f7f8f8;padding:90px 0;}
.join .cons {display:inline-block; vertical-align: middle;width:46%}
.join .cons .t {font-size:30px; line-height: 40px;font-weight:700;color:#000;margin:0 0 70px 0; position: relative}
.join .cons .t:before {content:''; position: absolute;left:0;bottom:-30px;width:55px;height:8px; background: #1d9fd5;}
.join .cons .c {font-size:16px; line-height: 1.8}
.join .pic {display:inline-block; vertical-align: middle;width:48%;margin:0 0 0 6%; overflow: hidden;border-top-right-radius:100px;border-bottom-left-radius:100px;}

.job {padding:60px 0 120px 0}
.job .subject {font-size:30px;font-weight:700;color:#000; letter-spacing: 1px;margin:0 0 -20px 0}
.job li {box-shadow:0 0 10px rgba(0,0,0,0.1);padding:25px 35px 30px 35px;border-radius:5px;margin:40px 0 0 0; position: relative}
.job li .name {float:left;width:65%;font-size:20px;font-weight:700;margin:0 0 5px 0}
.job li .name font {color:#1d9fd5;}
.job li .time {float:right;text-align: right;width:35%;font-weight:500;font-size:14px;margin:5px 0 0 0}
.job li .time span {font-size:22px;margin:-8px 10px 0 0; display: inline-block; vertical-align: top;}
.job li .col {float:left;width:32%;font-size:18px;margin:3px 0 3px 0}
.job li .col2 {width:38%}
.job li .more {position:absolute;right:35px;top:92px;width:175px; text-align: center}
.job li .more a {display:block;height:40px; line-height:38px;width:100%; background: #1d9fd5;color:#fff;font-size:16px;}
.job li:hover .more a,.jobshow .more a:hover { background:#105dab}
.job li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}

.jobshow {background: #f7f8f8;padding:70px 0 90px 0;}
.jobshow .in {background:#fff;padding:30px 20px 40px 20px}
.jobshow .name {font-weight:700; letter-spacing: 1px;color:#000;font-size:21px;padding:0 20px}
.jobshow .name font {font-size:30px;color:#1d9fd5;}
.jobshow .money {padding:0 20px;font-size:18px;}
.jobshow .money font {font-size:25px;font-weight:300;color:#1d9fd5;}
.jobshow .text {background:#eef4f7;padding:20px;margin:20px 0 40px 0;font-size:18px;}
.jobshow .text li {float:left;width:30%;margin:5px 0}
.jobshow .text li.col {width:40%}
.jobshow .cons {padding:0 20px;font-size:18px; line-height: 2}
.jobshow .cons h4 {font-size:22px;margin:0 0 30px 0;font-weight:700}
.jobshow .more {margin:40px 0 0 20px}
.jobshow .more a {display:inline-block;height:45px; line-height:43px;padding:0 45px ;background: #1d9fd5;color:#fff;font-size:20px;}
.hotapp li .pic {padding:37.8% 0}
.apppoint { position:absolute;top:-85px}

.applysamples {background:#f3f3f3;padding:80px 0 100px 0}
.applysamples .subject {color:#1d9fd5;font-weight:500;font-size:30px; line-height: 40px;margin:0 0 40px 0}
.applysamples li { position: relative;margin:20px 0 0 0}
.applysamples li span {position:absolute;top:8px;width:200px; text-align: right}
.applysamples li span i {color:#ff0000; display: inline-block; vertical-align: top;margin:4px 5px 0 0}
.applysamples li p {margin:0 0 0 230px;}
.applysamples li p input[type="text"] {width:100%;padding:10px 15px 12px 15px}
.applysamples li p textarea {width:100%;padding:12px 15px 12px 15px; height:150px; overflow: auto; vertical-align: top;}
.applysamples li #mbtn {background: #1d9fd5; cursor: pointer;padding:10px 0 12px 0;text-align: center;color:#fff;width:200px;margin:0px 0 0 230px;}
.applysamples li #mbtn:Hover {width:220px; letter-spacing: 0.5px}












.foot {background:#1d9fd5;color:#fff;padding:65px 0 80px 0}
.foot a {color:#fff}
.foot .tel {border-bottom:2px solid #fff; position: relative;padding:0 0 25px 110px;}
.foot .tel span.icon {position:absolute;left:0;top:0;font-size:80px; line-height: 80px;}
.foot .tel .c {font-size:18px; line-height:23px; letter-spacing:0.2px;padding:4px 0 10px 0}
.foot .tel .t {font-size:40px; line-height: 40px;font-weight:700; letter-spacing: 1px;}
.foot .cons {margin:20px 0 120px 0}
.foot .mleft {float:left;width:35%}
.foot .mleft i {font-family:宋体;margin:0 10px;font-weight:bold;font-size:14px}
.foot .mright {float:right;width:65%; text-align: right;}
.foot .mright dl {display:inline-block; vertical-align: top;margin:0 0 0 5%; text-align: left;max-width:120px}
.foot .mright dt {margin:0 0 5px 0}
.foot .mright dt a {font-size:20px;font-weight:500; letter-spacing: 0.5px}
.foot .mright dd p {font-weight:300;margin:2px 0 0 0;font-size:15px}
.foot .focus {float:left;}
.foot .focus .subject {font-weight:500; letter-spacing: 1px; font-size:21px;margin:0 0 15px 0}
.foot .focus li {display:inline-block; vertical-align: top; position: relative;margin:0 25px 0 0;top:0}
.foot .focus li:hover {top:-5px}
.foot .focus li img {height:40px}
.foot .focus li .pic {display:none;width:100px; position: absolute;left:-28px;bottom:45px;}
.foot .focus li .pic img {height:auto}
.foot .logo {float:right; background: url("../images/logofoot.png") no-repeat center;width:190px; height: 62px; background-size:100%;margin:27px 0 0 0}
.foot .logo a {display:block;width:100%;height:100%}

.fixright { position: fixed;right:0;top:50%; z-index: 2000;margin-top:-125px}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#fff;background:#1d9fd5;}
.fixright li .tubiao span {font-size:25px}
.fixright li .cons { display:none; position: absolute;right:52px;top:0;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px; background: #fff;min-height:50px}
.fixright li:hover .tubiao { background: #105dab;color:#fff}
.fixright li.wx .cons {width:300px;height:110px;padding:10px 0 10px 10px}
.weixin { position: relative}
.weixin .pcover {width:110px;height:110px}
.weixin .wright { position: absolute;left:140px;top:6px;font-size:14px; line-height: 32px; color:#333}
.weixin .wright b {display:block}
.weixin .wright span {font-size:40px;line-height:40px;}
.weixin2 .wright {color:#999;top:21px}
.fixright li.qq .cons {width:145px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.qq .cons font {color:#999;margin:0 10px 0 0}
.fixright li.tel .cons {width:180px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.tel .cons font {color:#999;margin:0 10px 0 0}
.fixright li.pen .cons {width:155px; height: 50px; line-height:48px;letter-spacing:0.5px;font-weight:700;padding:0 0 0 20px}
.fixright li.pen .cons font {color:#999;margin:0 10px 0 0}