@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box;}
body,textarea{color:#333; font-size:14px; font-family:Arial, "微软雅黑";}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;display:inline-block;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:14px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family: Arial, "微软雅黑";;}
a{ color:#333; text-decoration:none;}
.topa,.nav,.navb ul,.sto ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.w1330{max-width:1330px;width:96%;margin:auto;}



#top{position:relative;overflow:hidden;}
#top:after{content:'';width:50%;position:absolute;left:0;height:100%;background:#49afe3;top:0;}
#top:before{content:'';width:50%;position:absolute;right:0;height:100%;background:#0f103e;top:0;}
.top{display:flex;max-width:1330px;width:96%;margin:auto;position:relative;z-index:1;}
.topa{position:relative;width:50%;flex-shrink: 0;}
.topa:after{content:'';width:80px;height:200%;border-radius: 50%;background:#49afe3;position:absolute;top:0;right:-37px;}
.topa p{margin-right:30px;display:flex;align-items: center;color:#fff;}
.topa p i{font-style: normal;}
.topa p img{display:inline-block;margin-right:5px;}
.topb{display:flex;justify-content: flex-end;width:50%;}
.topb a{color:#fff;line-height:42px;margin-left:30px;}

.nav{max-width:1330px;margin:auto;justify-content: space-between;align-items: center;position:relative;}
.nava{flex-shrink:0;width:120px;}
.nava img{max-width:100%;}
.navb{flex-shrink:0;width:calc(90% - 200px);}
.navb ul{justify-content:space-between;}
.navb ul li{width:14.2857%;text-align:center;position:relative;}
.navb ul li p{position:relative;}
.navb ul li p:after{content:'';width:100%;height:3px;background:#49afe3;position:absolute;bottom:0;left:0;transform: scale(0);transition: all 0.3s;}
.navb ul li p>a{line-height:100px;font-size:16px;font-weight: bold;}
.navb ul li a{display:block;}
.navb ul li:hover p>a{color:#49afe3;}
.navb ul dl{position:absolute;top:100%;left:0;z-index:999;background:#fff;width:100%;line-height:40px;display:none;}
.navb ul dl dd:hover a{background:#49afe3;color:#fff;}
@media screen and (min-width:1330px){
.navb ul li:hover p:after{transform: scale(1);}
}
.navc{display:none;}


/*手机*/
.zhz{width:49px;height:49px;overflow:hidden;position:absolute;top:11px;right:12px;display:none;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

.sto{margin:0px auto 30px;transform: translateY(-50px);position:relative;z-index:999;}
.sto ul{justify-content: space-between;}
.sto li{width:32%;background:#49afe3;border-radius:5px;position:relative;overflow:hidden;}
.sto li:after{content:'';font-size:8vw;font-weight:bold;position:absolute;top:-62px;left:-40px;color:#fff;opacity: 0.2;}
.sto li a{display:flex;align-items:center;flex-wrap: wrap;flex-direction: column;padding:60px 20px;color:#fff;position:relative;z-index:1;box-sizing: border-box;}
.sto li a h2{font-size:22px;margin:10px auto 10px;}
.sto li a p{line-height:28px;font-size:16px;text-align:center;}
.sto li a>img{height:64px;display:block;transition: all 0.3s;}
.sto li a i img{height:0px;margin-top:10px; transition: all 0.3s;}
.sto li:hover{background:#3a9dcf;}
.sto li:hover a>img{height:0px;}
.sto li:hover i img{height:50px;}

.about{display:grid;grid-template-columns: 38% 58%;justify-content: space-between;}
.abouta{}
.abouta img{width:100%;}
.aba{font-size: 40px;}
.abb{margin:20px auto;}
.abb p:after{content:'';width:4px;height:4px;display:inline-block;background:#49afe3;}
.abb p:before{content:'';display:inline-block;width:40px;height:4px;background:#49afe3;margin-right:10px;}
.abc{font-size:16px;color:#666;line-height:28px;}
.aboutc{margin:50px auto;}
.aboutc ul{display:grid;grid-template-columns: 31% 31% 31%;justify-content: space-between;}
.aboutc li{box-shadow:0 0 20px #eee;text-align:center;padding:40px 10px;box-sizing:border-box;}
.aboutc li img{display:block;margin:auto;}
.aboutc li p{font-weight:bold;font-size: 16px;margin-top:20px;}
.aboutd a{display:inline-block;padding:20px 0px;color:#fff;background:#49afe3;width:200px;text-align:center;border-radius: 5px;}
.aboutd a:hover{background:#3a9dcf;}

.news{text-align:center;font-size: 40px;margin:80px auto 20px;}
.new{text-align:center;margin-bottom:40px;}
.new p:after{content:'';width:4px;height:4px;display:inline-block;background:#49afe3;}
.new p:before{content:'';display:inline-block;width:40px;height:4px;background:#49afe3;margin-right:10px;}

.newzz{}
.newzz ul{display:grid;grid-template-columns: 31.3333% 31.3333% 31.3333%;column-gap: 2%;}
.newzz li{box-shadow: 0 0 10px #e9e9e9;box-sizing:border-box;padding:1vw;}
.newzz li .nea{font-size: 20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-bottom:1px solid #eee;line-height:30px;padding-bottom:15px;position:relative;margin-bottom:20px;}
.newzz li .nea:after{content:'';width:60px;height:3px;background:#49afe3;position:absolute;bottom:0;left:0;}
.newzz li .neb{line-height:30px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:16px;}
.newzz li .nec{margin-top:20px;color:#49afe3;}
.newzs{margin:60px auto;text-align:center;}
.newzs a{display:inline-block;padding:20px 0px;color:#fff;background:#49afe3;width:200px;text-align:center;border-radius: 5px;}
.newzs a:hover{background:#3a9dcf;}


.foot{background:#1f2d3d;padding-top:80px;}
.foa{display:grid;grid-template-columns: 30% 60% 10%;justify-content: space-between;}
.foaa{color:#fff;}
.foaa img{display:block;margin-bottom:20px;}
.foaa p{padding:10px 0;}
.foab{}
.foab ul{display:grid;grid-template-columns: 30% 30% 30%;justify-content: space-between;}
.foab h3{font-size:18px;margin-bottom:20px;}
.foab a{display:block;line-height:36px;color:#fff;}
.foab a:hover{color:#49afe3;}
.foac{}
.foac img{width:100%;}
.fob{text-align:center;border-top:1px solid #2b3e54;padding:25px 0;margin-top:50px;color:#fff;}

/*************************************************************************************************/
.n-ba,.n-pro ul,.n-po,.n-cont,.n-news ul li a,.fes ul,.n-bac ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.w1300{max-width:1330px;width:96%;margin:auto;}
.n-img img{width:100%;}
.n-ban{border-bottom:1px solid #eee;}
.n-ba{ justify-content: space-between;align-items: center;margin:auto;}
.n-baa{box-sizing:border-box;padding-left:40px;background:url("../images/sy.png") left center no-repeat;padding:30px 0 30px 30px;}
.n-baa a{margin-right:10px;padding-left:10px;}
.n-baa a:hover{color:#49afe3;}
.n-bac{}
.n-bac ul{}
.n-bac ul li a{position:relative;padding:0 30px;display:block;font-size:16px;line-height:76px;font-weight: bold;}
.n-bac ul li a:after{content:'';width: 0%;height:0px;background:#49afe3;position:absolute;bottom:0;left:0;transition:all 0.3s;}
.n-bac ul li:hover a:after{height:2px;width:100%}
.n-bac ul li:hover a{color:#49afe3}

.n-nav{text-align:center;font-size:0;padding:70px 0 50px;margin:auto;}
.n-nav li{display:inline-block;vertical-align: middle;margin:0 30px;font-size:16px;font-weight: bold;}
.n-nav li a:hover{color:#49afe3}

/*关于我们*/
.n-about{line-height:28px;margin:auto;padding:30px  0 50px;text-indent: 2em;}
.n-about img{max-width:100%;}

/*联系*/
.n-contact{margin:40px auto 60px;display:grid;grid-template-columns: 60% 40%;justify-content: space-between;background: #fafafa;}
.n-conta{}
.n-conct{overflow:hidden;position:relative;box-sizing:border-box;padding-left:80px;}
.n-conct-a{display: inline-block;position: absolute;top: 50%;left: -20px;font-size: 9.2em;line-height: 0.8em;font-weight: 900;text-transform: Uppercase;transform: rotate(90deg) translate(-50%,0%);transform-origin: 0% 100%;opacity: 0.03;}
#map_container{height:500px;}

.n-conct-b{margin: 50px 0 20px;font-weight: 900;letter-spacing: -1;color: #49afe3;font-size: 30px;}
.n-conct-b p{width:50px;height:2px;background:#49afe3;margin-top:20px;}
.n-conct-c{font-size:14px;line-height:30px;}

.n-cos{font-size:24px;border-bottom:1px dashed #ccc;}
.n-cos p{display:inline-block;padding-bottom:10px;position:relative;}
.n-cos p:after{content:'';position:absolute;bottom:-1px;left:0;width:50px;height:3px;background:#49afe3;}
.fes{margin:30px auto 0;padding-bottom:80px;}
.fes ul{justify-content: space-between;margin-bottom:20px;}
.fes ul li{width:23%;}
.fes p{line-height:36px;}
.fes input{line-height:50px;height:50px;border:1px solid #ccc;background:#f9f9f9;box-sizing:border-box;padding:0 10px;width:100%;}
.fes textarea{height:250px;width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;}
.fes a{display:block;color:#333;width:150px;text-align:center;line-height:40px;margin:20px auto 0px;border-radius: 25px;border:1px solid #ccc;}
.fes a:hover{background:#49afe3;color:#fff;}

/*新闻*/
.n-news{margin:auto;padding:50px 0;}
.n-news ul li{border-bottom:1px dashed #ccc;padding-bottom:30px;margin-bottom:30px;}
.n-news ul li a{justify-content: space-between;align-items: center;flex-wrap:wrap;}
.n-news ul li .n-nea{flex-shrink:0;width:300px;border:1px solid #eee;}
.n-news ul li .n-nea img{width:100%;transition:all 0.3s;}
.n-news ul li .n-neb{flex-shrink:0;width:calc(96% - 300px);}
.n-news ul li .n-neb h6{font-size:20px;margin-bottom:10px;color:#000;}
.n-news ul li .n-neb p{line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.n-news ul li .n-neb span{display:block;margin-top:20px;color:#888;background:url("../images/ly_li.png") left center no-repeat;box-sizing:border-box;padding-left:10px;}
.n-nss{}
.n-nss dd{width:94%;margin:0 auto 20px;border-bottom:1px dashed #ccc;padding:0 0 20px 0;transition:all 0.3s;}
.n-nss dd a{display:grid;grid-template-columns: 100px calc(100% - 140px) ;justify-content: space-between;align-items: center;}
.n-nsa{background:#49afe3;text-align:center;color:#fff;padding:20px 0;}
.n-nsa p{font-size:50px;margin-bottom:5px;}
.n-nsa span{}
.n-nsb{}
.n-nsb h4{font-size:18px;margin-bottom:5px;font-weight: bold;}
.n-nsb .n-nsi{line-height:28px;color:#777;}
.n-nss dd:hover{width:90%;}
.n-nss dd:hover h4{color:#49afe3}

@media screen and (min-width:1000px){
.n-news ul li:hover .n-nea{background:#fff;}
.n-news ul li:hover .n-nea img{transform:scale(0.9);}
.n-news ul li:hover .n-neb h6{color:#49afe3;}
.n-news ul li:hover .n-neb p{color:#666666;}
}

.n-nes{text-align:center;margin:auto;padding:50px 0 20px;border-bottom:1px dashed #ccc;}
.n-nes h5{font-size:20px;margin-bottom:20px;}
.n-nestim{line-height:24px;margin-top:40px;padding-bottom:50px;}
.n-nestim img{max-width:100%;}

/*招聘*/
.jos{margin:50px auto ;}
.jp_dl { margin-bottom:30px; line-height:1.8; font-size:16px;}
.jp_dl [class*='span'] { margin-bottom:10px; }
.jp_dl .jp_dt { font-size:18px; font-weight:bold; background:url(../images/his_li_dian.png) left 9px no-repeat; margin-bottom:8px;}
.jp_dl .jp_dt,.jp_dl .jp_dd { padding-left:30px; }
.jp_dl > .jp_dt { color:#0066bd;}
.jp_dl .jp_dd strong { font-size:16px; }

.job-top{width: 100%;overflow: hidden;background-color: #f7f7f7;margin-top: 40px;}
.job-top span{float: left;font-size: 16px;color: #333;line-height: 60px;width: 16%;text-align: center;box-sizing: border-box;}
.job-top span:first-child{width: 25%;text-align: left;padding-left: 40px;}
.job-top span:nth-child(n+4){width: 11%;float:right;}

.job{width: 100%;overflow: hidden;padding-bottom: 30px;}
.job ul li{width: 100%;overflow: hidden;}
.job-tit{width: 100%;overflow: hidden;border-bottom: 1px solid #ebebeb;cursor: pointer;}
.job-tit span{float: left;font-size: 14px;color: #666;line-height: 60px;width: 16%;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;height: 60px;box-sizing: border-box;}
.job-tit span:first-child{width: 25%;text-align: left;padding-left: 40px;font-weight: bold;}
.job-tit span:nth-child(n+4){width: 11%;float:right;}

.job-tit span i{display: block;width: 20px;height: 60px;margin: 0 auto;background: url('../images/job-ico1.png') no-repeat center center;}
.job-tit.ontrue span i{background: url('../images/job-ico2.png') no-repeat center center;}
.job-main{width: 100%;overflow: hidden;background-color: #fff;padding: 20px 40px 40px;font-size: 14px;color: #666;line-height: 26px;display: none;}
.job-main h6{line-height: 26px;font-size: 14px;color: #000;font-weight: bold;padding-top: 20px;}
.job-main .apply{width: 130px;height: 40px;cursor: pointer;font-size: 14px;color: #fff;text-align: center;line-height: 40px;background: linear-gradient(to right, #239bd9,#0177b5);border-radius: 30px;display: block;margin-top: 40px;}

.position-tit{width: 100%;text-align: center;font-size: 22px;color: #333;font-weight: lighter;}
.contain{margin:40px auto;}
.wix{font-size: 16px;color: #666;font-weight: lighter;line-height: 20px;max-width: 800px;margin: 10px auto 0;text-align: center;}


/*产品*/
.i-puxx{background:#666;color:#fff;line-height:40px;width:96%;margin:10px auto;box-sizing:border-box;padding-left:20px;display:none}

.i-put{overflow:hidden;margin:40px auto 30px;}
.i-put-a{width:260px;float:left;margin-bottom:40px;}
.i-put-a-a{font-size:26px;padding:20px 0;background:#49afe3;color:#fff;text-align:center;margin-bottom:1px;}
.i-put-a-b{box-sizing:border-box;background:#f8f8f8;}
.i-put-a-b li{border-bottom:1px solid #eee;box-sizing:border-box;}
.i-put-a-b li p{box-sizing:border-box;padding-left:20px;display:inline-block;width:calc(100% - 40px);font-size:16px;vertical-align: middle;}
.i-put-a-b li i{vertical-align: middle;text-align:center;width:40px;line-height:40px;cursor: pointer;display:none;}
.i-put-a-b li dl{background:#fff;box-sizing:border-box;display:none;}
.i-put-a-b li dd:before{content: '';display:inline-block;vertical-align: middle;border-top:7px solid #ccc;border-right:7px solid #fff;transform:rotate(135deg);}
.i-put-a-b li dd a{display:inline-block;width: calc(100% - 30px);padding-left:10px;box-sizing:border-box;}
.i-put-a-b li dd{line-height:48px;padding-left:20px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}
.i-put-a-b li dd:last-child{border-bottom:0;}
.i-put-a-b li p a{display:block;padding:15px 0;}
.i-put-a-b li.out{background:#49afe3;}
.i-put-a-b li.out p a{color:#fff;}
.i-put-a-b li.out i{color:#fff;}
.i-put-a-b li.out dl{display:block;}

.i-put-js{display:none;}
.i-put-js p{display:inline-block;transform:rotate(-90deg);}
.i-put-js img{max-width:100%;}


@media screen and (min-width:980px){
.i-put-a-b li:hover{background:#49afe3;}
.i-put-a-b li:hover p a{color:#fff;}
.i-put-a-b li:hover i{color:#fff;}
.i-put-a-b li dd:hover{background:#f6f6f6;}
.i-put-a-b li dd:hover a{color:#49afe3;}
}

.i-put-aa{width:calc(100% - 300px);float:right;box-sizing:border-box;padding:5px;}

.cptu{overflow:hidden;box-sizing:border-box;}
.cptu ul{}
.cptu li{margin-bottom:30px; position:relative;box-sizing: border-box;border:1px solid #eee;transition:all 0.3s;}
.cptu li a{display:grid;grid-template-columns: 240px calc(100% - 270px);align-items: center;justify-content: space-between;}
.cptu li img{width:100%; vertical-align:middle}
.cptu li:hover{background:#f2f2f2; box-shadow:0 1px 10px #999;}
.cp-a{overflow:hidden;box-sizing:border-box;padding:20px;}
.cp-b p{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;box-sizing: border-box;color:#333;margin-bottom:20px;}
.cp-b .span{display:block;line-height:24px;box-sizing:border-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.cptu li:hover p{color:#49afe3;}


/*详情*/
.pro-c{margin:auto;}
.i-proda{overflow:hidden;}
.i-proda-a{width:50%;float:left;}
.i-proda-b{width:calc(50% - 50px);margin-left:50px;float:left;color:#2b2b2b;margin-top:20px;}
.i-proda-b-a{font-size:18px;border-bottom:1px solid #e8e8e8;padding-bottom:10px; font-weight:bold;}
.i-proda-b-b{margin:20px auto;line-height:24px;font-size: 14px;box-sizing: border-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.i-proda-b-bb{font-size:18px;margin-top:50px;}
.i-proda-b-bb a{display:inline-block;text-align:center;color:#fff;font-weight:bold;padding:8px 30px;background:#49afe3;}
.i-proda-b-c{margin-top:30px;font-weight:bold;color: #0089e1;font-size:18px;}
.i-proda-b-c img{margin-right:10px;}
.i-proda-c{margin-top:20px;padding-top:20px;}
.i-proda-ca{border-bottom:2px solid #efefef;font-size:16px; font-weight:bold;}
.i-proda-ca p{display:inline-block;padding:10px 50px;background:#eaeaea; border-top-left-radius:6px;border-top-right-radius:6px; cursor:pointer;}
.i-proda-ca p.avie{background:#49afe3;color:#fff;}
.i-proda-ca h4{display:inline-block;padding:10px 40px;text-align:center;background:#fff; cursor:pointer;transform:translateY(1px);border-top:1px solid #eee;font-size:16px;box-sizing:border-box;}
.i-proda-ca h4:nth-child(1){border-left:1px solid #eee;}
.i-proda-ca h4:nth-child(2){border-right:1px solid #eee;}
.i-proda-ca .active{background:#f39500;color:#fff;border-top:1px solid #f39500;}
.i-proda-cb{font-size:14px;line-height:28px;margin:30px auto;color: #444;overflow-x: auto;}

.i-proda-cb table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:22px!important;}
.i-proda-cb table td{padding: 8px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:22px!important;}
.i-proda-cb table td div{padding: 0px!important;height:auto!important;}

.i-proda-cb img{max-width:100%;}
.i-proda-cb .i-cpct{ overflow-y:auto;display:none;}
.i-proda-cb .i-cpct table{width:100%;text-align:center;border-collapse:collapse;border-spacing:1;border-spacing:0;}
.i-proda-cb .i-cpct table td{word-break: break-all; word-wrap:break-word;border-right:1px solid #939598; border-bottom:1px solid #939598;}

.ye{border-top:1px solid #eee;padding:20px 0;position:relative;}
.ye p{padding:5px 0;font-size:14px;color:#666;}
.ye p a{color:#666}
.ye p a:Hover{color:#49afe3;}
.ye i{ font-style:normal;font-size:14px;positioN:absolute;top:20%;right:0;padding-left:28px;background:url(../images/tb30.png) left no-repeat;}
.ye i:Hover{background:url(../images/tb31.png) left no-repeat;}
.ye i:Hover a{color:#F00;}

.i-puo-d{border-top:1px solid #eee;padding-top:20px;overflow:hidden;}
.i-puo-d h5{font-size:20px;margin-bottom:20px;position:relative;}
.i-puo-d h5:before{content: '';width: 5px;height: 20px;background: #49afe3;margin-right: 5px;display: inline-block;vertical-align: middle;}
.i-puo-d h5 b{display:inline-block;vertical-align: middle;}
.i-puo-d ul{overflow:hidden;box-sizing:border-box;margin-right:-2%}
.i-puo-d li{width:23%;float:left;margin-right:2%;text-align:center;}
.i-puo-d img{width:100%; transition:all 0.3s;border:1px solid #eee;box-sizing:border-box;}
.i-puo-d p{margin-top:15px;}
.i-puo-d li:hover p{color:#0081c2;}
.i-puo-d li:last-child{margin-right:0;}
.i-puo-d li:hover img{transform:scale(0.9)}