body {
   /* font: 16px pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;  */
  font-family:Pingfang-bold;
  font-size: 16px;
  line-height: 2;
}

.phone {
  display: none;
}

.container {
  max-width: 1400px;
  width: 92%;
  margin: 0 auto;
}



.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  flex: 1;
}

.footer,
.header {
  flex: 0;
}

a:hover {
  text-decoration: none;
  color: #240f6c;
  transition: color 0.4s;
  -moz-transition: color 0.4s;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
}

@-webkit-keyframes fromBottomFade {
  from {
    -webkit-transform: translateY(20%);
    opacity: 0;
  }
}

@keyframes fromBottomFade {
  from {
    transform: translateY(20%);
    opacity: 0;
  }
}

@font-face {
  font-family: Pingfang;
  src: url(../fonts/pingfang/pingfang-n.TTC);
}
@font-face {
  font-family: Pingfang-bold;
  src: url(../fonts/pingfang/PINGFANG\ BOLD.TTF);
}

@font-face {
  font-family: Alimama;
  src: url(../fonts/Alimama/AlimamaDongFangDaKai-Regular.woff);
}

.Pingfang{
  font-family: Pingfang;
}
.Pingfang-bold{
  font-family: Pingfang-bold;
} 

.Alimama{
  font-family: Alimama;
}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.image{font-size: 0;line-height: 0;}
.image img{max-width: 100%;}
/* 导航 */
.pc-nav {  width: 100%;height: 200px;   z-index: 999; transition: 0.6s;background: #ffffff;}
.nypc{box-shadow: 0px 0px 2px 2px #f7f7f7;}
.pc-nav .container{display: flex;justify-content: space-between;}

.pc-nav .logo-box{width: 100%;overflow: hidden;background: url(../images/logo_box_bg.png)no-repeat center ;  transition: 0.6s;;height: 120px;display: flex;align-items: center;justify-content: space-between; height: 120px;}
.pc-nav .logo-box .logo {align-items: center;font-size: 0;}
.pc-nav .logo-box .logo img {  max-width: 100%;max-height: 100%;}
.pc-nav .nav{width: 100%;background: url(../images/nav_bg.jpg)no-repeat center center / cover;height: 80px;}
.pc-nav .nav.fixed{position: fixed;top: 0;left: 0;z-index: 999;}
.pc-nav .nav .menu {display: flex; justify-content:space-between;width: 100%;}
.pc-nav .nav .menu li { display: flex; align-items: center; justify-content: center;  position: relative;float: left;width: 10%;}
.pc-nav .nav .menu li a.nv {font-size: 18px; color:#ffffff;opacity: 1;text-align: center; white-space: nowrap;height: 80px;line-height: 80px;width: 100%;display: block; border-radius: 5px;position: relative;}


.pc-nav .nav .menu .menu-son {  display: none;border-top:2px solid #1e579a; position: absolute;border-radius: 3px;overflow: hidden;  top: 100%;  left:0px;   z-index: 100;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  width: 100%;  font-size: 14px;  background: #fff;  animation: fromBottomFade 0.6s ease both;  -webkit-animation: fromBottomFade 0.6s ease both;}
.pc-nav .nav .menu .menu-son a {padding:10px 0px;  overflow: hidden;  color: #222;  display: block;  font-size: 14px; text-align: center;  border-bottom: 1px solid #ebebeb;  text-align: center;}
.pc-nav .nav .menu .menu-son a:hover{background: #56bced;color:#ffffff;}
.pc-nav .nav .menu li.cur{background: #56bced;}
.pc-nav .nav .menu li.cur a::after{width: 30px;}
.pc-nav .nav .menu li:hover a.nv::after{ width: 30px;}
.pc-nav .nav .menu li:hover .menu-son {  display: block;}

.pc-nav .nav_form{position: relative;display: flex;align-items: center;}
.pc-nav .nav_form input{border: 1px solid #e8e8e8;width: 260px;height: 45px;line-height: 45px;padding: 0px 10px;outline: none;background: #ffffff;border-radius: 23px;}
.pc-nav .nav_form img{position: absolute;top: 42px;right: 20px;line-height: 45px;text-align: center;color: #ffffff;}


.headerauto{height: 0px;}


/* 内页导航 */
.inset {width: 100%;  overflow: hidden;padding: calc(20px + 1vw) 0px;background: #ffffff;}
.inset table td{padding:0px 10px;}
.inset img{max-width: 100%;}
.inset-cate {margin-bottom: 40px;}
.inset-cate .cate-title{font-size: calc(1.2vw + 14px);line-height: 1; color: #1f5fa3; margin-bottom: 15px;}
.inset-cate .cate-entitle{font-size: calc(0.5vw + 14px);line-height: 1;  margin-bottom: 15px;}

.inset .editor img{max-width: 100%;}


.sidenav{overflow:hidden;border-bottom: 1px solid #e0e0e0;}
.sidenav .crumb{ color: #666666;line-height:80px;float: left;}
.sidenav .crumb a{color: #666666;}
.sidenav .top_title{font-size: 36px;color: #000000;line-height: 40px;position: relative;padding-bottom: 40px;margin-bottom: 30px;}
.sidenav .top_title::after{content:"";position: absolute;left: 0px;bottom: 10px;width: 30px;height:6px;background: #1e579a;border-radius: 3px;}
.sidenav .right{overflow: hidden;float: right;}
.sidenav ul{overflow: hidden;}
.sidenav ul li{float:left; overflow: hidden;overflow: hidden;margin-bottom: 1px;position: relative;transition: 0.3s;line-height: 80px;margin-right: calc(20px + 2vw); }
.sidenav ul li::after{content:"";position: absolute;left: 0;bottom:0px;width: 100%;height: 3px;background: #1e579a;transform: scaleX(0);transition: 0.3s;}
.sidenav ul li:hover::after{transform: scaleX(1);}
.sidenav ul li.cur::after{transform: scaleX(1);}
.sidenav ul li a {color: #333333;  font-size:18px;margin: auto; display: block; position: relative;transition: 0.3s; }
.sidenav ul li.cur a{color: #1e579a; }
.sidenav .search{float: right;}
.sidenav .search .form{width:260px;height:45px; background: #f9f9f9;border-radius: 23px;overflow: hidden;}
.sidenav .search input{width: 220px;float: left; height: 45px;border: none;background: #f9f9f9;outline: none;text-indent: 30px;}
.sidenav .search .icon{float: left;line-height: 45px;}


.inset_left{width: 100%;border-radius: 25px;float: left;}
.inset_left ul li{ overflow: hidden;border-radius: 8px; overflow: hidden;text-align: center; position: relative;transition: 0.3s; }
.inset_left ul li a{color: #666666;  font-size:18px;margin: auto; display: block; position: relative;transition: 0.3s;}
.inset_left ul li a i{float: right;}
.inset_left ul li.cur a{color: #1e579a;}


.inset_right{width:100%;float: right; overflow: hidden;}
.inset_right1{width: 100%;overflow: hidden;}
.inset_right img{max-width: 100%;}
.inset_right1 img{max-width: 100%;}

.orientation {  margin-top: 30px;  line-height: 30px;}


.tit{position: relative;width: 100%;text-align: left;position: relative;}
.tit .more{position: absolute;right: 0px;top: 0px;line-height: 2;}
.tit .more a{font-size: calc(0.1vw + 14px);line-height: 1;color:#999999;}
.tit .catname{font-size:calc(0.6vw + 16px);line-height: 1;color:#1e579a;line-height: 1;padding-bottom: 20px;border-bottom: 2px solid #e3e3e3;}
.tit .catname::after{content:"";position: absolute;left: 0px;bottom: 0px;width: 100px;height:6px;background: linear-gradient(90deg,#2079c7,#1e589a 100%);}
/* 内页banner */
.index-banner{overflow: hidden;background: #fff;font-size: 0;line-height: 0; width:100%;margin: auto;}

/* .index-banner img{
    max-width:100%;
    margin: auto;
    transition:1s linear 2s;
    transform:scale(1.1,1.1) rotate(0.1deg);
    }
    .index-banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1) rotate(0.1deg);
    }	 */

    .swiper-button-prev{left: 40px;}
    .swiper-button-next{right: 40px;}
.index-banner .swiper-button-next{outline:none;color:#ffffff;right: 20px;}
.index-banner .swiper-button-prev{outline:none;color:#ffffff;left: 20px;}


.inside-banner {overflow: hidden;position: relative;}
.inside-banner .bannerimg{font-size: 0;line-height: 0;}
.inside-banner .container{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); z-index: 1;}
.inside-banner .container .en{color:#ffffff;font-size: calc(14px + 0.3vw);line-height: 1;}
.inside-banner .container .cn{color:#ffffff;font-size: calc(0.9vw + 24px);line-height: 1.7;}



.iProducts{width: 100%;padding: 60px 0px ;width: 100%;overflow: hidden;}

.iProducts .cat-title{width: 100%;}
.iProducts .cat-title ul{display: flex;justify-content: center;flex-wrap: wrap; align-items: center;margin: 40px auto;}
.iProducts .cat-title ul li{height: 45px;margin: 0px 5px; display: block;text-align: center;overflow: hidden;text-align: left;margin-bottom: 10px;}
.iProducts .cat-title ul li a{display: block;padding:0px 25px;line-height:45px;background: #f9f9f9;color:#666666;font-size: 16px;}
.iProducts .cat-title ul li.active a{background: #edf6fa;color:#1e579a;}
.iProducts .iProducts_details{width: 100%;}
.iProducts .iProducts_con{overflow: hidden;}
.iProducts .iProducts_con ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iProducts .iProducts_con ul li{float: left;overflow: hidden;width: calc(25% - 20px);margin-bottom: 10px;position: relative;}
.iProducts .iProducts_con ul li a{width:calc(100% - 0px);margin: auto;display: block;position: relative;}
.iProducts .iProducts_con ul li .image{ overflow: hidden; display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.iProducts .iProducts_con ul li .image img{max-width: 100%;max-height: 100%;border-radius: 5px;transition: 0.6s;}
.iProducts .iProducts_con ul li .des{position: absolute; left:10%; top:15%; font-size: calc(16px + 0.6px) ;font-size: 20px; line-height: 30px;padding:10px 0px; color: #ffffff; transition: 0.3s; }
.iProducts .iProducts_con ul li .title{ position: absolute; left:10%; top:calc(15% + 45px); font-size: calc(16px + 1.1vw) ;line-height: 25px;padding:10px 0px; color: #ffffff; transition: 0.3s;}
.iProducts .iProducts_con ul li .more{position: absolute; left:10%; bottom:48px; font-size:16px ;width: 150px;height: 48px;border-radius: 24px;border:1px solid #ffffff; line-height: 48px; text-align: center; color: #ffffff; transition: 0.3s;}

.iProducts .iProducts_con ul li:hover .image img{transform: scale(1.1,1.1);}
.iProducts .iProducts_con ul li:hover .more{background: #1e579a;} 



.iAbout{ position: relative;overflow: hidden;background: #f3f5f7;padding: calc(10px + 5.5vw) 0px calc(10px + 8vw);  margin: auto;background: url("../images/about_bg.jpg")no-repeat center;background-size: cover;}
.iAbout .container{width: 1200px;margin: auto;}
.iAbout .iAbout_details{margin-top: 40px;}
.iAbout .iAbout_details ul{display: flex;justify-content: center;flex-wrap: wrap;}
.iAbout .iAbout_details ul li{width:40%;background: rgba(255,255,255,0.6);float: left;margin-right: 5%;border-radius: 25px;padding: 60px 0px;}
.iAbout .iAbout_details ul li:nth-child(2n){margin-right: 0px;}
.iAbout .iAbout_details ul li .image{display: flex;align-items: center;justify-content: center;height: 85px;}
.iAbout .iAbout_details ul li .title{font-size: calc(24px + 0.9vw);color: #333333;text-align: center; line-height: 2;  position: relative;transition: 0.3s;}
.iAbout .iAbout_details ul li .summary{color: #666;transition: 0.3s;text-align: center; line-height: 2;margin-bottom: 25px; }
.iAbout .iAbout_details ul li .more{display: flex;align-items: center;justify-content: center;}

.iNews{width: 100%;padding: 50px 0px 15px;overflow: hidden;}
.iNews .container{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iNews .tit{margin-bottom: 22px;}
.iNews .iNews_details{width:100%;overflow: hidden;}
.iNews .iNews_details .fl{width: calc(58% - 60px);float: left;background: #ffffff;padding: 30px;border-radius: 10px;}
.iNews .fl .details_con ul li {position:relative; overflow: hidden;margin-bottom: 6px;border-radius: 12px;}
.iNews .fl .details_con ul li a{display: block;width: calc(100% - 20px);padding: 0px 10px;}
.iNews .fl .details_con ul li a .image{width: 160px;height: 112px;float: left;margin-right: 15px;overflow:hidden;display:flex;align-items:center;}
.iNews .fl .details_con ul li a .image img{max-width: 100%;max-height: 100%;border-radius: 5px;transition:0.6s;}
.iNews .fl .details_con ul li a .details{width: calc(100% - 205px);float: left;background: #f9fbff;padding:12px 15px;border-radius: 15px;}
.iNews .fl .details_con ul li a .title {width:100%;font-size: calc(0.2vw + 14px);color: #333333; line-height: 35px;transition: 0.3s;position: relative;}
.iNews .fl .details_con ul li a .summary{width: calc(100% - 30px);font-size: calc(0.1vw + 14px);line-height: 22px;color: #999;position: relative;}
.iNews .fl .details_con ul li a .date{width: calc(100% - 30px);padding-left: 30px;font-size: calc(0.1vw + 14px);line-height: 22px;color: #999;position: relative;}
.iNews .fl .details_con ul li a .date::after{content: "";position: absolute;left: 0px;top:0;background: url("../images/riliriqi.png")no-repeat center; width: 30px;height:100%;}

.iNews .fl .details_con ul li a .more {font-size: calc(0.1vw + 14px);line-height: 2;color: #999;transition: 0.3s;}
.iNews .fl .details_con ul li a:hover .image img{transform:scale(1.1);}
.iNews .fl .details_con ul li a:hover .title {  color: #1e579a;}
.iNews .fl .details_con ul li a:hover .more{  color: #1e579a;}


.iNews .iNews_details .fr{width: calc(42% - 75px);float: right;background: #ffffff;padding: 30px;border-radius: 10px;}
.iNews .fr .details_con ul li {position:relative; overflow: hidden;padding: 15px 0px;background: #f9fbff;margin-bottom: 6px;border-radius: 12px;}
.iNews .fr .details_con ul li a{display: block;width: calc(100% - 20px);padding: 0px 10px;}
.iNews .fr .details_con ul li a .title {width: calc(100% - 130px);padding-left: 30px; float: left; font-size: calc(0.2vw + 14px);color: #333333; line-height: 35px;transition: 0.3s;position: relative;}
.iNews .fr .details_con ul li a .title::after{content: "";position: absolute;left: 0px;top:0;background: url("../images/tongzhi.png")no-repeat center; width: 30px;height:100%;}
.iNews .fr .details_con ul li a .date{width: 100px;float: right;text-align: right;font-size: calc(0.1vw + 14px);line-height: 35px;color: #999;}
.iNews .fr .details_con ul li a .more {font-size: calc(0.1vw + 14px);line-height: 2;color: #999;transition: 0.3s;}
.iNews .fr .details_con ul li a:hover .title {  color: #1e579a;}
.iNews .fr .details_con ul li a:hover .more{  color: #1e579a;}

.iService{width: 100%;overflow: hidden;padding: 0px 0px 15px;}
.iService .container{}
.iService .iService_details{background: #ffffff;width: calc(100% - 60px); padding: 30px;border-radius: 10px;}
.iService .details_con ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.iService .details_con ul li{width: 24%;float: left;margin-bottom: 20px;background: linear-gradient(to right,#f7f8f9,#f5f9ff);padding: 20px 0px;border-radius: 10px;}
.iService .details_con ul li:nth-child(4n){margin-right: 0px;}
.iService .details_con ul li .details{border-radius: 10px;}
.iService .details_con ul li .details .icon{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;}
.iService .details_con ul li .details .icon img{max-width: 100%;max-height: 100%;}
.iService .details_con ul li .details .title{font-size: calc(16px + 0.6px) ;font-size: 20px; text-align: center;line-height: 30px;padding:10px 0px; color: #333333;}
.iService .details_con ul li .details .summary{font-size: calc(13px + 0.15vw) ;line-height: 2;text-align: center; color: #666666;}
.iService .details_con ul li:hover{background: linear-gradient(to right,#2078c6,#1e599c);}
.iService .details_con ul li:hover .details .icon img{filter: brightness(0) invert(1);}
.iService .details_con ul li:hover .details .title{color: #ffffff;}
.iService .details_con ul li:hover .details .summary{color: #ffffff;}


.iMember{padding: 150px 0px;overflow: hidden;background: url("../images/service_bg.png")no-repeat top center;background-size: cover;}
.iMember .tit .catname{color:#ffffff;margin-bottom:calc(30px + 1.5vw);}
.iMember .tit .catname::after{background: #ffffff;}
.iMember .tit  a{color:#ffffff;}
.iMember_details{overflow: hidden;width: calc(100% - 60px); padding: 30px;}
.iMember_details .member_swiper{margin-top: 30px;overflow: hidden;padding-bottom:50px;}
.iMember_details .imagea{display: flex;align-items: center;justify-content: center;overflow: hidden;height: 260px;}
.iMember_details .imagea img{height: 100%;transition:0.6s;}
.iMember_details .imagea img:hover{transform:scale(1.1);}
.iMember_details .swiper-pagination{bottom: 0px;}
.iMember_details .swiper-pagination-bullet{width: 12px;height: 12px;background: #ffffff;opacity: 1;}
.iMember_details .swiper-pagination-bullet-active{background: #1e579a;}
.iMember_details .title{text-align:center;font-size:calc(14px + 0.2vw); line-height:2;color:#ffffff;margin-top:12px;}


.iDevelop{overflow: hidden;}
.iDevelop_details{width: calc(100% - 60px);padding: 30px;background: #ffffff;border-radius: 10px;overflow: hidden;}
.iDevelop .tit{margin-bottom: 40px;}
.iDevelop .iDevelop_details .fl{background: #f7f8f9;border-radius: 10px;width: calc(60% - 60px);padding: 30px; float: left;}
.iDevelop .iDevelop_details .fl .title{font-size: calc(16px + 0.6px) ;font-size: 20px;line-height: 30px;padding:10px 0px; color: #1e579a;position: relative;margin-bottom: 10px;padding-bottom: 10px;}
.iDevelop .iDevelop_details .fl .title::after{content: "";position: absolute;left: 0px;bottom:0; background:#1e579a; width: 40px;height:5px;}
.iDevelop .iDevelop_details .fl .summary{font-size: calc(13px + 0.15vw) ;line-height: 1.8;min-height:136px;  color: #1e579a;}
.iDevelop .iDevelop_details .fl a{font-size: calc(13px + 0.15vw) ;line-height: 2;background: #ffffff;  color: #1e579a;display: block;margin-top: 20px;width: 160px;height: 50px;text-align: center;line-height: 50px;}
.iDevelop .iDevelop_details .fl a:hover{background: #1e579a;  color:#ffffff ;border-radius:10px;}
.iDevelop .iDevelop_details .fr{background: #f7f8f9;border-radius: 10px;width: calc(38% - 60px);padding: 30px; float: right;}
.iDevelop .iDevelop_details .fr ul li{float: left;margin-right:40px ;height:120px;display:flex;align-items:center;justify-content:center; width: 48%;margin-right: 4%;margin-bottom: 12px;background:#ffffff;}
.iDevelop .iDevelop_details .fr ul li img{width: 100%;object-fit: cover;transition:0.6s;}
.iDevelop .iDevelop_details .fr ul li:nth-child(2n){margin-right: 0px;}
.iDevelop .iDevelop_details .fr ul li img:hover{transform:scale(1.1);}


.iLink{width: 100%;padding: calc(20px + 2vw) 0px ;}
.iLink_details{width: calc(100% - 60px);padding: 30px;background: #ffffff;border-radius: 10px;}
.iLink_details .details_con{margin-top: calc(20px + 1.5vw);}
.iLink_details ul{display: flex;flex-wrap: wrap;}
.iLink_details ul li{width: calc(25% - 15px);float: left;position: relative;padding-left: 15px;}
.iLink_details ul li:nth-child(4n){margin-right: 0px;}
.iLink_details ul li:after{content: "";position: absolute;left:0 ;top:calc(50% - 4px);width: 8px;height:8px;background: #cbcbcb;border-radius: 50%;}
.iLink_details ul li a{font-size: 16px ; line-height: 30px;padding:5px 0px; color: #1e579a;display: block;}


.iBanner-box{width: 100%;position: relative;}
.iBanner-box .image{width: calc(100% - 16px);font-size: 0;padding: 8px;background: #ceeedb;border-radius: 10px;}
.iBanner-box .image img{width: 100%;opacity:1;}
.iBanner-box .con{position: absolute;width: 85%; left: 50%; top:50%;transform: translate(-50%,-50%);}
.iBanner-box .con .tit .catname{color:#ffffff;margin-bottom:calc(30px + 1.5vw);}
.iBanner-box .con .de{color:#ffffff;line-height: 1.5;font-size:calc(1vw + 14px) ;margin-bottom:calc(30px + 1.5vw);}
.iBanner-box .con .more{width: 150px;height: 48px;display: flex;justify-content: space-between;align-items: center; border-radius: 24px;background:#1e579a;color:#ffffff;padding: 0px 28px;transition: 0.6s;}
.iBanner-box .con .more img{transition: 0.6s;filter: brightness(100);}


.iCustomer .tit{margin-bottom:30px;}
.iCustomer .Customer-detail{overflow: hidden;}
.iCustomer .Customer-detail ul li{text-align: center;}
.iCustomer .Customer-detail ul li .image{margin-bottom: calc(2vw + 3px);height: 150px; width: 100%;overflow: hidden;background: #f8f8f8;border-radius: 70px;display: flex;align-items: center;justify-content: center;}
.iCustomer .Customer-detail ul li .title{font-size: 16px;}



/*联系我们*/

.contactcol .contact-tit{font-size: calc(18px + 0.4vw);margin-bottom: calc(10px + 0.5vw);color: #1e579a;}
.contactlist{width: 100%;}
.contactlist-tit{font-size: calc(20px + 0.5vw);margin-bottom: calc(10px + 0.5vw);font-weight: bold;color: #000000;}
.contactlist ul {display: flex;justify-content: space-between; padding:8px 0px 20px;gap: 10px;}
.contactlist ul li{margin-bottom: 20px;background: #f8f8f8;padding:40px 20px; width: 22%;color:#666666;border-radius: 10px; display: flex;align-items: center;justify-content: space-between;}
.contactlist ul li:nth-child(4n){width: 34%;}
.contactlist ul li .image{width: 50px;float: left;}
.contactlist ul li .detail{width: calc(100% - 50px);float: right;}
.contactlist ul li .tt{font-size: calc(14px + 0.2vw);color: #000;white-space: nowrap;}
.contactlist ul li .con{font-size: calc(14px + 0.1vw);line-height: 2;}





.iMessage ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iMessage ul .w50{width:calc(50% - 5px);position: relative; overflow:hidden;margin-bottom:12px;border-radius: 5px;}
.iMessage ul .w100{width:calc(100% - 0px);position: relative; overflow:hidden;margin-bottom:12px;border-radius: 5px;}
.iMessage ul li p{margin-bottom: 10px;}
.iMessage ul li p span{color: #e60012;}
.iMessage ul li input{width:calc(100% - 2px);text-indent:10px; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.iMessage ul li textarea{width:calc(100% - 2px);text-indent:10px; float:left;height:135px;line-height:45px;border:1px solid #e6e6e6;outline: none;border-radius:5px;}
.iMessage ul .captcha{width: 100%;margin-bottom:12px;}
.iMessage ul .captcha input{width:180px;margin-right: 10px;}
.iMessage ul .captcha img{height: 45px;border:1px solid #e6e6e6;border-radius: 5px;}
.iMessage .messagesubmit{width: 338px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #1e579a;
  border-radius:5px;
  color: #fff;
  cursor: pointer;
}

/*药物警戒*/
.report-Pharm{width: 100%;overflow: hidden;} 
.report-Pharm .details ul li{float: left;width: calc(50% - 24px);position: relative;border-bottom:1px solid #ebecef;padding: 20px 0px;margin-right:48px ; overflow: hidden;}
.report-Pharm .details ul li:nth-child(2n){margin-right: 0;}
.report-Pharm .details ul li:nth-child(4n + 1){border-top:1px solid #ebecef;}
.report-Pharm .details ul li:nth-child(4n + 2){border-top:1px solid #ebecef;}
.report-Pharm .details ul li .tt{font-size: calc(16px + 0.2vw);line-height: 36px;color: #004a9d;position: relative;}
.report-Pharm .details ul li .tt .image{position: absolute;right: 0px;top: 0px;transition: 0.6s;width: 36px;height: 36px;border-radius: 18px;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #1e579a;}
.report-Pharm .details ul li .con{height:0px; overflow: hidden;font-size: calc(14px + 0.1vw); color:#000000;transition: 0.6s;}
.report-Pharm .details ul li.active .con{height:auto;margin-top: 22px; overflow: hidden;}
.report-Pharm .details ul li.active .tt .image{transform: rotate(180deg);background: #5dc2d0;}

.report-Form{width: 90%;margin: auto;}
.report-Form .report-Form-tt{margin: calc(20px + 2vw) auto;text-align: center;font-size: calc(18px + 0.9vw);color: #2a2a2a;}
.report-Form .Form-tt{font-size: calc(18px + 0.4vw);line-height: 2.2; color: #333333;}
.report-Form-details{width: calc(100% - 120px);padding: 60px; box-shadow: 0px 0px 5px 5px #f7f7f7;border-radius: 20px; }
.report-Form-details ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.report-Form-details .w25{width: calc(25% - 8px);}
.report-Form-details .w50{width: calc(50% - 8px);}
.report-Form-details .w50 .input{display: flex;justify-content: space-between;}
.report-Form-details .w100{width: calc(100% - 0px);}
.report-Form-details .w1000{width: calc(100% - 0px);}
.report-Form-details ul li{margin-bottom: 12px;}
.report-Form-details ul li .tt{margin-bottom: 10px;color: #666666;}
.report-Form-details ul li .tt span{color: #e60012;}
.report-Form-details ul li input{width:calc(100% - 2px);text-indent:10px; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.report-Form-details ul li textarea{width:calc(100% - 2px);text-indent:10px; float:left;height:135px;line-height:45px;border:1px solid #e6e6e6;outline: none;border-radius:5px;}
.report-Form-details ul li select{width:calc(100% - 2px);color: #666666; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.report-Form-details .w1000 .list{float: left;display: flex;align-items: center;margin-right: 25px;height: 45px;}
.report-Form-details .w1000 .list input{width: 15px;height: 15px;float: left;margin-right: 5px;}
.report-Form-details .w1000 .list input.more{width: 120px;height: 45px;float: left;border:none; border-bottom:1px solid #e6e6e6;}
.report-Form-details ul .captcha{width: 100%;margin-bottom:12px;}
.report-Form-details ul .captcha input{width:180px;margin-right: 10px;}
.report-Form-details ul .captcha img{height: 45px;border:1px solid #e6e6e6;border-radius: 5px;}
.report-Form-details .messagesubmit{width: 338px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #1e579a;
  border-radius:5px;
  color: #fff;
  cursor: pointer;
}
/*关于我们*/


.abouttit{padding: calc(2vw + 10px) 0;}
.abouttit .catname{font-size:calc(1.4vw + 12px);}
.abouttit .des{color:#30416b;font-size:18px;}

.aboutpage1{width: 100%;overflow: hidden;background: #f8f8f8 ;padding: calc(2vw + 10px) 0 calc(4vw + 10px); }
.aboutpage1 .container{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.aboutpage1 .image{width: 41%;display: flex;justify-content: center;}
.aboutpage1 .detail{width: 57%;}
.aboutpage1 .detail .title{font-size: calc(1.3vw + 24px);margin-bottom: 10px;}
.aboutpage1 .detail .con{font-size: calc(0.1vw + 14px);color: #666666;max-width: 765px;}
.aboutpage1 .detail .con span{text-align: right;width: 100%; display: block;}

.aboutpage2{position: relative;overflow: hidden;background: #f8f8f8 ;padding: 0 0 calc(5vw + 10px); }
.aboutpage2 .aboutlist ul{width: 100%; display: flex;justify-content: space-between;flex-wrap: wrap;}
.aboutpage2 .aboutlist ul li .numCX{font-size: 40px;line-height: 1.5; color:#1e579a;}
.aboutpage2 .aboutlist ul li sub{font-size: 1vw;color:#1e579a;}
.aboutpage2 .aboutlist ul li .indc{font-size: calc(14px + 0.1vw);color:#333333}
.aboutpage2 .details{width: 100%;overflow: hidden;font-size: 18px;line-height: 2;}



/*企业文化*/

.qywh_1{width: 100%;overflow: hidden;}
.qywh_1 .catetit{font-size: calc(1.2vw + 24px);padding: calc(15px + 1vw) 0px;}


.qywh_2{width: 100%;overflow: hidden;}
.qywh_2 .catetit{font-size: calc(0.3vw + 24px);text-indent: 30px;padding: 20px 0px;}
.qywh_2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.qywh_2 ul li{width:calc(100% - 60px);padding: 30px; background:#f4f6fb;border:1px solid #1e579a;position: relative;border-radius: 10px;margin-bottom: calc(10px + 1vw);}
.qywh_2 ul li .title{font-size: calc(16px + 0.2vw);color: #000;position: relative;margin-bottom:calc(10px + 0.5vw);padding-bottom:15px;}
.qywh_2 ul li .title::after{content: ""; position: absolute;left: 0;bottom:0;width: 20px;height: 5px;background: #1e579a;border-radius: 3px;}

.qywh_3{width: 100%;overflow: hidden;}
.qywh_3 .catetit{font-size: calc(0.3vw + 24px);text-indent: 30px;padding: 20px 0px;}
.qywh_3 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.qywh_3 ul li{width:calc(50% - 70px);padding: 30px; background:#f4f6fb;border:1px solid #1e579a;position: relative;border-radius: 10px;margin-bottom: calc(10px + 1vw);}
.qywh_3 ul li .title{font-size: calc(16px + 0.2vw);color: #000;position: relative;margin-bottom:calc(10px + 0.5vw);padding-bottom:15px;}
.qywh_3 ul li .title::after{content: ""; position: absolute;left: 0;bottom:0;width: 20px;height: 5px;background: #1e579a;border-radius: 3px;}




.lszl_1{width: 100%;overflow: hidden;}
.lszl_1 .catetit{font-size: calc(1.2vw + 24px);padding: calc(15px + 1vw) 0px; text-align: center;}
.lszl_1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.lszl_1 ul .imagea{width: 100%;display: flex;justify-content: center;margin-bottom: calc(20px + 1vw);}
.lszl_1 ul li{width:calc(100% - 100px);padding: 50px; background:#f8f8f8;position: relative;border-radius: 10px;margin-bottom: calc(10px + 1vw);}
.lszl_1 ul li .title{font-size: calc(16px + 0.2vw);color: #000;position: relative;margin-bottom:calc(10px + 0.5vw);padding-bottom:15px;}
.lszl_1 ul li .title::after{content: ""; position: absolute;left: 0;bottom:0;width: 20px;height: 5px;background: #1e579a;border-radius: 3px;}

.hgyrz .catetit{font-size: calc(1.2vw + 24px);padding: calc(15px + 1vw) 0px; text-align: center;}
.hgyrz_1{width: 100%;overflow: hidden;background: linear-gradient(180deg, #f2fcfc , #47a7a5);padding: calc(4vw + 10px) 0 ;}

.hgyrz_1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hgyrz_1 ul .imagea{width: 100%;display: flex;justify-content: center;}
.hgyrz_1 ul li{ position: relative;border-radius: 10px;}

/*境外联络*/

.jwll-content{position: relative;}

.jwll-content li{position: absolute;}
.jwll-content .li1{left: 18.5%; top: 41%;}
.jwll-content .li2{left: 51.3%;top:25.3%;}
.jwll-content .li3{left: 65.8%;top:30.5%;}
.jwll-content .li4{left: 51.5%;top:69%;}
.jwll-content .li5{left: 75.8%; top: 45%;}
.jwll-content .li6{left: 78%; top: 48%;}
.jwll-content .li7{left: 75.5%; top: 51%;}
.jwll-content .li8{left: 80.8%; top: 60%;}
.jwll-content li::before,.indexinternet li::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
        
.jwll-content li::before{animation: scale 2s infinite; }
.jwll-content li::after{animation: scale2 2s infinite; }
.jwll-content li::before,.indexinternet li::after{background-color: rgba(36, 86, 199, .9);}
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(5); opacity: .2;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(10);opacity:.2;}}


/*招才纳贤 */

.recruitpage1{display: flex;justify-content: space-between;padding: 40px 0px calc(20px + 2vw);}
.recruitpage1 .recruittitle{font-size: calc(22px + 1.5vw);color: #000000;padding:  0px 0px calc(20px + 2vw);line-height: 1;text-align: center;}
.recruitpage1 .container{border-radius: 25px;overflow: hidden;}
.recruitpage1 .details .list{width: calc(100% / 3);float: left;background: #f3f5f7;}
.recruitpage1 .details .detail{height: calc(125px + 12vw);max-height: 354px; width: calc(100% - 80px);padding: 0px 40px;display: flex; align-items: center;justify-content: center;}
.recruitpage1 .details .detail .flex{text-align: center;max-width: 375px;}
.recruitpage1 .details .detail .flex .image{display: flex;justify-content: center;}
.recruitpage1 .details .detail .flex .title{font-size: calc(16px + 0.7vw); color: #1e579a;}
.recruitpage1 .details .detail .flex .summary{font-size: calc(14px + 0.2vw); color: #000000;}
.recruitpage1 .details .detail .flex .key{font-size: calc(20px + 1.5vw); color: rgba(28,28,28,0.1);line-height: 1;margin-top: 20px;position: relative;}
.recruitpage1 .details .detail .flex .key::before{content:""; position: absolute;width: 60px;height: 1px;background: rgba(0, 0, 0, 0.1);left: calc(50% + 35px);top: 50%;}
.recruitpage1 .details .detail .flex .key::after{content:""; position: absolute;width: 60px;height: 1px;background: rgba(0, 0, 0, 0.1);left: calc(50% - 95px);top: 50%;}
.recruitpage1 .details .con{font-size: 0;line-height: 0;overflow: hidden;}
.recruitpage1 .details .con img{max-width: 100%;transition: 0.6s;}
.recruitpage1 .details .list:hover .con img{transform: scale(1.1,1.1);}

.recruitpage2{position: relative;margin-bottom: calc(20px + 2vw);background: #f3f5f7;transition: 0.6s;overflow: hidden;border-radius: 25px;}
.recruitpage2 .image{width:50% ;float: left;overflow: hidden;}
.recruitpage2 .container{position: absolute;left: 50%;transform: translateX(-50%);top: 0;height: 100%;display: flex;align-items: center;
  overflow: hidden;
  flex-direction: row-reverse;}
.recruitpage2 .container .con{width: calc(50% - 100px);float: right;}
.recruitpage2 .container .recruittitle{color: #000000;font-size: calc(22px + 0.4vw);}
.recruitpage2 .container .details{color: #000000;max-width: 1000px;text-align: justify;}
.recruitpage2:hover img{opacity: 0.9;}

.recruitpage3{overflow: hidden;background: #f3f5f7;padding: 100px 0px 60px;border-radius: 20px;}
.recruitpage3 .recruittitle{font-size: calc(22px + 1.5vw);color: #000000;padding:  0px 0px calc(20px + 2vw);line-height: 1;}
.recruitpage3 .ygfcSwiper{overflow: hidden;padding-bottom: 70px;}
.recruitpage3 .ygfcSwiper .image{overflow: hidden;border-radius: 15px;}
.recruitpage3 .ygfcSwiper .image img{transition: 0.6s;}
.recruitpage3 .ygfcSwiper .image:hover img{transform: scale(1.1,1.1);}
.recruitpage4{padding: 40px 0px 60px;}
.recruitpage4 .recruittitle{font-size: calc(22px + 1.5vw);color: #000000;padding: calc(20px + 2vw) 0px calc(20px + 1vw); line-height: 1;}
.recruitpage4 .details .list{width: 100%;width: calc(33.33% - 14px);margin-right: 21px;float: left;}
.recruitpage4 .details .list .image{padding-top: 20px;transition: 0.6s;}
.recruitpage4 .details .list:nth-child(3n){margin-right: 0px;}
.recruitpage4 .details .list:hover .image{padding-top: 5px;}

.pagecol{}
.pagecol .flex{}
.pagecol .flex .image{width:39%;float:left;margin-right:2%;}
.pagecol .flex .image img{width:100%;}
.productlist{}
.productlist .detail {  display: flex;  flex-wrap: wrap;}
.productlist .detail li {  flex: 0 1 calc(96% / 5);  overflow: hidden;  margin-right: 1%;margin-bottom: 25px;}
.productlist .detail li:nth-child(5n) {  margin-right: 0;}
.productlist .detail li a{width:calc(100% - 0px); margin: auto;display: block;}
.productlist .detail li .image{height:120px;  overflow: hidden;display: flex;align-items: center; justify-content: center;background: #f8f8f8; }
.productlist .detail li .image img{max-width: 100%;max-height: 100%;}
.productlist .detail li img{transition: 0.6s;}
.productlist .detail li img:hover{transform: scale(1.1,1.1);}
.productlist .detail li .title { font-size: 18px;line-height: 25px;height: 50px; color: #000;text-align: center;  margin: 20px 0 0;position: relative;}
.productlist .detail li .summary{font-size: 14px;color:#666;}


.rdcenterpage{}
.rdcenterpage li{width: calc(100% - 80px);padding: 40px;background-color: #f1f3f7;border-radius: 15px;margin-bottom: 20px;}
.rdcenterpage li .details{width: calc(50% - 60px);padding: 0px 30px;color: #000000;}
.rdcenterpage li .details .title{font-size: calc(16px + 0.7vw);margin-bottom: 12px;}
.rdcenterpage li .details .span{float: left;color: #1e579a;}
.rdcenterpage li .details .button{margin-top: calc(10px + 0.5vw);}
.rdcenterpage li .details a.more{height: 50px;border-radius: 25px;transition: 0.3s; line-height: 50px; width: 145px;display: block;background: #1e579a;color: #ffffff;margin-right: 10px;text-align: center;float: left;}
.rdcenterpage li .details a.more:hover{background:#909bb2 ;transition: 0.3s;}
.rdcenterpage li .details a.pdf{height: 50px;line-height: 50px;width: 145px; border-radius: 25px;display: block;background: #909bb2;color: #ffffff;text-align: center;float: left;}
.rdcenterpage li .details a.pdf:hover{background:#1e579a;transition: 0.3s;}
.rdcenterpage li .image{width:50%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.rdcenterpage li .image a{overflow: hidden;}
.rdcenterpage li .image img{transition: 0.6s;}
.rdcenterpage li .image img:hover{transform: scale(1.2,1.2);}
.rdcenterpage li:nth-child(odd){display: flex;align-items: center;justify-content: space-between;flex-direction:row-reverse;}
.rdcenterpage li:nth-child(even){display: flex;align-items: center;justify-content: space-between;flex-direction:row;}


.picture{ /*display: flex; */}
.picture .detail {  display: flex;  flex-wrap: wrap;}
.picture .detail li {  flex: 0 1 calc(97% / 4);  overflow: hidden;  margin-right: 1%;}
.picture .detail li:nth-child(4n) {  margin-right: 0;}
.picture .detail li a{margin: auto;display: block;}
.picture .detail li .image{ overflow: hidden;border-radius: 5px; display: flex;align-items: center;justify-content: center;height: 230px;
/*background: #f8f8f8;*/ }
.picture .detail li .image img{max-width: 100%;height: 100%;}
.picture .detail li img{transition: 0.6s;}
.picture .detail li img:hover{transform: scale(1.1,1.1);}
.picture .detail li .title { font-size: 18px;line-height: 50px; color: #000;text-align: center;  position: relative;}
.picture .detail li .summary{font-size: 14px;color:#666;}

.picture1{ display: flex; }
.picture1 .detail {  display: flex;  flex-wrap: wrap;}
.picture1 .detail li {  flex: 0 1 calc(91% / 7);  border-radius: 3px;  overflow: hidden;  margin-right: 1.5%;margin-bottom: 25px;}
.picture1 .detail li:nth-child(7n) {  margin-right: 0;}
.picture1 .detail li .image{ overflow: hidden;border-radius: 10px; display: flex;align-items: center;justify-content: center;}
.picture1 .detail li .image img{max-width: 100%;max-height: 100%;transition: 0.6s;}
.picture1 .detail li .image img:hover{transform: scale(1.1,1.1);}
.picture1 .detail li .title {  text-align: center;font-size: 16px;line-height: 25px;height: 50px; color: #000;  margin: 20px 0 0;position: relative;}



/* .picture .detail li p::after{position: absolute;content:"";width: 30px;height: 8px;border-radius: 4px; background: #000000;left: calc(50% - 15px);bottom: 0;} */
.picture .detail li:hover img {  transform: scale(1.1, 1.1);}
.picture .detail li:hover p{color:#2458a4;}
.picture .detail li:hover p::after{background: #2458a4;}



.hydt{display: flex; }
.hydt .details li {margin-bottom: 25px;width:32%;overflow:hidden;background:#f9f9f9;border-radius:5px;float:left;margin-right:2%;}
.hydt .details li a {width:90%;padding:20px 5%;display:block;  font-size: 16px;  overflow: hidden;}
.hydt .details li a .image{width:100%; font-size: 0;font-weight: 0;overflow: hidden;display: flex;height:206px;}
.hydt .details li a .image img{width:100%;transition: 0.6s;border-radius: 5px;overflow: hidden;}
.hydt .details li a .title {width: 100%; font-size: 18px;color: #333333;line-height:30px;height:60px; margin:10px auto;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hydt .details li a .des{margin-bottom: 5px; color:#808080;font-size: 14px;line-height: 25px;height:50px;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hydt .details li a .date { font-size: 12px;line-height: 2;color: #b3b3b3;}
.hydt .details li:hover{background:#1f72ec;transition:0.3s;}
.hydt .details li:hover a *{color:#ffffff;}
.hydt .details li:nth-child(3n){margin-right:0;}


.article .details{width: 100%;overflow: hidden;}
.article .details li {position:relative;width:100%;overflow: hidden;background: #f8f8f8;border-radius: 20px;margin-bottom: 20px;}
.article .details li a {width: calc(100% - 60px);padding:30px;display:flex;align-items: center;justify-content: space-between; overflow: hidden;flex-wrap: wrap;}
.article .details li a .image{overflow: hidden;border-radius: 10px;width: 330px;height:200px; font-size: 0;line-height: 0;}
.article .details li a .image img{width: 100%;height: 100%;transition: 0.6s;}
.article .details li a .detail{width: calc(100% - 350px);}
.article .details li a .title {width: 100%; font-size: calc(0.3vw + 14px);color: #333333;line-height: 35px;  transition: 0.3s;}
.article .details li a .date { font-size:  calc(0.2vw + 12px);line-height: 2;color: #1e579a;transition: 0.3s;position: relative;margin-bottom: 12px;}
.article .details li a .date::after{position: absolute;content:"";width: 40px;height: 1px; background: #c4c4c4;left:0;bottom: 0;}
.article .details li a .summary{width: 100%; font-size: calc(0.1vw + 14px);color: #666666;line-height: 30px;height:60px;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.article .details li a:hover .image img{transform: scale(1.1,1.1);}
.article .details li a:hover .title {  color: #1e579a;}
.article .details li a:hover .summary{  color: #1e579a;}

.articlelist{}
.articlelist .details li {margin-bottom: 18px;background: #f8f8f8;padding:0px 30px;width: calc(100% - 60px);border-radius: 15px;}
.articlelist .details li a {background: url('../images/icon-logo.png') no-repeat left center;padding:30px 0px 30px 60px;width: calc(100% - 60px); display: flex;justify-content: space-between; align-items: center; font-size: 16px;  overflow: hidden;}
.articlelist .details li a .title {width: calc(100% - 120px); font-size: calc(0.2vw + 16px);color: #333333;line-height: 35px;}
.articlelist .details li a .date { font-size: calc(0.2vw + 14px);color: #1f599c;line-height: 35px;white-space: nowrap;flex: 0 0 120px;text-align: center;}
.articlelist .details li a:hover .title {  color: #1e579a;}


.articlebazn{}
.articlebazn ul{width: 100%;max-width: 1040px;margin: auto;}
.articlebazn ul li{width: 100%;background: #f8f8f8;border-radius: 15px;margin-bottom: 40px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.articlebazn ul li:last-child{margin-bottom:0;}
.articlebazn ul li .detail{width: calc(100% - 120px);padding:60px;}
.articlebazn ul li .detail .title{width: 100%; font-size: calc(0.7vw + 16px);color: #1f5fa3;line-height:1;text-align: center;position: relative;padding-bottom: calc(0.7vw + 16px);margin-bottom: calc(0.7vw + 16px);}
.articlebazn ul li .detail .title::after{position: absolute;content:"";width: 36px;height: 4px;border-radius: 2px; background: #1f5fa3;left: calc(50% - 15px);bottom: 0;}



.articleshow{margin: auto;}
.articleshow .title{font-size: 26px; line-height: 40px;margin-bottom:15px ;color: #000;text-align:center;}
.articleshow .date{width: 100%;overflow: hidden;font-size: 16px; color:#bbbbbb;text-align:center;margin-bottom:calc(15px + 1vw);}



.productshow{}
.productshow .title{font-size: calc(1vw + 20px) ;line-height:2;color: #000000;}
.productshow .des{margin-bottom: 40px;}


.contact_li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.contact_li li{display: flex;justify-content: center;align-items: center;}
.contact_li li .pic{margin-right: 30px;}
.contact_li li .tt{font-size: 22px;line-height: 1;margin-bottom: 12px;}
.contact_li li .con{font-size: 16px;font-weight: lighter;line-height: 1;}
.contact_li li:nth-child(3n+2){width: 32%; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}



#allmap{width: 100%;height: 600px;}


.product_show .iMessage{ width: 100%;height: 100%;background: #f8f8f8;position: relative;}
.product_show .iMessage::after{content: ""; position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #1e579a;}
.product_show .iMessage .cnname{width: calc(100% - 60px);padding:30px 30px 0px;font-size: 24px;color:#000000;}
.product_show .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_show .iMessage ul li{width:100%;overflow:hidden;margin-bottom:20px;background: #ffffff;border-radius: 5px;width: calc(100% - 40px);padding: 0px 20px;}
.product_show .iMessage ul li.text{width: calc(49% - 40px);padding: 0px 20px;}
.product_show .iMessage ul li .select{margin-top: 17px;}
.product_show .iMessage ul li.text span{color:#666666;line-height:60px;}
.product_show .iMessage ul li p{width: 138px;height:60px;line-height:60px;font-size:16px;float: left;}
.product_show .iMessage ul li input{text-indent:10px; float:left;height:60px;line-height:60px;border:none;outline: none; border-radius:2px;}
.product_show .iMessage ul li textarea{width:calc(100% - 40px);padding: 0px 10px; text-indent:10px; float:left;height:180px;line-height:60px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.product_show .iMessage ul li.address input{width: 50%;}
.product_show .iMessage ul li.name input{width: 50%;}
.product_show .iMessage .messagesubmit{width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #1e579a;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
    transition: 0.3s;
}
.product_show .upload{width:100%;}
.product_show .upload .tt{color:#1e579a;margin-top: 15px;}
.product_show .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;width:100%;overflow:hidden;}
.product_show .addfile img{margin-right:40px;}
.product_show .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.product_show .iMessage .messagesubmit:hover{background:#34855b;}




.content-message{background: url(../images/content_bg.jpg)no-repeat center;background-size: cover;padding: 60px 0px;}
.content-message .iMessage{ width: 100%;height: 100%;position: relative;}
.content-message .iMessage .cnname{width: calc(100% - 60px);padding:30px 30px 0px;font-size: 24px;color:#ffffff;}
.content-message .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.content-message .iMessage ul li{width:100%;overflow:hidden;margin-bottom:20px;background: #ffffff;border-radius: 5px;width: calc(100% - 40px);padding: 0px 20px;}
.content-message .iMessage ul li.text{width: calc(49% - 40px);padding: 0px 20px;}
.content-message .iMessage ul li .select{margin-top: 17px;}
.content-message .iMessage ul li.text span{color:#ffffff;line-height:60px;}
.content-message .iMessage ul li p{width: 138px;height:60px;line-height:60px;font-size:16px;float: left;}
.content-message .iMessage ul li input{text-indent:10px; float:left;height:60px;line-height:60px;border:none;outline: none; border-radius:2px;}
.content-message .iMessage ul li textarea{width:calc(100% - 40px);padding: 0px 10px; text-indent:10px; float:left;height:180px;line-height:60px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.content-message .iMessage ul li.address input{width: 50%;}
.content-message .iMessage ul li.name input{width: 50%;}
.content-message .iMessage .messagesubmit{width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #ffffff;
  border-radius: 25px;
  color: #000000;
  cursor: pointer;
transition: 0.3s;
}
.content-message .tt2{color:#ffffff;}
.content-message .upload{width:100%;}
.content-message .upload .tt{color:#ffffff;margin-top: 15px;}
.content-message .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;width:100%;overflow:hidden;}
.content-message .addfile img{margin-right:40px;}
.content-message .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.content-message .upload p{color:#ffffff;}
.content-message .iMessage .messagesubmit:hover{background:#34855b;}



.fixedmessage{position: fixed;width: 666px;padding: 45px 0px; bottom: -700px;right: 25px;background: #ffffff;border: 1px solid #eee;box-shadow: 0px 0px 2px 0px #eeeeee;transition: 0.3s; border-radius: 25px;z-index: 10000;height: 600px;overflow-y: scroll;}
.fixedmessage .iMessage{ width: 100%;height: 100%;position: relative;}
.fixedmessage .iMessage .cnname{width: calc(100% - 60px);padding:20px 30px;font-size: 24px;color:#333333;border-bottom: 1px solid #eeeeee;}
.fixedmessage .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.fixedmessage .iMessage ul li{width: calc(100% - 42px);padding: 0px 20px;overflow:hidden;margin-bottom:20px;background: #ffffff;border:1px solid #eeeeee; border-radius: 5px;}
.fixedmessage .iMessage ul li .select{margin-top: 17px;}
.fixedmessage .iMessage ul li.text span{color:#ffffff;line-height:40px;}
.fixedmessage .iMessage ul li p{width: 138px;height:40px;line-height:40px;font-size:16px;float: left;}
.fixedmessage .iMessage ul li input{text-indent:10px; float:left;height:40px;line-height:40px;border:none;outline: none; border-radius:2px;}
.fixedmessage .iMessage ul li textarea{text-indent:10px; float:left;height:120px;line-height:40px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.fixedmessage .iMessage ul li.address input{width: 50%;}
.fixedmessage .iMessage ul li.name input{width: 50%;}
.fixedmessage .iMessage .messagesubmit{width: 250px;margin: auto;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #1e579a;
  border-radius: 25px;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
.fixedmessage .tt2{color:#000000;}
.fixedmessage .upload .tt{color:#000000;margin-top: 15px;}
.fixedmessage .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;}
.fixedmessage .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.fixedmessage .upload p{color:#000000}

.fixedmessage.current{bottom: 20px;}
.fixedmessage .iMessage .messagesubmit:hover{background:#34855b;}




.zkzj .detail li{ flex: 0 1 calc(96% / 5); margin-right: 1%; }
.zkzj .detail li:nth-child(4n) {  margin-right: 1%;}
.zkzj .detail li:nth-child(5n) {  margin-right: 0%;}

/* 底部 */
.footer { position: relative;overflow: hidden;width:100%;margin: auto;background: linear-gradient(to right,#2079c7,#1e5896);}
.footer_top{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 60px 0px;}
.footer-nav{border-right: 1px solid #376db6;}
.footer-nav ul{width: 100%; display: flex;justify-content: space-between;}
.footer-nav ul li{margin-right: 3vw;}
.footer-nav ul li .nv{color: #ffffff;display: block;font-size:20px;}
.footer-nav ul li .sub-menu{margin-top:10px;}
.footer-nav ul li .sub-menu a{font-size: 16px; color: rgba(255,255,255,1);display: block;}
.footer-nav ul li a:hover{color:#56bced}

.footer-lxfs{color: #222222;}
.footer-lxfs .footer-lxfs-title{font-size: 20px;color: #ffffff;line-height: 40px;}
.footer-lxfs ul{width: 100%;}
.footer-lxfs ul li{position: relative;display: flex;line-height: 32px;}
.footer-lxfs ul li .title{font-size: 16px;color: #ffffff;}
.footer-lxfs ul li .content{font-size: 16px;color: #ffffff;}
.footer-lxfs ul li:first-child .content{font-size: 30px;}
.footer-lxfs .qrcode{margin-top:15px;}


.footer-bottom {display: flex;justify-content: space-between;color: rgba(255,255,255,1);border-top: 1px solid #2f65ad;padding: 25px 0px;}
.footer-bottom .footer-copyright{line-height: 30px;color: #ffffff;}
.footer-bottom .right{float: right;color: #ffffff;}
.footer-bottom a{color: #ffffff;}

#goTopBtn{position: fixed;bottom: 115px;right:4%;background: #1e579a;}
#goTopBtn .image{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
.mypage {
  text-align: center;
  width: 100%;
  
  overflow: hidden;
}
.mypage .pagination {
  display: flex;
  justify-content: center;
}
.mypage li {
  display: inline-block;
  color: #333333;
  background: #f8f8f8;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  margin:0px 3px;
  margin-top: 10px;
}
.mypage li a , .mypage li span{
  padding: 0px 15px;
}
.mypage li.active {
  background: #1e579a;
  color: #ffffff;
}
.mypage .rows {
  border: none;
}