@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

.contain{width:1200px;margin:0 auto;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;}

/*--- Header ---*/
.Header-wrapper{z-index:99;position:relative;left:0px;top:0px;width:100%;}

.header-container{position:absolute;width:100%;top:0px;left:0px;z-index:90;height:86px;}
.header-container:hover{background:#fff;transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.logot{display:none;}
.header-container:hover a{color:#333;}
.header-container:hover .Hsearch{color:#333;background:url(../images/ind_toptelon.png) no-repeat 20px center;}
.header-container:hover .logoone{display:none!important;}
.header-container:hover .logot{display:block!important;}

.hdfix{background:#fff;position:fixed;}
.hdfix a{color:#333!important;}
.hdfix .Hsearch{color:#333;background:url(../images/ind_toptelon.png) no-repeat 20px center;}
.hdfix .Hlang-menu{background: url(../images/icon-Hlang2on.png) no-repeat left center;text-align: center;}

/*logo*/
.Hlogo{height:86px;line-height:86px;font-size:0px;float:left;overflow:hidden;}
.Hnav{height:86px;line-height:86px;float:right;}
.Hsearch{float:right;color:#fff;font-size:20px;width:190px;height:86px;line-height:86px;background:url(../images/ind_toptel.png) no-repeat 20px center;text-align:right;}

.Hnav ul{display:inline-block;}
.Hnav ul li{float:left;margin-left:58px;}
.Hnav li a{color:#fff;}
.Hnav li a:hover{color:#3395f9;}

/*语言*/
.Hlang{position:relative;float:right;margin-left:3%;}
.Hlang-menu{display:block;width:67px;height:86px;line-height:86px;color:#fff;background:url(../images/icon-Hlang2.png) no-repeat left center;text-align:center;}


.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:60px;right:-65px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.header-container:hover .Hlang-menu{background:url(../images/icon-Hlang2on.png) no-repeat left center;}

.Hlang:hover .Hlang-box{display:block;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#30a2dd;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}


/*--- Footer ---*/
.Footer-wrapper{z-index:98;background:#202020;color:#fff;}
.foot{height:144px;overflow:hidden;line-height:144px;}
.foot .ftlogo{width:300px;float:left;}
.foot .ftmenu{float:left;margin-left:100px;}
.foot .ftmenu a{display:inline-block;margin-left:35px;padding-left:35px;position:relative;}
.foot .ftmenu a:first-child{position:static;}
.foot .ftmenu a:after{content:"";left:0px;top:65px;width:2px;height:15px;background:rgba(255,255,255,0.2);position:absolute;}
.copyright{border-top:1px solid #2b2b2b;height:60px;line-height:60px;text-align:center;}
.ftshare{float:right;}
.ftshare a{padding:0px 8px;}

.footer-link{width:100%;padding:15px 0 5px;line-height:30px;border-top:1px solid rgba(255,255,255,.1);margin:20px 0 0;}
.footer-link a{display:inline-block;font-size:12px;margin:0 5px 0 0;}



/*web*/
#web-bnr{display:none;}
#web-bnr .bnr-img{min-height:300px;}
#web-bnr .swiper-slide a{display: block;}
#web-bnr .swiper-pagination{position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
#web-bnr .swiper-pagination .swiper-pagination-switch{display: inline-block;width:12px;height:12px;border-radius:12px;background:#555;margin:0 5px;opacity: 0.8; border: 1px solid #fff;cursor: pointer;}
#web-bnr .swiper-pagination .swiper-active-switch{background:#fff;}


/*--- Container ---*/
.Container-wrapper{width:100%;}
.ind_model{width:100%;background:#fff;margin:1.5625% 0;overflow:hidden;}
.ind_model ul li{width:31.25%;float:left;margin-left:1.5625%;position:relative;}
.ind_model ul li .medie-play{position:absolute;left:50%;top:50%;width:69px;height:69px;margin-left:-35px;margin-top:-35px;}
.ind_model ul li p{position:absolute;left:50%;top:50%;width:100px;height:69px;margin-left:-50px;margin-top:45px;font-size:24px;font-weight:lighter;color:#fff;}
.ind_model ul li h4{position:absolute;left:0px;bottom:0px;background-color:rgba(0,0,0,0.6);width:100%;height:48px;line-height:48px;padding:0px 10px;color:#fff;font-size:16px;font-weight:normal;}
.ind_model ul li span{position:absolute;right:10px;background:url(../images/icon_idjt.png) no-repeat right center;padding-right:20px;text-transform:uppercase;font-size:12px;}
.ind_model ul li img{max-width:100%;}

.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;}
.media-modal .mediaModal-contain{width:960px;height:540px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -480px;display:block;}

.mediaModal-contain .closev{display:block;width:32px;height:32px;background:url(../images/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:-50px;z-index:2;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:980px){.mediaModal-contain .closev{opacity:1;}}


.indpro{background:#f5f5f5;padding:0.7rem 0;}
.indpro h2{text-align:center;color:#333;font-size:30px;font-weight:normal;margin-bottom:.45rem;position:relative;}
.indpro h2:after{content:"";width:75px;position:absolute;left:50%;top:50%;margin-left:-150px;height:1px;background:#e1e1e1;}
.indpro h2:before{content:"";width:75px;position:absolute;left:0px;height:1px;left:50%;top:50%;margin-left:75px;background:#e1e1e1;}

.indpro ul{overflow:hidden;margin-left:-22px;}
.indpro ul li{width:385px;float:left;margin-left:22px;background:#fff;margin-bottom:0.35rem;}
.indpro ul li .ip_note{padding:0.2rem;}
.indpro ul li .ip_note h4{font-size:16px;border-bottom:1px solid #e1e1e1;margin-bottom:17px;padding-bottom:17px;color:#333;font-weight:normal;position:relative;}
.indpro ul li .ip_note h4 span{position:absolute;right:0px;top:2px;}
.indpro ul li .ip_note h4 a:hover{color:#3395f9;}
.indpro ul li .ip_note p{font-size:14px;color:#777;line-height:30px;}
.indpro ul li .com-img{overflow:hidden;}
.indpro ul li .com-img img{width:100%;height:auto;object-fit:cover;}

/*内页头部*/
/*--- Header ---*/
.pub_header{z-index:99;position:fixed;left:0px;top:0px;width:100%;height:70px;}

.pub_header .pub_headerbox{position:absolute;width:100%;top:0px;left:0px;z-index:90;height:70px;background:#fff;box-shadow:0px 0px 6px #ccc;}
/*logo*/
.pub_header .Hlogo{height:70px;line-height:70px;font-size:0px;float:left;overflow:hidden;}
.pub_header .Hnav{height:70px;line-height:70px;float:right;}
.pub_header .Htel{float:right;font-size:20px;width:190px;height:70px;line-height:70px;margin-left:58px;text-align:right;color:#005FC0;background:url(../images/ind_toptelon.png) no-repeat 20px center;}
.hdfix .Htel{}
.pub_header .Hnav ul{display:inline-block;}
.pub_header .Hnav ul li{float:left;margin-left:58px;}
.pub_header .Hnav li a{color:#444;}
.pub_header .Hnav li a:hover,.pub_header .Hnav ul li.on a{color:#3395f9;}
.toppro{position:absolute;width:100%;background:#fff;left:0px;display:none;border-top:1px solid #eee;}
.toppro .contain{margin:30px auto;overflow:hidden;}
.tpttab{float:left;width:155px;float:left;border-right:1px solid #eee;}
.tpttab h4{height:35px;line-height:35px;color:#333;font-weight:normal;cursor:pointer;}
.tpttab h4.tabon{color:#3395f9;}
.tpprolist{float:right;overflow:hidden;}
.tpprolist ul{display: block;width:1000px;overflow:hidden;height:150px;}
.tpprolist ul li{width:25%;float:left;text-align:center;margin-left:0px!important;}
.tpprolist ul li h4{height:30px;line-height:30px;font-weight:normal;color:#666;}

.topabout{position:absolute;border-top:1px solid #eee;width:120px;background:#fff;text-align:center;padding:20px 0px;margin-left:-30px;display:none;}
.topabout dl dd{height:35px;line-height:35px;}
.topabout dl dd a{color:#666;}

/*新闻中心*/
.bann{height:330px;width:100%;}

/*面包屑*/
.crumbs .contain{margin-top:28px;border-bottom:1px solid #ececec;padding-bottom:20px;}
.crumbs .cr_fl{color:#444;font-size:18px;font-weight:bold;float:left;}
.crumbs .cr_fr{float:right;color:#777;}
.crumbs .cr_fr span.home{display:inline-block;background:url(../images/icon_home.png) no-repeat center;width:14px;height:12px;margin-right:5px;}
.crumbs .cr_fr a{color:#777;}
.crumbs .cr_fr a:hover{color:#005fc0;}

.newslist{margin-bottom:0.5rem;}
.newslist ul li{margin-top:30px;padding-top:30px;border-top:1px solid #ececec;overflow:hidden;}
.newslist ul li:first-child{border-top:0px;}
.newslist ul li .news_img{width:27.25%;float:left;overflow:hidden;}
.newslist ul li .news_note{width:66.66%;float:right;}
.newslist ul li .news_note h4{font-size:20px;color:#222;font-weight:normal;}
.newslist ul li .news_note h4 a:hover{color:#005fc0;}
.newslist ul li .news_note p{color:#777;margin:20px 0;line-height:28px;}
.newslist ul li .news_note span{color:#999;}


/*新闻详情*/
.flip_pages{border-top:1px solid #eee;padding-top:30px;margin-bottom:100px;}
.flip_pages .f_prev{width:50%;float:left;}
.flip_pages a{color:#777;}
.flip_pages a:hover{color:#007cc3;}
.flip_pages .f_next{width:50%;float:right;text-align:right;;}

.news .return{display: block;width:130px;height:42px;margin:0px auto;background:#fff;text-align:center;color:#fff;line-height:42px;border:1px solid #e1e1e1;color:#666;}
.news .return span{font-family:"宋体";}
.news .return:hover{background:#0054a5;color:#fff;}
.news{margin:60px auto 75px;}
.news h1{font-size:36px;font-weight:lighter;text-align:center;}
.news p.date{color:#999;text-align:center;margin:10px auto 40px;}
.news .content{color:#666;}
.news .content p{margin-bottom:20px;line-height:30px;}
.news .content p img{max-width:100%;display: block;margin:0px auto;}
.news .artInfo p{line-height: 24px;font-size: 12px;color: #b1b1b1;margin-top:50px;}

/*关于我们*/
.about{margin:40px auto;}
.about .abpicl{overflow:hidden;}
.about .abpicl li:first-child{margin-left:0px;}
.about .abpicl li{width:395px;float:left;margin-left:7px;}
.about p{margin-bottom:40px;color:#777;line-height:30px;}
.about .abmodel{border-bottom:1px solid #e1e1e1;margin:0.4rem auto;overflow:hidden;}
.about .abmodel li:first-child{border-left:0px;}
.about .abmodel li{width:33.3333%;float:left;text-align:center;border-left:1px solid #e1e1e1;margin-bottom:30px;}
.about .abmodel li h4{font-size:48px;color:#333;margin-bottom:30px;}
.about .abmodel li:nth-child(2) h4{font-size:28px;color:#333;margin-bottom:40px;line-height:50px;}
.about .abmodel li p{margin-bottom:0px;}


/*联系我们*/
.contact{margin:60px auto 100px;}
.contact h2{font-size:30px;color:#333;font-weight:lighter;text-align:center;margin-bottom:40px;}
.contact ul.lxfs{overflow:hidden;margin:55px auto 65px;}
.contact ul.lxfs li{width:25%;float:left;overflow:hidden;}
.contact ul.lxfs li .ct_pic{float:left;width:90px;height:90px;border:1px solid #e1e1e1;line-height:90px;text-align:center;border-radius:50%;margin-right:20px;}
.contact ul.lxfs li .ct_pic:hover{border-color:#0066cb;}
.contact ul.lxfs li .ct_note{float:left;display:inline-block;}
.contact ul.lxfs li .ct_note h4{margin-top:10px;font-size:16px;color:#222;font-weight:normal;}
.contact ul.lxfs li .ct_note p{color:#666;margin-top:15px;line-height:25px;}

.message{border-top:1px dashed #e1e1e1;padding-top:50px;}
.message h2{position:relative;padding-bottom:20px;}
.message h2:after{content:"";position:absolute;left:50%;bottom:0px;width:95px;height:1px;background:#ccc;margin-left:-47px;display: block;}
.message p{text-align:center;color:#666;}
.message ul li{width:588px;height:45px;margin-bottom:25px;float:left;}
.message ul li:nth-child(2n){float:right;}
.message ul li input{border:1px solid #dcdcdc;color:#888;width:100%;height:100%;padding:0px 8px;}
.message ul textarea{outline:none;border:1px solid #dcdcdc;width:100%;height:3rem;padding:8px;color:#888;margin-bottom:25px;}
.message ul .inp_sub{background:#0066cb;height:44px;line-height:44px;width:100%;border:0px;color:#fff;cursor:pointer;}


/*合作伙伴*/
.pub_main{margin:30px auto 150px;overflow:hidden;}
.pub_main .pubm_fl{width:230px;background:#f2f2f2;text-align:center;min-height:600px;float:left;}
.pub_main .pubm_fl h2{background:#0066cb;font-size:18px;color:#fff;border-radius:0px 5px 0px 0px;height:60px;line-height:60px;}
.pub_main .pubm_fl ul li.on a{background:#fff url(../images/icon_menujt.png) no-repeat 80% center;;color:#0066cb;}
.pub_main .pubm_fl ul li a{display: block;height:60px;line-height:60px;color:#777;}
.pub_main .pubm_fl ul li a:hover{background:#fff;color:#0066cb;}

.pub_main .pubm_fr{float:right;width:920px;}
.pubm_fr .crumbs{border-bottom:1px solid #ececec;padding-bottom:20px;margin-bottom:40px;}
.partner li{text-align:center;width:25%;float:left;margin-bottom:20px;}
.partner li img{border:1px solid #dcdcdc;max-width:100%;}
.partner li h4{color:#777;margin-top:15px;font-weight:normal;}

.server h4{font-size:15px;color:#333;margin-top:25px;margin-bottom:10px;position:relative;padding-left:10px;}
.server h4:after{position:absolute;content:"";left:0px;top:3px;width:3px;height:15px;background:#333;}
.server p{color:#777;line-height:30px;}

.down ul{overflow:hidden;}
.down ul li{width:45%;float:left;border-bottom:1px solid #ececec;margin-bottom:20px;padding-bottom:20px;overflow:hidden;}
.down ul li:nth-child(2n){float:right;}
.down ul li .down_note{width:80%;float:left;}
.down ul li .down_note h4{color:#666;font-weight:normal;margin-bottom:15px;}
.down ul li .down_note p{font-size:13px;color:#999;}
.down ul li .down_pic{width:15%;float:right;text-align:right;border-left:1px solid #ececec;}

/*用户体验*/
.experience .exp_note{padding:10px 0px;position:relative;}
.experience ul li{width:296px;float:left;margin-right:16px;margin-bottom:40px;}
.experience ul li:nth-child(3n){margin-right:0px;}
.experience ul li h4{font-weight:normal;color:#333;}
.experience ul li p{color:#777;margin-top:10px;}
.experience ul li img{width:100%;}
.experience .exp_note span{position:absolute;right:0px;bottom:20px;}

/*产品列表页*/
.pro_wrap{background:#f5f5f5;padding:30px 0px;}
.pro_wrap .indpro{padding:0px;}
.newpro{overflow:hidden;padding:30px 0;}
.newpro .newpro_fl{width:633px;float:left;}

.newpro .newpro_fl dl dd{background:#fff;margin-bottom:20px;height:300px;padding:40px;}
.newpro .newpro_fl dl dd .pic{float:left;width:50%;}
.newpro .newpro_fl dl dd .pic img{max-width:100%;}
.newpro .newpro_fl dl dd .note{float:right;width:50%;padding-left:30px;}


.newpro .newpro_fl h4{font-weight:lighter;font-size:30px;}
.newpro .newpro_fl h4 a{color:#000;}
.newpro .newpro_fl h4 a:hover{color:#005fc0;}
.newpro .newpro_fl p{font-size:18px;color:#777;margin:15px 0px;font-weight:lighter;}
.newpro .newpro_fl .more{display: block;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:25px;background:#005fc0;}
.newpro .newpro_fl .more:hover,.newpro .newpro_fr .more:hover{background:#02509f;}

.newpro .newpro_fr{width:548px;height:620px;background:#fff;float:right;padding:40px 70px;position:relative;}
.newpro .newpro_fr .nbox{width:50%;}

.newpro .newpro_fr .com-img{display: block;margin-top:20px;}
.newpro .newpro_fr .com-img img{max-width:100%;}
.newpro .newpro_fr h4{font-weight:lighter;font-size:30px;}
.newpro .newpro_fr h4 a{color:#000;}
.newpro .newpro_fr p{font-size:18px;color:#777;margin:15px 0px;font-weight:lighter;}
.newpro .newpro_fr .more{display: block;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:25px;background:#005fc0;}

/*产品中心-详情*/
.procrumbs{height:64px;line-height:64px;background:#f8f8f8;margin-bottom:40px;}
.procfl{width:490px;height:400px;float:left;}
.swiper-slide{background-size: cover;background-position: center;}
.gallery-top{height: 80%;width: 100%;border:1px solid #eee;}
.gallery-thumbs{height:20%;box-sizing: border-box;padding:10px 0;margin-top:-11px;}
.gallery-thumbs .swiper-slide{height:100%;border:1px solid #eee;cursor:pointer;background-size:cover;}
.gallery-thumbs .swiper-slide-active{border-color:#005fc0;}

.procfr{float:right;width:650px;}
.procfr h2{font-size:24px;color:#212121;margin-bottom:20px;padding-bottom:10px;font-weight:normal;}
.procfr p{font-size:14px;color:#777;margin-bottom:20px;line-height:28px;}
.procfr p span{color:#222;}

.protab{margin-top:47px;}
.protab .pcate{background:#f0f0f0;margin-left:0px;overflow:hidden;}
.protab .pcate li{float:left;padding:0px 50px;height:48px;margin-left:0px;line-height:48px;text-align:center;}
.protab .pcate li a{display: block;color:#777;}
.protab .pcate li a:hover{color:#333;}
.protab .pcate li.on,.protab .pcate li:hover{background:#005fc0;}
.protab .pcate li.on a,.protab .pcate li:hover a{color:#fff;}

.proct h4{text-align:left;font-size:16px;color:#333;margin:50px auto 20px;position:relative;padding-left:10px;}
.proct h4:after{content:"";left:0px;top:4px;width:3px;height:14px;background:#666;display: block;position:absolute;}
.proct p{color:#777;line-height:30px;}


.cslist{overflow:hidden;margin-bottom:70px;}
.cslist li.cs1{float:left;width:540px;}
.cslist li span{color:#444;}
.cslist li.cs2{float:left;width:340px;padding:0px 70px;min-height:400px;border-left:1px solid #ececec;border-right:1px solid #ececec;}
.cslist li.cs3{float:right;width:280px;margin-left:40px;}


/*add*/
#ind-bann {
  /* @charset "utf-8"; */
  width: 100%;
  max-width: 1920px;
  height:900px;
  overflow: hidden;
  margin: 0 auto;
  position:relative;
}

#ind-bann .note{display: block;width:500px;height:200px;position:absolute;left:50%;margin-left:-250px;top:15%;color:#fff;z-index:99;text-align:center;}
#ind-bann h2{font-size:96px;font-weight:bold;color:#b6d332;font-family:"Verdana";}
#ind-bann h2 span{font-size:74px;}
#ind-bann h3{font-size:44px;font-weight:lighter;color:#fff;letter-spacing:20px;}
#ind-bann h4{font-size:16px;font-style:Italic;color:#fff;font-family:"Verdana";letter-spacing:6px;white-space: nowrap;}
#ind-bann .banner_bg1{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
#ind-bann .mask{position:absolute;left:-50%;right:0px;top:0px;bottom:0px;}



.indroVinter-more{width: 100%;overflow: hidden;text-align: center;margin-top: 10px;}
.indroVinter-more a {
  display: inline-block;width: 136px;height: 40px;line-height: 40px;text-align: center;color: #fff;
  border-radius: 25px;background: #005fc0;font-size: 14px;
}
.indroVinter-more a:hover{background: #02509f;}