@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft Yahei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#0e3a81;}
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;margin:0 auto;max-width:1800px;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
@font-face {
  font-family: 'iconfont';  /* project id 766587 */
  src: url('../fonts/font_766587_90yuziu70m.eot');
  src: url('../fonts/font_766587_90yuziu70m.eot') format('embedded-opentype'),
  url('../fonts/font_766587_90yuziu70m.woff') format('woff'),
  url('../fonts/font_766587_90yuziu70m.ttf') format('truetype'),
  url('../fonts/font_766587_90yuziu70m.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}
/* 头部 */
.header{width:100%;height:90px;position:relative;z-index:99;background:#fff;}
.header .logo{position:absolute;left:0;top:0;line-height:80px;width:340px;border-right:1px solid #d9d9d9;text-align:center;height:90px;}
.headR{width:410px;position:absolute;right:0;top:0;height:90px;border-left:1px solid #d9d9d9;padding-top:40px;}
.headR a{display:inline-block;width:26px;height:40px;margin-left:35px;background: url('../images/ticon.png') no-repeat;position:relative;z-index:5;font-size:.875rem;opacity:.8;}
.headR .wb{background-position: -26px 0;}
.headR .sIcon{background-position: -52px 0;}
.headR .tel{background-position: -78px 0;}
.headR .lang{background-position: -104px 0;}
.headR a:hover{opacity:1;}
.headR .wx span{position: absolute;top:35px;left:-40px;background:#f1f1f1;padding:5px;display:none;z-index:5;width:120px;}
.headR .wx span::before,.headR .tel p::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}
.headR .wx img{width:100%;}
.headR .tel p::before{left:auto;right:25px;}
.headR .tel p{position:absolute;background:#f1f1f1;padding:10px 15px;line-height:24px;text-align:right;right:-20px;top:35px;display:none;min-width:200px;color:#666;}
.headR .tel p span{display:block;font-size:24px;color:#0e3a81;font-family:Arial;}
/*  PC导航 */
.nav .navMain{padding:0 450px 0 380px;height:90px;line-height:90px;}
.nav .m{float:left;width:16%;text-align:center;padding-right:1px;position:relative;}
.nav li i{display:none;}
.nav .m>a{color:#333;position:relative;z-index:2;display:inline-block;}
.nav .m>a:after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#0e3a81;width:100%;transition: transform 0.3s;transform:scale(0,1);transform-origin:right bottom;}
.nav .m:hover>a,.nav .cur>a,.nav .on>a{color:#0e3a81;}
.nav .m:hover>a:after,.nav .cur>a:after,.nav .on>a:after{transform:scale(1);transform-origin:left bottom;}
.nav .navSub{position:absolute;left:0;top:100%;background:#383c3e;line-height:35px;width:100%;color:#fff;font-size:.875em;transform:scale(0,1);transition:all 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #282828;}
.nav .navSub a{color:#fff;display:block;}
.nav .navSub a:hover{background:#0e3a81;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}
/* PC端搜索 */
.search{position: absolute;padding:20px;background:#1d2088; background: rgba(0,0,0,.5);left:0;top:90px;display:none;width:100%;padding-top:0;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 65px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sicon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#0e3a81;}
.searSelect{float:left;width:55px;color:#333;padding-left:10px;position:relative;font-size:12px;cursor:pointer;border-right:1px solid #ddd;margin-left:-65px;}
.searSelect span{position:relative;display:block;}
.searSelect span:after{content:"";position:absolute;right:5px;top:25px;border:4px solid transparent;border-top-color:#333;}
.searSelect ul{position:absolute;top:38px;left:0;background:#fff;text-align:center;width:55px;display:none;}
.searSelect ul li{line-height:25px;border-top:1px solid #f5f5f5;}
/*  导航按钮 */
.navTrigger{position:absolute;top:22px;left:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#0e3a81;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapLang{position:absolute;right:15px;color:#333;font-family:"iconfont";top:0;font-size:1.2rem;height:60px;display:none;}
/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.8;width:40px;height:3px;border-radius:0;cursor:pointer;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#0e3a81;opacity:1;}
.banner img{transition:opacity .4s;}
.banner .scale img{transform:scale(0);opacity:0;transition:all 1s;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url('../images/banbtn.png') no-repeat;width:110px;height:50px;left:0;opacity:1;}
.banner .swiper-button-next{background-position: -110px 0;left:auto;right:0;}
.banner .swiper-button-prev:hover{background-position:-220px 0;}
.banner .swiper-button-next:hover{background-position:-330px 0;}
/* 解决方案 */
.solution,.group,.technology,.news{padding-top:90px;padding-bottom:0px;overflow:hidden;}
.hTitle{text-align:center;margin-bottom:50px;font-size:.875rem;}
.hTitle span{display:block;font-size:2.857em;color:#333;}
.solution ul{margin-right:-20px;overflow:hidden;}
.solution li{float:left;width:33.3%;padding-right:20px;height:615px;font-size:.875rem;}
.solution li:nth-child(2n){height:298px;}
.solution li:nth-child(3){float:right;}
.solution li:nth-child(4) {margin-top:20px;}
.solution li a{display:block;color:#fff;padding:10%;position:relative;z-index:2;}
.solution li a:after{content:"";position:absolute;background:#2767bf;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0;transition:all 0.4s;}
.solution li h3{font-size:2.286em;padding-bottom:15px;margin-bottom:40px;position:relative;}
.solution li h3 span{display:block;font-size:.75rem;opacity:.8;}
.solution li h3:after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#fff;width:24px;transition:all 0.4s;}
.solution li p{opacity:0;transition:all 0.4s;position:relative;top:15px;}
.solution li a:hover p{opacity:1;top:0;transition-delay:.18s;}
.solution li a:hover h3:after{width:60px;}
.solution li a:hover:after{opacity:.6;}
/* 硅碳负极产品 */
.product{margin-bottom:90px;overflow:hidden;}
.proSlide{overflow:hidden;text-align:center;position:relative;}
.proSlide li{width:20%;font-size:.813rem;text-align:center;}
.proSlide li a{background:#e9e9e9;padding:14% 6%;display:block;overflow:hidden;position:relative;z-index:2;}
.proSlide li a:after,.honorSlide li a:after{content:"";position:absolute;z-index:-1;width:100%;height:0;left:0;top:50%;transition:all 0.5s;opacity:0;}
.proSlide li h4{font-size:1.231em;margin:30px 0 20px 0;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proSlide li .pic{border-radius:100%;overflow:hidden;border-color:rgba(255,255,255,.4);transition:all 0.4s;position:relative;top:0;max-width:230px;}
.proSlide li img{width:100%;}
.proSlide li p{padding-bottom:20px;min-height:90px;color:#777;position:relative;}
.proSlide li p:after{content:"+";position:absolute;bottom:0;left:50%;width:16px;height:16px;text-align:center;line-height:14px;margin-left:-9px;border:1px solid #a3a3a3;border-radius:100%;transition:all 0.3s;}
.proSlide li a:hover .pic{top:-10px;}
.proSlide li a:hover p:after{background:#fff;border-color:#fff;color:#2767bf;}
.proSlide li a:after,.groupL .menu a:after,.groupR .font .more,.about .more,.news .menu a:after,.technology .menu a:after,.honorSlide li a:after,.listBanner .txt span,.listMenu li a:after,.history li:after,.solutionTop .more{
    background: -webkit-linear-gradient(right bottom, #414a93 ,#4eb8d2);
    background: -o-linear-gradient(right bottom, #414a93, #4eb8d2);
    background: -moz-linear-gradient(right bottom,#414a93,#4eb8d2);
    background: linear-gradient(right bottom, #414a93 ,#4eb8d2 );
    color:#fff;
  }
.proSlide li a:hover:after,.honorSlide li a:hover:after{height:100%;top:0;opacity:1;}
.proSlide li a:hover p,.proSlide li a:hover h4{color:#fff;}
.proSlide .swiper-button-next, .proSlide .swiper-button-prev,.honorSlide .swiper-button-prev,.honorSlide .swiper-button-next,.history .swiper-button-next,.history .swiper-button-prev{background:#ddd;width:100px;height:40px;opacity:1; position: static;display:inline-block;clear:both;top:0;margin-top:20px;margin-left:5px;font-size:20px;font-family:"宋体";font-weight:bold;line-height:40px;display:none;text-align:center;}
/* 壹金集团 */
.group{background-image: url('../images/group_bg.jpg');background-position:center;background-repeat: no-repeat;background-size:cover;background-attachment: fixed;}
.groupMain{background:#fff;padding:3.5%;position:relative;overflow:hidden;}
.groupL{width:21.5%;font-size:1rem;padding-right:4%;}
.groupL .hTitle{text-align:left;}
.groupL .menu a{height:110px;margin-bottom:1px;padding-left:30px;background:#738aa9;color:#fff;position:relative;z-index:2;display:block;}
.groupL .menu a span{display: table-cell;vertical-align: middle;height:110px;}
.groupL .menu a:after,.news .menu a:after,.technology .menu a:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;transition:all .4s;z-index:-1;}
.groupL .menu .on:after,.news .menu .on:after,.technology .menu .on:after{width:100%;}
.groupL .menu a i{font-size:1.5rem;margin-right:5px;}
.groupMain:after{content:"";position:absolute;left:38%;height:100%;background:#e9e9e9;width:1px;top:0;}
.groupR{width:100%;font-size:.875rem;overflow:hidden;}
.groupR .font{width:34%;padding-top:20px}
.groupR .font h3{font-size:2em;position:relative;padding-bottom:20px;margin-bottom:40px;color:#333;}
.groupR .font h3 a{color:#333;}
.groupR .font h3:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:24px;background:#0e3a81;}
.groupR .font .txt{min-height:190px;margin-bottom:10px;}
.groupR .font .more,.about .more{display:inline-block;width:170px;height:50px;line-height:50px;text-align:center;}
.about .more{}
.groupR .font .more:hover,.about .more:hover{width:60%;}
/* .groupR .pic{width:58%;overflow:hidden;height:470px;display:block;}
.groupR .pic span{animation:myfirst 18s linear infinite normal;transform:scale(1.1);} */
.groupR .pic{width:58%;overflow:hidden;height:470px;position:relative;}
.groupR .pic .swiper-wrapper,.groupR .pic .bgImg{width:100%;height:470px;overflow:hidden;}
.groupR .pic .hd{z-index:5;position:absolute;width:100%;text-align:right;}
.groupR .swiper-pagination-bullet{opacity:.8;}
.groupR .swiper-pagination-bullet-active{background:#424c94;}
@keyframes myfirst
{
0%   {transform:scale(1,1);}
50%{transform:scale(1.1,1.1);}
100%{transform:scale(1,1);}
}
/* 核心科技 */
.technology{font-size:.875rem;}
.technology .menu{text-align:center;margin-bottom:45px;}
.technology .menu a{display:inline-block;width:210px;height:50px;position:relative;color:#fff;font-size:1rem;line-height:50px;text-align:center;background:#738aa9;margin-left:1px;z-index:2;}
.technology .menu .on{color:#fff;border-color: transparent;}
.honorSlide{overflow:hidden;text-align:center;position:relative;}
.honorSlide li{float:left;width:20%;}
.honorSlide li a{border:1px solid #e3e3e3;padding:10%;text-align:center;display:block;color:#333;position:relative;z-index:2;}
.honorSlide li .pImg{padding-top:100%;margin-bottom:20px;}
.honorSlide li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honorSlide li a:after{top:0;opacity:0;height:100%;}
.honorSlide li a:hover{color:#fff;}
.honorSlide li a:hover img{transform:scale(.95);}
.honorSlide .pagination {display:none;}
.technology_main .teamTab{background:none;padding:0;}
.technology_main .teamTab .font{text-align:left;background:#f5f5f5;}
/* 关于 */
.about{background:#f2f2f2;overflow:hidden;}
.aboutL{width:40%;overflow:hidden;font-size:.875rem;}
.aboutTie{height:300px;background:#0e3a81;padding:80px 16% 0 18%;}
.aboutTie span{display:block;font-size:1.286em;color:#fff;margin-top:10px;}
.aboutL .font{padding:50px 16% 0 18%;line-height:1.7;max-height:440px;}
.aboutL .txt{min-height:180px;margin-bottom:15px;}
.aboutR{width:60%;height:700px;}
/*  新闻中心 */
.news .menu{text-align:center;margin-bottom:50px;overflow:hidden;}
.news .menu a{display:inline-block;width:170px;height:50px;position:relative;border:1px solid #c9c9c9;color:#333;font-size:1.375rem;line-height:50px;}
.news .menu .on{color:#fff;border-color: transparent;}
.newsL{overflow:hidden;width:32%;height:515px;position: relative;}
.newsL li a{display:block;position:relative;height:515px;}
.newsL li .bgImg{transition:all 1s;}
.newsL li h4{position:absolute;bottom:0;left:0;background: rgba(0, 0, 0,.6);color:#fff;width:100%;height:70px;line-height:70px;padding:0 100px 0 25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;z-index:2;}
.newsL li h4:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#0e3a81;z-index:-1;transition:transform .5s;transform-origin:right;transform:scale(0,1);}
.newsL li h4 span{float:right;background:#0e3a81;width:80px;height:80px;margin-right:-100px;text-align:center;}
.newsL li a:hover .bgImg{transform:scale(1.06);}
.newsL li a:hover h4:after{transform-origin:left;transform:scale(1);}
.newsL  div.hd{position:absolute;right:0;width:90px;bottom:25px;right:0;left:auto;z-index:5;text-align:center;}
.newsL .swiper-pagination-bullet{width:10px;height:10px;z-index:5;cursor:pointer;}
.newsR{width:68%;font-size:.875rem;max-height:515px;overflow:hidden;}
.newsR li{float:left;width:50%;margin-bottom:15px;padding-left:15px;}
.newsR li a{color:#9a9a9a;display:block;padding:10%;position:relative;z-index:2;border:1px solid #d6d6d6;}
.newsR li a:after{content:"";background:#f8f8f8;width:100%;height:100%;position:absolute;left:0;top:0;transform:scale(0);transition:all 0.4s;z-index:-1;}
.newsR li h4{color:#333;font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;}
.newsR li h4 span{display:block;font-size:.75em;color:#999;padding-top:5px;}
.newsR li p{min-height:60px;margin-bottom:15px;}
.newsR li a:hover{box-shadow:0 0 5px #ccc inset;}
.newsR li a:hover:after{transform:scale(1);}
/*底部 */
.footer{background:#222;font-size:.875rem;color:#999;}
.footMain{padding:70px 0 45px 0;overflow:hidden;}
.footLogo{width:25%;padding-top:0px;padding-right:3%;}
.footContact{max-width:48%;line-height:2;}
.footR{width:260px;overflow:hidden;text-align:center;}
.footR img{width:130px;height:130px;}
.footR .fl{border:1px solid #4e4e4e;width:130px;height:130px;}
.firendLink{padding:25px 0;overflow:hidden;border-top:1px solid #2e2e2e;background:#222;font-size:.875rem;color:#999;}
.firendLink a{margin:0 6px;color:#999;}
.footer a{color:#999;}
.firendLink a:hover,.footer a:hover{color:#fff;}
/*内页公用 */
.listWrapper{overflow:hidden;padding-bottom:90px;}
.listBanner{height:400px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner .txt{position:absolute;color:#fff;left:50%;top:50%;font-size:2.375rem;text-align:center;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.listBanner .txt span{display:block;font-size:0.316em;line-height:1.8;margin:0 10px;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 65px;background:#f5f5f5;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/searicon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left}
.proSear .btn:hover{background-color:#111;}
/* 内页公用菜单 */
.listMenu{width:100%;position:relative;z-index:3;max-width:1200px;margin:0 auto;margin-top:-71px;padding:0;margin-bottom:45px;}
.listMenu ul{height:70px;text-align:center;font-size:0;line-height:0;width:100%;display:table;margin-bottom:1px;}
.listMenu li{display: table-cell;font-size:1rem;line-height:70px;width:10%;}
.listMenu li a{display:block;color:#333;margin-right:1px;background:#fff;position:relative;z-index:2;}
.listMenu li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition-delay:.1s;transition: transform .3s;transform-origin:right;z-index:-1;transform:scale(0,1);}
.listMenu li a.cur,.listMenu li a:hover{background:#414a93;color:#fff;}
.listMenu li a.cur:after,.listMenu li a:hover:after{transform-origin:left;transform:scale(1);}
.listMenu li:last-child a{margin-right:0;}
.breadCrumb{font-size:.875rem;padding:25px 0;padding-left:20px;position:relative;}
.breadCrumb i{float:left;margin-right:8px;font-size:1.2rem;margin-top:-4px;}
.aboutBox1{padding-bottom:50px; overflow:hidden;font-size:.875rem;}
.aboutBox1 .hTitle{border-bottom:1px solid #e5e5e5;padding-bottom:30px;}
.aboutBox1 .left{width:45%;overflow:hidden;height:520px;}
.aboutBox1 .left img{width:100%;}
.aboutBox1 .right{width:52%;overflow:hidden;}
.aboutBox1 .right  .tie{overflow:hidden;margin-bottom:50px;}
.aboutBox1 .right .tie span{margin-left:40px;font-size:1.857em;color:#333;padding-top:40px;}
.aboutBox1 .tie2{height:50px;line-height:50px;background:#0e3a81;color:#fff;font-size:18px;text-align: center; margin-bottom:40px;}
.aboutBox1 .txt  p{margin-bottom:15px;line-height:1.8;}
.aboutBox3{padding:90px 0;overflow:hidden;color:#333;}
.aboutBox3 .main{background: url('../images/concept_bg.jpg') no-repeat;padding:10px;background-position: center right;}
.aboutBox3 .font{width:50%;background:#fff;padding:4% 3%;font-size:1.5rem;}
.aboutBox3 .p1{font-size:1.2em;margin-bottom:50px;}
.aboutBox3 .p1 .a span{color:#0e3a81;font-size:36px;margin-left:10px;}
.aboutBox3 .en{font-size:16px;font-family:Arial;line-height:1;color:#888;margin-left:20px;margin-top:5px;}
.aboutBox3 .en span{font-size:26px;display:block;}
.history{padding:80px 0;overflow:hidden;background:#ececec;font-size:.875rem;}
.historySlide{overflow:hidden;text-align:center;}
.history li{float:left;background:#fff;width:25%;padding:2.5%;min-height:260px;color:#888;transition:all 0.3s;z-index:2;position:relative;text-align:left;}
.history li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transition:all 0.4s;z-index:-1;}
.history li h4{font-size:2.143em;color:#333;border-bottom:1px solid #d9d9d9;padding-bottom:20px;margin-bottom:20px;transition:all 0.3s;}
.history li:hover,.history li:hover h4{color:#fff;}
.history li:hover:after{transform:scale(1);}
/* 解决方案 */
.solutionTop{height:420px;overflow:hidden;background:#f4f4f4;font-size:.875rem;}
.solutionTop .pic{float:left;width:39%;height:420px;}
.solutionTop .font{float:right;width:56%;padding-right:2%;}
.solutionTop h4{padding-top:60px;font-size:1.143em;margin-bottom:20px;color:#333;}
.solutionTop h4 span{color:#0e3a81;margin-bottom:10px;font-weight:700;font-size:1.25em;display:block;}
.solutionTop .txt{line-height:1.8;margin-bottom:20px;min-height:130px;}
.solutionTop .phone p{float:left;padding-left:50px;position:relative;line-height:1.2;border-right:1px dotted #ccc;padding-right:40px;}
.solutionTop .phone span{color:#0e3d8e;font-size:2.143em;font-family:Arial;display:block;}
.solutionTop .phone p:after{content:"\e649";position:absolute;color:#0e3d8e;font-family:iconfont;left:0;top:0;font-size:2.8rem;}
.solutionTop .more{width:200px;height:50px;line-height:50px;text-align:center;margin-left:40px;}
.solutionTop i{margin-right:10px;font-size:1.4rem;top:3px;}
.solutionTop .more:hover{width:260px;}
.solution_cover{padding-top:60px;border-top:1px solid #d6d6d6;margin-top:60px;}
/* 产品列表 */
.proList{overflow:hidden;}
.hTitle2{border-bottom:1px solid #e5e5e5;padding-bottom:30px;}
.proList ul{margin-right:-20px;}
.proList li{width:20%;font-size:.813rem;text-align:center;float:left;padding:0 20px 20px 0;}
.proList li a{background:#e9e9e9;padding:14% 6%;display:block;overflow:hidden;position:relative;z-index:2;}
.proList li a:after,.honorSlide li a:after{content:"";position:absolute;z-index:-1;width:100%;height:0;left:0;top:50%;transition:all 0.5s;opacity:0;}
.proList li h4{font-size:1.231em;margin:30px 0 20px 0;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proList li .pic{border-radius:100%;overflow:hidden;border:4px solid #fff;border-color:rgba(255,255,255,.4);transition:all 0.4s;position:relative;top:0;max-width:230px;}
.proList li img{width:100%;}
.proList li p{padding-bottom:20px;min-height:90px;color:#777;position:relative;}
.proList li p:after{content:"+";position:absolute;bottom:0;left:50%;width:16px;height:16px;text-align:center;line-height:14px;margin-left:-9px;border:1px solid #a3a3a3;border-radius:100%;transition:all 0.3s;}
.proList li a:hover .pic{top:-10px;}
.proList li a:hover p:after{background:#fff;border-color:#fff;color:#2767bf;}
.proList li a:after,.joinSlide li .more{
    background: -webkit-linear-gradient(90deg, #4eb8d2 , #414a93);
    background: -o-linear-gradient(90deg, #4eb8d2, #414a93);
    background: -moz-linear-gradient(90deg, #4eb8d2,#414a93);
    background: linear-gradient(90deg, #4eb8d2 , #414a93);
    color:#fff;
  }
.proList li a:hover:after{height:100%;top:0;opacity:1;}
.proList li a:hover p,.proList li a:hover h4{color:#fff;}
/*  产品详情 */
.proShow{max-width:1200px;margin:0 auto;font-size:.875rem;}
.proShow_box1{overflow:hidden;margin-bottom:50px;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;overflow:hidden;position:relative;padding:15px;background:#f7f7f7;}
.gallery .gallery-top{max-height:600px;margin-bottom:20px;position:relative;}
.gallery img{width:100%;}
.gallery-top li a{position:relative;}
/* .gallery-top:after{content:"\e639";position:absolute;right:0;bottom:0;color:#222;padding:10px 15px;font-family:"iconfont";font-size:2rem;z-index:2;} */
.gallery-thumbs li{border:1px solid #bdc4ce;padding:5px;cursor:pointer;}
.gallery-thumbs .swiper-slide-active{border:1px solid #333;}
.gallery .swiper-button-white{display:none;}
.proShow_R{width:44%;overflow:hidden;}
.proShow_R .title{font-size:1.6em;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;color:#333;margin-top:30px;}
.proShow_R .title span{display:block;font-size:0.7em;color:#555;}
.proShow_R .font{min-height:140px;}
.proShow_R .font .f{color:#111;}
.proShow_R .phone{padding-left:40px;margin-bottom:25px;color:#014099;padding-top:20px;position:relative;}
.proShow_R .phone:before{position:absolute;content: "\e649";font-family: "iconfont";color:#014099;font-size:30px;left:0;top:15px;}
.proShow_R .phone span{font-size:1.429em;font-family:Arial;}
.proShow_R .btn{border-top:1px solid #e5e5e5;padding-top:25px;margin-bottom:25px;margin-top:40px;overflow:hidden;}
.proShow_R .btn a{width:46%;height:60px;line-height:60px;float:left;text-align:center;background:#333;color:#fff;box-sizing: border-box;font-size:1.143em;border:2px solid #222;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.5rem;line-height:1;top:2px;}
.proShow_R .btn a:nth-child(2){border:2px solid #8d8d8d;background:none;color:#666;float:right;}
.proShow_R .btn a:hover{background:#333;color:#fff;border:2px solid #333;}
.proShow-menu{height:50px;line-height:50px;border-bottom:1px solid #ddd;margin-bottom:30px;font-size:1.25rem;}
.proShow-menu a{float:left;height:50px;margin-right:20px;color:#333;}
.proShow-menu .active{color:#014099;border-bottom:1px solid #014099;}
.proShow-main{padding-bottom:30px;overflow:hidden;}
.relative_pro .title{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;}
.relative_pro .title span{display:inline-block;border-bottom:1px solid #014099;;color:#014099;height:50px;}
.relative_pro ul{margin-right:-15px;}
.relative_pro li{float: left;width:25%;padding-right:15px;}
.relative_pro li p{border-bottom:1px solid #ddd;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center}
.relative_pro li:hover img{transform:scale(1.1);}
/* 知识产权 */
.honorCover{padding-bottom:90px;overflow:hidden;padding-left:1px;position:relative;}
.teamCover{padding:60px 0;overflow:hidden;background:#eee;}
.teamCover .teamL{height:400px;width:46.5%;float:left;}
.teamCover .font{background:#fff;width:53.5%;height:400px;float:right;font-size:.875rem;padding:5%;}
.teamCover .font h4{color:#0e3a81;font-size:2.286em;margin-bottom:30px;}
/* 图片列表 */
.picList ul{margin-right:-40px;overflow:hidden;}
.picList li{width:20%;float:left;margin-bottom:30px;text-align:center;padding-right:40px;}
.picList li a{display:block;}
.picList li .pImg{padding-top:70%;}
.picList li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:10px 5px;}
.picList li:hover img{transform:scale(1.1);}
/* 新闻列表 */
.newsTop{overflow:hidden;position:relative;margin-bottom:60px;}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:50%;font-size:.813rem;height:315px;}
.newsTop li .pic{width:50%;float:left;height:315px;overflow:hidden;}
.newsTop li .txt{width:50%;padding:5%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.385em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:20px;}
.newsTop li .txt h4 a{color:#333;}
.newsTop li .txt h4 span{display:block;font-size:;font-family:Arial;color:#999;font-size:0.722em;margin-top:10px;}
.newsTop li p{height:140px;overflow:hidden;margin-bottom:10px;}
.hdIcon {display:block;text-align:center;margin-top:25px;}
.hdIcon .swiper-pagination-bullet{border:1px solid #fff;position:relative;transition:all 0.3s;width:16px;height:16px;background:#fff;position:relative;opacity:1;}
.hdIcon .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#0e3a81;top:4px;left:4px;border-radius:100%;}
.hdIcon .swiper-pagination-bullet-active{border:1px solid #0e3a81;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsList{background:#f1f1f1;padding:70px 0;overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-30px;}
.newsList li{float:left;padding-right:30px;width:20%;margin-bottom:30px;}
.newsList li a{background:#fff;padding:6%;display:block;color:#777;}
.newsList li .pImg{padding-top:100%;margin-bottom:15px;}
.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li p{height:80px;margin-bottom:10px;margin-top:15px;}
.newsList li .date{color:#999;margin-bottom:10px;}
.newsList li a:hover{box-shadow:0 0 10px #ccc;}
.newsList li a:hover img{transform:scale(1.1);}
/*  新闻详情 */
.showBread{margin-bottom:40px;padding-left:0;}
.newsShow{overflow:hidden;font-size:.875rem;max-width:1200px;margin:0 auto;}
.showTie{border-bottom:1px solid #d9d0bf;overflow:hidden;margin-bottom:50px;padding-bottom:50px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.jsfwMain{margin-top:100px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62d";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.showCon img{width:70%}
.showCon{line-height:2;}
.showPage{border-top:1px solid #ddd;padding-top:40px;margin-top:30px;}
.showPage p{margin-bottom:10px;}
.showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;}
.showPage .back i{position:relative;margin-right:8px;font-size:1rem;}
.showPage .back:hover{background:#0e3a81;color:#fff;}
/* 联系我们 */
.contactBox1{padding-bottom:0px;overflow:hidden;font-size:.875rem;color:#555;}
.contactBox1 ul{margin:0 -1%;}
.contactBox1 li{float:left;width:31.3%;background:#f1f1f1;padding:3%;position:relative;margin:0 1%;transition:all 0.4s;height:300px;padding-bottom:1%;}
.contactBox1 li h4{font-size:1.714em;color:#333;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e3e3e3;}
.contactBox1 p{margin-bottom:10px;position:relative;padding-left:25px;}
.contactBox1 p:after{content:"\e646";position:absolute;font-family:"iconfont";left:0;top:0px;font-size:1.1rem;color:#999;}
.contactBox1 p span{margin-left:15px;}
.contactBox1 p:nth-child(2):after{content:"\e649"}
.contactBox1 p:nth-child(3):after{content:"\e6a6"}
.contactBox1 li:hover{box-shadow:0 0 10px #ccc;}
.contactBox2{background:#ebeaea;padding:90px 0;overflow:hidden;}
.joinMain{background:#fff;overflow:hidden;}
.contactBox2 .bgImg{height:254px;background-image: url('../images/join_bg.jpg');position:relative;}
.contactBox2 .bgImg .hTitle{color:#fff;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.contactBox2 .bgImg .hTitle span{color:#fff;}
.joinSlide{overflow:hidden;margin:3%;position:relative;font-size:.75rem;}
.joinSlide .swiper-wrapper{max-height:350px;overflow:hidden;}
.joinSlide li{float:left;width:50%;border:1px solid #d2d2d2;border-top:1px solid #0e3a81;padding:30px;height:150px;transition:all 0.4s;overflow:hidden;}
.joinSlide li h4{float:left;width:20%;height:80px;font-size:1.333em;color:#0e3a81;margin-right:5%;}
.joinSlide li h4 span{display:table-cell;height:80px;vertical-align:middle;}
.joinSlide li .txt{width:300px;overflow:hidden;float:left;}
.joinSlide li .txt span{float:left;width:50%;margin-bottom:8px;}
.joinSlide li .txt span:nth-child(2n){float:right;}
.joinSlide li .more{width:15%;float:right;text-align:center;color:#fff;height:36px;line-height:36px;margin-top:20px;max-width:120px;}
.joinSlide li:hover{background:#0e3a81;color:#fff;}
.joinSlide li:hover h4{color:#fff;}
.joinSlide li:hover .more{background:#fff;color:#0e3a81;}
.contactFeed{padding:60px 0;overflow:hidden;}
.contactForm .left{width:32%;overflow:hidden;}
.contactForm .left input,.contactForm .code input{display:block;width:100%;height:40px;line-height:40px;border:1px solid #999;padding:0 15px;background:none;color:#555;margin-bottom:20px;font-size:.875em;box-sizing: border-box;background:#fff;}
.contactForm .area{width:65%;height:160px;border:1px solid #999;padding:14px;background:none;color:#555;box-sizing: border-box;background:#fff;}
.contactForm .left input:nth-child(3){margin-bottom:0;}
.contactForm .code{clear:both;padding-top:20px;overflow:hidden;}
.contactForm .code .c{width:120px;float:left;margin-right:5px;}
.contactForm .code img{background:#fff;padding:8px 15px;border:1px solid #888;}
.contactForm .code .sub{width:135px;height:45px;line-height:45px;background:#0e3a81;color:#fff;cursor:pointer;transition:all 0.3s;border:1px solid #00225a;font-size:1.143em;}
.contactForm .code .sub:hover{background:#333;}
.contactForm .left input:focus,.contactForm .area:focus{border:1px solid #333;}
/*  人才招聘列表  */
.jobList li{overflow:hidden;border-bottom:1px solid #d7d7d7;}
.jobList li a{padding:15px 0;display:block;padding-left:30px;}
.jobList li.top{padding:20px 0;background:#333;border:none;padding-left:30px;margin-bottom:10px;color:#fff;}
.jobList li p{overflow:hidden;margin-bottom:10px;}
.jobList li span{float:left;width:20%;box-sizing:border-box;color:#333;display:block;min-height:10px;}
.jobList li.top span{color:#fff;font-size:1rem;}
.jobList li a:hover{background:#f5f5f5;}
/*  人才招聘详情  */
.jobShow{padding:3%;background:#f8f8f8;font-size:.875rem;}
.jobShow .title{text-align:center;color:#014099;font-size:1.875rem;margin-bottom:30px;font-weight:700;}
.jobShow .top{margin-bottom:15px;}
.jobShow .box{margin-bottom:25px;}
.jobShow .box strong{font-size:1.286em;font-weight:400;color:#333;margin-bottom:5px;display:block;}
.jobShow .box{margin-bottom:25px;}
.jobShow .more{float:right;display:block;height:28px;line-height:28px;background:#014099;color:#fff;width:100px;text-align:center;margin-top:-50px;}
.jobShow .more:hover{background:#004585;}
.jobShow .back{float:right;font-size:1.286em;color:#014099;}