@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{color:#333; font-size:14px; }
body,span,samp,i,em{ font-family: Noto Sans SC,"Microsoft Yahei",Arial;}
ul, ol { list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,i,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#333; font-size:15px;vertical-align:middle;}
input:focus {outline:none;}
a{ color:#333; text-decoration:none;}
img{max-width:100%;}
.clear:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}

.w1300{ width:100%; margin:0 auto; max-width:1300px;}
.w1300:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}


.w1400{ width:100%; margin:0 auto; max-width:1400px;}
.w1400:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.fl {float: left;}
.fp {float:right;}

/* 头部 */
.top_bj{width:100%; background:rgba(255,255,255,0); position:fixed; top:0; left:0%; transition:all 0.5s; z-index:50;border: 1px solid #ffffff40;}
.top_bj:hover{background:#fff;}
.top_bj.active{width:100%; top:0; left:0; background:#fff;border-bottom: 1px solid #eee;}
.top1 {flex-wrap: wrap; justify-content: space-between;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.header:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }

.to_30 {margin:0 10%;}
.logo {margin:10px 0;transition: all 0.2s;}
.logo h1 {float: left;margin:5px 0;}
.logo_zi {float: right;position: relative;font-size:12px;padding:8px 0 0 15px;color: #fff;}
.logo_zi em {font-size:24px;font-weight: bold;}

.logo_zi1 {float: right;position: relative;font-size:16px;padding:8px 0 0 15px;color: #fff;display: none;}
.logo_zi1 em {font-size:24px;font-weight: bold;}



.top_bj:hover .logo_zi {color: #333;}
.active .logo_zi {color: #333;}

.top_bj:hover .logo_zi1 {color: #333;}
.active .logo_zi1 {color: #333;}

.top_rl {width:45%;}


/* 导航条 */
.dht {margin-top:35px;width:100%;float: right;}
.nav { position: relative; z-index: 999; }
.nav a { display: block; color:#fff;}
.nav a:hover { color:#01a7f1!important;}
.nav .nLi { float: left; position: relative; display: inline; text-align: center; width:16.66%;}
.nav .nLi p a { display: block; font-size:16px;font-weight: bold;}
.nav .nLi:after {content: ""; position: absolute; top:10px; right: 0; width: 15px; height: 15px;background: url(../images/sanjiao1.png) no-repeat; }
.nav .sub { display:none; left:0px; top:50px; position:absolute; background:rgba(255,255,255,0.9); line-height:45px; width:200px; text-align: left ; font-size:14px;box-shadow: 0 5px 25px 0 rgba(0,0,0,.05);}
.nav .sub li { zoom:1; border-bottom:1px solid #fff; text-indent:10px;}
.nav .sub a { display:block; padding:0 10px; color:#333;}
.nav .sub a:hover { color:#01a7f1!important;}
.nav .on a {width:100%; height:2px; color: #01a7f1 ;}

.top_bj:hover .nLi:after {background: url(../images/sanjiao.png) no-repeat; }
.active .nLi:after {background: url(../images/sanjiao.png) no-repeat; }

.top_bj:hover .nav a {color:#333;}
.active .nav a {color:#333;}

.top_bj:hover .nav .on p a {color: #01a7f1;}
.active .nav .on p a {color: #01a7f1;}

.top_you {width:70%;}

@media screen and (max-width:1300px){
  .top_you {width:80%;}
}


.zbi {position: relative;padding-left:15px;}
.zbi:after { content: "";position: absolute;top:0px; left:0;width:1px; height:95px;background: #ffffff40;}
.top_bj:hover .zbi:after { content: ""; background: #eee;}
.active .zbi:after { content: ""; background: #eee;}

/* 搜索栏 */
.mis {margin-top:37px;float: right;}
.top_ss { width:26px; height:26px;  background:#f4f8fb url(../images/kuanj.png) center no-repeat; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s;border-radius:15px;}
.top_h.on .top_ss { background: url(../images/tuos.jpg) center no-repeat; height: 65px; }
.ss_bg { position: absolute; right: 0; top:95px; z-index: 1000; padding: 10px 0; background: #333; width: 300px;display: none;}
.top_h.on .ss_bg { top:60px; }
.ss_bg_w { width: 95%; max-width: 1200px; margin: auto; position: relative; padding-right: 40px; }
.ss_gb { position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: url(../images/ss_gb.png) center no-repeat; background-size: 24px auto; cursor: pointer; }
.ss_dw { width: 100%; position: relative; }
.ss_dw input { display: block; font-size: 14px; line-height: 40px; color: #333; background: #fff; width: 100%; padding: 0 60px 0 24px; border-radius: 3px; }
.ss_dw a { position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: url(../images/ss_dw.png) center no-repeat; background-size: 40px auto; }

/*中英*/
.zyw { font-size:16px; border-radius:5px; text-indent: 30px;margin-top:34px;width: 120px;float: left;position:relative;}
.zyw:after { content: "";position: absolute;background:url(../images/CNen1.png) no-repeat left;top:4px; left:0;width:20px; height: 20px;}
.zyw_a { height: 35px;}
.zyw_a a {color: #FFF; display:block;}
.zyw_a:hover .zyws {display:block;}
.zyws { display: none; position:absolute; top:30px; left:0; background:#fff; width:100%; z-index:999; font-size:14px !important; text-align:center;text-indent:0px;line-height: 35px;}
.zyws p a { color:#333!important; display:block;}
.zyws p:hover a { background:#09c1f0; color:#fff!important;}

.top_bj:hover .zyw:after {background:url(../images/CNen.png) no-repeat left;}
.active .nav a {color:#333;}

.active .zyw:after {background:url(../images/CNen.png) no-repeat left;}
.active .zyw_a a {color:#333;}

.top_bj:hover .zyw_a a {color:#333;}
.top_bj .zyws p:hover a {color:#333;}




/*手机导航*/
.sp_nav {width:50px;float:right;position:relative;cursor:pointer;height:40px;margin-top:30px; display:none; background:#01a7f1;border-radius:5px;transition: all 0.2s}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s; margin-top:10px;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav {position:fixed;z-index:60;background:#f3f3f3;width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:90px}
.sjj_nav>ul>li:first-child {overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a {float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language {float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a {width:35px;float:left;border-left:1px #e0e0e0 solid;text-align:center;color:#333;}
.sjj_nav ul li i {position:absolute;top:5px;right:0px;border-left:1px #e0e0e0 solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg {transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg {transform:rotate(0deg)}
.sjj_nav ul li {border-top:1px #e0e0e0 solid;margin-left:10px;position:relative;line-height:40px;font-size:15px;}
.sjj_nav>ul>li:last-child{border-bottom:1px #e0e0e0 solid;}
.sjj_nav ul li ul {display:none}
.sjj_nav ul li a {color:#333;width:80%}
.sjj_nav ul li ul li p a {color:#afadad;display:block;text-align:left;}
.sjj_nav ul li ul li p a:hover {color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg {width:20px;height:20px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg {fill:#333}
.sjj_nav ul li ul li>ul {margin-left:10px}
.mis_z1 { padding-left:5%; font-size:14px;}

.top_dn {overflow: hidden; background:#01a7f1;}
.top_dn1 {flex-wrap: wrap; justify-content: space-between;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.top_dn_a {width:30%;}
.top_dn_a1 {float: left;line-height:60px;font-size: 18px;color: #fff;}
.top_dn_a2 {float: right;}
.top_dn_c {width:68%;margin-top:16px;overflow: hidden;}
.top_dn_c ul {margin-right:-1%;}
.top_dn_c li {float: left; margin-right:1%;background: #fff; width:15.66%;text-align:center;line-height:30px;border-radius:15px;}
.top_dn_c li:hover a{display: block;}

/*搜索*/
.sso {width:290px;float:right;text-align:right; margin:10px 0px 10px 0;}
.ssu-a {display:inline-block; vertical-align:middle;width:70px;}
.ssu-a span{display:inline-block; vertical-align:middle;font-size:16px;}
.ssu-a samp{display:inline-block; vertical-align:middle;font-size:16px;color:#333;}
.ssu-b {display:inline-block; vertical-align:middle;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:calc(100% - 150px);}
.ssu-b a{display:inline-block;margin-right:10px;border-right:1px solid #999;padding-right:10px;font-size:14px;line-height:14px;}

.sso-a {display:inline-block;background:#ffff;padding:10px;font-size:14px;border-radius: 20px;}
.sso-a input{border:0; outline:none;background:none;display:inline-block; vertical-align:middle; width:245px; text-indent:5px;}
.sso-a a{display:inline-block; vertical-align:middle;}

/*大图*/
.banner{position: relative; overflow:hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}

.swiper-slide1{position: absolute;left: 50%;top:70%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 90%;text-align: left;max-width:1200px;}
.swiper-slide1 h3{color: #01a7f1;font-size:35px;padding-bottom: 10px;font-weight: bold;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 2px;text-align: center; text-shadow:  -2px -2px 0 #fff, 2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;}
.swiper-slide1 p{font-size:18px;color: #fff;letter-spacing: 1px;transform: translateY(-100%);opacity: 0;transition: 1.5s;line-height:45px;margin: 0 auto; background:#01a7f1;width:70%;border-radius: 25px;margin-top:1%;text-align: center;}

.swiper-slide1 .sl_more { line-height:40px;  font-size:14px;opacity: 0;transform: translateY(-100%); margin-top:50px;transition: 1.5s}
.swiper-slide1 .sl_more dl {margin:0 auto; width: 80%;overflow: hidden;}
.swiper-slide1 .sl_more dt {float:left;width:21%; background:#6390c6; border:2px solid #fff;margin:0 10px;}
.swiper-slide1 .sl_more dt a{ color:#fff; display:block;}
.swiper-slide1 .sl_more dt:hover { background: rgba(0,0,0,0);}

.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .sl_more{transform: translateY(0%);opacity: 1;transition-delay: 1.5s;}

.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}
.sjbanner{display:none;}
.cp-ban{background:#efefef;padding:1px 0 80px;}



.swiper-container {width: 100%;height: 100%;background: #000;}
.swiper-slide {font-size: 18px;color:#fff;-webkit-box-sizing: border-box;box-sizing: border-box;}.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 100%;-webkit-background-size: cover;background-size: cover;background-position: center;}
.swiper-slide .title {font-size: 41px;font-weight: 300;}
.swiper-slide .subtitle {font-size: 21px;}
.swiper-slide .text {font-size: 14px;max-width: 400px;line-height: 1.3;}


/* tip */
.tip_a0 {overflow: hidden;margin-top:50px;}
.tip_aa {width:77px; background: #01a7f1; height: 5px;margin-bottom: 15px;}
.tip_a { color: #333333; font-weight: bold; font-size:30px;}
.tip_a p {float: left;margin-right: 10px;}
.tip_z {text-transform: uppercase; font-size:40px; color: #01a7f1;font-weight: bold;}

.tip_a1 {float: left;}
.tip_a2 {float: right;width: 40%;margin-top:50px;}
.tip_a2 ul {margin-left: -2%;}
.tip_a2 li{width: 31%; float: left; margin-left: 2%;background: #fff; line-height:45px; text-align: center;}
.tip_a2 li a{display: block;}
.tip_a2 li:hover>a{ background: #01a7f1;color: #fff!important;}


.tip_moer {float:right;width:150px;line-height:45px;text-align: center;margin-top:10px;border: 1px solid #eee;} 
.tip_moer a {display: block;}
.tip_moer:hover>a{background: #01a7f1; color: #fff!important;}

.ins_aa_s_spn {width:50px; background: #01a7f1; height:2px;margin-bottom: 15px;margin-top:23px;}

/* 首页公司简介 */
.in_gsjj {overflow: hidden; position: relative;padding-bottom: 50px;margin-top:60px;}

.ao_a2_zuo { width: calc(100% - 720px); position: relative; z-index: 10;}
.ao_a2_zuo .ao_a2_zuo_c { line-height: 30px; font-size: 16px; margin-top:20px;text-align: justify;}
.ao_a2_zuo .ao_a2_zuo_c span { color: #01a7f1; font-size: 18px; }

.ao_a2_zuo_b { margin-top: 50px; overflow: hidden;background: #fff; width: calc(100% - 560px); position: relative;z-index:10; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);}
.ao_a2_zuo_b dl { float: left; width:25%;padding:4% 5% 5% 5%;position: relative;}
.ao_a2_zuo_b dl span {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}
.ao_a2_zuo_b dl:after{content:""; position: absolute; top:0; right: 0; width: 2px; height:209px; background: #eee;}
.ao_a2_zuo_b dl:nth-child(4n):after{width: 0px;}
.ao_a2_zuo_b dt { font-size: 16px; }
.ao_a2_zuo_b dd { font-size: 40px; }

.ao_a3_yuo { position: absolute; top:0; bottom:0; right: 0; width:48%; z-index: 8;}
.ao_a3_yuo img {-o-object-fit: cover;object-fit: cover; width:100%; height:100%;}


/* 首页产品滚动 */
.ins_aa {overflow: hidden;background: #f7f8fb;margin-top: 60px;padding:0 0 30px 0;}
.slw {margin-top:40px;}
.slw .swiper-container{width:100%;height:auto;overflow: hidden;background: #f7f8fb;}
.slw .swiper-slide{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0.5%;border-radius:5px; margin-bottom:20px;}
.slw .append-buttons{margin-top:20px}
.slw .append-buttons a{display:inline-block;border:1px solid #01a7f1;color:#01a7f1;text-decoration:none;padding:4px 10px;border-radius:4px;margin:0 10px;font-size:13px}
.slw .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {display: none;}

.slw .swiper-button-next,.swiper-button-prev{color:#333;width:40px!important;height:40px!important;border-radius:50%;transition:all 0.3s ease;outline: none;padding:25px;top: 37%!important;}
.slw .swiper-button-next:hover,.swiper-button-prev:hover{opacity:0.8;transform:scale(1.1)}
.slw .swiper-button-next:after,.swiper-button-prev:after{font-size:20px;font-weight:bold}

.in_bei {width: 100%;background: #f5f5f5;}
.in_bei .in_bess{overflow: hidden;background: #fff;}
.in_bei .in_bess img {transition:all 0.5s;}
.in_bei:hover .in_bess img {transform:scale(1.1);}
.in_bei .in_bei_a {overflow: hidden; padding: 0 4%;}
.in_bei .in_bei_a .cp_0 {width:30px; height: 2px; background: #d4d4d4;margin-top: 10px;position: relative;}
.in_bei .in_bei_a .cp_0:after{content:""; display: block;position: absolute; top:0; left: 0; width:15px; height: 2px; background: #01a7f1;}
.in_bei .in_bei_a .cp_1{width: 100%;font-size: 18px;font-weight: bold;margin-top:10px;}
.in_bei:hover .in_bei_a .cp_1 {color: #01a7f1; font-weight: bold;}
.in_bei .in_bei_a .cp_2 {font-size: 15px;width: 100%; margin:5px 0 20px 0; color: #828282; }



/*企业新闻*/
.in_qys {overflow: hidden;margin: 30px 0;}
.in_qys_z {}
.in_qys_z ul {margin-left:-1%;}
.in_qys_z li {float: left; margin-left:1%;padding:0.5%; background: #f7f8fb;width:32.33%;}
.in_qys_z li .in_qys_z_tu {margin-bottom: 20px;overflow: hidden;position: relative;}
.in_qys_z li .in_qys_z_tu img {transition:all 0.5s;}
.in_qys_z li:hover .in_qys_z_tu img {transform:scale(1.1);}
.in_qys_z li .in_qys_z_tu .in_tup {position: absolute;top:0; left: 0;width:120px;line-height: 35px; color: #fff; background: #01a7f1;text-align: center;z-index:9;}
.in_qys_z li .in_qys_z_a1 {padding:0 3%;}
.in_qys_z li .in_qys_z_b {font-weight: bold;font-size: 20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.in_qys_z li:hover .in_qys_z_b {color: #01a7f1;}
.in_qys_z li .in_qys_z_c {overflow: hidden;font-size: 15px;margin:10px 0;color: #545454;}
.in_qys_z li .in_qys_z_c .in_qys_z_dz {float: left;position: relative;text-indent: 20px;}
.in_qys_z li .in_qys_z_c .in_qys_z_dz:after{content:""; position: absolute; top:1px; left: 0; width:20px; height:20px; background:url(../images/dz_1.png) no-repeat left;}
.in_qys_z li .in_qys_z_c .in_qys_z_sj {float: left;position: relative;text-indent: 20px;margin-left: 10px;}
.in_qys_z li .in_qys_z_c .in_qys_z_sj:after{content:""; position: absolute; top:1px; left: 0; width:20px; height:20px; background:url(../images/dz_2.png) no-repeat left;}
.in_qys_z li .in_qys_z_d {line-height:25px;margin-bottom:20px;}
.in_qys_z li a .in_qys_z_d {color: #aaa;}


/*fott*/
.fott { overflow:hidden; background:#333;padding-bottom: 50px;}
.fo_sll_u {overflow: hidden; border-bottom: 1px solid #4c4c4c;padding-bottom:20px;}
.fo_sll_z {float: left;margin-top:37px;}
.fo_sll_z ul {margin-left: -50px;}
.fo_sll_z li {float: left;margin-left:50px;}
.fo_sll_z li a{display: block; color: #fff;}
.fo_sll_y {float:right;}

/*阅读*/
.fo_sso {float:right;text-align:right;margin-top: 30px;}
.fo_ssu-a {display:inline-block; vertical-align:middle;width:70px;}
.fo_ssu-a span{display:inline-block; vertical-align:middle;font-size:16px;}
.fo_ssu-a samp{display:inline-block; vertical-align:middle;font-size:16px;color:#333;}
.fo_ssu-b {display:inline-block; vertical-align:middle;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:calc(100% - 150px);}
.fo_ssu-b a{display:inline-block;margin-right:10px;border-right:1px solid #999;padding-right:10px;font-size:14px;line-height:14px;}

.fo_sso-a {display:inline-block;font-size:14px;border: 1px solid #4c4c4c;border-radius:25px;}
.fo_sso-a input{border:0; outline:none;background:none;display:inline-block; vertical-align:middle; width:228px; text-indent:5px;font-size: 14px;color:#fff;padding-left: 10px;}
.fo_sso-a a{display:inline-block; vertical-align:middle;background: #01a7f1;width:110px; height: 30px;text-align: center;line-height: 30px;color: #fff;border-radius:25px;}





/*产房*/
.ny_pcs {overflow: hidden;margin-bottom:5px;}
.ny_pcs ul {margin-left:-0.5%;}
.ny_pcs li {float: left;width:24.5%;margin-left:0.5%;}
.ny_pcs li p {overflow: hidden;}
.ny_pcs li p img {transition:all 0.5s;}
.ny_pcs li:hover p img {transform:scale(1.1);}

/*地址*/
.fot_me {padding:20px 0; }
.fot_z {float: left;width: 50%;}
.foot_list_a {margin-top: 30px;float: left;}
.foot_list_a ul {}
.foot_list_a li { margin-right:20px; height:auto; float:left; text-align: center;position: relative;border: 1px solid #4c4c4c;border-radius:5px;}
.foo_z { display:none;position: absolute; top:-20px; left:50px; width:120px; background: #fff;transition:all 0.5s; border-radius: 6px;z-index: 10;}
.foot_list_a li:hover .foo_z {display: block;}
.foot_l_bt1 {color:#000033; font-size:25px; overflow:hidden; font-weight:normal; margin-bottom:10px;}
.foo_z .foo_z1 {background: #eee; width: 100%; border-radius: 10px 6px 10px 0;line-height: 30px;}
.foo_z .foo_z2 {width: 100%;overflow: hidden; padding: 8px;}

.foot_list_b {position: relative;color: #fff;padding-left:25px;margin-top:20px;width: 100%; float: left;}
.foot_list_b:after {content: ""; position: absolute; top:0; left:0; width:20px; height:20px;background: url(../images/dizhu.png) no-repeat; }

.fot_y {float: right;margin-top: 30px;}
.fot_y_q {float: right;width:100px; height:auto;}
.fot_y_q img {width: 100px; height: auto;border-radius:5px;}
.fot_y_z {float: right; color: #fff;margin-right: 15px;margin-top:30px;}
.fot_y_z span {float: right;}
.fot_y_z i{font-size:26px;}

.fosw { overflow:hidden; background:#151515; color:#939393; padding:20px 0; }
.fosw_y {float: left;font-weight:bold;}
.fosw_z {float: right;}
.fosw_z a{display: block; color: #939393;}
.fosw_z:hover {}

/*内页*/
.hmw {position: relative;}

/*路引*/
.ny_meis_dd {background: #f5f5f5; overflow: hidden;flex-wrap: wrap; justify-content: space-between;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

.ny_meis_di {overflow: hidden; position:relative; line-height:60px;}
.ny_meis_di:after{content:""; position: absolute; top:18px; left: 0; width:20px; height:20px; }
.ny_lanm_se a {display: block; background: #01a7f1;color: #fff;}

/*栏目*/
.ny_lam {overflow: hidden;}
.ny_lam ul {}
.ny_lam li {float: left; line-height:60px; height: 60px; text-align: center; font-size: 16px;width: 160px;}
.ny_lam li:hover a{display: block;background: #01a7f1; color: #fff;}

/*公司简介*/
.a1_gsjj {overflow: hidden;margin:2% 0;min-height: 150px;}
.gj_mi1_zuo {width:100%; float:right; padding:1% 1% 1.5% 1%;}
.gj_mi1_zuo_a {font-size:30px;font-weight: bold;}
.gj_mi1_zuo_c {font-size:20px;margin:5px 0 15px 0;font-family:'Gotham';text-transform: uppercase;} 
.gj_mi1_zuo_gen {width:75px; background: #01a7f1;height:5px;margin-bottom:15px;}
.gj_mi1_zuo .gj_mi1_zuo_a1 {line-height:28px;font-size:16px;}

.gj_mi1_zuo .gj_mi1_zuo_a2 {overflow: hidden;}
.gj_mi1_zuo .gj_mi1_zuo_a2 dl {float: left; width:50%;margin-top: 25px;}
.gj_mi1_zuo .gj_mi1_zuo_a2 dt {font-size:20px;margin-bottom:5px;color: #01a7f1;font-weight: bold;}
.gj_mi1_zuo .gj_mi1_zuo_a2 dd {font-size:16px;}

.gj_mi1_zuo1 {width:100%;overflow:hidden; padding:0.5%;background:#f5f5f5;border-radius:5px;}

/*生产实力*/
.gj_gsmw {overflow: hidden;margin:2% 0;min-height: 150px;background: #f5f5f5;padding: 2%;}
.gj_gsmw span {color: #c60d24;font-size:22px;}
.gj_gsmw_2a {overflow: hidden;  width:100%;}
.gj_gsmw_2a ul {margin-left: -1%;}
.gj_gsmw_2a li {float: left; width:49%;margin-left: 1%; }
.gj_gsmw_2a li p {float:left; width:100%;background: #fff;font-size:16px;margin-bottom: 1%;padding: 2%;line-height: 25px;}

/*工厂参观*/
.gj_gsck {overflow: hidden;margin: 2% 0 0 0;}
.gj_gsck ul {margin-left: -1%;}
.gj_gsck li {width: 32%; float: left; margin-left: 1%;background: #eee;padding:0.5%;margin-bottom: 20px;}

/*产品中心*/
.pds_z { float:left; width:260px;}
.pds_z ul {padding:0 2%; }
.pds_z li { float:left; background:#f7f8fb; width:100%; line-height:60px; text-indent:25px; margin-bottom:10px;position: relative;}
.pds_z li a{ display:block;}
.pds_z li:hover a{ background:#01a7f1; color:#fff;}
.pds_z li:after {content: ""; position: absolute; top:20px; right:20px; width: 10px; height: 18px;background: url(../images/pc_san.png) no-repeat; }

.about_mss a { background: #01a7f1;color: #fff; }

.pds_y { float:right; width:calc(100% - 290px);}

.pds_aa {display: none;}

.ny_pro_call { overflow:hidden;}
.ny_pro_call ul { margin-left: -1%;}
.ny_pro_call li{ width:32%; margin-left:1%; float: left;background:#f7f8fb; border-radius:5px; padding:0.5%;position: relative;margin-bottom:20px;}
.ny_pro_call li .cp_0{ overflow: hidden;border-radius:5px;margin-bottom:2%;background:#FFF;text-align:center;}
.ny_pro_call li .cp_0 img { transition:all 0.5s;}
.ny_pro_call li:hover .cp_0 img { transform:scale(1.1);}
.ny_pro_call li .cp_1 {font-size:16px;width: 100%; text-align: center;font-weight: bold;margin-top:20px;}
.ny_pro_call li:hover .cp_1 {display:block; color:#01a7f1;}
.ny_pro_call li .cp_2 {font-size: 15px;width: 100%; text-align: center; margin-bottom:10px; color: #828282; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;padding:0 4%;}
.ny_pro_call li .cp_3 {position: absolute; top:0; left: 0; width: 100%; height: 100%;background:rgba(1,167,241,0.8);opacity:0;}
.ny_pro_call li:hover .cp_3 {opacity:1;display: block;transition: all 0.8s;}
.ny_pro_call li .cp_3_a1 {background: #01a7f1;width: 150px; line-height: 40px;border-radius: 25px;text-align: center;margin:150px auto 0 auto;}
.ny_pro_call li a .cp_3_a1 {color: #fff; display: block;}

/*左右一页*/
.pagination{display:flex;align-items:center;gap:10px;overflow: hidden;margin-top: 10px;}
.pagination a{text-decoration:none;color:#333;padding:8px 12px;border:1px solid #ddd;border-radius:4px;transition:background-color 0.3s}
.pagination a:hover{background-color:#01a7f1; color: #fff;}
.pagination .page-number{background-color:#fff;}
.pagination .page-nav{background-color:#f7f8fb;}

/*产品内页*/
.zoomdemo {overflow:hidden;}
.zoomdemo img { max-width:100%;}
.cpxq_t_l{ float:left; width:40%;border: 1px solid #eee;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{  width:13%; height:50px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0,0,0); background:rgba(0,0,0,.9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {.sp-wrap{ margin:0 0 15px 0;} #sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}}
.prodetailtxt{ float: right; width:54%; color:#1a1a1a; line-height:25px; margin-top:1%; margin-right:2%;}
.prodetailtxt p{ font-size:20px; border-bottom:1px solid #dadada; padding:10px 0 15px;}
.protxt{ padding:15px 0;border-bottom:1px solid #dadada; margin-bottom:30px; word-break: break-all; overflow:auto; height:220px;}
.protxt p{ padding:0 5px; /*background:url(../webimages/icon06.jpg) left 15px no-repeat;*/ margin-left:0 !important; color:#a5a5a5; }
.protxt p span{font-size:14px !important;color:#1a1a1a;line-height: 24px !important;display: block;padding: 6px 0;}
.psw_1 { width:150px; float:left; line-height:40px; background:#f7f8fb; text-align:center; border-radius:25px; margin-top:5%;}
.psw_1 a{ display:block; color:#333;}
.psw_1:hover a{ background:#01a7f1; color: #fff;border-radius:25px;}
.pw_1 {line-height:30px; font-size:16px; color:#333; margin-top:15px;}

.chxiq { overflow:hidden;margin-top: 30px;}
.chxiq .chxiq_1 { background:#f7f8fb; line-height:50px; text-indent:18px; font-size:18px;}
.chxiq .chxiq_2 { padding:2%;width:100%;}

/*产品上一页*/
.mska_losa { overflow:hidden; margin:30px 0; line-height:40px; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; position:relative; height:80px; }
.mska_losa .mska_losa_1 { width:100%;text-indent:25px;}
.mska_losa .mska_mor { position:absolute; right:0; top:20px; width:120px; background:#01a7f1; text-align:center;border-radius:25px;}
.mska_losa .mska_mor a{ color:#fff; display:block;}

/*技术支持*/
.jszc {overflow: hidden;}

.coms_y {overflow: hidden; width:100%;}

.form-container{flex:1}
.form-description{margin-bottom:30px;background: #fff;}
.form-description i{font-size:30px; font-weight: bold;margin-bottom:25px;color: #01a7f1;}
.form-description p{color:#666;line-height:1.6;margin-top:10px;}
.lsw_ly_a{overflow: hidden;}
.lsw_ly_a .iptBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}
.input-group{position:relative;width:49%;margin-bottom:10px}
.input-group.full-width{width:100%}
.lsw_ly_a .iptBox input{padding:15px 20px;width:100%;height:60px;font-size:16px;border:1px solid #e6e9f2;border-radius:12px;outline:none;transition:all 0.3s ease}
.lsw_ly_a .iptBox input:focus{border-color:#f3f3f3;background:#fff;box-shadow:0 5px 15px rgba(142,45,226,0.15)}
.lsw_ly_a .iptBox input:hover{background:#fff;box-shadow:0 0 2rem rgba(0,0,0,0.1)}
.lsw_ly_a .iptBox input::placeholder{color:#afafaf;font-family:Arial,sans-serif}
.required::after{content:'*';color:#ff4757;font-size:18px;position:absolute;top:18px;right:20px}
.txtBox{margin-bottom:20px}
.lsw_ly_a .txtBox textarea{display:block;padding:20px;width:100%;height:150px;font-size:16px;border:1px solid #e6e9f2;border-radius:12px;outline:none;resize:none;transition:all 0.3s ease}
.lsw_ly_a .txtBox textarea:focus{border-color:#f3f3f3;background:#fff;box-shadow:0 5px 15px rgba(142,45,226,0.15)}
.lsw_ly_a .txtBox textarea:hover{background:#fff;box-shadow:0 0 2rem rgba(0,0,0,0.1)}
textarea::placeholder{color:#afafaf;font-family:Arial,sans-serif;font-weight:500}
.btnBox{margin-top:20px;overflow:hidden}
.lsw_ly_a .btnBox a{display:block;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:600;color:#fff;text-align:center;background:#151515;border-radius:12px;border:none;cursor:pointer;transition:all 0.4s ease;text-decoration:none;letter-spacing:1px}
.lsw_ly_a .btnBox a:hover{background:linear-gradient(to right,#275ca2,#275ca2);transform:translateY(-3px);}
.lsw_ly_a .btnBox a:active{transform:translateY(0)}
.illustration{flex:1;background:linear-gradient(to bottom right,#f0f4ff,#e6eeff);display:flex;align-items:center;justify-content:center;padding:40px}
.illustration img{max-width:100%;height:auto}
.form-note{margin-top:20px;font-size:14px;color:#777}
.form-note .required-star{color:#ff4757;font-weight:bold}
@media (max-width:768px){.content{flex-direction:column}
.input-group{width:100%}
.illustration{display:none}
}


.coms_z {float: left;width:calc(100% - 700px);}
.coms_z .coms_a_1 {font-size:30px; font-weight: bold;margin-bottom:25px;color: #01a7f1;}
.coms_z .coms_a_2 {line-height:28px;font-size: 18px;}
.coms_z .coms_a_2 strong {color: #01a7f1;}
.coms_z .coms_a_2 p{margin-bottom: 10px;}
.coms_z .coms_a_3 {overflow: hidden;margin-top: 25px;}
.coms_z .coms_a_3 p {float: left;background: #eee; width:150px;height: auto;padding:1%;text-align: center;margin-right:10px;}
.coms_z .coms_a_3 p img {width:140px;height:auto;}
.coms_m1 {float: right; width:53%;height: 500px;position: relative;padding-left:40px;}
.coms_m1:after{content:""; display: block; position: absolute; top:0px; left:0px; width:1px; height:600px;border-left: 1px solid #eee;}