@charset "UTF-8";
.banner{position:relative; margin-top:100px;}
.swiper-container-banner{height:800px;position: relative;}
.banner .container{ position:static;}
.banner .img { position: relative; padding-bottom:800px; height: 0; }
.banner .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; /*background-size: cover;*/ }
.banner a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; }
.banner .txt_con{position: absolute; left: 0; top: 40%; margin-top: -95px; margin-left:auto; margin-right:auto; width:100%;}
.banner .txt_con .txt_con1 {width: 70%; text-align:left; margin:0 auto;}
.banner .txt_con .txt2 { height:96px; overflow: hidden;   font-size:36px;line-height:95px; font-weight: bold; color:#fff; text-shadow:0 0 2px rgba(0,0,0,0.2);transform: translateY(15%); }
.banner .txt_con .txt2 span {  display: block; line-height:85px; font-size:60px; font-weight: bold; color: #cc0000; margin-right: 10px; text-shadow:0 0 2px rgba(0,0,0,0.2); float: left;transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(15%);}
.banner .txt_con .txt3_con{width:70%; text-align:left; margin:0 auto; font-size:30px;line-height:95px; color:#fff; transform: translateY(20%);  }
.banner .swiper-slide-active .txt_con .txt2 span,.banner .swiper-slide-active .txt_con .txt2 strong{ transform: translateY(0); }
.banner .swiper-slide-active .txt_con .txt3{ transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:30px; line-height:45px; color: #fff; text-shadow:0 0 3px rgba(0,0,0,0.1); }
.banner .txt { position: absolute; left: 14%; top: 40%; margin-top: -75px; width: 50%; }
.banner .txt .top_txt{ transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);line-height:60px; font-size:36px; }
.banner .swiper-slide-active .top_txt { transform: translateY(0); }
.banner .txt1 { height: 60px; overflow: hidden; line-height: 60px; margin-bottom: 10px; font-weight: bold; }
.banner .swiper-slide-active .txt1 span { transform: translateY(0); text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  -webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  -moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  *filter: Glow(color=#fff, strength=1);}
.banner .txt1 span { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block; font-size:60px; color:#cc0000; }
.banner .txt .txt2 {transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width:500px; overflow: hidden;}
.banner .txt .txt2 span { display: block;color: #cc0000;height:60px; border-radius:30px;background:linear-gradient(45deg, rgb(2, 174, 162), rgb(50, 201, 159)); text-align:center; line-height:60px;transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:26px;}
.banner .swiper-slide-active .txt2 span { transform: translateY(0); }
.banner .txt .txt22 {transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width: 60%; }
.banner .txt .txt22 span { display: block;color: #333;height:60px;line-height:35px;transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:22px;}
.banner .swiper-slide-active .txt22 span { transform: translateY(0); }
.banner .txt_con3{position: absolute; left: 0; top: 40%; margin-top: -75px; margin-left:auto; margin-right:auto; width:100%;}
.banner .swiper-slide-active .txt1.black span{ color:#cc0000!important; text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  -webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  -moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  *filter: Glow(color=#fff, strength=1);text-align: center;}
.banner .txt .txt22.black span { color:#fff!important; text-align: center; }
.banner .txt_con3 .txt1 {height: 120px; overflow: hidden; line-height: 100px; margin-bottom: 10px; margin-left: auto; margin-right: auto; font-weight: bold;}
.banner .txt_con3 .txt1 span { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block; font-size:86px; color:#cc0000; font-family: 迷你简行楷; letter-spacing: -2px;   text-shadow:2px 2px 3px rgba(255,255,255,0.8);}
.banner .txt_con3 .txt22 {transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width:45%; margin: 0 auto; }
.banner .txt_con3 .txt22 span { display: block;color: #fff;height:60px;line-height:60px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:20px; text-align: center; }
.banner .swiper-slide-active .txt_con3 .txt22 span { transform: translateY(0); }
.banner .swiper-slide-active .txt_con3 .txt1 span { transform: translateY(0);text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;  -webkit-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;  -moz-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;  *filter: Glow(color=#fff, strength=3);}
.banner .swiper-slide-active .txt1.blue span{ color:#0547ab!important;}
.banner .txt .txt22.blue span { color:#0547ab!important;}
.banner .anniu{position:absolute;width:100%;bottom:8%;z-index:1;}
.banner .anniu .g-in{position:relative;}
.banner .anniu .pageOn{position:static;font-family:Bell MT;font-size:30px;color:#fff;font-weight:bold;text-align:right;padding-left:36px;position:relative; width:13%;float:left;}
.banner .anniu .pageOn .swiper-pagination-current{ font-size:36px; color:#cc0000; }
.banner .anniu .pageOn:before{content:"";display:block;width:30px;height:2px;background-color:#cc0000;position:absolute;left:0px;top:50%;margin-top:-1px;}
.banner .anniu .pageOn span{background-color:transparent;}
.banner .anniu .pageOn .swiper-pagination-total{font-size:20px;}
.banner .anniu .pageOn em{font-size:20px;}
.banner .anniu .btnG{width:164px;position:relative;float:left;margin-left:36px;}
.banner .anniu .btnG .play{width:40px;height:40px;position:absolute;left:50%;margin-left:-20px;top:0%;border:2px solid #fff;border-radius:100%;box-sizing:border-box;cursor:pointer;transition:all 0.3s;}
.banner .anniu .btnG .play:hover{background-color:#0068b7;border-color:#0068b7;}
.banner .anniu .btnG .play:before{content:"";display:block;width:8px;height:8px;position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-4px;background:url(../images/st.png) center no-repeat;}
.banner .anniu .btnG .play.puse:before{background:none;width:0px;height:0px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0px;margin-top:-8px;margin-left:-3px;}
.banner .anniu .btn{position:static;width:40px;height:40px;margin:0px;border-radius:100%;background-color:#fff; z-index: 9999; transition:all 0.3s;}
.banner .anniu .prev{float:left;background:#fff url(../images/baprev.png) center no-repeat;background-color:#fff;z-index: 9999;}
.banner .anniu .prev:hover{transform:translateX(-10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}
.banner .anniu .next{float:right;background:#fff url(../images/banext.png) center no-repeat;background-color:#fff;z-index: 9999;}
.banner .anniu .next:hover{transform:translateX(10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}
.red{ font-size:36px; color:#cc0000; }
@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes myfirst { 0% { transform: translateY(-5px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-5px); } }
@media (max-width: 1700px) {
.swiper-container-banner{height:638px;}
.banner .img {padding-bottom: 638px; }
}
@media (max-width: 1440px) {
.swiper-container-banner{height:540px;}
.banner .img {padding-bottom: 540px; }
}
@media (max-width: 1366px) {
.swiper-container-banner{height:512px;}
.banner .img {padding-bottom: 512px; }
.banner .txt_con{ top: 50%;}
.banner .txt_con3{ top: 50%; }
.banner .txt { left:6%;top: 50%;}
.banner .txt1 { height: 46px; line-height: 40px; margin-bottom: 10px; }
.banner .txt1 span {font-size: 40px; }
.banner .txt .txt2 span { font-size:20px;}
.banner .txt_con .txt2 strong {  font-size: 46px;line-height:50px;}
.banner .swiper-slide-active .txt_con .txt3{ font-size: 20px; line-height:35px;  }
.banner .txt_con .txt2 span { line-height:55px; font-size:60px;}
.banner .txt .txt22 span { height:35px;line-height:35px; font-size:24px;}
.banner .txt_con .txt2 { height:76px; line-height: 76px;}
.banner .txt .txt22 { width: 80%; }
.banner .txt_con .txt_con1 {width: 90%; }
.banner .txt_con .txt3_con{width:90%;}
.banner .txt_con3 .txt1 span {  font-size:66px; }

}
@media (max-width: 1200px) {
.swiper-container-banner{height: 450px;}
.banner .img {padding-bottom: 450px; }
.banner .txt_con .txt2 span { line-height:45px; font-size:40px;}
.banner .txt_con .txt2 { height:45px; line-height: 45px; font-size: 26px;}
.banner .txt_con{ top: 50%;}
.banner .txt_con3{ top: 46%; }
.banner .txt {  top: 50%;}
.banner .txt .txt22 span {font-size:20px;}
.banner .txt_con3 .txt22 { width:80%; margin: 0 auto; }
.banner .txt_con3 .txt1 span {  font-size:56px; }
.banner .txt .txt22 { width: 90%; }

}
@media (max-width: 1024px) {
.banner{ margin-top:66px;}
.swiper-container-banner{height:384px;}
.banner .img {padding-bottom: 384px; }
.banner .txt_con3 .txt22 span { height:50px;line-height:50px; font-size:18px;}
.banner .txt .txt22 span {font-size:18px;}
.banner .txt_con3 .txt1 { width: 80%; margin: 0 auto;}
.banner .txt_con3 .txt1 span img{ width: 100%;}
.banner .anniu .pageOn{ width:15%; }

}
.bannerSJ{display:none;}
@media (max-width: 960px) {
.banner {display: none;}
.bannerSJ{display:block;position:relative;width:100%;overflow:hidden;padding-top:60px;}
.bannerSJ .pageOn{position:absolute;font-size: 0px;width:100%;text-align:center;left:0px;margin:0px;bottom:10px;}
.bannerSJ .pageOn span{margin:0px 5px;width:8px;height:8px; border-radius:8px; background-color:#fff;opacity:1;transition:all 0.3s;}
.bannerSJ .pageOn .swiper-pagination-bullet-active{background-color:#b81b22;width:15px;border-radius:10px;}
.bannerSJ .bannerTxt{position:absolute;left:0px;width:100%;top:50%;transform:translateY(-80%);z-index:5;color:#fff;text-align:center;}
.bannerSJ .bannerTxt .g-in{padding:0px 40px;}
.bannerSJ .bannerTxt .intit{font-size:20px;font-weight:bold;}
.bannerSJ .bannerTxt .inbod{font-size:14px;margin-top:20px;line-height:24px;}
.bannerSJ img {
  max-width: 100%;
  vertical-align: middle;
}
}
@media (max-width: 600px) {
  .bannerSJ{ padding-top: 1rem;}
}
/*
@media (max-width: 960px) {
.banner {margin-top:57px; }
.swiper-container-banner{height:338px;}
.banner .img {padding-bottom: 338px; }
}

@media (max-width: 768px) {
.banner {margin-top:0.75rem; }
.swiper-container-banner{height:320px;}
.banner .img {padding-bottom: 320px; }
.banner .txt1 span {font-size: 30px; }
.banner .txt .txt2 span { font-size:18px;}
.banner .txt_con .txt2 strong {  font-size: 32px;line-height:40px;}
.banner .swiper-slide-active .txt_con .txt3{ font-size: 18px; line-height:30px;  }
.banner .txt_con .txt2 span { line-height:50px; font-size:30px;}
.banner .txt1 { height:36px; line-height: 30px; margin-bottom: 0px; }
.banner .txt { position: absolute; top: 45%; margin-top: -26px; width: 50%; }
.banner .txt .txt22 span { height:30px;line-height:30px; font-size:18px;}
.banner .txt_con{margin-top: -66px; }
.banner .txt_con .txt3_con{width:90%; margin:0 auto;}
.banner .txt_con3 .txt22 { width:90%; margin: 0 auto; }
.banner .txt_con3 .txt22 span { height:50px;line-height:50px; font-size:16px;}
.banner .txt .txt22 span {font-size:16px;}
.banner .txt_con3{ top: 60%;}
.banner .txt_con{ top:45%;}
.banner .txt_con .txt2 { height:45px; line-height: 45px; font-size: 20px;}
.banner .txt .txt22 { width: 100%; }
.banner .txt_con3 .txt1 span {  font-size:40px; }
.banner .txt_con3 .txt1 {height:80px; }
.banner .anniu .pageOn{ width:18%;}
.banner .anniu .btnG .play{ display:none;}
.banner .anniu .btnG{width:80px;}
.banner .anniu .btn{ width:30px;height:30px;}
.banner .anniu .prev,.banner .anniu .next{ background-size:60% ;}
.banner .anniu{ bottom:3%;}
.banner .anniu .pageOn{ font-size:28px; }
}
@media (max-width: 600px) {
.banner {margin-top:1rem; }
.red{ font-size:30px;  }
.banner .anniu .pageOn .swiper-pagination-current{ font-size:30px; }
.banner .anniu .btnG{ margin-left: 10px;}
}
@media (max-width: 555px) {
.swiper-container-banner{height:190px;}
.banner .img {padding-bottom: 190px; }
.banner .txt { position: absolute; left:6%;  width: 100%; }
.banner .txt1 span {font-size: 22px; }
.banner .txt .txt2 span { font-size:16px;}
.banner .txt_con .txt2 { height:45px; line-height: 45px; font-size:16px;}
.banner .swiper-slide-active .txt_con .txt3{ display:none; font-size: 16px; line-height:25px;  }
.banner .txt_con .txt2 span { line-height:45px; font-size:22px;}
.banner .txt1 {   line-height: 45px; margin-bottom: 0px; }
.banner .txt .txt22 span { height:25px;line-height:25px; font-size:16px;}
.banner .txt_con3{  margin-top: -56px; top: 42%;}
.banner .txt_con .txt2 { line-height: 45px;}
.banner .txt_con3 .txt22 span { display: none;}
.banner .txt .txt22 { display: none;}
.banner .txt_con3 .txt1 span {  font-size:32px; }
.banner .txt_con{margin-top: -46px; }
.banner .anniu .pageOn{ width:28%;font-size:20px; padding-left: 30px;}
.banner .anniu .btn{ width:24px;height:24px;}
.banner .anniu .btnG{width:60px;}
.banner .anniu .pageOn:before{ width:20px; }
.banner .anniu{ bottom:2%;}
.red{ font-size:26px;  }
.banner .anniu .pageOn .swiper-pagination-current{ font-size:26px; }

}
@media (max-width:415px){
.banner .anniu .pageOn{ width:31%;}
}
@media (max-width:390px){
.banner .anniu .pageOn{ width:32%;}
}
@media (max-width: 375px) {
.swiper-container-banner{height:170px;}
.banner .img {padding-bottom: 170px; }
.banner .txt_con3 .txt1 span {  font-size:26px; }
.banner .anniu .btnG{width:60px;}
.banner .anniu .btn{ width:26px;height:26px;}
.banner .anniu .pageOn{font-size:18px; }
.banner .txt_con .txt2 span { font-size:20px;}
}

@media (max-width:365px){
.banner .anniu .pageOn{ width:34%;}
.banner .txt_con .txt2 span { font-size:18px;}
}
@media (max-width:320px){.banner{height:125px;}
.banner .anniu .pageOn{ width:40%;}
.banner .anniu .pageOn{ font-size:18px; }
.banner .anniu .btn{ width:20px;height:20px;}
.banner .anniu .prev,.banner .anniu .next{ background-size:40%;}
}
  */
/*
.banner .swiper-button-prev {  left: 10px;  width: 30px;  height: 30px;  opacity: 0;  -webkit-transition: opacity .3s;  -o-transition: opacity .3s;  -moz-transition: opacity .3s;  transition: opacity .3s;}
.banner .swiper-button-next {  right: 10px;  width: 30px;  height: 30px;  opacity: 0;  -webkit-transition: opacity .3s;  -o-transition: opacity .3s;  -moz-transition: opacity .3s;  transition: opacity .3s;}
.banner .swiper-container:hover .swiper-button-prev,
.banner .swiper-container:hover .swiper-button-next {  opacity: 1;}
.banner .swiper-button-next,
.banner .swiper-button-prev {background-image:none!important;  content: "";  display: block;  width: 30px;  height: 30px;  border: 3px solid;  border-color: transparent transparent #b81b22 #b81b22;}
.banner .swiper-button-prev {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.banner .swiper-button-next {  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 23px;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;  background: #fff;  -webkit-transition: all .5s;  -o-transition: all .5s;  -moz-transition: all .5s;  transition: all .5s;  border-radius: 10px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #b81b22;  width: 33px;}
@media (max-width: 768px) {
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 13px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;}
.banner .swiper-button-prev { display: none;}
.banner .swiper-button-next {display: none;}
}
@media (max-width: 425px) {
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 8px;}
}
*/
.index_pt1 .page_title .left { position: relative; }
.index_pt1 .page_title .left::before { position: absolute; content: ""; width: 4px;  height: 100%; background-color: #0547ab;}
.index_pt1 .page_title .left .tit{ display:block; color:#333e46; }
.index_pt1 .page_title .left .con{ display:block; width:100%; margin-left:0px; }
.index_pt1 .desc{ line-height:38px; font-size: 17px; color: #666; margin-top: 30px; margin-bottom: 30px;}
.index_pt1 .more { width: 220px; padding: 13px 20px; border: 1px solid #999; font-size: 16px; color: #666;}
.index_pt1 .more:hover{ border: 1px solid #e6081f; background-color: #e6081f; color: #fff; }
.index_pt1 .left_menu{ margin-top:1rem;}
.index_pt1 .left_menu .icon{ margin-bottom:20px;}
.index_pt1 .left_menu span{ font-size:0.5rem;}
.index_pt1 .left_menu a:hover{color:#e6081f;}
.index_pt1 .right img{ width:100%;}
.index_pt1 .box{ margin-top: 50px; padding: 40px 10px 100px; background: #fff;  box-shadow: 0 0 8px rgba(153,153,153,0.4);}
.index_pt1 .box ul li{ border-right:1px solid #d2d2d2; text-align:left; padding-left:5%; float:left; width: 33.3333337%;}
.index_pt1 .box ul li:nth-child(1){ text-align:left;} 
.index_pt1 .box ul li:last-child{ border-right:0px; padding-right:0px; margin-right:0px;}
.index_pt1 .box ul li .icon{font-size:36px; color:#005499;float: left; margin-right: 10px; }
.index_pt1 .box ul li .index_pt1_left{ margin-bottom:5px; line-height: 28px; color: #666; font-size: 16px; width: 80%;}
@media (max-width:992px) {
.index_pt1 .desc{ line-height:28px; font-size: 16px;margin-top: 20px; margin-bottom: 20px;}
.index_pt1 .more { width:170px; padding: 10px 15px;font-size: 15px;}
}
@media (max-width:768px) {
.index_pt1 .page_title .left .con{font-size:20px;}
.index_pt1 .page_title .left .tit {margin-bottom: 0px;}
.index_pt1 .left_menu li{ text-align:center;}
.index_pt1 .left_menu span{ font-size:15px; text-align:center; margin-top:0.2rem}
.index_pt1 .desc{ font-size:15px;}
.index_pt1 .left_menu{ margin-top:0.6rem;}
.index_pt1 .left_menu .icon{ margin:0 auto 15px; text-align:center;}
.index_pt1 .right{ margin-bottom:25px;}
.index_pt1 .box ul li{ border-right:0px solid #d2d2d2; margin-bottom: 15px; padding-left:5%; width: 100%;}
.index_pt1 .box{ margin-top: 50px; padding:30px 10px 220px; height: 100%;}
.index_pt1 .box ul li .index_pt1_left{width: 100%;}

}

.index_pt2{background: url(../images/index_pro.jpg) no-repeat center bottom;}
.index_pt2 .page_title .left::before {  background-color: #fff;}
.index_pt2 .page_title .left .tit{color:#fff; }
.index_pt2 .page_title .left .con{color:#fff; }
.index_pt2 dl{ margin: 10px auto 35px; background-color: #fff; width: 100%; height: 70px; font-size: 18px;}
.index_pt2 dl dt{ width: 13.9%; margin-right: 3%; float: left; line-height: 70px; text-align: center; background-color: #cc0000;color: #fff; }
.index_pt2 dl dt .icon{ float: left;}
.index_pt2 dl dd{ margin-right: 2%; padding-right: 2%; float: left; margin-top: 20px; margin-bottom: 20px; line-height: 30px; text-align: center; position: relative;}
.index_pt2 dl dd:after{ position: absolute; content: ""; right: 0px; top: 0; width: 1px; background-color: #eee; height: 100%;}
.index_pt2 dl dd:last-child{ margin-right: 1.5%; padding-right: 0;  }
.index_pt2 dl dd:last-child:after{width: 0px;}
.index_pt2 dl dd a:hover{color: #cc0000;}
.index_pt2 .pro-item:hover .pro_img {color:#ffffff !important;}
.index_pt2 .pro_img { border:2px solid #eeeeee;border-radius: 4px;}
.index_pt2 .pro_img img{ width:100%;}
.index_pt2 .pro-item { margin-bottom:30px;}
.index_pt2 .iport-title { margin-top: 15px; -webkit-line-clamp: 2; font-size:20px; text-align: left;}
.index_pt2 .iport-title a{color:#fff; }
@media (max-width: 1366px){
.index_pt2 dl{ font-size: 16px;}
.index_pt2 .iport-title { font-size:18px; }
.index_pt2 .pro-item { margin-bottom:20px;}
}
@media (max-width: 1280px){
.index_pt2 dl dd{ margin-right: 2%; padding-right: 2%;}
}
@media (max-width: 1200px){
.index_pt2 dl dd{ margin-right: 1.5%; padding-right: 1.5%;}
}
@media (max-width: 1024px){
.index_pt2 .iport-title { font-size:16px; }
.index_pt2 dl dd{ margin-right: 1.2%; padding-right: 1.2%;}
}
@media (max-width:768px) {
.index_pt2 .iport-title a{  font-size:17px;}
.index_pt2 .pro-desc { margin-top:20px; font-size:15px; padding:0 2%;}  
.index_pt2 dl{ display: none;}
}
@media (max-width:425px) {
.index_pt2 .iport-title a{  font-size:16px;}
}
.index_pt3 .app_img img{ width:100%;}
.index_pt3 .app-desc{ line-height:70px; font-size: 18px; color: #333;}
.index_pt3 li {position:relative; }
.index_pt3 li:before{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:#cc0000;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.index_pt3 li:hover:before{left:0; right:0;}
@media (max-width: 1366px){
  .index_pt3 .app-desc{ line-height:50px; font-size:18px;}
}
@media (max-width: 1200px){
  .index_pt3 .app-desc{ line-height:40px; font-size:16px;}
}
.index_pt4{ background:url(../images/ipart03_1.jpg) no-repeat center;}
.index_pt4 .logos{margin-bottom: 40px; text-align: center;}
.index_pt4 .logos img{margin: 0 auto;}
.index_pt4 .abs{width:80%;margin: 0 auto;line-height: 30px; color: #666; font-size: 17px; text-align: center;}
.index_pt4 .line{ height: 1px; width: 100%; margin: 60px auto 80px;background-color: #adb1b8;}
.index_pt4 .details{width: 100%; display: flex;justify-content: space-between; text-align: center;}
.index_pt4 .details a{width: 20%;text-align: center;color: #005ba6;cursor: default;pointer-events: none; display: inline-block;}
.index_pt4 .details a .theme{overflow: hidden; width: 139px; height: 70px; position: relative; background: url(../images/tt1.png) no-repeat; margin: auto;}
.index_pt4 .details a .theme .lightMask{width: 200px;height: 75px;position: absolute;top: 0;left: -200px;background: #fff;opacity: .6;transform: rotate(-45deg);}
.index_pt4 .details a .theme.b{ background-image: url(../images/tt2.png)}
.index_pt4 .details a .theme.c{ background-image: url(../images/tt3.png)}
.index_pt4 .details a .theme.d{ background-image: url(../images/tt4.png)}
.index_pt4 .details a .en{position: relative; font-size: 18px;color: #d31008;margin-top: 15px; margin-bottom: 15px;} 
.index_pt4 .details a .en span{position: relative;z-index: 1; display: inline-block;padding:  0 15px;}
.index_pt4 .details a .en:before,.index_pt4 .details a .en:after{content: "";position: absolute;z-index: 0; top: 50%;left: 0; width:28%; height: 1px;background-color: #3371c7;}
.index_pt4 .details a .en:after{left: auto;right: 0;}
.index_pt4 .details a .desc{ color: #333;font-size: 16px;line-height: 28px;}
@media (max-width: 1200px){
.index_pt4 .details a{width: 22%;}
.index_pt4 .details a .en:before,.index_pt4 .details a .en:after{ width:24%;}
.index_pt4 .details a .desc{ font-size:15px;line-height: 26px;}
}
@media (max-width: 768px){
.index_pt4 .abs{width:100%; line-height: 26px;font-size: 16px; }
.index_pt4 .details a .en:before,.index_pt4 .details a .en:after{ width:20%;}
}
@media (max-width: 668px){
.index_pt4 .logos{margin-bottom:20px;}
.index_pt4 .line{ margin: 30px auto 30px; }
.index_pt4 .details{width: 100%; display: block;justify-content: space-between; text-align: center;}
.index_pt4 .details a{width: 46%; display: block; float: left; margin: 0 2% 15px;}
.index_pt4 .details a .theme{width: 99px; height: 50px; background-size: 100% auto; text-align: center; }
}
@media (max-width:540px){
.index_pt4 .details a{width: 48%; margin: 0 1% 10px;}
.index_pt4 .details a .theme{ width: 90px; height: 50px; background-size: 100% auto; text-align: center; }

}
.index_pt5{ background-color: #FFF;}
.index_pt5 .rect-64{padding-bottom:64%;}
.index_pt5 .img{ padding: 20px;}
.index_pt5 a{display:block; background:#f4f4f4;}
.index_pt5 .info{ padding: 0px 20px;}
.index_pt5 .info .t{font-size:18px; line-height: 40px; margin-bottom: 10px; color:#272727; font-weight:bold;}
.index_pt5 .info .desc{color:#373737; line-height:28px; font-size:15px; overflow:hidden; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.index_pt5 .more{ padding:25px 20px; font-size:14px; }
.index_pt5 a:hover .more {background:#cc0000; color: #fff;}
.index_pt5 a:hover .info .t{color: #cc0000;}
@media (max-width: 768px){
.index_pt5 .index_pt5_left { margin-bottom:25px;}
.index_pt5 .info .t{font-size:16px; line-height: 30px; margin-bottom: 5px;}
.index_pt5 .info .desc{ font-size:15px; padding-bottom: 15px; }
.index_pt5 .more{ padding:15px 20px; }

}
/*下层banner*/
.n_banner{height:430px; margin-top: 100px; }
.n_banner .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.n_banner .table_cell{ display:table-cell; vertical-align:middle}
.n_banner h3 {font-size: 60px;color: rgba(255,255,255,0.15);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight: bold; position: relative;}
.n_banner h2 {font-size: 36px;color: #fff;margin-bottom: 5px; position: absolute; top: 25px; left: 45%; text-align: center;}
.n_main_box { width: 100%; }
.n_main_box .container { height: 70px; margin: 0 auto; }
.n_nav_box { height: 70px; line-height: 70px; border-bottom: #e8e8e8 1px solid; box-shadow: 0 6px 6px rgba(0, 0, 0, .075); }
.n_nav a { display: inline-block; height: 70px; font-size: 18px; line-height: 70px; width: 24.6%; text-align: center; box-sizing: border-box; border-right: #e8e8e8 1px solid; position:relative; }
.n_nav a strong { display: block; color: #666; z-index: 4; height: 70px; line-height: 70px; font-weight: 100; }
.n_nav a:last-child {border-right: #e8e8e8 0px solid; }
.n_nav a:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#063b91; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.n_nav a:hover:before,
.n_nav a.on:before{left:0; right:0;}
.n_nav a:hover,
.n_nav a.on {color:#063b91;}
.news_nav a{width: 32.6%; }
.solution_nav a{ width: 100%; }
.contact_nav a{ width:49.6%; }
@media(max-width:1440px) {
.n_banner{height:323px;}
}
@media(max-width:1366px) {
.n_banner{height:306px;}
.n_banner h2 {font-size: 42px; }
.n_banner h3 {font-size: 62px; }
}
@media(max-width:1280px) {
.n_banner{height:287px;}
.n_banner h2 {font-size: 32px; }
.n_banner h3 {font-size: 42px; }
}

@media(max-width:1024px) {
.n_banner{height:293px; margin-top: 2.35rem;}
.n_banner h2 {font-size: 22px; }
.n_main_box .container { height: 50px; }
.n_nav_box { height: 50px; line-height: 50px;}
.n_nav a { height: 50px; line-height: 50px; width: 24.5%;}
.n_nav a strong {height: 50px; line-height: 50px;}
}
@media(max-width:768px) {
.n_banner{height:220px;}
.n_banner h2 {font-size: 20px; }
.n_nav a {font-size: 16px;width: 24.5%;}
}
@media(max-width:767px) {
.n_banner{ margin-top: 0.75rem;}
.n_banner .table_cell{vertical-align: middle}
.n_main_box .container { height: auto; }
.n_nav_box { height: 40px; line-height: 40px;}
.n_nav_box.pro_nav { height: auto; line-height: 40px;}
.n_nav a { height: auto; line-height: 40px; font-size: 15px;width: 23.8%;}
.n_nav a strong {height: auto; line-height: 40px;}
}
@media(max-width:460px) {
.n_banner{height:180px;}
.n_banner h2 { top: 25px; left: 40%; }
}
@media(max-width:380px) {
.n_nav a { width: 23.5%;}
}
.page-tit h3,
.page-tit h1 { font-size: 30px; color: #0c4d97; margin-bottom: 20px;}
.page-tit .en{ font-size: 18px; color: #999; margin-bottom: 20px; margin-top: -10px;}
.page-info { line-height: 35px; font-size: 16px; color: #666;}
.page-tit .e-t { font-size: 18px;color: #666; text-transform: uppercase;}
@media(max-width:1200px) {
.page-tit,
.page-tit h3,
.page-tit h1 { font-size: 20px;margin-bottom: 15px;}
.page-tit .e-t { font-size: 15px;}
}
@media(max-width:1024px) {
.page-tit,
.page-tit h3,
.page-tit h1 { font-size: 18px;}
.page-tit .e-t { font-size: 15px;}
.page-info { line-height: 30px; font-size: 15px; }
}
@media(max-width:768px) {
  .page-info { line-height: 28px; }

}
.profile-main .profile-c { color: #666; line-height: 32px; margin: 30px 0; font-size: 16px;}
.profile-main .profile-img{ position:relative;}
.profile-main .profile-img .list_box{width:25%; top:0; right: 0; height:100%; position: absolute;background-color:rgba(0,0,0,0.2);}
.profile-main .profile-img .num{ font-size: 56px; font-weight: bold; }
.profile-main .profile-img p{font-size: 16px; }
.profile-main .profile-img ul li{ text-align: center;color: #fff; padding: 40px 70px;}
.profile-main .profile-img .list_box1{width:25%; top:0; right: 25%; height:100%; position: absolute;}
@media(max-width:1366px) {
.profile-main .profile-img .num{ font-size: 40px; }
.profile-main .profile-img ul li{padding: 45px 30px;}
}
@media(max-width:1024px) {
.profile-main .profile-c { line-height: 28px; margin: 20px 0; font-size: 15px;}
.profile-main .profile-img ul li{padding: 30px 20px;}
}
@media(max-width:992px) {
.profile-main .profile-img .list_box{width:35%;}
.profile-main .profile-img .list_box1{width:35%; right: 35%; }
}
@media(max-width:768px) {
.profile-main .profile-img .num{ font-size: 34px; }
.profile-main .profile-img ul li{padding: 20px 20px 0;}
}
@media(max-width:600px) {
.profile-main .profile-img .rect-36{ padding-bottom: 70%;}
.profile-main .profile-img .list_box{width:50%;}
.profile-main .profile-img .list_box1{width:50%; right: 50%; }
.profile-main .profile-img ul li{padding: 20px 5px;}
.profile-main .profile-img p{font-size: 14px; }
.profile-main .profile-img .num{ font-size: 30px; }
}
@media(max-width:400px) {
.profile-main .profile-img .rect-36{ padding-bottom: 90%;}
.profile-main .profile-img p{ height: 60px; }
}
.culture-wrap .cont-wrap { margin-top: 40px;}
.culture-wrap .cont-wrap .num-list { width: 75%; height: 380px;}
.culture-wrap .cont-wrap .num-list ul{ height: 100%;}
.culture-wrap .cont-wrap .num-list li.gray { background-color: #f5f5f5;}
.culture-wrap .cont-wrap .num-list li { width: 50%; float: left; text-align: center; height: 100%;}
.culture-wrap .cont-wrap .num-list .num-box { margin-bottom:20px; padding-top: 50px;}
.culture-wrap .cont-wrap .num-list .num-box .num { display: inline-block; position: relative; font-size: 110px; font-weight: bold; line-height: 120px; vertical-align: top; color: #0c4d97; font-family: "Base-font";}
.culture-wrap .cont-wrap .num-list .word { display: block; width: 76%; margin: 14px auto 0; text-align: left; color: #666; font-size: 16px; line-height: 26px;}
.culture-wrap .cont-wrap .num-list li.gray .stt { background-color: #f5f5f5;}
.culture-wrap .cont-wrap .num-list .num-box .stt { font-size: 16px; line-height: 44px; color: #333; position: absolute; bottom: 6px; right: 0; display: inline-block; width: 66px; text-align: center; background-color: #fff; }
.culture-wrap .cont-wrap .imgbox { width: 25%; height: 380px;}
.culture-wrap .cont-wrap .num-list li.black {background-color: #333;}
.culture-wrap .cont-wrap .num-list li.black {background-color: #333;}
.culture-wrap .cont-wrap .num-list li.black .num-box .num ,.culture-wrap .cont-wrap .num-list li.black .word{color: #fff;}
.culture-wrap .cont-wrap .num-list li.black .stt {color: #fff;background-color: #333;}
@media(max-width:1366px) {
.culture-wrap .cont-wrap .num-list .word { width: 86%;}
}
@media(max-width:1200px) {
.culture-wrap .cont-wrap .num-list .word { width: 90%; font-size: 15px; }
.culture-wrap .cont-wrap .num-list .num-box { margin-bottom:10px; padding-top: 40px;}
}
@media(max-width:768px) {
.culture-wrap .cont-wrap .num-list .num-box .num { font-size: 90px;  line-height: 100px;}
.culture-wrap .cont-wrap .num-list .num-box .stt { font-size: 15px; line-height: 34px; width: 60px; }
.culture-wrap .cont-wrap .num-list .word {width: 94%; line-height: 24px;}
}
@media(max-width:520px) {
.culture-wrap .cont-wrap .num-list .num-box .num { font-size: 50px; }
.culture-wrap .cont-wrap .num-list { width: 100%; }
.culture-wrap .cont-wrap .imgbox { display: none; }
}
@media(max-width:425px) {
.culture-wrap .cont-wrap .num-list { height: auto; }
.culture-wrap .cont-wrap .num-list li { width: 100%; }
.culture-wrap .cont-wrap .num-list .num-box { padding-top: 20px;}
.culture-wrap .cont-wrap .num-list .word { padding-bottom: 30px;}
}
.honor { margin-top: 30px;}
.honor li .infor{padding:20px 0px; text-align:center; }
.honor li .infor .tit{ font-size: 16px; }
.honor li .infor .tit1{ font-size: 24px; }
.honor li .en{ color: #666;text-align: center; line-height: 28px; font-size: 15px; }
.honor li:hover .infor .tit {color:#de000d; }
.honor li img{ width:100%;}
@media(max-width:1200px) {
.honor li .infor .tit1{ font-size: 20px; }
}
@media(max-width:768px) {
.honor li .infor .tit1{ font-size: 18px; }
}
@media(max-width:568px) {
.honor li .infor .tit1{ font-size: 16px; }
.honor li .en{ display: none; }
}
.page_factory ul li {margin-top: 30px;}
.page_factory ul li .honor-item .rect {padding-bottom: 78%;}
.page_factory ul li img{ width:100%;}
.page_factory ul li .honor-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.left_nav{ background-color: #f2f4f6; margin-bottom: 25px; }
.left_nav dt{ line-height: 78px; border-bottom: 1px solid #fff; border-left: 2px solid #0c4d97; font-size: 24px; font-weight: bold; padding-left: 35px;}
.left_nav dd{line-height: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 18px;padding-left: 35px; border-bottom: 1px solid #fff; color: #666; }
.left_nav .date{ font-size: 14px;} 
.left_news dd{ margin: 15px 35px; background-color: #fff; padding-left: 8px; padding-right: 8px;}
.left_share .fa{ width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px solid #999; color: #999; text-align: center;}
.left_share dd{ margin-top: 20px; padding-bottom: 30px;}
.left_share .wechat { position: relative;}
.left_share .wechat:hover .vx { display: block;}
.left_share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.left_share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.left_share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.left_share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.left_share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.left_share .share-item { margin-right:8px;}
.left_share>a:last-child { margin-right: 0;}
.left_news dl{ padding-bottom: 25px;}
.page_pro ul li .pro-item .rect {padding-bottom: 78%;}
.page_pro ul li img{ width:100%;}
.page_pro ul li .pro-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page_pro ul li .pro-item p { line-height:40px; height: 40px; overflow: hidden; font-size: 16px; }
@media(max-width:1366px) {
.left_nav dt{font-size: 22px; padding-left: 25px;}
.left_nav dd{ padding-left: 25px; }
.left_news dd{ margin: 15px 25px;}
.page_pro ul li .pro-item p { line-height:25px; height: 60px;}
}
@media(max-width:1280px) {
.left_nav dt{ line-height: 48px;font-size: 18px; padding-left: 15px;}
.left_nav dd{line-height: 25px; font-size: 16px;padding-left: 15px; }
.left_news dd{ margin: 15px 15px; padding-left: 5px; padding-right: 5px;}
.page_pro ul li .pro-item p { font-size: 15px;}
}

.show-pro{ padding: 55px; box-shadow: 0 0 8px rgba(153,153,153,0.4);}
.show-pro .param-t{font-size: 24px; color: #0c4d97; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.show-pro .param-tit{font-size: 24px; padding-bottom:10px; color: #333; }
.show-pro .param-s{ font-size: 14px; margin-bottom: 30px; color: #666; }
.show-pro .param-c { margin-bottom: 20px;}
.show-pro .param-c h3{ font-size: 18px; line-height: 50px; position: relative; padding-left: 17px;}
.show-pro .param-c h3:before{ position: absolute; left: 0; top: 0px; content: "•"; width: 17px; color: #0c4d97;}
.show-pro .param-c p ,.show-pro .param-c div{ line-height:30px; color: #666; }
.show-pro .param-c td{ padding-left: 8px;}
.show-pro .param-img{padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
@media(max-width:1365px) {
.show-pro img{ width: 100%;}
}
@media(max-width:1280px) {
.show-pro{ padding: 35px;}
.show-pro .param-t{font-size: 20px;padding-bottom:20px; }
.show-pro .param-tit{font-size: 20px; }
}
@media(max-width:680px) {
.show-pro{ padding: 20px;}
.show-pro .param-t{font-size: 18px; padding-bottom:10px;}
.show-pro .param-tit{font-size: 18px; }
.show-pro .param-c p{ font-size: 15px;line-height:26px;}
.show-pro .param-s{ margin-bottom: 20px; }
}
.news_top{ margin-bottom: 40px;}
.news_top .swiper-container{width: 100%; max-height: 595px;}
.news_top .swiper-slide{position: relative;width: 100%!important;background: #fff;}
.news_top .swiper-slide .info{position: absolute;top: 0;right:70px;width: 43%;height: 100%; padding-left: 35px; box-sizing: border-box;background: #fff;}
.news_top .swiper-slide .info h2{font-size: 24px; margin-bottom: 8%;}
.news_top .swiper-slide .info p{color: #666;font-size: 16px;line-height: 28px;padding-bottom: 15%;}
.news_top .swiper-slide .info a{font-size: 16px;color:#0c4d97; border: 2px solid #0c4d97; padding: 8px 40px; float: right; bottom: 0px;}
.news_top .swiper-slide .img{float: left; max-height: 595px;overflow: hidden;}
.news_top .swiper-slide .img img{max-width: 100%;}
.news_top .bottom{position: absolute;bottom: 0;right:70px; width: 40%; float: right;}
.news_top .swiper-pagination{text-align: center;}
.news_top .swiper-pagination-fraction{left: 45px;font-weight: bold;font-size: 20px; bottom: 0px; width:50%; color: #999;}
.news_top .swiper-pagination-current{color:#0c4d97;}
.news_top .swiper-button-next,
.news_top .swiper-button-prev{top: auto;bottom: 10px;width: 30px;height: 17px; color: #999; }
.news_top .swiper-button-prev{left: 25px; border-color: #999; }
.news_top .swiper-button-next{right: auto;left: 80px; border-color: #999;background-image:#999}
.news_top .swiper-button-next,
.news_top .swiper-button-prev {background-image:none!important;   content: "";  display: block;  width: 20px;  height: 20px;  border: 3px solid;  border-color: transparent transparent #999 #999;}
.news_top .swiper-button-prev {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.news_top .swiper-button-next {  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.news_top .dec{ color:#939393; margin-bottom:18%;}
.news_top .dec .fa{margin-bottom:3px;}
.news_top .dec span{cursor:pointer; display:inline-block;}
.news_top .dec span.date,
.news_top .dec span.view{display:inline-block; margin-right:5px; font-size: 15px;}
@media (max-width: 1440px){ .swiper-container-3d{perspective: none;}}
@media (max-width: 1366px){ 
.news_top .dec{ margin-bottom: 22%;}
.news_top .swiper-slide .info{ top: 0;right:0px;width: 45%; }
.news_top .bottom{ right:0px; width: 44%; }

}
@media (max-width: 1280px){.news_top .swiper-slide .info h2{font-size: 24px;}.news_top .swiper-slide .info p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_top .swiper-slide .info a{ display: none;}
}
@media (max-width: 780px){
.news_top .swiper-container{width: 100%; max-height: 395px;}
.news_top .swiper-slide .img{ max-height: 395px; width: 50%; }
.news_top .swiper-slide .info{ width: 52%; }
.news_top .bottom{ right:0px; width: 50%; }
.news_top .swiper-slide .info{padding-top: 10px;}
.news_top .swiper-slide .info h2{font-size: 17px;margin: 0;padding-bottom: 20px; padding-top: 10px;}
.news_top .swiper-slide .info a{font-size: 14px;}
.news_top .swiper-button-next,
.news_top .swiper-button-prev { width: 15px;  height: 15px;}
.news_top .swiper-slide .info p{ padding-bottom: 5%; font-size: 15px;}
.news_top .dec{ margin-bottom: 4%;}

}
@media (max-width: 640px){
.news_top .swiper-container{width: 100%; height:500px; max-height: 500px;}
.news_top .swiper-slide .img{ max-height: 295px; width:100%; }
.news_top .swiper-slide .info{ width: 100%;top: 295px; z-index: 999; padding-left: 0px; background-color: #fafafa; padding: 15px;}
.news_top .bottom{ right:0px; width: 100%; bottom: 10px;}
}
@media (max-width: 520px){
  .news_top .swiper-container{height:480px; max-height: 480px;}
  .news_top .swiper-slide .img{ max-height: 265px; }
  .news_top .swiper-slide .info{ top: 265px;}
  .news_top .swiper-slide .info h2{ padding-bottom: 10px; }
}
@media (max-width: 450px){
  .news_top .swiper-container{height:480px; max-height: 480px;}
  .news_top .swiper-slide .img{ max-height: 225px; }
  .news_top .swiper-slide .info{top: 225px;}
  .news_top .swiper-pagination-fraction{left: 55px;}

}
@media (max-width: 400px){
  .news_top .swiper-container{height:450px; max-height: 450px;}
  .news_top .swiper-slide .img{ max-height: 200px; }
  .news_top .swiper-slide .info{top: 200px;}
}
@media (max-width: 370px){
  .news_top .swiper-container{height:450px; max-height: 450px;}
  .news_top .swiper-slide .img{ max-height: 190px; }
  .news_top .swiper-slide .info{ top: 190px;}
}
.news_list { clear: both;}
.news_list .list_box{padding:46px 30px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.news_list .list_main{overflow:hidden; width:88%; float:right;}
.news_list .list_title{font-size:20px;color:#202020; line-height:36px;font-weight:normal; display:block;}
.news_list .list_p{ color:#666;line-height: 28px;height:56px;overflow:hidden; margin-top:10px;}
.news_list .list_box:after{content: "";width:100%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;}
.news_list li:hover .list_box{background-color:#f2f9fe;}
.news_list li:hover .list_box:after{background-color:#f8f8f8;}
.news_list li:hover .list_title a{color:#009ce5;}
.news_list .list_time{ color:#333; padding:0 2% 2% 0;border-right:1px solid #e6e6e6; width:10%; float:left;text-align: right;}
.news_list .list_time_day{display:block;font-size:18px;line-height:34px;  }
.news_list .list_time_year{ font-size:26px; line-height:40px;}
.list_time_m{ display:none; line-height:28px; font-size:14px; margin-top:5px;}
@media only screen and (max-width:1240px){
.news_list .list_hd{padding:30px 20px;}
.news_list .list_box{padding:30px 10px 30px;}
.news_list .list_box:after{ width:86%;}
.news_list .list_time{ width:10%;}
.news_list .list_title{font-size:18px; line-height:30px;}
}
@media only screen and (max-width:768px){
.news_list .bd_r{float: none;width:100%; margin-left:0; margin-bottom:20px;}
.news_list .list_main{width:100%;}
.news_list .list_box{padding:1px 0px 20px;}
.news_list li{margin-bottom:20px;}
.news_list .list_box:after{width:100%;}
.news_list .list_bd ul{ margin-bottom: 30px; }
.news_list .list_title{font-size:16px; line-height:26px;}
.news_list .list_p{ color:#666;line-height: 24px;height:48px; font-size:15px; margin-top:5px;}
.news_list .list_time{ display:none; }
.list_time_m{ display: block;}
}

.video_list ._info{ padding: 20px 0; text-align: center;  background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1));  position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%;}
.video_list ._info .tit { color: #fff; font-size: 16px; }
.video_list li{ cursor: pointer; margin-bottom: 30px; }
.video_list ._img{ height: 0; padding-bottom: 70%; overflow: hidden; position: relative; }
.video_list ._img img{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.video_list ._img:hover img{ -webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.video_list ._img .play_ico{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -34px; margin-left: -34px; background:url(../images/news_index_06_ico.png) no-repeat center; width: 72px; height: 72px; background-position:0 -148px;}
@media only screen and (max-width: 479px){
.video_list li ._info .ion{ display:none; }
}
.custom { margin-top: 30px;}
.custom li{ margin-bottom: 20px;}
.custom .img{ width: 185px; height: 185px; line-height: 185px; border: 1px solid #999; border-radius: 100%;}
@media only screen and (max-width: 768px){
.custom .img{ width: 155px; height: 155px; line-height: 155px;}
.custom .img img{ width: 100%; height: auto;}
}
@media only screen and (max-width: 568px){
.custom .img{ width: 105px; height: 105px; line-height: 105px;}
}
@media only screen and (max-width: 400px){
.custom .img{ width: 85px; height: 85px; line-height: 85px;}
}
.server_pt1{ margin-top: 30px; margin-bottom: 30px;}
.server_pt1 dl{ margin-bottom: 20px;}
.server_pt1 dt { font-size: 18px; margin-bottom: 10px;}
.server_pt1 dt span{ color:#0c4d97; margin-right: 5px;}
.server_pt1 dd{ font-size: 16px; line-height: 32px; color: #444;}
.serverline{ height: 1px; width: 100%; background-color: #e5e5e5; margin-bottom: 50px;}
.af_3 ul li{ margin-right:4.27413411938099%; position:relative;float:left; width:16.58069270449521%; margin-bottom:58px;}
.af_3 ul li:nth-child(5n){margin-right:0;}
.af_3_mid{border:1px #ddd solid; padding:0 1em; height:9.325em; position:relative; text-align:center;}
.af_3_mid_1 span{display:inline-block; position:relative;}
.af_3_mid_1 span i{position:absolute; left:0; top:0; width:100%; z-index:10;opacity:0;}
.af_3_mid_2{font-family: "SourceHanSansCN"; font-size:18px; margin-top:0.5em;}
@media screen and (min-width:1090px) {
.af_3 ul li:hover .af_3_mid_1 span i{ opacity:1;}
.af_3 ul li:hover .af_3_mid{ background-color:#0d4b96; border-color:#0d4b96; color:#fff;}
}

.af_3_mid_right{ position:absolute; right:0; top:0; height:100%;    }
.af_3_mid_right_1{ position:absolute; width:90%; left:5%; height:1px; top:50%; margin-top:-0.5px; border-bottom:1px #acacac dotted;}
.af_3_mid_right_2{ left:50%; top:50%; z-index:10; margin-left:-9px; margin-top:-10.5px; position:absolute; width:18px; height:21px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img13.png);}
.af_3_mid_right_2_f{background-image:url(../images/img14.png);}
.af_3{position:relative; margin-top:30px; }
.af_3_v{position:absolute; right:0; top:8.125em;width:16.58069270449521%;   height:58px;}
.af_3_v_1{position:absolute; height:90%; top:37%; width:1px; left:50%; margin-left:-0.5px; border-left:1px #acacac dotted;}
.af_3_v_2{position:absolute; height:18px; top:50%; margin-top:10px; width:21px; left:50%; margin-left:-10.5px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img16.png);   z-index:10;}
@media screen and (max-width: 1200px){
.af_3_mid_2{ font-size:16px;}
}
@media screen and (max-width: 768px){
.af_3 ul li{margin-bottom:42px;}
.af_3_v{height:42px;}
.af_3{margin-bottom:1em;}
.af_3_mid_1 span img{max-width:70%;}
.af_3_mid_2{ font-size:15px;}
.af_3_v_1{ height:100%; top:47%; margin-left:-0.5px;}
.lcroll{overflow-x:auto;}
.lcroll .af_3{width:1090px;}
.lcroll::-webkit-scrollbar-track-piece { background-color: #dedede; border-left: 1px solid rgba(0, 0, 0, 0); } 
.lcroll::-webkit-scrollbar { width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.lcroll::-webkit-scrollbar-thumb { background-color: #0264a3; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5px; } 
}

.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.problem li { margin-bottom: 15px;}
.problem li .con{padding:0PX 0 15PX 40px;position: relative; }
.problem li a{ color:#333}
.problem li span{position:absolute;left:0;top:0;height:30px;width:30px;line-height:30px;font-family: Arial, Helvetica, sans-serif;font-size:20px;font-weight:600;color:#fff;background-color:#0c4d97;text-align:center}
.problem li:hover span{background-color:#0b6fba;}
.problem li h4{font-size:18px; line-height: 30px; font-weight:400}
.problem li h4+p{margin:10px 0 10px; line-height:28px;}
.problem li a:hover h4{color:#0b6fba} 
@media (max-width:1400px) {
.problem li .con {padding:1rem 0 .75rem 2.2rem; }
.problem li span{top:1rem;}
.problem li h4+p{margin:15px 0 5px; line-height:25px;}
}
@media (max-width:1359px) {
.problem li h4+p{margin:10px 0 5px; }
}
@media (max-width:1280px) {
.problem li .con{padding:0.8rem 0 .75rem 2.2rem; }
.problem li span{top:0.8rem;}
.problem li h4+p{margin:10px 0 0px; }
}
@media (max-width:1200px) {
.problem li .con{padding: 1.2rem 0 .75rem 2.75rem; }
.problem li span{top:1.2rem;}
.problem li h4+p{margin:10px 0 0px;}
.problem li h4{ line-height:28px;}
}
.net{ text-align: center; margin: 20px auto 0;}
@media (max-width:1200px) {
.net img{ width: 100%;}
}

.download-lists ul li{ margin-bottom: 15px;} 
.download-lists ul a {display: block;padding: 20px 15px; background-color: #f8f8f8;}
.download-lists ul a:hover span {color: #0c4d97}
.download-lists ul a span {font-size: 18px; color: #333;}
.download-lists ul a span:first-child {margin-right: 15px;}
.download-lists ul a .date {font-size: 15px;color: #999;}
@media(max-width:668px) {
.download-lists ul a .date { display:none;}
.download-lists ul a { padding: 10px 0;}
.download-lists ul a span {font-size: 16px;}
}

.contact-page .page-tit h3{ font-size:24px}
.contact-page .contact-txt {box-shadow: 5px 5px 15px rgba(0, 0, 0, .275);background-color: #fff;padding: 50px 0;margin-top: 30px;position: relative; z-index:1;}
.contact-page .contact-txt .contact-item .contact-t {font-size: 18px;margin-top: 20px; padding-top:30px; position:relative;}
.contact-page .contact-txt .contact-item .contact-t:before { position:absolute; left:45%; top:0px; content:""; height:2px; background:#0c4d97; width:26px;}
.contact-page .contact-txt .contact-item .contact-c {font-size: 15px;color: #666;line-height: 30px;}
.contact-page .contact-txt ul {display: flex;justify-content: space-between; margin-top:40px; margin-bottom:40px;}
.contact-page .contact-txt ul li {flex: 1;text-align: center;}
.contact-page .contact-txt ul li:last-child {border-right: 0;}
.contact-page .map { height: 659px;width: 100%;width: 100%;margin-top: -40px;}
.contact-page .map #map {height: 100%;}
@media(max-width:1280px) {
.contact-page .page-tit h3{ font-size:22px}
}
@media(max-width:768px) {
.contact-page .contact-txt {padding: 50px 0 20px; }
.contact-page .page-tit h3{ font-size:20px}
.contact-page .contact-txt ul {display: flex; flex-wrap: wrap;margin-top:30px; margin-bottom:30px;}
.contact-page .contact-txt ul li {flex: 0 0 50%; margin-bottom:30px;}}
@media(max-width:468px) {
.contact-page .page-tit h3{ font-size:18px}
.contact-page .contact-txt ul li {flex: 0 0 100%; margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #dcdcdc;}}

.message-main .page-tit {margin-bottom: 50px;}
.message-main .form-main {padding-top: 40px;}
.message-main .form-item {width: 50%;float: left;margin-bottom: 20px;}
.message-main .form-item:nth-child(odd) {padding-right: 25px;}
.message-main .form-item:nth-child(even) {padding-left: 25px;}
.message-main .form-item1 {width: 100%; margin-bottom: 20px;}
.message-main .form-item1 .red{ color: #ff0000; font-size: 20px;}
.message-main form .button {text-align: center;}
.message-main form .button button {padding: 10px 50px;background-color: #0c4d97;color: #fff;}
.message-main label {display: block;color: #666;font-weight: 400;margin-bottom: 20px;}
.message-main label span {color: #cc0000;}
.message-main label {padding-left: 30px;}
.message-main .form-item input {width: 100%;border: 0;padding-left: 30px;border-bottom: 1px solid #dcdcdc;padding-bottom: 5px;}
.message-main .form-area textarea {resize: none;width: 100%;text-indent: 2em;height: 100px;border: 0;border-bottom: 1px solid #dcdcdc;}
.message-main .form-bottom {margin-top: 60px;}
.message-main .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.message-main .form-bottom #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px;}
.d-inline {
    display: inline-block;
}
.policy strong { font-weight: bold; margin-bottom: 20px;}
.policy{ line-height: 32px;}