/* 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;background: linear-gradient(90deg, #1D2432, #1B212E, #374C63);}

.top{
	width: 100%;
	top: 0;
	left: -1px;
	z-index: 889;
	position: absolute;
	height: 92px;
}
.top .logo{float:left;padding-top:12px;}
.top .menu{float:right;padding-left:5%;}
.menu ul li{ display:inline-block;line-height:92px;}
.menu ul li:last-child{ background:none;}
.menu ul li a{padding:0 34px;font-size:16px; display:block;color:#fff;}
.menu ul li a:hover{background:#0f3e85;text-decoration:none;}

.top .lang{float:right;margin-top:35px;height:21px;line-height:21px;margin-left:2%;font-size:16px;color: #fdb158}
.top .lang img{vertical-align: middle;width: 30px;padding-right:7px;}
.top .lang span{font-size:22px;font-weight:bold;}

.search_btn{margin-top:33px;margin-left:2%;cursor: pointer;float: right;position: relative;z-index: 1;}
.search_btn img{width:30px;height:30px;filter: grayscale(1) brightness(10);}
.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 #0f3e85; padding:0 15px; float:left; font-size:14px;}
.search_main .submit{ width:50px; height:52px; background:#0f3e85 url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}

.mbdh{ display: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:100vh; 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:42px; line-height:1.2!important; margin-top:0%; 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:#0f3e85; border:1px solid #0f3e85; } 
#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: 360px; 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:15px; 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: 24px;letter-spacing: 0px;}
#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; } 


.sy_title{text-align:center;font-size:38px;color:#0f3e85 ;font-weight:bold;}
.sy_title span{color:#000;}
.sy_title2{text-align:center;font-size:16px;color:#939393;margin-top:10px;margin-bottom:50px;}
.fl{float:left;}
.fr{float:right;}
.flex{ display: flex; align-items: center;}
*{margin: 0;padding: 0;border: 0;outline: none;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; -moz-box-sizing: border-box;}

/*homeprod*/
.hometit{ text-align: center; line-height:1; margin-top:80px;}
.hometit .en{ color:#000000; font-size:40px; text-transform: uppercase; font-weight: bold; }
.hometit .cn{ color:#000000; font-size:36px; margin-top:1.5%; }

.con_02{ background-color: #BBCFE5;background-image: linear-gradient(180deg, #ECF5FF, #BBCFE5); overflow: hidden;padding:80px 0 60px 0;width:100%;}
.sy_about .about_l{float:left;width:48%;padding:1% 0 0 2%;}
.sy_about .about_l h2{font-size:36px;font-weight: bold;color: #101620; display:block;background:url(../images/index_01.png) no-repeat top left;padding:15px 0 0 20px;}
.sy_about .about_l i{width:50px;height:2px;background:#101620; display:block;margin-top:25px;}
.sy_about .about_l .txt{line-height:24px;color:#2f2f2f;padding-top:18px;}
.sy_about .about_l .more{ width:136px; height:46px; border-radius:23px; line-height:44px; border:1px solid #585858; color:#585858; font-size:14px; text-align: center;margin-top:40px; }
.sy_about .about_l .more span{background: url(../images/more.png) no-repeat right center; padding-right:28px;}
.sy_about .about_l .more:hover{ background:#1c212f; color:#ffffff; border-color:#1c212f;}
.sy_about .about_l .more:hover span{background-image:url(../images/more2.png);}
.sy_about .about_r{float:right;width:47%;height:470px;overflow:hidden;}

/*焦点图*/
.focus{ position:relative; width:100%; height:450px;  }  
.focus img{ width:100%; height:450px;} 
.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:#00488f;}    
.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;} 


#bottom{background:#1b1b1b;width:100%;overflow:hidden;padding-top:40px;color:#999999;}
#bottom .lm_t{font-size:20px;color:#fff;}
#bottom a{color:#999999}
#bottom a:hover{color:#fff;}
#bottom ul{margin-top:22px;}
#bottom ul li{line-height:34px;font-size:14px;}
.bot_01{width:35%;float:left;border-right:1px solid #404041;}
.bot_01 .box{margin-top:22px;line-height:30px;}
.bot_01 h3{font-weight:bold;font-size:18px;color:#fff;}
.bot_nav{width:45%;float:left;margin-left:5%;border-right:1px solid #404041;}
.bot_02{width:33%;float:left;}
.ewm{float:right;}
.ewm .box{margin-top:22px;background:#fff;border-radius:10px;padding:5px;}

.bot2{line-height:30px;width:100%;overflow:hidden;color:#fff;padding:20px 0;margin-top:40px;text-align:center;background: linear-gradient(90deg, #1D2432, #1B212E, #374C63);}
.bot2 a{color:#fff !important;}
.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:260px;z-index:99;}
.ny_ban_txt h1{font-size: 40px;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;}
.ny_ban_bg{background-color: rgba(0, 0, 0, 0.5);width:100%;line-height:60px;position:absolute;bottom:0px; z-index:150;}
.ny_nav{float:left;}
.ny_nav a{ display:inline-block;color:#fff;padding:0 14px;font-size:15px;}
.ny_nav a:hover{background:#004ea1;color:#fff;}
#nav1 .nav1,#nav2 .nav2,#nav3 .nav3,#nav4 .nav4,#nav5 .nav5{background:#004ea1 !important;color:#fff;}

.ny_site{float:right;color:#fff;}
.ny_site a{color:#fff;}
.ny_site a:hover{color:#fff;}
.ny_site img{ vertical-align:middle;padding-right:5px;}

#content{margin:60px auto;width:1400px;}
#content .ny_title{font-size:38px;color:#000;text-align:center;padding-bottom:50px;}
#content .ny_title i{background:#006cb4;width:50px;height:3px;margin:25px auto 0; display:block;}
#content .box{line-height:30px;font-size:16px;margin-top:40px;}
.ny_img img{ max-width:100%; height:auto !important; height:100%;}

.ny_about_img{margin-top:40px;}

/*内页产品*/
table.bak { width:100%; margin:10px 0; border-left:#95b3d7 1px solid;border-top:#95b3d7 1px solid;}
.bak td,.bak th { padding:6px 10px; border-right:#95b3d7 1px solid;border-bottom:#95b3d7 1px solid; text-align:center;}
.bak tr:nth-child(odd){background:#f7f7f7;}
.bak tr:nth-child(even){background:#fff;}
.bak th { background:#dce6f2;}
.bak img {max-width:80%; height:auto !important; height:100%;}
.sjcp { display:none;}

.product table { width:99%; margin:10px auto;border-top:#9cbbc4 1px solid;border-left:#9cbbc4 1px solid;}
.product td,.product th {padding:5px 10px; font-size:15px; line-height:22px;border:0; font-family:Arial;border-bottom:#9cbbc4 1px solid;border-right:#9cbbc4 1px solid;}
.product th { background:#e4f1f5; color:#000; font-weight:bold; line-height:30px; text-align:center;}
.product td.pro { width:15%;}

.pnpage { clear:both; text-align:center; margin-top:15px; padding-top:15px;font-size:14px;}
.pnpage a { padding:0 10px; font-weight:bold;font-size:14px;}


/*内页新闻*/
.ny_news ul{}
.ny_news ul li{border-bottom:1px solid #e6e6e6;padding-bottom:20px;margin-top:16px;margin-bottom:10px;}
.ny_news ul li .txt{float:left;width: calc(92% - 260px);}
.ny_news ul li .txt .bt{font-size:26px; font-weight:200;color:#000;}
.ny_news ul li .txt .js{font-size:14px;line-height:26px;padding-top:12px;color:#797979;height:95px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ny_news ul li .txt .time{font-size:14px;}
.ny_news ul li .txt .time img{ padding-right:3px; vertical-align:middle;}
.ny_news ul li .pic{float:right;width:260px;height:180px;overflow:hidden;}
.ny_news ul li .pic img{width:260px;height:180px; transition:all 1s;}
.ny_news ul li:hover .txt .bt{color:#005faf;}
.ny_news ul li:hover .pic img{ transform-origin:center center; transform:scale(1.12,1.12);}

.ny_news_more{background:#f4f4f4;width:280px;height:44px;line-height:44px;text-align:center;font-size:15px;margin:0 auto;}
.ny_news_more:hover{background:#005faf;color:#fff;}


/*详情*/
.vvnew{ width:1000px; margin:0 auto;}
.vvnewfy{ width:1000px; margin:0 auto; line-height: 30px;}
.vvnew1{ font-size: 36px;padding-top:20px; font-weight:bold;line-height:50px;color:#000;}
.vvnew2{ font-size: 16px;padding-top: 10px;padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;color: #888;}
.vvnew3{ font-size: 16px;padding-top: 30px;line-height: 32px; padding-bottom:30px;}
.vvnew3 img{ max-width:100%!important;height: auto !important;}
.xwxq_page{ width:100%; background-color:#ECECEC; padding-top:20px; padding-bottom:20px;}


/*内页联系我们*/

/*联系我们*/
.flex{display: flex;justify-content: space-between; }

.teshua{ margin-top:0px!important;}
.gsmc{ font-size:24px; margin-bottom:30px; color:#193586; line-height:35px;font-family: HelveticaLTStd-BoldCond;}
.gsmc a{ color:#193586;}
.nyc01{ background:url(../images/c01.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nyc02{ background:url(../images/c02.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nyc03{ background:url(../images/c03.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nyc04{ background:url(../images/c04.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px; }
.gslx h2{font-size:18px;color:#374C63;}

.gslx{ width:48%;}
.contact_2{  width:48%;  }

/*留言板*/
.ny_order{margin-top:50px;border-top:1px solid #efefef;padding-top:30px;}
.shuoming{padding-bottom:20px;}
.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:96%;
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;font-family: Microsoft YaHei;}

.anniu3{
font-size:1.125em; display:inline-block; color:#fff; background-color:#374C63; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; }





/*地图*/
#map{width:100%;height:405px;}




.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;}
