/* CSS Document */
body{}
@font-face {
  font-family: "Barlow-Bold";

  src: url("../fonts/Barlow-Bold.woff") format("truetype");
 
}
@font-face {
  font-family: "Oswald-Bold";

  src: url("../fonts/Oswald-Bold.otf") format("truetype");
 
}


.wm{margin:0 8%;}
.wm2{margin:0 8%;}
.zd01{width:100%;position:fixed; top:0;left:0; z-index:9999999;height:92px;}
.zd01.on{background-color: rgba(255,255,255,0.95);box-shadow:0px 0px  10px 0px #aaa; transition:all 0.4s;}
.zd01.on .search_btn img{filter: brightness(1);}
.zd01.on .lang img{filter: brightness(1);}
.zd01.on .lang{color:#444;}
.zd01.on .navi_body .navi_title a{color:#333;}

.zd01:hover{background-color: rgba(255,255,255,0.95);transition:all 0.4s;height: 420px;}
.zd01:hover .search_btn img{filter: brightness(1);}
.zd01:hover .lang img{filter: brightness(1);}
.zd01:hover .lang{color:#444;}
.zd01:hover .navi_title a{font-size: 18px !important;color:#333;}

/*导航下拉*/
.navi_head {height: 90px;}
.navi_body {float:right;overflow: hidden;height: 90px;}
.navi_body:hover {height: 420px;}
.navi_head>div>span {padding:0 32px;text-align: center;height: 420px;display: inline-block;font-weight: bold;font-size: 14px;vertical-align: top;}
.navi_head>div>span>p a {text-decoration: none;line-height:38px;font-size:16px;}
.navi_head>div>span>p a:hover {}
.navi_title {line-height: 90px;margin-top: 0;}
.navi_title a{font-size: 18px !important;color:#fff;}
.navi_body:hover .navi_title a{color:#333;}
.navi_head>div>span:hover {background: rgba(100,100,100,0.1);}
.navi_head>div>span:hover .navi_title a:hover{color:#0263ac;}

/*导航下拉结束*/

.top{width:100%; top:0;left:0; z-index:889; position:absolute;height:92px;}
.top .logo{float:left;padding-top:12px;}
.top .search_btn img{filter: grayscale(1) brightness(10);}
.top .lang img{filter: grayscale(1) brightness(10);}

.top .lang{float:right;margin-top:32px;height:21px;line-height:21px;margin-left:2%;font-size:16px;color:#fff;}
.top .lang img{vertical-align: middle;width: 30px;padding-right:7px;}
.top .top_tel{background: url(../images/tel.png) no-repeat left center;padding-left: 45px;font-family: Impact;font-size: 24px;color: #383838;float:right;margin-top:30px;}

.search_btn{margin-top:30px;margin-left:2%;cursor: pointer;float: right;position: relative;z-index: 1;}
.search_btn img{width:30px;height:30px;}
.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; display:none;}
.search_main{ padding:50px;background:#ffffff; position: fixed; left:50%; top:50%; z-index:10000; margin:-75px 0 0 -250px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:350px; height:50px; border:1px solid #005faf; padding:0 15px; float:left; font-size:14px;}
.search_main .submit{ width:50px; height:52px; background:#005faf url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}

.mbdh{ display:none;}

/*手机版搜索*/
.sj_search_bg{width:100%;overflow:hidden; display:none}
.sj_search{background:#ffffff;left:50%;position:relative;margin:10px 0 10px -190px;}
.sj_search .input{ width:300px; height:50px; border:1px solid #005faf; padding:0 15px; float:left; font-size:14px;}
.sj_search .submit{ width:50px; height:52px; background:#005faf url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}

/*首页banner*/
#banner { margin-top:0px;}
#banner .p_MatteIcon .iconfont:before{ content:'\e602'; } 
#banner >div{ animation-fill-mode:both; } 
#banner .banner-video .pcitem-m{display:none; } 
#banner .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; filter:brightness(0.95); } 
#banner .swiper-slide .bgimg{ transition:1s 2.5s; transform:perspective(1000px) translate3d(0, 0, 100px); } 
#banner .swiper-slide.swiper-slide-active .bgimg{ transition:5s 0s; transform:perspective(1000px) translate3d(0, 0, 0px); } 
#banner .iban a{ display:block;width:100%;height:100%;color:#fff; } 
#banner .mobitem{ display:none;} 
#banner .bannerBox .iban{ height:700px; position:relative; } 
#banner .bannerBox .iban:after{ content:''; position:absolute; height:477px; background:url(../images/nav_shadow.png) no-repeat top center/cover;top:0px;left:0px; z-index:1; pointer-events:none;} 
#banner .bannerBox .iban .swiper-slide{ height:100%; overflow:hidden; }
#banner .bannerBox .iban .banner-video{ height:100%; position:relative;}
#banner .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;/*background-image: linear-gradient(to left,rgba(22,148,198,0.1),rgba(22,148,198, 0.3))*/;color:#fff;  } 
#banner .banner_img .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;  color:#fff;  } 
#banner .v_cover .v_con{ margin-left:auto; margin-right:auto; position:relative; z-index:5; WIDTH:85%;} 
#banner .swiper-slide .v_con *{ transition-delay:transform 2s, opacity 0s; transition-duration:2s; transform:translate3d(0, 80px, 0); opacity:0; } 
#banner .swiper-slide.swiper-slide-active .v_con *{ transform:translate3d(0, 0px, 0); opacity:1; } 
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(1){ transition-delay:0.5s; } 
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(2){ transition-delay:0.7s; } 
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(3){ transition-delay:0.9s; } 
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(4){ transition-delay:1.1s; } 
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(5){ transition-delay:1.3s; } 
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(6){ transition-delay:1.5s; } 
#banner .v_cover .v_tit_en{  font-size:46px; line-height:1.2!important; margin-top:0%; text-transform:uppercase;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);}
#banner .v_cover .v_text1{ font-size:45px; line-height:1.4; font-weight:normal; letter-spacing:0px; font-weight:bold; margin-top:20px; margin-bottom:20px; } 
#banner .v_cover .v_line{ width:70px; height:3px; background:#F0F0F0; margin-top:2%; margin-bottom:2%; display:none; } 
#banner  .v_cover .v_text2{ font-family:"Barlow-Regular"; font-size:22px; line-height:1.6; /*margin-top:3%; */margin-bottom:5%; width:70%;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);} 
#banner .banner_img .v_cover .v_text2{  } 
#banner .v_playvideo{height:auto;  } 
#banner .v_border{ display:block; border:2px  dotted #fff; line-height:40px; width:150px; text-align:center; position:relative; }
#banner .v_border:hover{ background:#005faf; border:1px solid #005faf; } 
#banner .v_border:hover a{ color:#fff;}
#banner .v_cover .v_more{ font-size:12px; } 
#banner .swiper-slide .v_cover .v_img{ opacity:0; transition-duration:2s; transition-delay:0.8s; } 
#banner .swiper-slide.swiper-slide-active .v_cover .v_img{ opacity:0.1; } 
#banner .banner-video{ background:url(../images/ban1.jpg) no-repeat center center; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ width:auto; height:auto; transform:translate(-50%, -50%) !important; } 
#banner .bannerBox .iban .banner-video{ height:100%!important}
#banner .bannerBox .iban .banner-video video{ filter:brightness(0.8); position:absolute; top:50%; border:0px; left:50%;/* min-width:120%;*/ min-height:100%; width:115%; height:100%!important; z-index:0; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } 
#banner .bannerBox .iban .text{ position:absolute; font-size:36px; color:#fff; left:90px; bottom:80px; line-height:1px; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:50px; line-height:1px; } 
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border-radius:10px; background-color:rgba(255,255,255,1); margin:0 8px; opacity:1; transition:all 0.4s ease; } 
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; width:50px; } 

@media only screen and (max-width: 768px){ 
#banner .v_cover .v_tit_en{ font-size: 40px; } 
#banner .v_cover .v_con { max-width:100%!important;} 
#banner .banner-video .pcitem-m{ display:block; } 
#banner .mobitem{ display:block; } 
#banner .pcitem{ display: none; } 
#banner .bannerBox .iban { height: 68vh; position: relative; } 
#banner .v_cover .v_text1{ font-size: 26px; line-height: 1.6!important; margin-bottom:10px; margin-top:10px; } 
#banner .v_cover .v_text2{ width:100%; font-size:17px; margin-top:15px; } 
#banner .v_playvideo{ display:none; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ display:none; } 
#banner .v_cover .v_line { margin-top:20px; height:2px; width:70px;}
#banner .bannerBox .iban:after{ display: none; } 
#banner .v_cover .v_tit_en {font-size: 30px;letter-spacing: 5px;}
#banner .bannerBox .iban .text{ bottom: auto; top:10rem; font-size:1.2rem; text-align: center; left: 0; width: 100%; } 
#banner .bannerBox .iban .play{ position: absolute; width: 2.8rem; height:2.8rem; background: url(../images/yx_vplay.png) no-repeat center/100%; top: 15rem; left: 50%; margin-left: -1.4rem; cursor: pointer; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:1.9rem; } #banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet { /*width: 8px;*/ height: 8px; margin: 0 4px; } 
banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active { width: 20px!important; } } 
#banner{ width:100%; max-width:none;  height:100%; max-height:none; min-height:0px;  margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } 


.flex{ display:flex; }
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-between{ display: flex; justify-content: space-between}
.flex-center-center{  display: flex; align-items: center; /*justify-content: center;*/}

.sy_title{text-align:center;padding-top:70px;}
.sy_title h2{font-size:36px;color:#1d2830;font-weight:bold;padding-top:7px;letter-spacing:2px; }
.sy_title p{font-size:16px;padding-top:15px;color:#666;}
.sy_title2{text-align:center;padding-top:70px;}
.sy_title2 h2{font-size:36px;color:#fff;font-weight:bold;padding-top:7px;letter-spacing:2px; }
.sy_title2 p{font-size:16px;padding-top:15px;color:#fff;}


/*首页公司简介*/
.con_01{width: 100%;background: url(../images/bg2.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;padding-top: 100px;padding-bottom: 80px;}
.index_about .abtxt{ width:50%;}
.index_about .abtxt i{width:50px;height:2px;display:block;background:#1d2830;}
.index_about .abtxt h1{font-size:42px;color:#1d2830;font-family:Arial;font-weight:bold;padding-top:17px;}
.index_about .abtxt h2{font-size:24px;color:#005faf;padding-top:6px;}
/*.index_about .abtxt .ab2{ color:#005faf; font-size:25px;}*/
.index_about .abtxt .abnr{ line-height:34px; margin-top:30px;font-size:16px; margin-bottom:10px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:7 ;-webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis;}
.index_about .abtxt .abnr p{ margin-bottom:10px;}

.index_about ul{margin-top:12px;}
.index_about ul li{float:left;padding:0 15px;height:44px;line-height:44px;font-size:16px;}
.index_about ul .li1{background:#12458d;color:#fff;}
.index_about ul .li1 img{ vertical-align:middle;padding-right:3px;}
.index_about ul .li2{background:#f1f4f7;margin-left:6px;}

.index_about .more{text-align:right;margin-bottom:12px;}
.index_about .more a{color:#12458d;text-decoration:underline;}
.index_about .abtu{width:43%; overflow:hidden;}

/*焦点图*/
.focus{ position:relative; width:100%; height:429px;  }  
.focus img{ width:100%; height:429px;} 
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#0067ac;}  
.focus .fPic{ position:absolute; left:0px; top:0px; width:100% }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%;/* display:none; background:#000 */ }  
.focus .fcon img{ display:block; width:100%}  
.focus .fbg{bottom:20px;/* right:20px;*/ position:absolute; height:21px; text-align:center; z-index: 200; width:50%; margin:0 auto; left:25%; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; display:inline-block}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px;  margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; border-radius:50px; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#005faf;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 

.xuanchuan ul{ margin-top:40px;}
.xuanchuan ul li{ text-align:center;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);width:20%;float:left;padding:1% 1.5%;margin:1%;background:#fff;}
.xuanchuan ul li .itu{ width:60px; height:60px; border-radius:60px; border:1px solid #717171;display: flex; justify-content: space-between; align-items: center; margin:0 auto; margin-bottom:10px;transition: transform 0.5s; }
.xuanchuan ul li:hover .itu {transform: rotateY(180deg); /* 鼠标悬停时，‌图片沿Y轴旋转180度 */}
.xuanchuan ul li .itu img{ height:30px;margin:0 auto; }
.xuanchuan ul li .xab1 .xshuzi{ font-size:42px; font-weight:bold; color:#333;}
.xuanchuan ul li .xab1 {display: flex;justify-content: center;}
.xuanchuan ul li .xab1 .xms{ background:#005faf; width:25px; height:25px; text-align:center; line-height:25px; color:#fff; border-radius:50px; margin-top:25px; margin-left:10px;}
.xuanchuan ul li .xuan{ margin-top:5px; font-size:17px;}


/*首页产品*/
.innovative{width: 100%; position: relative;}
.innovative-img{width: 100%;height: 800px;   }
.innovative-img .on1 {left: 0;opacity: 1;z-index: 2;transition: 0.5s;}
.c1{opacity: 0;transition: all 1s linear;position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.c1>img{width: 100%;height: 100%;}
.max-width {width: 100%;margin: 0 auto;}
.c1-text{position: absolute;left:40%;top: 100px;transform: translate(-40%); width:90%}
.c1-text .pname{color:#fff;font-size: 36px;margin-bottom:28px;font-weight: bolder;}
.ccp ul li{width:14%;text-align:left; float:left;margin-right:4%; border-bottom:1px #fff  solid; transition:all 0.4s; margin-bottom: 35px;line-height: 36px;}
.ccp ul li a{color:#fff;}

.c1-text .biao{ font-weight:normal; font-size:20px; height:60px; /* overflow:hidden; */ display:block; color:#fff;}
.c1-text ul li span{ font-family:Barlow-Regular; font-size:18px;color:#fff;}


.c1-text ul li:hover{ background:rgba(0,161,229,0.8) ; transition:all 0.4s;/* padding:1%*/}
.sdrt{ width:100%; }
.innovative-list p img {display: block; margin-right:20px;width: 70px;}
.innovative-box{ display: flex; justify-content: space-between; z-index: 99;position:absolute; bottom:0px;}
.innovative-list{flex: 1;height: 140px;padding-top:19px;text-align: center;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(00, 00, 00, 0.2);cursor: pointer;position: relative; display:flex;align-items: center;}
.innovative-list p{height:100px;  width:30%; margin-left:5% }
.innovative-list .a-link{display: block; }
.innovative-list span{font-size: 20px;/* text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; */color: #fff; }
.innovative-list a{font-size: 14px; text-transform:capitalize;font-weight: 400;color: #fff;display: block;margin-top: 23px; text-align:left}
.innovative-box .bg-active{background-color:rgba(0,161,229,0.8);border: 1px solid rgba(0,161,229,0.8); border: none;cursor: pointer;transition: 0.2s;transition-duration:0.2s;}
.bg-active span{color: #fff;}

.yuluo {margin-right: 3%; text-align:left;margin-left: 5%;}

@media only screen and (max-width:1023px) {

.sdrt img{ height:30px; }
.max-width {width:100%;}
.innovative-img {height:100vh;object-fit: cover; width:100%;overflow:hidden;}
.innovative-box {flex-wrap:wrap;height:auto; border:0px;}

.c1-text {top:0.77rem;padding-left:5%;}
.innovative-list {border: 0px solid rgba(255, 255, 255, 0.1);}
.c1-text p {width: 30%;font-size:12px;line-height:.38rem;margin-bottom:.35rem;overflow: hidden;margin-right:3%;}
.c1-text .biao{ height: 30px !important;; overflow:hidden;font-size:16px; letter-spacing:-0.5px; font-weight:normal}

.innovative-list p img {width:50px; margin-top:24px;}
.innovative-list {width:49.54%;flex:none;height:70px;margin-bottom:0;padding-top:0px;}
.innovative-list a {display:none!important;}
.ccp ul li {width: 30%; text-align: left;float: left;margin-right: 1.5%; margin-right:1.5%;border-bottom: 1px #fff solid;transition: all 0.4s;margin-bottom: 20px;line-height: 36px;}
.ccp ul li span{ font-size:14px;}
.c1-text {position: absolute;left: 0%;top: 45px;transform: translate(0%);width: 95%;}
.c1>img {width: 100%;height: 100vh;object-fit: cover;}
.c1-text p span {font-size: 14px;}
.innovative-list span{ font-size:16px;}
.yuluo {margin-top: 0;margin-right: 3%; margin-left:3%; display:flex;justify-content: center;align-items: center;}
.c1-text .pname{font-size:30px;}
}


.con_03{width:100%;overflow:hidden;background:url(../images/index_12.jpg) no-repeat top center fixed;margin-top:90px;padding-bottom:80px;padding-top:20px; }
.con_03 ul{margin-top:50px;}
.con_03 ul li{width:23%;margin:0 1%;float:left;overflow:hidden}
.con_03 ul li img{width:100%;height:260px; transition:all 1s;}
.con_03 ul li:hover img{ transform-origin:center center; transform:scale(1.10,1.10)}
.con_03 .gd{width:250px;margin:42px auto 0;height:46px;line-height:46px;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;}
.con_03 .gd a{color:#fff;font-size:16px;}
.con_03 .gd:hover a{font-weight:bold;}


.con_05{width:100%;overflow:hidden;}
.con_05 .title{font-size: 34px;text-align: center;line-height: 40px;margin-top: 20px;color:#2660a6;font-weight:bold;}
.con_05 .title2{font-size: 18px;text-align: center;padding-top:10px;border-bottom:1px solid #eaeaea;padding-bottom:25px;margin-bottom:50px;}
.news_op{float:left;width:38%;}
.news_op dl dt{width:100%;height:332px;overflow:hidden}
.news_op dl dt img{width:100%;height:auto; transition:all 1s;}
.news_op:hover dl dt img{ transform-origin:center center; transform:scale(1.15,1.15);}
.news_op dl dd .time{color:#999999;font-size:16px;line-height:44px;height:44px;}
.news_op dl dd .bt a{font-size:24px;}
.news_op dl dd .txt{font-size:14px;line-height:24px;padding-top:10px;color:#a6a6a6;}
.news{float:right;width:58%;}
.news ul li{padding:25px 0;margin:15px 0;}
.news ul li:hover{background:#12458d;}
.news ul li:hover .time{color:#fff;}
.news ul li:hover .js .bt a{color:#fff;}
.news ul li:hover .js .txt{color:#fff;}
.news .time{float:left;width:20%;text-align:center;border-right:1px solid #d1d1d1;height:80px;color:#3a3a3a;}
.news .time h1{font-weight:bold;font-size:40px;padding-top:10px;}
.news .time h2{font-size:16px;padding-top:5px;}
.news .js{float:right;width:75%;}
.news .js .bt{font-size:20px;}
.news .js .bt a{color:#000;}
.news .js .txt{padding-top:10px;line-height:24px;color:#999}
.bor_bot{border-bottom:1px solid #eaeaea;padding-bottom:25px;margin-bottom:50px;}

#bottom{background:#232324;width:100%;overflow:hidden;padding-top:20px;color:#999999;margin-top:60px;padding-top:50px;font-size:15px;}
#bottom .lm_t{font-size:18px;color:#fff;font-weight:bold;}
#bottom a{color:#bdbdbe;font-size:15px;}
#bottom a:hover{color:#fff;}
#bottom ul{margin-top:18px;}
#bottom ul li{line-height:34px;font-size:14px;}

.fotv1{ width:100%; margin-left:0%; margin-right:0%; border-bottom: rgba(255,255,255,.1) solid 1px; margin-bottom:50px; color:#fff; font-size:16px; padding-bottom:18px; height:110px;font-family:Arial, "微软雅黑"; line-height:25px;}
.fotv1 a{ color:#fff;  }
.add1{ width:32.333333%; float:left; background:url(../images/add.png) no-repeat left  top; padding-left:3%; height:50px;}
.add2{ width:23.333333%; float:left; background:url(../images/tem.png) no-repeat left top; padding-left:5%;}
.add3{ width:21.333333%; float:left; background:url(../images/tell.png) no-repeat left top; padding-left:5%;height:60px; padding-top:5px;}


.bot_01{width:12%;float:left;}
.bot_logo{float:left;width:22%;}
.bot_logo .wx{width:150px;text-align:center;margin-top:22px;}
.bot_logo .wx p{line-height:32px;}

.bot_link{border-top: rgba(255, 255, 255, .1) solid 1px;margin-top:50px;padding-top:17px;}
.bot_link span{color:#fff;font-size:18px;font-weight:bold;padding-right:20px;}
.bot_link a{padding-right:17px;font-size:16px;}
.bot_link img{ vertical-align:middle;padding-right:3px;}

.bot2{line-height:30px;width:100%;overflow:hidden;color:#999999;padding:20px 0;margin-top:40px;text-align:center;background-color:#1a1a1b;font-size:15px;}
.bot2 a{color:#999999 !important;font-size:15px;}
.bot2 a:hover{color:#fff !important;}

.mbfor {display: none;}

/*ny*/
.ny_ban01{background:url(../images/ny_ban01.jpg) no-repeat center top fixed;}
.ny_ban02{background:url(../images/ny_ban02.jpg) no-repeat center top fixed;}
.ny_ban03{background:url(../images/ny_ban03.jpg) no-repeat center top fixed;}
.ny_ban04{background:url(../images/ny_ban04.jpg) no-repeat center top fixed;}
.ny_ban05{background:url(../images/ny_ban05.jpg) no-repeat center top fixed;}
.ny_ban06{background:url(../images/ny_ban06.jpg) no-repeat center top fixed;}
.ny_ban07{background:url(../images/ny_ban07.jpg) no-repeat center top fixed;}
.ny_ban08{background:url(../images/ny_ban08.jpg) no-repeat center top fixed;}
.ny_ban{width:100%;height:450px;overflow:hidden;position:relative;}
.ny_ban_txt{text-align:center;margin-top:190px;z-index:99;}
.ny_ban_txt h1{font-size: 34px;letter-spacing: 4px;text-shadow: 1px 2px 2px #000;color:#fff;}
.ny_ban_txt p{font-size: 18px;letter-spacing: 0px;text-shadow: 1px 1px 2px #000;transition-property: all;color:#fff;margin-top:6px;}

.nymenu{border-bottom:0px #d9d9d9 solid; margin:0px 0px 0px; box-shadow:0px 6px 6px rgba(0,0,0,.05); }
.nymenu_mid ul li{ border-left: #e5e5e5 1px solid;width: 100%;text-align: center;vertical-align: top;}
.nymenu_mid ul li:last-child{ border-left:0px solid #d1d1d1;}

.nymenu_mid ul{ margin:0 auto;display: flex; width: 100%;}
.nymenu_mid_s{ text-align:center}
.nymenu_mid_s ul li {float: none;display: inline-block;}
.nymenu_mid ul li a{ padding:1em 0;display:inline-block; font-size:1.25em; position:relative; }

.nymenu_mid ul li a{display: block;position: relative;font-size: 19px;color: #555;}
.nymenu_mid ul li a:after{content: '';display: block;width: 100%;height: 2px;background:#2180d0;position: absolute;bottom: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.nymenu_mid ul li:hover a:after,.nymenu_mid ul li.active a:after{transform: scaleX(1);}
.nymenu_mid ul li:hover a,.nymenu_mid ul li.active a{color: #2180d0; font-weight: 700;}

.nymenu ul li:hover a{color: #2180d0; font-weight: 700;}
.nymenu ul li .active{color: #2180d0; font-weight: 700;}
.nymenu ul li .active a:after{content: '';display: block;width: 100%;height: 2px;background:#2180d0;position: absolute;bottom: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.nymenu_mid p { display: none;}



#content{margin:70px auto;width:1400px;}
#content .nname{ font-family:Arial; font-size:20px; text-transform:uppercase; margin-bottom:10px;color:#6c6c6c;}
#content .nwz{ text-align:center;border-bottom:#e3e3e3 solid 1px;margin:0 auto; }
#content .nwz h2{ font-weight:normal; margin-bottom:20px;text-align:center; font-size:40px; color:#333;text-transform:capitalize;  }
#content .nwz h3{ font-weight:normal; margin-top:-20px; margin-bottom:30px; font-size:16px;}
#content .nwz .nyline{ background:#cf3a34;height:2px; margin:0 auto; width:70px;}
#content .box{line-height:36px;font-size:16px;margin-top:40px;}
.ny_img img{ max-width:100%; height:auto !important; height:100%;}

.ny_about_pic{margin-top:40px;}



/*内页产品*/

table.bak { width:100%; margin:10px 0; border-left:#eff2f4 1px solid;border-top:#eff2f4 1px solid;}
.bak td,.bak th { padding:6px 10px; border-right:#eff2f4 1px solid;border-bottom:#eff2f4 1px solid; text-align:center;font-size:15px;}
.bak th { background:#d8e6f0;font-weight:bold;font-size:18px;color:#151515;}
.bak img {max-width:80%; height:auto !important; height:100%;}

.ny_cp_xq_bt{background:#f3f3f3;line-height:60px;text-align:center;font-size:22px;color:#000;font-weight:bold;margin-bottom:30px;margin-top:15px;}
.ny_cp_xq_bt h1{font-size:24px;}
.ny_pro_table .nr{line-height:40px;font-size:15px;}
.ny_pro_table tr td{line-height:36px;padding-left:10px;}

/*返回*/
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-between{ display: flex; justify-content: space-between}
.fanye{ margin-top:40px;border-top:1px solid #e5e5e5; padding-top:30px; line-height:30px;}
.fanhui{background:#ddd;border-radius:25px;line-height:40px;width:120px;text-align:center;height:40px;font-size:15px;}
.fanhui:hover{ background:#00488f;}
.fanhui:hover a{ color:#fff;}
.flex {display: flex;flex-wrap: wrap;}

/*内页新闻*/
.ny_news_time{width:80px;height:60px;border:1px solid #ddd;text-align:center;line-height:26px;padding-top:4px;float:left;}
.ny_news_img{width:230px;height:160px;margin-left:32px;overflow:hidden;float:left;}
.ny_news_img img{width:230px;height:160px; transition:all 1s;}
.ny_news_ul li:hover img{ transform-origin:center center; transform:scale(1.1,1.1);}
.ny_news_ul li:hover .ny_news_time{background:#265798;color:#fff;border:1px solid #265798;}
.ny_news_txt{float:right;width:calc(100% - 392px);}
.ny_news_ul li{margin:20px 0;padding:20px 0;border-bottom:1px solid #ddd;}
.ny_news_ul li:hover{border-bottom:1px solid #265798;}
.ny_news_ul li .bt{font-size:22px;color:#000;font-weight:bold;}
.ny_news_ul li .js{font-size:14px;color:#707070;line-height:26px;padding-top:5px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ny_news_ul li .more{font-size:14px;padding-top:12px;font-weight:bold;color:#3366b2;}

.ny_news_bt{font-size:32px;color:#000;padding-bottom:10px;}
.ny_news_bt h1{font-size:32px;}


/*企业风采*/
.ny_gssl ul{margin-top:30px;}
.ny_gssl ul li{width:27.6%;margin:1.2% 1.5%;float:left;border:1px solid #fff;padding:1.2% 1.2% 0.2%;border:1px solid #ddd;border-radius: 5px;}
.ny_gssl ul li .pt{overflow:hidden;height:260px;}
.ny_gssl ul li:hover .pt img{ transform-origin:center center; transform:scale(1.05,1.05)}
.ny_gssl ul li .pt img{width:100%;height:260px !important; transition:all 1s;}
.ny_gssl ul li .txt{text-align:center;padding-top:6px;font-size:16px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.ny_gssl .bt2{font-size:30px;text-align:center;padding-bottom:15px;}


/*人才招聘*/
.ny_job_table{padding:25px 0;}

/*联系我们*/
.ny_contact_l{float:left;width:45%}
.ny_contact_r{float:right;width:40%}
.ny_contact_r img{width:100%;height:auto;}
#map{width:100%;height:400px;border:#ccc solid 1px;}



.contact_2{ padding:3%; width:94%; background:#fafafa; }
.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:100%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.tixing{ line-height:40px;}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;}
.contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em; outline:none}
.contact_2_1_mid textarea{ height:5em;
border:none; background:none; width:100%; font-size:1em;outline:none}

.anniu3{
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; }

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
.nypro span.current,.nypro a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;font-size:14px;}
.nypro span.current,.nypro a.num:hover { background:#f3f6f9; border:#067cd5 1px solid; color:#067cd5;font-size:14px;}
.nypro a.num,.nypro a.end,.nypro a.next,.nypro a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;font-size:14px;}
.nypro a.end,.nypro a.next,.nypro a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;font-size:14px;}
.nypro a.prev { margin:0 5px;font-size:14px;}