@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
/*a:hover{ color:#1694c6 }*/
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

@font-face {
font-family: 'iconfont';
src: url('../ziti/iconfont.woff2?t=1689738565086') format('woff2'),
url('../ziti/iconfont.woff?t=1689738565086') format('woff'),
url('../ziti/iconfont.ttf?t=1689738565086') format('truetype');}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
font-family:Barlow-Bold;
src: url('../fonts/Barlow-Bold.ttf'); }

/*@font-face {
font-family:Barlow-Regular;
src: url('../fonts/Barlow-Regular.ttf'); }*/


body{ margin:0 auto;padding:0px;width:100%; font-family: Arial, Helvetica, sans-serif;font-size:16px;color:#646464; margin:0px; }

.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}

.head_you{ width:53%;}

.flex{display: flex; align-items: center;justify-content: space-between;}

.nav{ width:100%;}
.nav ul{}
.nav li { display:inline-block;list-style: none;text-align: center;box-sizing: border-box; position: relative;}


.nav li a {padding-right:0px;z-index: 1; color: #333;
display: block;text-align: center;position: relative;height:55px;line-height: 55px; font-size:17px; overflow:hidden}
.nav  li a:hover{color:#1694c6}

.nav li.hover a, .nav li:hover a { color:#1694c6 }

.nav li .subnav {background: #fff;box-shadow: 0 5px 20px 8px rgba(0, 0, 0, 0.1);height: auto;left: -50px;overflow: hidden;position: absolute;top: 100%; width: 150px;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {text-align:center;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 17px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 40px;height: 40px;transition: all 0.2s ease-in-out 0s;width: 100%;background: #03448b;color: #fff!important; border-bottom:rgba(255,255,255,0.1) solid 1px;}
.nav li .subnav a:hover {color: #fff;background:#d8261c;}


.icon-sousuo{font-size:25px!important;color:#333!important;}

.sou{ margin-top:4px; text-align:right; margin-left:10px;}

/*    header   */
header { position: fixed; top: 0;  left: 0; width: 100%; z-index: 999;transition: all .48s; background:#fff;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);}
.headBox { width:1300px; margin:0 auto;display: flex; padding-top:5px; padding-bottom:5px;align-items: center;
justify-content: space-between;transition: all .6s ease 0s;}
.headLogo a {display: block;}
.headLogo img { width: 100%;display: block;}
.headLogo .headLogo_img2 {display: none}


/*首页banner*/

#banner .p_MatteIcon .iconfont:before{ content:'\e602'; } 
#banner >div{ animation-fill-mode:both; } 
#banner .banner-video .pcitem-m{display:none; } 
#banner .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; filter:brightness(0.95); } 
#banner .swiper-slide .bgimg{ transition:1s 2.5s; transform:perspective(1000px) translate3d(0, 0, 100px); } 
#banner .swiper-slide.swiper-slide-active .bgimg{ transition:5s 0s; transform:perspective(1000px) translate3d(0, 0, 0px); } 
#banner .iban a{ display:block;width:100%;height:100%;color:#fff; } 
#banner .mobitem{ display:none;} 
#banner .bannerBox .iban{ height:87vh; position:relative; } 
#banner .bannerBox .iban:after{ content:''; position:absolute; height:477px; top:0px;left:0px; z-index:1; pointer-events:none;} 
#banner .bannerBox .iban .swiper-slide{ height:100%; overflow:hidden; }
#banner .bannerBox .iban .banner-video{ height:100%; position:relative;}

#banner .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;  color:#fff; text-align:center; } 
#banner .banner_img .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;  color:#fff; text-align:center; } 
#banner .v_cover .v_con{ margin-left:auto; margin-right:auto; position:relative; z-index:5; WIDTH:80%; TEXT-ALIGN:center; } 
 
#banner .swiper-slide .v_con *{ transition-delay:transform 2s, opacity 0s; transition-duration:2s; text-shadow:0px 1px 5px rgb(0 0 0 / 60%); transform:translate3d(0, 80px, 0); opacity:0; } 
 
#banner .swiper-slide.swiper-slide-active .v_con *{ transform:translate3d(0, 0px, 0); opacity:1; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(1){ transition-delay:0.5s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(2){ transition-delay:0.7s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(3){ transition-delay:0.9s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(4){ transition-delay:1.1s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(5){ transition-delay:1.3s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(6){ transition-delay:1.5s; } 

#banner .v_cover .v_text1{ font-size:58px; line-height:1.4; font-weight:normal; letter-spacing:0px; } 

#banner .v_cover .v_tit_en{  font-size:35px; line-height:1.2!important; font-weight:bold;letter-spacing:4px;margin-top:0%; text-transform:uppercase;}


#banner .v_cover .v_line{ width:90px; margin:0 auto;height:3px; background:#F0F0F0; margin-top:3%; margin-bottom:3%; } 
 
#banner  .v_cover .v_text2{ font-size:20px; line-height:1.6; /*margin-top:3%; */margin-bottom:5%; width:70%; margin:0 auto;text-shadow:2px 3px 5px rgb(0 0 0 / 60%);} 
#banner .banner_img .v_cover .v_text2{  } 
#banner .v_playvideo{ width:100px; height:auto; margin:0 auto; } 

#banner .v_border{ width:70px; height:70px; margin:0 auto 14px; position:relative; } 

#banner .v_playvideo .iconfont{ line-height:70px; height:70px; width:70px; font-size:13px; font-family:arial; text-align:center; background:rgba(230,0,19,.9); margin-right:0px; border-radius:50%; display:inline-block; } 
#banner .v_playvideo .v_border:before{ content:""; display:block; position:absolute; left:-1px; top:-1px; width:72px; height:72px; border:5px solid #fff; box-sizing:border-box; border-radius:50%; opacity:0; -webkit-transform:scale(1.4); transform:scale(1.4); transition:transform .6s cubic-bezier(.645,.045,.355,1),opacity .6s cubic-bezier(.645,.045,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } 

#banner .v_playvideo:hover .v_border:before{ opacity:1; -webkit-transform:scale(1); transform:scale(1); cursor:pointer; } 
#banner .v_playvideo:hover .iconfont:before{ font-size:24px; } 
#banner .v_cover .v_more{ font-size:12px; } 
#banner .swiper-slide .v_cover .v_img{ opacity:0; transition-duration:2s; transition-delay:0.8s; } 
#banner .swiper-slide.swiper-slide-active .v_cover .v_img{ opacity:0.1; } 
#banner .banner-video{ background:url(../images/ban1.jpg) no-repeat center center; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ width:auto; height:auto; transform:translate(-50%, -50%) !important; } 

#banner .bannerBox .iban .banner-video{ height:100%!important}

#banner .bannerBox .iban .banner-video video{ filter:brightness(0.8); position:absolute; top:50%; border:0px; left:50%;/* min-width:120%;*/ min-height:100%; width:115%; height:100%!important; z-index:0; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } 


#banner .bannerBox .iban .text{ position:absolute; font-size:36px; color:#fff; left:90px; bottom:80px; line-height:1px; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:50px; line-height:1px; } 

#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border-radius:10px; background-color:rgba(255,255,255,1); margin:0 8px; opacity:1; transition:all 0.4s ease; } 
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; width:50px; } 

@media only screen and (max-width: 768px){ 
#banner .v_cover .v_tit_en{ font-size: 20px; } 
#banner .v_cover .v_con { max-width:100%!important;} 
#banner .banner-video .pcitem-m{ display:block; } 
#banner .mobitem{ display:block; } 
#banner .pcitem{ display: none; } 
#banner .bannerBox .iban { height: 68vh; position: relative; } 
#banner .v_cover .v_text1{ font-size: 26px; line-height: 1.6!important; margin-bottom:10px; margin-top:10px; } 
#banner .v_cover .v_text2{ width:100%; font-size:17px; margin-top:15px; } 
#banner .v_playvideo{ display:none; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ display:none; } 
#banner .v_cover .v_line { margin-top:20px; height:2px; width:70px;}
#banner .bannerBox .iban:after{ display: none; } 

#banner .bannerBox .iban .text{ bottom: auto; top:10rem; font-size:1.2rem; text-align: center; left: 0; width: 100%; } 
#banner .bannerBox .iban .play{ position: absolute; width: 2.8rem; height:2.8rem; background: url(../images/yx_vplay.png) no-repeat center/100%; top: 15rem; left: 50%; margin-left: -1.4rem; cursor: pointer; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:1.9rem; } #banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet { /*width: 8px;*/ height: 8px; margin: 0 4px; } 
#
banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active { width: 20px!important; } } 

#banner{ width:100%; max-width:none;  height:100%; max-height:none; min-height:0px; margin-top:110px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } 


/*公共样式*/
.wd1300{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px; overflow:hidden;}

.title{ margin:0 auto; text-align:center; padding-bottom:50px;}
.title1{ font-size:45px; color:#333}
.tline{ background: linear-gradient(45deg,#1694c6,#36d5c1);height:2px; margin:0 auto; width:50px; margin-top:15px;}
.title2{ font-size:20px; color:#999; width:65%; margin:0 auto; line-height:30px; margin-top:15px;}

/*首页公司简介*/
.index_about .title1{ font-weight:bold}
.index_about .title2{ font-size:22px; color:#555;}
.index_about .abnr{ font-size:18px; line-height:40px; width:80%; margin:0 auto; text-align:center;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:50px;}

.p_item .e_button-16 { color:#fff; margin:0 auto;
 display:flex;
 position:relative;
 overflow:hidden;
 text-align:left;
 box-sizing:border-box;
 width:210px;
 padding:0;
 background_radio:1;
 border_radio:1;
 font_radio:1;
 radius_radio:1;
 display-radio:flex;

 height:54px;
 border-radius:0;
 background-image:linear-gradient(to right, #1694c6 , #3dd5c3);
 align-items:center;
 justify-content:space-around;
 margin-right:auto;

 box-shadow:0 0 15px rgb(34 251 140 / 40%);
 font-size:17px; border-radius:10px;
}
.p_item .e_button-16::before {
 content:'';
 display:block;
 position:absolute;
 left:-100%;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.1);
 transition:all .6s ease
}
.p_item .e_button-16:hover::before {
 left:0
}
.p_item .e_button-16 span {
 display:block;
 position:relative;
 z-index:1;
 outline:0;
 margin:0px;
 overflow:hidden;
 transition:all .6s ease;
 left:0
}
.p_item .e_button-16:hover span {
 left:10px
}
.p_item .e_button-16 i {
 display:block;
 width:24px;
 height:24px;
 border-radius:50%;
 border:1px solid #fff;
 position:relative
}
.p_item .e_button-16 i::before {
 content:'';
 display:block;
 width:5px;
 height:5px;
 border-radius:50%;
 background:#fff;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 transition:all 0.6s ease
}
.p_item .e_button-16 i::after {
 content:'';
 display:block;
 width:45px;
 height:1px;
 background:#fff;
 top:50%;
 right:12px;
 position:absolute;
 transform:translateY(-50%);
 transition:all 0.6s
}
.p_item .e_button-16:hover i::before {
 content:'';
 display:block;
 width:10px;
 height:10px
}
.p_item .e_button-16:hover i::after {
 width:0px
}
.p_item .e_button-16::after {
 content:"";
 position:absolute;
 width:0;
 height:100%;
 transition:all .3s;
 z-index:0;
 opacity:0;
 top:0;
 left:0px
}
.p_item .e_button-16:hover::after {
 opacity:1
}
.p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

/*首页产品*/
.index_pro{background-image: url(../images/pbg.jpg);
background-color: rgba(255, 255, 255, 1);
background-repeat: no-repeat; background-size: cover; }
.index_pro .wd1300{ padding-top:0px; padding-bottom:0px;}
.index_pro .title{ text-align:left; padding-top:60px;}
.index_pro .title .title2{ width:100%; text-align:left; color:#fff; font-family:Barlow-Regular; text-transform:uppercase; font-size:55px; margin-bottom:15px;}
.index_pro .title .title1{ font-weight:bold; color:#fff; text-align:left}
.prozuo ul{ padding-bottom:60px;}
.prozuo{ float:left; width:100%;position: static;}
.prozuo ul li{ float:left; margin-left:1.5%; margin-right:1.5%; width:30.333%; margin-bottom:3%;transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.prozuo ul li a{ color:#fff; border:1px solid #fff; display:block; line-height:40px; text-align:center; border-radius:6px;}
.prozuo ul li{}
.prozuo ul li:hover{ transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px); background:#fff;}
.prozuo ul li:hover a{color: #1694c6;}

.proyou{ float:right; width:56%;position: static;}
.proyou ul li:nth-child(2){ margin-bottom:20px;}
.proyou ul li:nth-child(1){ margin-bottom:20px;}
.proyou ul li:nth-child(2n){ float:right}
.proyou ul li{ float:left; width:48.5%; background:#f7f9f8}
.proyou ul li .pbk{ padding:30px 40px;}
.proyou ul li .ptu{ display: flex;justify-content: center;
align-items: center; height:150px; margin-bottom:15px;}
.proyou ul li .ptu img{max-width:100%;max-height:150px; transition: all 0.8s;}
.proyou ul li:hover .ptu img{   transform: scale(1.1);}
.proyou ul li .pfen{ font-size:18px; font-weight:bold; color:#333333}
.proyou ul li .pname{ margin-top:8px; font-size:16px;}
.proyou ul li:hover .p_tb{ color:#fff; background:#1694c6; width:30px; height:30px; border-radius:50px; line-height:30px;text-justify:center; text-align:center; }


/*index_inquiry_wrap*/
.index_inquiry_wrap { text-align: center; font-weight: 400; font-family: Roboto-Regular; line-height: 1; padding-bottom:110px; padding-top:80px; background:url(../images/abg.jpg) no-repeat center fixed; width:100%}
.index_inquiry_wrap .inquiry_desc { color:#333; position: relative; margin-bottom: 23px; text-transform: uppercase; font-style: normal;font-size: 36px;font-family: futura-pt; }
.index_inquiry_wrap p { font-size: 18px; }
.index_inquiry_wrap .inquiry_btn { display: table; margin: auto; margin-top: 43px; padding: 0 30px; border-radius: 8px; background: #fff; color: #1694c6; font-size: 24px; line-height: 65px; }
.index_inquiry_wrap .inquiry_btn:before { display: inline-block; margin-right: 22px; width: 38px; height: 38px; background-image: url(../images/ca.png); background-repeat: no-repeat; content: ""; vertical-align: middle; }
.index_inquiry_wrap .inquiry_btn:hover { background: #1694c6; color: #fff; }
.index_inquiry_wrap .inquiry_btn:hover:before { background-image: url(../images/ca_1.png);}

/*优势*/
/*index_advantage_container*/
.index_advantage_container {  position: relative; padding-bottom: 70px;  }
.index_advantage_container:before { content: ""; position: absolute; /*background:#f3f3f3;*/ width: 100%; height: calc(100% - 70px); left: 0; bottom: 0; }
.advantage_items { display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-display: flex; -webkit-justify-content: space-between; -webkit-flex-wrap: wrap; width:1300px; margin:0 auto}
.advantage_items .advantage_item { margin:0 auto; position: relative; width: 250px; text-align: center; }

.advantage_item:nth-child(1) .icon_img{ background:#1694c6}
.advantage_item:nth-child(2) .icon_img{ background:#1fa7c5}
.advantage_item:nth-child(3) .icon_img{ background:#2bbec3}
.advantage_item:nth-child(4) .icon_img{ background:#3dd5c3}


.advantage_item .icon_img { margin:0 auto; position: relative; width: 160px; height: 160px; border: 2px solid #fff; background: #1360ae; border-radius: 50%;  display: flex;justify-content: center;
align-items: center; }
.advantage_item .icon_img img, .position_icon img { width: auto; }
.advantage_item:hover .icon_img img {transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.advantage_item .icon_img img { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.advantage_info, .advantage_info a { color: #525252; line-height: 1; }
.advantage_info .ad_tit { font-size: 20px;font-weight:normal;position: relative; margin: 20px 0; }
.advantage_info .ad_tit a {font-size: 25px;font-weight:normal;}
.advantage_info .ad_desc { font-size: 16px; line-height: 20px; }
.position_icon { display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 40%); -webkit-transform: translate(-50%, 40%); }
.advantage_info .ad_tit a:hover { color: #ca3eb8; }



/*首页新闻*/
.index_news ul li:nth-child(2n){ float:right;}
.index_news ul li{ margin:1%;float:left;width:44%; background:#fff; border-radius:8px; padding:2%;box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.07); margin-bottom:20px;transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.index_news ul li:hover{box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.17); }
.index_news ul li .shijian{ background:url(../images/time.png) no-repeat top center; background-size:25px auto; width:15%;  text-align:center; padding-top:30px;}
.index_news ul li .shijian h2{ font-size:35px;}
.index_news ul li .shijian h3{ font-size:15px; font-weight:normal;}
.index_news ul li .ntxt{ width:80%}
.index_news ul li .ntxt .ntitle{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#333; font-size:18px; margin-bottom:12px;}


.index_news ul li .ntxt .tmiao{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#999; font-size:14px; line-height:25px;}



/*-------底部-----------*/
.fdao{background: linear-gradient(45deg,#1694c6,#36d5c1);}
.fdao .wd1300{ padding-top:25px; padding-bottom:25px;}
.fdao .fmenu ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;color:#fff; width:60%; margin:0 auto }
.fdao .fmenu ul li a{ color:#fff;}

.foot{ background:#242d34; width:100%; margin:0 auto;}
.foot .wd1300{ padding-bottom:50px; padding-top:60px; border-bottom:1px solid rgba(255,255,255,0.1);display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;color:#cfd0d1}
.foot .fbt{ color:#fff;font-size:23px;margin-bottom:15px; }
.foot .fpro { width:45%; margin-left:50px;}
.foot .fpro ul li{ width:50%; display:inline-block}

.foot .faline{ background:#419120; height:2px; width:30px;margin-bottom:15px;}
.foot ul li{ line-height:30px;}
.foot ul li a{ color:#cfd0d1; font-size:15px;}
.ftxt{ line-height:30px;font-size:15px;}

.flian a{ color:#cfd0d1!important;}
.ftxt{ line-height:30px;font-size:15px; color:#bababa}
.ftxt a{ color:#cfd0d1!important; }

.ewm p{ text-align:center; padding-top:10px;}
.ewm img{ padding:5px; background:#fff; border-radius:5px;}
.banquan{ width:1300px; line-height:30px; margin:0 auto; padding-top:25px; padding-bottom:25px;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #cfd0d1;}
a.zzb07link:hover {text-decoration: underline;color: #cfd0d1;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#cfd0d1;}



/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#103059; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

/*内页*/
.nybanner{ margin-top:110px;height:350px; width:100%}
.nyabout{ background:url(../images/ban2.jpg) no-repeat center;background-size:cover; }
.nycon{ background:url(../images/nycon.jpg) no-repeat center; }
.nyjob{ background:url(../images/nyjob.jpg) no-repeat center; }
.nyzs{ background:url(../images/ban31.jpg) no-repeat center; background-size:cover; }
.nynews{ background:url(../images/ban2.jpg) no-repeat center;background-size:cover; }
.nypro{ background:url(../images/nypro.jpg) no-repeat center; }


.weizhi{ border-bottom:1px solid #ddd; margin:0 auto; line-height:60px;font-size:15px; padding-bottom:10px;}
.weizhi h2{ font-size:35px; color:#333; font-weight:normal; line-height:60px;}
.dingwei{ opacity:0.6; margin-top:5px;background:url(../images/home.png) no-repeat left; padding-left:25px; background-size:auto 20px}
.dingwei a{ color:#555}
.dingwei span{ padding-left:8px; padding-right:8px;}


.nymain{ width:1300px; margin:0 auto; padding-top:50px; padding-bottom:70px;}
.neirong {margin-top: 40px; min-height:300px;line-height: 30px;}

/*内页公司简介*/
.gsjj p{ margin-bottom:25px}
.gsjj .abtu{ float:right; margin-left:30px; width:45%;object-fit: cover; max-height:350px}

/*内页产品*/
.fenlei ul li:hover{ background:#1595c6}
.fenlei ul li.active{background:#1595c6}
.fenlei ul li a{ color:#fff;}
.fenlei ul li{display: inline-block;
margin: 1% 1% 0px;
  margin-bottom: 0px;
background: #646464;
color: #fff;
width: 31.333%;
line-height: 45px;
text-align: center;
height: 45px;
font-size: 16px;
margin-bottom: 0px !important;}
.fenlei ul {
  width: 100%;
  padding-bottom: 50px;
}
.cxx {
  color: #FFFFFF;
}
.biaocss tr:nth-child(2n) td{ background-color:#f2f2f2;}
.prolist .ptu{width:100%; height:120px;  display: flex;justify-content: center;align-items: center; overflow:hidden;margin-bottom:15px;}
.prolist .ptu img{max-width:100%;height:120px;transition: all 0.8s;object-fit: cover;}
.prolist ul li{ cursor:pointer;float:left; display:inline;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .1);background:#fff; border-radius:5px; padding:3%; width:17%; margin-left:1%; margin-right:1%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; margin-bottom:30px;}
.prolist ul li h2{ text-transform:uppercase; font-size:16px; color:#333333; font-weight:normal; text-align:center;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden}
.prolist ul li h3{ text-transform:uppercase; font-size:15px; color:#555; font-weight:normal; text-align:center; margin-top:10px; margin-bottom:10px;}
.prolist .p_more{ border:1px solid #ddd; border-radius:25px; line-height:30px; margin:0 auto; width:100px; text-align:center; color:#a5a5a5; font-size:14px;}
.prolist ul li:hover .p_more{ border:1px solid #1595c6; color:#fff; background:#1595c6;}
.prolist  ul li:hover{ 	transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);}



/*健康家园*/
.news_in ul li:nth-child(odd) {  background:#fff;  }
.news_in ul li{ margin-bottom:25px; padding:30px; background:#f2f2f2}
.xw_kuang1{ width:15%; float:left;}
.xw_kuang1 .xw_p1{ font-size:38px; font-weight:bold; color:#000; text-align:center;}
.xw_kuang1 .xw_p2{ font-size:20px; color:#000; text-align:center; margin-top:5px;}
.news_in .xw_line{ width:1px; height:36px; background-color:#e5e5e5;  margin-top:15px;}
.news_in .xw_p3{ font-size:18px; color:#333; margin-left:60px; margin-top:20px;}
.xw_kuang2{ margin-top:7px;  width:154px; border:1px solid #ccc; border-radius:37px; }
.xw_kuang2 p{ font-size:16px; line-height:53px; text-align:center; color:#333;}

.news_in ul li:hover{ background:linear-gradient(to right,#1595c6,#36d5c1);
transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;}
.news_in ul li:hover .xw_kuang1 .xw_p1{ color:#fff;}
.news_in ul li:hover .xw_kuang1 .xw_p2{ color:#fff;}
.news_in ul li:hover .xw_p3{ color:#fff; padding-left:10px;transition: 0.3s ease-out;}
.news_in ul li:hover .xw_kuang2{border:1px solid #fff;}
.news_in ul li:hover .xw_kuang2 p{ color:#fff;}
.xwbt{ text-align:center; margin:0 auto;}
.xwbt h2{ color:#333; font-size:25px; font-weight:normal;}
.xwbt h3{ font-weight:normal; margin-top:15px; font-size:15px; color:#555;}
.neirong_bk{
  margin-top: 50px;
  line-height: 30px;
  padding: 50px;
  background: #fff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}


.fanhui{}
.fanhui ul { padding-top:30px;}
.fanhui ul li{ line-height:40px;width:33%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanhui ul li:nth-child(3){ text-align:right}
.fanhui ul li:nth-child(2){ text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#1595c6;height:40px; line-height:40px; width:150px; text-align:center; display:block}



/*人才招聘*/

.jobs_4_1{width:100%; overflow:hidden;
color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jobs_4_1_1{ margin-top:3.766666666666667em;
text-align:center; font-size:1.875em;}
.jobs_4_1_2{ letter-spacing:0.08em;
font-size:3em; text-align:center; margin-top:0.5em; margin-bottom:2em;}
.jobs_4_1_3{ padding:1.5em 0; margin-bottom:0.625em;
overflow:hidden; background:#1595c6;
border-radius: 10px; margin:97%; margin:0 auto}
.joblist li{ 
float:left; width:25%; list-style:none}
#mid h3 {
    width: 100%;
    float: left;
    font-size: 35px;
    color: #313131;
    font-weight: normal;
    text-align: center;
    padding-bottom: 10px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'AlibabaSans-Regular';
}#mid span {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 34px;
    display: block;
    color: #313131;
    margin-bottom: 40px;
}

.joblist li:nth-child(4){
width:25%;}
.joblist li.showjobinfo{ display:none;
width:100%; clear:both; background-color:#fff;  }
.joblist_mid{
padding-left:2em; padding-right:2em;}
.joblist_mid_2,.joblist_mid_3,.joblist_mid_4{
text-align:center}
.joblist_mid_t{
font-size:16px; color:#fff}
.joblist{
display:block;}
.jobs_4_2{
 padding-top:5px; overflow:hidden;}
.jobs_4_2 ul{ cursor:pointer; border:1px solid #ddd;
background-color:#fff; margin-left:0; padding:0;border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,.1); margin:97%; margin:0 auto;  margin-bottom:5px; margin-top:5px}
.jobs_4_2 ul li{
min-height:3.6em;}
.joblist_mid_c{
padding:1.4em 0; color:#878787; font-size:15px }
.showjobinfo_mid{
padding:1em 2em 0em 2em; }
.showjobinfo_mid_1{line-height:1.8; overflow:hidden; margin-bottom:1.7em; color:#333; font-size:15px}
.showjobinfo_mid_1 strong{ font-size:16px; margin-bottom:5px}
.showjobinfo_mid_1 p{ color:#878787; font-size:15px; line-height:30px}

.jobs_4_2 ul.on{ background:#788694;}
.jobs_4_2 ul.on .joblist_mid_c{
color:#fff; font-size:16px; font-weight:bold}
.jobs_4_2 ul.joblist.on li.showjobinfo{
display:block}
.showjobinfo_mid_2 a{ padding:0.45em 2em;
display:inline-block; color:#fff; background-color:#194695;}
.showjobinfo_mid_2 a span{ padding-left:20px;}
.jobs_4_2_2{
margin:3em 0 5.5em 0}
.jobs_4_2_2 a{
border:1px #d3d7df solid;}

.lllx{ line-height:30px; font-size:16px; margin-top:30px; color:#555;}

/*内页联系我们*/
.lxlx{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.ditu{ width:50%}
.nylianxi{ width:45%}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 20px;font-weight:normal; color:#000; margin-bottom:0px;}
.rit-box .top-tit p {font-size: 15px;color: #999999;}
.rit-box .top-tit p font{ color:#1595c6; font-weight:bold; font-size:25px;}
.city li.on, .city li:hover {background-color: #1595c6;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #1595c6;}
.city li a{ color:#fff}
.city {display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}

/*产品详细*/
.proname{background: linear-gradient(45deg,#1694c6,#36d5c1); color:#fff; text-align:center; font-size:20px; padding-top:10px; padding-bottom:10px;}
.protu{ text-align:center; margin:0 auto;margin-top:40px; margin-bottom:40px;}
.protu img{ padding-top:40px; padding-bottom:40px; max-width:100%;}
.prodetail p{ margin-bottom:10px;}

@media screen and (max-width: 640px) {
.gaodu{ height:auto;}
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}




#banner{ margin-top:0px;}

/*公共样式*/
.wd1300{ width:95%; padding-top:40px; padding-bottom:40px;}

.title{padding-bottom:30px;}
.title1{font-size:35px;}
.tline{height:2px;}
.title2{ font-size:18px;width:100%;margin-top:15px;}

/*首页公司简介*/
.index_about .title1{ font-weight:bold}
.index_about .title2{ font-size:18px; color:#555;}
.index_about .abnr{ font-size:16px; line-height:30px; width:100%;margin-bottom:30px;}

.p_item .e_button-16 { width:150px;height:40px;font-size:15px}


/*首页产品*/
.index_pro{background-image: none;object-fit: cover;
background-color: rgba(255, 255, 255, 1);
background-repeat: no-repeat; background-size:auto 100%;
background-position:left; background-position:0px;}
.index_pro .wd1300{ padding-top:0px; padding-bottom:0px; width:100%}
.index_pro .title{ text-align:left; padding-top:40px; padding-left:15px;}

.index_pro .title .title2{ font-size:45px;}

.prozuo ul{ padding-bottom:40px; padding-left:15px; padding-right:15px;}

.prozuo{background: url(../images/pbg.jpg) no-repeat left; float:none; width:100%;background-position:-5px;background-size: cover;}
.prozuo ul li{ float:left; margin-left:1.5%; margin-right:1.5%; width:97%; margin-bottom:3%;}
.prozuo ul li a{ line-height:35px;font-size:15px;}



.proyou{ margin:0 auto; float:none; width:95%; margin-top:30px;position: static;}
.proyou ul li:nth-child(2){ margin-bottom:20px;}
.proyou ul li:nth-child(1){ margin-bottom:20px;}
.proyou ul li:nth-child(2n){ float:right}
.proyou ul li{ float:left; width:48.5%; background:#f7f9f8}
.proyou ul li .pbk{ padding:20px 20px;}
.proyou ul li .ptu{height:110px; margin-bottom:15px;}

.proyou ul li .ptu img{max-height:110px; }

.proyou ul li .pfen{ font-size:17px;}
.proyou ul li .pname{font-size:14px;}
.proyou ul li:hover .p_tb{width:20px; height:20px;  line-height:20px; }


/*index_inquiry_wrap*/
.index_inquiry_wrap { padding-bottom:80px; padding-top:80px; background:url(../images/abg.jpg) no-repeat center;background-attachment:local; width:100%;background-size: cover;}
.index_inquiry_wrap .inquiry_desc { margin-bottom: 23px; font-size: 25px; line-height:35px; padding-left:15px; padding-right:15px;}
.index_inquiry_wrap p { font-size: 16px; }
.index_inquiry_wrap .inquiry_btn { font-size: 18px; line-height: 55px; }


/*优势*/
/*index_advantage_container*/
.index_advantage_container { padding-bottom: 40px;  }
.index_advantage_container:before { height: calc(100% - 40px); }
.advantage_items {display: block;width:95%;}
.advantage_items .advantage_item {display:inline-block;width: 49%; }
.advantage_item .icon_img {width: 120px; height: 120px;}
.advantage_item .icon_img img, .position_icon img {width: 50px; }
.advantage_info .ad_tit { font-size: 13px;font-weight:normal;position: relative; margin: 20px 0; }


/*首页新闻*/
.index_news ul { padding-left:10px; padding-right:10px;}
.index_news ul li:nth-child(2n){ float:right;}
.index_news ul li{width:94%;padding:2%;}



/*-------底部-----------*/
.fdao{background: linear-gradient(45deg,#1694c6,#36d5c1);}
.fdao .fmenu { display:none;}
.fdao .fmenu ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;color:#fff; width:100%; margin:0 auto }
.fdao .fmenu ul li a{ color:#fff; font-size:14px;}
.foot .flian{ text-align:center; margin:0 auto;}

.foot .wd1300{ padding-bottom:30px; padding-top:40px;}

.foot .fpro { display:none; width:45%; margin-left:50px;}
.ewm{ display:none;}

.banquan{ width:95%;padding-top:15px; padding-bottom:35px; line-height:25px;}
a.zzb07link{font-size: 14px;}

.zzb07tail{font-size:14px;}

/*内页*/
.nybanner{ margin-top:60px;height:150px; width:100%；}
.nyabout{background-size:130% }
.nycon{ background-size:130%}
.nyjob{ background-size:130%}
.nyzs{  background-size:130%}
.nynews{background-size:130% }
.nypro{ background-size:130%}


.weizhi{ text-align:center; line-height:30px;font-size:14px; padding-top:10px; padding-bottom:30px;}
.weizhi h2{ font-size:30px; float:none;line-height:30px;}
.dingwei{ opacity:0.6; margin-top:5px;background:url(../images/home.png) no-repeat left; padding-left:25px; background-size:auto 20px; float:right; display:none;}

.dingwei span{ padding-left:5px; padding-right:5px;}


.nymain{ width:95%;padding-top:30px; padding-bottom:40px;}
.neirong { font-size:15px;margin-top: 30px; min-height:auto;line-height: 30px;}
.neirong img { max-width:100%;}


/*内页公司简介*/
.gsjj p{ margin-bottom:25px}
.gsjj {display: flex; width:100%;
flex-wrap: wrap;
}
.gsjj .abtu{ float:none; margin-left:0px; width:100%;object-fit: cover; max-height:350px}

/*内页产品*/
.fenlei ul li{margin-left: 1%;margin-right: 1%;
width: 98%;line-height: 35px;height: 35px;font-size: 14px;}
.fenlei ul { padding-bottom: 40px;}
.fanhui {
  overflow: hidden;
}

.prolist .ptu{height:100px; }
.prolist .ptu img{height:100px;}
.prolist ul li:nth-child(2n){ float:right}
.prolist ul li{ padding:3%; width:42%; margin-left:0%; margin-right:0%;margin-bottom:30px;}
.prolist ul li h3{ margin-top:5px;}

 .prolist table td:nth-child(4) {
    display: none;
  }
  .prolist table td:nth-child(3) {
    display: none;
  }




/*健康家园*/
.news_in ul li{ margin-bottom:25px; padding:20px;}
.xw_kuang1{ width:25%;}
.xw_kuang1 .xw_p1{ font-size:30px; }
.xw_kuang1 .xw_p2{ font-size:13px; }
.news_in .xw_line{ height:56px;margin-top:5px;}
.news_in .xw_p3{ float:right; width:70%; font-size:17px; margin-left:0px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.xw_kuang2{ display:none; }



.xwbt h2{ font-size:20px; }
.neirong_bk{margin-top: 30px;padding: 20px;}



.fanhui ul { padding-top:30px; display:block}
.fanhui ul li{ line-height:40px;width:100%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;text-align:center}
.fanhui ul li:nth-child(3){ text-align:center}
.fanhui ul li:nth-child(2){ text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#1595c6;height:40px; line-height:40px; width:150px; text-align:center; display:block}



/*人才招聘*/
.joblist li:nth-child(4){width:25%;}
.joblist_mid{padding-left:1em; padding-right:1em;}

.joblist_mid_t{font-size:14.5px;}
.joblist_mid_c{padding:1em 0;  font-size:14px }


.showjobinfo_mid_1{margin-bottom:1.7em; font-size:14px}

.showjobinfo_mid_1 strong{ font-size:14px;}
.showjobinfo_mid_1 p{ font-size:14px; line-height:25px}
.jobs_4_2 ul.on .joblist_mid_c{font-size:14px;}



.lllx{ line-height:30px; font-size:16px; margin-top:30px; color:#555;}

/*内页联系我们*/
.lxlx{display: flex; width:100%;
flex-wrap: wrap;flex-direction: column-reverse;}
.ditu{ width:100%; margin-top:30px;}
.nylianxi{ width:100%}
.rit-box .top-tit h3 {font-size: 18px;}


/*产品详细*/
.protu{margin-top:30px; margin-bottom:30px;}
.protu img{ padding-top:20px; padding-bottom:20px;}


.tbottom{ height:3.5rem;}
#BottomNav { background-color:#fff; bottom: 0;

    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #555;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a3.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b3.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c3.png);
}
#BottomNav .d {
 background-image: url(../images/shl-d3.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e3.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f3.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  /*background: #ffffff;*/ z-index:999999999
}
.sousuo{ /*background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; */margin-top:17px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}


.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
/*  background: #ffffff;*/
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;

/*  background: #fff;*/
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333!important;
  left: 0;
  border-radius: 4px;
}
.m-header.bg .nav-btn .line {

  background-color: #333!important;

}

.m-header .headLogo_img2 {
    display: none
}
.headLogo_img1,.headLogo_img2{ margin-top:7px;}
.m-header.bg .headLogo_img2{ display:block}
.m-header.bg .headLogo_img1{ display:block}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active { 
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px; background-color:#fff
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 60px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }



	}