@media screen and (min-width:1025px) and (max-width:1301px){
@charset "utf-8";

/*首页*/
.header{ width:100%; height:70px; position:fixed; top:0; left:0; z-index:1000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_on{ background-color:rgba(0,0,0,0.8);}
.logo{ float:left; display:block; margin:23px 0 0 3%; height:24px;}
.search{ float:right; margin:10px 2% 0 0; width:50px; height:50px; position:relative; z-index:10;}
.search_in{ display:none; position:absolute; top:5px; left:-240px; width:238px; height:38px; border:1px solid #ccc; background:#FFF; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden;}
.search1{ width:50px; height:50px; background:url(../images/search.png) center center no-repeat; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.search1.search1_on{ background:url(../images/close.png) center center no-repeat;}
.search2{ float:left; width:150px; padding:0 20px; height:38px; border:0; outline:none; font-size:14px; font-family:"微软雅黑"; color:#444;}
.search3{ float:left; width:47px; height:38px; border:0; background:url(../images/search1.png) center center no-repeat; cursor:pointer; border-left:1px solid #ccc; outline:none;}
.nav{ float:right; margin-right:0; width:70%;}
.nav>li{ float:left; position:relative; width:12.5%;}
.nav>li>a{ display:block; width:100%; height:70px; line-height:70px; font-size:15px; color:#FFF;}
.nav>li>a.a_on{ font-weight:bold;}
.nav_in{ position:absolute; top:70px; left:-10%; width:120%; background:url(../images/nav_bg.png) repeat; display:none;}
.nav_in>li{ float:left; clear:both; width:100%;}
.nav_in>li>a{ display:block; width:100%; height:40px; line-height:40px; color:#FFF; font-size:14px;}
.nav_in>li>a:hover{ background:#0072c1;}
.nav>li:hover>a{ font-weight:bold;}

.mySwiper1 {
  width: 100%;
  height: auto;
  margin:0 auto;
}
.mySwiper1 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  position: relative; 
  z-index: 1;
}
.swiper-pagination1{ bottom:30px !important;}
.swiper-pagination1 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:6px; background:#cccccc; outline:none; opacity:1; margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width:35px; background:#cccccc; opacity:1;}

.mobile_bg{ display:none;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ width:100%; overflow:hidden; font-size:30px; line-height:40px; color:#000;}
.index_title2{ width:100%; overflow:hidden; font-size:14px; line-height:24px; font-family:"Arial"; color:#b1b1b1; margin-top:5px;}

.index1{ width:100%; overflow:hidden; padding:50px 0;}

.mySwiper3 {
	width:600px;
	height: 34px;
	box-sizing: border-box;
	margin-top:30px;
}
.mySwiper3 .swiper-slide {
	width: 25%;
}
.mySwiper3 .swiper-slide span {
	display:block;
	width:80%;
	margin:0 auto;
	height:34px;
	line-height:34px;
	font-size:16px;
	color:#444444;
	cursor:pointer;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.mySwiper3 .swiper-slide-thumb-active span {
	background:#0073c1;
	color:#FFF;
}
.mySwiper2 {
	width: 94%;
	overflow: hidden;
}
.index1_1{ width:100%; overflow:hidden;}
.index1_1 li{ float:left; overflow:hidden; margin-right:2%; width:32%; margin-top:30px;}
.index1_1 li:nth-child(3n){ margin-right:0;}
.index1_1 li:nth-child(3n+1){ clear:left;}
.index1_1 li a{ display:block; width:100%;}
.index1_2{ width:100%; overflow:hidden;}
.index1_2 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.index1_3{ float:left; width:83%; padding:0 12% 0 5%; height:60px; line-height:60px; text-align:left; font-size:16px; color:#444; background:url(../images/index1_7.png) 96% center no-repeat; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index1_1 li .line{ float:left; width:100%; height:1px; overflow:hidden; position:relative; background:#e7e7e8;}
.index1_1 li .line:after{ float:left; content:""; width:0; height:1px; background:#0073c1; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.index1_1 li:hover .line:after{ width:100%;}
.index1_1 li:hover .index1_3{ color:#0073c1; background:url(../images/index1_7_1.png) 96% center no-repeat;}
.index1_1 li:hover .index1_2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index2{ width:100%; overflow:hidden;}
.index2_l{ float:left; width:50%; overflow:hidden;}
.index2_l video{ cursor:pointer; outline:none; width:100%; height:31.25vw; object-fit:fill; display:block;}
.index2_r{ float:right; width:50%; height:31.25vw; overflow:hidden; background:#0072c1;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index2_r .index_title1{ color:#FFF;}
.index2_r .index_title2{ color:#a3c1e1;}
.index2_r1{ display:block; overflow:hidden; width:84%;}
.index2_r2{ width:100%; font-size:15px; color:#FFF; line-height:30px; margin-top:30px; max-height:120px; overflow:hidden;}
.index2_r3{ display:block; width:142px; height:32px; line-height:32px; border:1px solid #1a80c7; margin:30px auto 0 auto; font-size:16px; font-family:"Arial"; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_r3:hover{ background:#FFF; border:1px solid #FFF; color:#0072c1;}

.index3{ width:100%; overflow:hidden; background:#f7f7f7; padding:50px 0;}
.news_list{ width:1500px; max-width:94%; overflow:hidden; margin:0 auto;}
.news_list li{ float:left; margin-top:30px; overflow:hidden; width:32.1%; margin-right:1.85%; text-align:left;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li:nth-child(3n+1){ clear:left;}
.news_list li a{ display:block; width:100%; overflow:hidden;}
.news_list1{ width:100%; overflow:hidden;}
.news_list1 img{ display:block; width:100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.news_list2{ width:100%; font-size:16px; line-height:26px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:25px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.news_list3{ width:100%; overflow:hidden; font-size:14px; color:#888888; line-height:24px; height:72px; margin-top:10px;}
.news_list li a .line{ width:100%; overflow:hidden; height:1px; background:#e0e0e1; margin-top:20px; position:relative;}
.news_list li a .line:after{ float:left; content:""; width:0; height:1px; background:#0073c1; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.news_list4{ width:100%; overflow:hidden; font-size:18px; font-family:"Arial"; color:#888888; line-height:28px; margin-top:15px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.news_list li a:hover .news_list1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.news_list li a:hover .line:after{ width:100%;}
.news_list li a:hover .news_list2{ color:#0073c1;}
.news_list li a:hover .news_list4{ color:#0073c1;}

.index4{ width:100%; overflow:hidden; padding:50px 0 0 0;}
.index4_1{ width:100%; overflow:hidden; margin-top:30px;}

.mySwiper5 {
	width: 100%;
	height:500px;
}
.swiper-button-next5{ width:30px; height:56px; background:url(../images/index3_3.png) center center no-repeat; right:3%; margin:-56px 0 0 0; outline:none;}
.swiper-button-next5:after{ content:"";}
.swiper-button-prev5{ width:30px; height:56px; background:url(../images/index3_2.png) center center no-repeat; left:3%; margin:-56px 0 0 0; outline:none;}
.swiper-button-prev5:after{ content:"";}

.mySwiper4_out{ width:100%; height:136px; position:relative; margin:0 auto; margin-top:-136px; z-index:1;}
.mySwiper4_out:after{ content:""; width:100%; height:126px; background-color:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0;}
.mySwiper4 {
	width:94%;
	height: 136px;
	box-sizing: border-box;
	background:url(../images/index3_4.png) center 77px no-repeat;
	background-size:95% 1px;
	position:relative;
	z-index:100;
}
.mySwiper4 .swiper-slide {
	width: 25%;
	height: 136px;
}
.mySwiper4 .swiper-slide.swiper-slide-thumb-active .index4_3{ background:url(../images/index3_4.png) left 77px repeat-x #0072c1;}
.mySwiper4 .swiper-slide.swiper-slide-thumb-active .index4_5{ background:url(../images/index3_6_1.png) center center no-repeat;}

.index4_2{ width:100%; height:500px; background-size:auto 500px !important;}
.index4_2 a{ display:block; width:80px; height:80px; line-height:80px; background-color:rgba(0,0,0,0.2); font-size:20px; font-family:"Arial"; color:#FFF; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; top:50%; left:50%; margin-top:-68px; margin-left:-40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_2 a:hover{ background:none; background-color:rgba(0,0,0,0.8);}

.index4_3{ width:80%; height:136px; margin:0 auto; cursor:pointer; overflow:hidden; background:url(../images/index3_4_1.png) left 77px repeat-x; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_4{ width:90%; font-size:16px; color:#FFF; line-height:26px; margin:33px auto 0 auto;}
.index4_5{ display:block; width:12px; height:12px; background:url(../images/index3_6.png) center center no-repeat; margin:12px auto 0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_6{ width:90%; font-size:16px; color:#FFF; line-height:26px; margin:10px auto 0 auto;}

.index5{ width:100%; overflow:hidden; padding:50px 0 40px 0;}

.mySwiper6 {
	width: 94%;
	padding:10px 5px 0 5px;
	height: calc(74px + 18vw);
	overflow: hidden;
	position: relative;
	margin: 20px auto 0 auto;
}

.mySwiper6 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
    height: 9vw;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mySwiper6 .swiper-slide a{ border:1px solid #e7e7e7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.mySwiper6 .swiper-slide a img{ display:block; cursor:pointer; max-width:100%; width:233px;}
.swiper-pagination6{ margin-top:50px;}
.swiper-pagination6 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:6px; background:#0072c1; outline:none; opacity:1; margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination6 .swiper-pagination-bullet-active{ background:#ff0000; opacity:1;}
.mySwiper6 .swiper-slide a:hover{ border:1px solid #FFF; -webkit-box-shadow:0px 3px 10px #ccc; -moz-box-shadow:0px 3px 10px #ccc; box-shadow:0px 3px 10px #ccc;}

.footer{ width:100%; overflow:hidden; background:#161616; padding:50px 0 0 0;}
.footer1{ width:94%; overflow:hidden; margin:0 auto; max-width:94%;}
.footer1_l{ float:left; overflow:hidden; width:70%; padding-bottom:40px;}
.footer1_r{ float:right; overflow:hidden; width:30%; padding-bottom:40px;}

.footer1_1{ float:left; display:block; width:400px;}
.footer1_2{ float:left; overflow:hidden;}
.footer1_3{ float:left; display:block; margin-top:7px;}
.footer1_4{ float:left; overflow:hidden; text-align:left; margin-left:15px;}
.footer1_5{ float:left; font-size:15px; color:#FFF; line-height:25px;}
.footer1_6{ float:left; font-size:28px; color:#ff0000; font-weight:bold; line-height:38px; clear:both;}
.footer1_7{ float:left; width:94%; padding-left:6%; overflow:hidden; font-size:15px; color:#a7a7a7; line-height:30px; text-align:left; margin-top:20px;}

.footer_bottom{ width:100%; overflow:hidden; background:#252525; padding:30px 0;}
.footer_bottom1{ width:94%; margin:0 auto; overflow:hidden; color:#666666; line-height:24px;}
.footer_bottom1 a{ color:#666666;}
.footer_bottom1 a:hover{ text-decoration:underline;}

.footer_nav{ float:left; overflow:hidden; margin-top:42px; text-align:left; width:13.8%;}
.footer_nav_1{ width:17%;}
.footer_nav1{ display:inline-block; font-size:15px; color:#FFF; font-weight:bold; line-height:15px; padding-bottom:20px; position:relative;}
.footer_nav1:before{ content:""; position:absolute; bottom:0; left:0; width:60px; height:1px; background:#2f2f2f; z-index:1;}
.footer_nav1:after{ content:""; position:absolute; bottom:0; left:0; width:26px; height:1px; background:#888888; z-index:10;}
.footer_nav2{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.footer_nav2 li{ float:left; margin-top:3px; overflow:hidden; width:100%;}
.footer_nav2 li a{ font-size:14px; color:#888888; line-height:24px;}
.footer_nav2 li a:hover{ text-decoration:underline;}

/*网站通用*/
.banner{ width:100%; height:550px; overflow:hidden; position:relative; background-size:auto 550px !important;}
.banner1{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden;}
.banner2{ float:left; width:60%; overflow:hidden; text-align:left; margin-top:170px; color:#FFF;}
.banner2_1{ float:left; width:100%; font-size:18px; line-height:28px;}
.banner2_2{ float:left; width:100%; font-size:44px; line-height:54px; font-weight:bold; margin-top:5px;}
.banner2_3{ float:left; width:100%; font-size:15px; line-height:30px; margin-top:25px;}

.neiye_nav{ width:100%; height:50px; overflow:hidden; background-color:rgba(0,0,0,0.3); position:absolute; bottom:0; left:0;}
.neiye_nav1{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden;}
.neiye_nav1 li{ float:left; overflow:hidden; margin-right:30px;}
.neiye_nav1 li a{ display:block; padding:0 30px; line-height:50px; color:#FFF; font-size:16px;}
.neiye_nav1 li a:hover{ background:#005087;}
.neiye_nav1 li .a_on{ background:#005087;}

/*pro*/
.pro{ width:1300px; max-width:94%; margin:0 auto; overflow:hidden;}
.position{ width:100%; overflow:hidden; font-size:14px; text-align:left; line-height:24px; color:#444444; margin-top:50px;}
.position a{ color:#444444;}
.position span{ color:#005087;}

.pro1{ margin-top:20px;}

.page{ font-size:14px; color:#444; line-height:20px; padding:40px 0 50px 0;}
.page a{ color:#444; display:inline-block; padding:0 5px; margin:10px 3px 0 3px;}
.page span{ display:inline-block; padding:0 5px; margin:10px 3px 0 3px;}
.page a:hover{ background:#14468f; color:#FFF;}
.page span:hover{ background:#14468f; color:#FFF;}

/*proIn*/
.banner_proIn{ width:100%; height:371px; overflow:hidden;}
.proIn{ width:1400px; max-width:100%; background:#FFF; overflow:hidden; margin:-140px auto 0 auto;}
.proIn1{ width:1300px; max-width:94%; margin:0 auto;}
.proIn2{ display:block; float:left; width:640px; margin-top:40px; max-width:48.5%;}
.proIn3{ float:right; width:600px; text-align:left; margin-top:80px; max-width:48.5%;}
.proIn4{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#444; line-height:34px;}
.proIn5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#005087; font-weight:bold; line-height:26px; margin-top:10px;}
.proIn6{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444; line-height:26px; padding:20px 0;}

.proIn7{ float:left; width:100%; overflow:hidden; margin-top:50px;}
.proIn8{ float:left; width:100%; overflow:hidden; text-align:left;}
.proIn9{ float:left; width:100%; overflow:hidden; font-size:16px; font-family:"Arial"; font-weight:bold; color:#888888; line-height:26px;}
.proIn9 b{ color:#005087;}
.proIn10{ float:left; width:100%; overflow:hidden; font-size:30px; line-height:40px; margin-top:20px;}
.proIn11{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#444; text-align:left; padding:30px 0 50px 0;}

.pageIn{ width:100%; overflow:hidden; border-top:1px solid #cccccc; padding:40px 0 50px 0;}
.pageIn1{ width:100%; overflow:hidden; font-size:15px; line-height:26px; margin-top:5px; text-align:left; color:#444; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 span{ color:#444;}
.pageIn1 a{ color:#444;}
.pageIn1:hover span{ color:#0070c0;}
.pageIn1:hover a{ color:#0070c0;}

/*newsIn*/
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ width:100%; overflow:hidden; font-size:24px; color:#444; line-height:34px; margin-top:40px;}
.newsIn2{ width:100%; overflow:hidden; font-size:16px; color:#888888; line-height:26px; margin-top:15px;}
.newsIn3{ width:100%; overflow:hidden; text-align:left; font-size:16px; color:#444444; line-height:30px; padding:50px 0; border-top:1px solid #cccccc; margin-top:45px;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

/*contact*/
.map{ width:100%; height:400px; margin-top:40px;}
.contact{ width:100%; overflow:hidden; padding:50px 0;}
.contact1{ display:block; margin:0 auto; width:400px;}
.contact2{ width:100%; overflow:hidden; margin-top:40px; padding-top:10px;}
.contact2 li{ float:left; overflow:hidden; font-size:16px; color:#444; line-height:26px; text-align:left;}
.contact2 li:nth-child(1){ width:30%; padding-right:1%; margin-top:-7px;}
.contact2 li:nth-child(2){ width:30%; padding-right:1%;}
.contact2 li:nth-child(3){ width:19%; padding-right:1%;}
.contact2 li:nth-child(4){ width:18%;}
.contact2_1{ float:left; width:49px; display:block; margin-top:7px;}
.contact2_2{ float:left; margin-left:15px;}
.contact2_2 span{ font-size:28px; color:#ff0000; font-weight:bold; line-height:38px;}

/*about*/
.about{ width:100%; overflow:hidden;}
.about1{ width:100%; overflow:hidden; border-bottom:1px solid #dadada; padding-bottom:50px;}
.about1 li{ float:left; overflow:hidden; margin-top:50px; text-align:left; width:16.66%; color:#444;}
.about1_1{ float:left; width:100%; overflow:hidden; font-size:34px; font-family:"Arial"; font-weight:bold;}
.about1_1 span{ font-family:"微软雅黑"; font-weight:normal; font-size:16px;}
.about1_2{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px;}
.about2{ width:100%; overflow:hidden; text-align:left; padding-bottom:50px;}
.about2_1{ width:100%; overflow:hidden; font-weight:bold; font-size:16px; color:#888888; line-height:26px; margin-top:50px;}
.about2_1 span{ color:#005087;}
.about2_2{ width:100%; overflow:hidden; font-size:30px; color:#000; line-height:40px; margin-top:20px;}
.about2_3{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#444; margin-top:30px;}
.about2_3 img{ display:block; max-width:100%;}

/*about*/
.news_text{ width:94%; overflow:hidden; margin:30px auto 0 auto;}
.news_text li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #ccc; line-height:30px; font-size:16px; color:#333; padding:15px 0; text-align:left;}
.news_text li a{ display:block; float:left; color:#333; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_text li span{ display:block; float:right;}
.news_text li a:hover{ text-decoration:underline;}

}