@charset "UTF-8";
html{
  font-size: 6.5104vw;
}
@media screen and  (min-width:1536px){
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

img{max-width:100%;}
.w_width{max-width:1536px; margin-right: auto; margin-left: auto;}
.ctext{padding-left: 70px;padding-right: 70px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*顶部导航*/
body.on{overflow: hidden;height: 100vh;}
#head{width: 100%;position: fixed;left: 0;top: 0;z-index: 50;}
.t_navs{ width: 100%;background: #ffffff;position: relative;}
.t_navs::after{content: "";display: block;clear: both;}
/*正常屏幕显示*/
.t_navs .top{ width: 100%;float: left; position: relative;}
/* .t_navs .top.active{overflow: unset;} */
/*logo*/
.t_navs .top .logo{ margin: 25px 0; line-height: 0; float: left;}
.t_navs .top .logo img{ width: auto; height: 50px;}
/*一级导航*/
.t_navs .top .right{ float: right;}
.t_navs .top .right .menu{float: left;margin-right: 42px;}
.t_navs .top .right .menu ul{float: left;}
.t_navs .top .menu .nli{ float: left; position: relative;overflow: hidden;}
.t_navs .top .menu .nli.active{overflow: unset;}
.t_navs .top .menu .nli span a{ display: block;color: #333; position: relative;font-size: 18px;line-height: 100px;color: #222222;padding: 0 30px;}
/*鼠标经过样式*/
.t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #007bc7;}
/* .t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block; width: 100%; height: 1px; background: #C01; position: absolute; bottom: 10px; left: 0;} */
/*二级导航*/
/* .t_navs .top .sub{ display: none; position: absolute; min-width: 100%; top:100%;left: 50%; background: #f0f0f0; z-index: 4;
-webkit-transform: translate(-50%, 0); 
-moz-transform: translate(-50%, 0); 
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);} */
.t_navs .top .sub{position: absolute;top:110%;left: 50%;background: #f0f0f0; z-index: 4;opacity: 0;width: auto;padding: 5px 0;min-width: 120px;z-index: 10;
  -webkit-transform: translate(-50%, 0); 
  -moz-transform: translate(-50%, 0); 
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;}
.t_navs .top .sub .subli{float: left;width: 100%;}
.t_navs .top .sub.show{opacity: 1 !important;top: 100% !important;}
.t_navs .top .menu .nli::before {
  content: "";
  width: 2px;
  height: 0;
  background: #007bc7;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.5s ease 0s;
}
.t_navs .top .menu .nli:hover::before {
  height: 25px;
}
.t_navs .top .menu .nli::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #007bc7;
  margin: 0 auto;
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.t_navs .top .menu .nli:hover::after {
  bottom: 20px;
  opacity: 1;
}
.t_navs .top .sub .l2{ width: 100%;text-align: center;font-size: 16px;white-space: nowrap;}
.t_navs .top .sub .l2 a{ display: block; color: #555;padding: 10px 20px;}
.t_navs .top .sub .l2 a:hover{ color: #007bc7;}

.t_navs .top .prosub{width: auto;z-index: 1;}
.t_navs .prosub .ullist{width: 100%;display: flex;justify-content: space-between; max-height:70vh; overflow-y:auto; overflow-x:hidden;}
.t_navs .prosub .ul{float: left;padding: 20px 20px; width:15vw;}
.t_navs .prosub .li{display: block;padding:0 20px;}
.t_navs .prosub .li a{display: block;width: 100%;font-size: 14px;line-height: 26px;color: #555;/*white-space: nowrap;*/}
.t_navs .prosub .li .one_tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;}
.t_navs .prosub .li .two_tit{position: relative;padding-left: 10px;margin-top: 4px;}
.t_navs .prosub .li .two_tit::after{content: "";display: block;position: absolute;width: 4px;height: 4px;background: #555;border-radius: 100%;left: 0;top: 50%;margin-top: -2px;}
.t_navs .prosub .li .thr_tit{opacity: 0.7;padding-left: 10px;line-height: 26px;}
.t_navs .prosub .li a:hover{color: #007bc7;}


/* 搜索 */
.t_navs .top .search{float: left;position: relative;margin-right: 35px;}
.t_navs .top .search .ico{display: block;width: 18px;height: 18px;background: url(img/line_search.svg) no-repeat;background-size: cover;margin: 41px 0;cursor: pointer;}
.t_navs .top .search .form{display: none;position: absolute;right: 0;top: calc(100% + 4px);width: 300px;background: #fff;box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);border-radius: 4px;overflow: hidden;}
.t_navs .top .search .form .input{float: left;width: calc(100% - 80px);height: 40px;padding: 10px 15px;font-size: 14px;color: #333333;line-height: 18px;}
.t_navs .top .search .form .input::-webkit-input-placeholder{font-size: 14px;color: #b6b6b6;}
.t_navs .top .search .form .input::-moz-placeholder{font-size: 14px;color: #b6b6b6;}
.t_navs .top .search .form .input::-moz-placeholder{font-size: 14px;color: #b6b6b6;}
.t_navs .top .search .form .input::-ms-input-placeholder{font-size: 14px;color: #b6b6b6;}
.t_navs .top .search .form .submit{float: left;width: 80px;background: #007bc7;font-size: 14px;color: #fff;height: 40px;}
/* 中英文切换 */
.t_navs .top .CE_change{float: left;font-size: 18px;line-height: 100px;color: #222222;}
.t_navs .top .CE_change a{float: left;color: #222222;}
.t_navs .top .CE_change i{float: left;margin: 0 10px;}
.t_navs .top .CE_change a.on{color:#007bc7;}
/*隐藏手机显示*/
.t_navs .menuph{ display: none;} 
.t_navs .xialaph{ display: none;}

@media screen and (max-width:1500px) {
.t_navs .top .menu .nli span a{padding:0 20px;}
}
@media screen and (max-width:1500px) {
.t_navs .top .right .menu{margin-right: 20px;}
.t_navs .top .search{margin-right: 20px;}
.t_navs .top .menu .nli span a{padding:0 15px;}
}
@media screen and (max-width:1200px) {
.t_navs .top .menu .nli span a{padding:0 7px;}
.t_navs .top .menu .nli span a{font-size: 16px;}
}
@media screen and (max-width:1024px) {
/*电脑端导航隐藏*/
.t_navs .menu{ display: none;}
.t_navs .top .search{ display: none;}
/*手机端导航显示*/
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
/*手机端样式*/
.t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
/*logo*/
.t_navs .top .logo{ margin: 10px 0;}
.t_navs .top .logo img{ height: 30px;}
/* 中英文切换 */
.t_navs .top .CE_change{font-size: 16px;line-height: 50px;margin-right: 20px;}
/*右侧三条杠*/
.t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 14px 0;}
.t_navs .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #007bc7;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.t_navs .menuph .navbtn::after,
.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #007bc7;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.t_navs .menuph .navbtn::after { top: -11px;}
.t_navs .menuph .navbtn::before { top: 11px;}
.t_navs .menuph .point.active .navbtn{ background: transparent;}
.t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
.t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}
/*一级导航*/
.t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 15px 100px 15px; display: none; z-index:3; background:#fff;}
.t_navs .xialaph .ul1{float: left;width: 100%;padding: 10px 0;position: relative;}
.t_navs .xialaph .ul1::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph .ul2,
.t_navs .xialaph .ul3{ display: none;}
.t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 40px;font-size: 14px;} 
.t_navs .xialaph h4{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h4:hover a,
.t_navs .xialaph h5:hover a{ color: #007bc7;}
.t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px;font-size: 14px;}
.t_navs .xialaph h5{ float: left; width: 100%; position: relative;}
.t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 16px; cursor: pointer;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;}
/* .t_navs .xialaph h4.active img.img_s,
.t_navs .xialaph h5.active img.img_s{ display: block;}
.t_navs .xialaph h4.active img.img_d,
.t_navs .xialaph h5.active img.img_d{ display: block;} */
.t_navs .xialaph h4.active img,
.t_navs .xialaph h5.active img{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;width: 100%;}
.t_navs .xialaph .ul2 li{width: 100%;float: left;}
.t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px;  position: relative;width: 100%;float: left;}
.t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
.t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}
.t_navs .xialaph .ul3 li:hover a{color: #C01;}
.t_navs .xialaph .ul3 li{ padding-top: 5px;float: left;width: 100%;}
/*二级三级导航箭头*/
.t_navs .img_d,
.t_navs .disno{ display: none;} 

/* 下拉列表电话 */
.t_navs .xialaph .numb {float: left;width: 100%;font-size: 18px;color: #007bc7;line-height: 24px;text-align: center;font-weight: bolder;margin-top: 16px;}
/* 下拉搜索 */
.t_navs .xialaph .inputbox{float: left;width: 100%;position: relative;border: 1px solid #eee;margin-top: 20px;}
.t_navs .xialaph .inputbox .input{width: 100%;height: 36px;display: block;padding: 0 50px 0 12px;font-size: 14px;color: #333;}
.t_navs .xialaph .inputbox .submit{width: 26px;height: 26px;display: block;position: absolute;right: 12px;top: 50%;margin-top: -13px;background: url(img/line_search.svg) no-repeat;background-size: cover;}
}



/*底导航漂浮*/
.b_navs{width: 100%;}
.b_navs .bottomnav{width: 100%;background: url(img/img9.jpg) no-repeat;background-size: cover;padding-top: calc(10px + 0.44rem);}
.bottomnav .navbox{width: 100%;display: flex;justify-content:space-between;padding-bottom: calc(10px + 0.56rem);}
.bottomnav .navbox .navs{float: left;}
.bottomnav .navbox .navtit{display: block;font-size: calc(16px + 0.02rem);line-height: calc(20px + 0.02rem);color: #ffffff;}
.bottomnav .navbox .abox{display: block;margin-top: calc(10px + 0.12rem);}
.bottomnav .navbox .abox a{display: block;font-size: 14px;line-height: 18px;color: #fff;opacity: 0.77;margin-bottom:calc(8px + 0.04rem);}
.bottomnav .navbox .abox a:last-child{margin-bottom: 0;}
.bottomnav .navbox .abox a:hover{opacity: 1;}
.bottomnav .contactbox{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: calc(10px + 0.15rem);}
.bottomnav .contactbox ._l{float: left;font-size: 14px;line-height: 20px;color: #edf3f6;}
.bottomnav .contactbox .tel{display: block;color: #fff;margin-bottom: 4px;}
.bottomnav .contactbox .tel span{font-size: calc(18px + 0.12rem);line-height: calc(24px + 0.12rem);font-weight: bold;}
.bottomnav .contactbox .other{display: block;}
.bottomnav .contactbox .other div{display: inline-block;margin-right: 13px;}
.bottomnav .contactbox .other div:last-child{margin-right: 0;}
.bottomnav .contactbox ._r{float: right;display: flex;align-items: center;}
.bottomnav .contactbox .icobox{float: left;margin-right: calc(10px + 0.26rem);}
.bottomnav .contactbox .icobox .ico{float: left;width: calc(18px + 0.1rem);margin-right: calc(10px + 0.1rem);position: relative;}
.bottomnav .contactbox .icobox .ico .ewm{display: block;width: calc(50px + 0.3rem);height:calc(50px + 0.3rem);background: #fff;padding: 5px;border-radius: 5px;position: absolute;left: 50%;bottom: calc(100% + 10px);margin-left: calc(-25px - 0.15rem);z-index: 20;box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform: translateY(0) scale(0);
-moz-transform: translateY(0) scale(0);
-ms-transform: translateY(0) scale(0);
-o-transform: translateY(0) scale(0);
transform: translateY(0) scale(0)}
.bottomnav .contactbox .icobox .ico:hover .ewm{opacity: 1;
filter: alpha(opacity=100);
display: block;
pointer-events: auto;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);}
.bottomnav .contactbox .icobox .ico .ewm::after{content: "";display: block;position: absolute;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ffffff;left:50%;bottom:0;
-webkit-transform: translate(-50%, -100%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, 100%);}
.bottomnav .contactbox .icobox .ico img{display: block;width: 100%;}
.bottomnav .contactbox .icobox .ico:last-child{margin-right: 0;}
.bottomnav .contactbox .logo{float: left;width: calc(100px + 0.81rem);}
.bottomnav .contactbox .logo img{display: block;width: 100%;}
.bottomnav .botbox{width: 100%;padding:calc(10px + 0.1rem) 0;border-top: 1px solid rgba(255,255,255,0.2);}
.bottomnav .botbox::after{content: "";display: block;clear: both;}
.bottomnav .botbox .copyright{float: left;font-size: 14px;line-height: 20px;color: #edf3f6;}
.bottomnav .botbox .copyright a{display: inline-block;color: #edf3f6;}
.bottomnav .botbox .copyright a:hover{color: #fff;}
.bottomnav .botbox .webmap{float: right;font-size: 14px;line-height: 20px;color: #edf3f6;}
.bottomnav .botbox .webmap a{float: left;color: #edf3f6;}
.bottomnav .botbox .webmap i{float: left;margin:0 7px;}
.bottomnav .botbox .webmap a:hover{color: #fff;}
@media screen and (max-width:1024px) {
.b_navs .bottomnav{padding-top: calc(10px + 0.15rem);}
.bottomnav .navbox{display: none;}
.bottomnav .contactbox .other div{display: block;margin-bottom: 4px;}
}
@media screen and (max-width:991px) {
.b_navs .bottomnav{margin-bottom: 50px;}
}
@media screen and (max-width:767px) {
.bottomnav .contactbox{flex-wrap: wrap;flex-direction: column-reverse;}
.bottomnav .contactbox ._l{padding-right: 0;width: 100%;margin-top: 10px;}
.bottomnav .contactbox ._r{width: 100%;flex-direction: row-reverse;}
.bottomnav .contactbox .icobox{width: calc(100% - 120px);margin-right: 0;padding-left: 30px;}
.bottomnav .botbox .copyright{width: 100%;text-align: center;}
.bottomnav .botbox .webmap{width: 100%;display: flex;justify-content: center;}
.bottomnav .contactbox .logo{width: 120px;}
.bottomnav .contactbox .tel span{font-size: 14px;line-height: 20px;color: #edf3f6;}
}

.b_navs .q_d_m{ float: left; width: 100%; height: 50px;}
.b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #007bc7; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);}
.b_navs .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #1d89cc;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 20px;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;}
.b_navs .pf_down li.l1 .ico7{ background: url(img/line_home.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l2 .ico7{ background: url(img/phone-call2.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li.l3 .ico7{ background: url(img/to-top.svg) no-repeat center; background-size: 20px 20px;}
.b_navs .pf_down li:last-child{ border: none;}
.b_navs .pf_down li:nth-child(3n){ border: none;}













/* 内页banner */
.ny_banner{width: 100%;line-height: 0;position: relative;}
.ny_banner .contbox{float: left;width: 100%;height: calc(100% - 100px);position: absolute;left: 0;bottom: 0;}
.ny_banner .contbox .w_width{height: 100%;display: flex;align-items: center;}
.ny_banner .contbox::after{content: "";display: block;position: absolute;width: 33.85%;height: 100%;background: url(img/img11.png) right no-repeat;background-size: cover;left: 0;top: 0;}
.ny_banner .contbox .flex{display: block;width: 100%;position: relative;z-index: 5;}
.ny_banner .contbox .tit{display: block;width: 100%;font-size: calc(16px + 0.14rem);line-height: calc(22px + 0.14rem);color: #ffffff;font-weight: bold;margin-bottom: calc(10px + 0.04rem);}
.ny_banner .contbox .onplace{display: block;width: 100%;font-size: 12px;line-height: 18px;color: #ffffff;}
.ny_banner .contbox .onplace a{display: inline-block;color: #fff;}
.ny_banner .contbox .onplace i{display: inline-block;margin: 0 4px;}
.ny_banner .contbox .onplace .sy{padding-left: 20px;background: url(img/home-two.svg) left center no-repeat;background-size: 12px 12px;}
@media screen and (max-width:1024px) {
.ny_banner{margin-top: 50px;}
.ny_banner .contbox{height: 100%;}
}
@media screen and (max-width:767px) {
.ny_banner .contbox::after{width: 55%;}
}
/* 二级导航 */
.two_nav{width: 100%;padding-top: calc(10px + 0.22rem);padding-bottom: calc(10px + 0.22rem);}
.two_nav .list{width: 100%;}
.two_nav .list::after{content: "";display: block;clear: both;}
.two_nav .ul{float: left;width: 100%;}
.two_nav .ul .li{float: left;width: calc(100px + 0.76rem);margin-right: 12px;}
.two_nav .ul .li:last-child{margin-right: 0;}
.two_nav .ul a{float: left;width: 100%;font-size: calc(14px + 0.04rem);color: #222222;line-height: calc(30px + 0.18rem);background: #fafafa;border-radius: calc(30px + 0.18rem);text-align: center;}
.two_nav .ul li.on a{background: #007bc7;color: #fff;}
.two_nav .ul a:hover{background: #007bc7;color: #fff;}
@media screen and (max-width:767px) {
.two_nav .ul{width: calc(100% + 10px);margin: -5px;}
.two_nav .ul .li{width: 33.33%;padding: 5px;margin-right: 0;}
}
/* 分页 */
.pagation{width: 100%;}
.pagation ._t{width: 100%;display: flex;align-items: center;justify-content: center;}
.pagation ul{float: left;}
.pagation ul li{float: left;margin:0 5px;}
.pagation ul a{float: left;width: 30px;height: 28px;background: #f4f4f5;border-radius: 3px;display: flex;align-items: center;justify-content: center;font-size: 14px;line-height: 14px;color: #5e5e5e;font-weight: bold;}
.pagation ul .ico{float: left;width: 6px;height: 6px;border-top: 2px solid #5e5e5e;border-left: 2px solid #5e5e5e;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
.pagation ul .ico.next{-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.pagation ul a:hover{background: #007bc7;color: #fff;}
.pagation ul a:hover .ico{border-color: #fff;}
.pagation ul li.on a{background: #007bc7;color: #fff;}
.pagation .write{float: left;font-size: 14px;line-height: 18px;color: #5e5e5e;margin-left: 14px;}
.pagation .write .input{display: inline-block;width: 46px;height: 28px;border: 1px solid #d8d8d8;border-radius: 3px;margin: 0 4px;text-align: center;font-size: 14px;line-height: 18px;color: #5e5e5e;}
.pagation .write .btn{background: #f4f4f5; width: 46px; height: 28px; border-radius: 3px;}
.pagation ._b{width: 100%;font-size: 12px;line-height: 18px;color: #5e5e5e;text-align: center;margin-top: calc(10px + 0.04rem);}
.page_ph{display: none;width: 100%;padding: 0 20px;}
.page_ph::after{content: "";display: block;clear: both;}
.page_ph a{float: left;width: 30%;font-size: 14px;line-height: 30px;color: #fff;text-align: center;border-radius: 30px;background: #007bc7;}
.page_ph span{float: left;width: 40%;font-size: 14px;line-height: 30px;color: #5e5e5e;text-align: center;}
@media screen and (max-width:767px) {
.pagation{display: none;}
.page_ph{display: block;}
}
/* 当前位置 */
.now_place{width: 100%;background: #007bc7;padding-top: calc(10px + 0.18rem);padding-bottom: calc(10px + 0.18rem);margin-top: 100px;}
.now_place .placebox{width: 100%;font-size: 12px;line-height: 18px;color: #ffffff;}
.now_place .placebox a{display: inline-block;color: #fff;}
.now_place .placebox i{display: inline-block;margin: 0 4px;}
.now_place .placebox .sy{padding-left: 20px;background: url(img/home-two.svg) left center no-repeat;background-size: 12px 12px;}
@media screen and (max-width:1024px) {
.now_place{margin-top: 50px;}
}
/* 新闻中心 */
.new_main{width: 100%;padding-bottom: calc(10px + 0.44rem);}
.new_main .list{width: 100%;margin-bottom: calc(10px + 0.31rem);}
.new_main .list::after{content: "";display: block;clear: both;}
.new_main .ul{float: left;width: calc(100% + 10px + 0.22rem);margin: calc(-5px - 0.11rem);display: flex;flex-wrap: wrap;}
.new_main .li{float: left;width: 33.33%;padding: calc(5px + 0.11rem);}
.new_main .li a{display: block;height: 100%;width: 100%;display: block;border-radius: calc(10px + 0.06rem) calc(10px + 0.06rem) 4px 4px;overflow: hidden;box-shadow:0 0 0.24rem 2px rgba(139,139,139,0.16);background: #ffffff;}
.new_main .li ._img{width: 100%;line-height: 0;padding-bottom: 75.1%;position: relative;overflow: hidden;}
.new_main .li ._img img{display: block;width: 100%;position: absolute;left: 50%;top: 50%;min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all .5s ease .1s;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.new_main .li .cont{width: 100%;padding: calc(10px + 0.24rem) calc(10px + 0.2rem) calc(10px + 0.13rem);background: #fff;box-shadow: -2px 0 24px rgba(139, 139, 139, 0.16);border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.new_main .li ._t{width: 100%;padding-bottom: calc(10px + 0.23rem);margin-bottom: calc(10px + 0.13rem);border-bottom: 1px solid #f7f7f7;}
.new_main .li .tit{font-size: calc(14px + 0.06rem);line-height: calc(18px + 0.08rem);color: #222;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.new_main .li ._b{width: 100%;display: flex;align-items: center;}
.new_main .li .time{float: left;width: calc(100% - 19px);font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.04rem);color: #545454;position: relative;}
.new_main .li .arrow{float: left;width: 19px;height: 13px;background: url(img/arrow-right.svg) no-repeat center;background-size: cover;}
.new_main .li a:hover img {-webkit-transform: translate(-50%, -50%) scale(1.1);-moz-transform: translate(-50%, -50%) scale(1.1);-ms-transform: translate(-50%, -50%) scale(1.1);-o-transform: translate(-50%, -50%) scale(1.1);transform: translate(-50%, -50%) scale(1.1);}
.new_main .li a:hover .tit {color: #007bc7;}
.new_main .li a:hover .arrow{  background: url(img/arrow-right2.svg) no-repeat center; background-size: cover;}
@media screen and (max-width:767px) {
  .new_main .li{width: 50%;}
  .new_main .li:last-child{display: none;}
  .new_main .li .tit{-webkit-line-clamp: 2;}
}
/* 新闻详情 */
.new_detail{width: 100%;padding-top: calc(10px + 0.5rem);padding-bottom: calc(10px + 0.46rem);}
.new_detail .box{width: 100%;}
.new_detail .box::after{content: "";display: block;clear: both;}
.new_detail .left{float: left;width: 69.79%;}
.new_detail .left .contbox{float: left;width: 100%;margin-bottom: calc(10px + 0.32rem);}
.new_detail .left .contbox ._t{float: left;width: 100%;padding-bottom: calc(10px + 0.16rem);border-bottom: 1px solid #f0f0f0;margin-bottom: calc(10px + 0.14rem);}
.new_detail .left ._t .tit{float: left;width: 100%;font-size: calc(16px + 0.1rem);line-height: calc(22px + 0.1rem);color: #007bc7;}
.new_detail .left ._t .info{float: left;width: 100%;font-size: calc(12px + 0.02rem);line-height: calc(18px + 0.02rem);color: #7b7b7b;margin-top: calc(10px + 0.18rem);}
.new_detail .left ._t .info span{margin-right: calc(10px + 0.13rem);}
.new_detail .left ._t .info span:last-child{margin-right: 0;}
.new_detail .left ._b{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(26px + 0.1rem);color: #131111;margin-bottom: calc(10px + 0.18rem);}
.new_detail .left .good{float: left;width: 100%;margin-bottom: calc(10px + 0.2rem);text-align: center;}
.new_detail .left .good a{display: inline-block;font-size: calc(14px + 0.02rem);line-height: calc(38px + 0.1rem);color: #007bc7;padding: 0 calc(20px + 0.22rem);background: #fafafa;border-radius: calc(38px + 0.1rem);}
.new_detail .left .good .text{padding-left: calc(20px + 0.04rem);background: url(img/thumbs-up.svg) left center no-repeat;background-size: calc(16px + 0.02rem) calc(16px + 0.02rem);}
.new_detail .left .share{float: left;width: 100%;display: flex;align-items: center;justify-content: center;}
.new_detail .left .share .name{float: left;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #222222;margin-right: calc(8px + 0.05rem);}
.new_detail .left .share .ul{float: left;}
.new_detail .left .share .li{float: left;margin-right: 6px;}
.new_detail .left .share .li:last-child{margin-right: 0;}
.new_detail .left .share a{float: left;width: 30px; margin:0; height:30px; padding:0; background-size:100% 100% !important; border-radius: 3px;overflow: hidden;}
.new_detail .left .share a img{display: block;width: 100%;}
.new_detail .page_det{float: left;width: 100%;padding-top: calc(10px + 0.38rem);border-top: 1px solid #f0f0f0;}
.new_detail .page_det .cont{float: left;width: 42.76%;}
.new_detail .page_det .cont a{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #131111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.new_detail .page_det .cont a:first-child{margin-bottom: calc(10px + 0.06rem);}
.new_detail .page_det .cont a:hover{color: #007bc7;}
.new_detail .page_det .btnbox{float: left;width:57.24%;}
.new_detail .page_det .btnbox .btn{float: right;width: calc(120px + 0.28rem);font-size: calc(14px + 0.02rem);line-height: calc(32px + 0.14rem);color: #007bc7;border: 1px solid #007bc7;border-radius: calc(32px + 0.14rem);text-align: center;}
.new_detail .page_det .btn:hover{background: #007bc7;color: #fff;}
.new_detail .right{float: right;width: 26.43%;}
.new_detail .hotnew{float: left;width: 100%;padding-top: calc(10px + 0.16rem);border-radius: 16px;overflow: hidden;box-shadow: 0 0 16px 0 rgba(0,0,0,0.05);}
.new_detail .hotnew .title{float: left;width: 100%;font-size: calc(16px + 0.1rem);line-height: calc(20px + 0.1rem);color: #007bc7;padding-left: calc(10px + 0.17rem);position: relative;}
.new_detail .hotnew .title::after{content: "";display: block;position: absolute;width: calc(4px + 0.02rem);height: calc(14px + 0.05rem);background: #007bc7;border-radius: calc(4px + 0.02rem);left: 0;top: 50%;
-webkit-transform: translate(0, -50%); 
-moz-transform: translate(0, -50%); 
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.new_detail .hotnew .cont{float: left;width: 100%;margin-top: calc(10px + 0.18rem);padding:0 calc(10px + 0.17rem);}
.new_detail .hotnew .ul{float: left;width: 100%;}
.new_detail .hotnew .li{float: left;width: 100%;border-top: 1px solid #f0f0f0;}
.new_detail .hotnew .ul a{float: left;width: 100%;padding: calc(10px + 0.18rem) 0 calc(10px + 0.2rem) 15px;}
.new_detail .hotnew .ul .tit{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.04rem);color: #131111;position: relative;}
.new_detail .hotnew .ul .tit::after{content: "";display: block;position: absolute;width: 6px;height: 6px;border-radius: 100%;background: #007bc7;left: -15px;top: calc(7px + 0.02rem);opacity: 0.3;}
.new_detail .hotnew .ul .time{float: left;width: 100%;font-size: calc(12px + 0.02rem);line-height: calc(16px + 0.02rem);color: #959595;margin-top: calc(4px + 0.05rem);}
.new_detail .hotnew .ul a:hover .tit{color: #007bc7;}
.new_detail .hotnew .ul a:hover .tit::after{opacity: 1;}
@media screen and (max-width:1024px) {
.new_detail .left{width: 100%;}
.new_detail .right{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:767px) {
.new_detail .page_det .cont{width: 100%;}
.new_detail .page_det .btnbox{width: 100%;margin-top: 10px;display: flex;align-items: center;justify-content: center;}
.new_detail .left ._t .info i{display: none;}
}

.frame_main{width: 100%;padding-top: calc(10px + 0.46rem);padding-bottom: calc(10px + 0.46rem);}
.frame_main .box{width: 100%;}
.frame_main .box::after{content: "";display: block;clear: both;}
.frame_main ._left{float: left;width: 19.66%;}
.frame_main ._left .ul{float: left;width: 100%;border-radius: 8px;overflow: hidden;}
.frame_main ._left .li{float: left;width: 100%;border-bottom:1px solid #ffffff;}
.frame_main ._left .li a{float: left;width: 100%;padding:calc(10px + 0.12rem) calc(10px + 0.1rem);display: flex;align-items: center;background: #fafafa;}
.frame_main ._left .li .name{float: left;width: calc(100% - 13px);font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.04rem);color: #222222;padding-right: 10px;}
.frame_main ._left .li .arrow{float: left;width: 13px;height: 13px;background: url(img/right1.svg) no-repeat;background-size: cover;}
.frame_main ._left .li a:hover{background: #e5eef8;}
.frame_main ._left .li a:hover .name{color: #007bc7;}
.frame_main ._left .li a:hover .arrow{background: url(img/right2.svg) no-repeat;background-size: cover;}
.frame_main ._left .li.on a{background: #e5eef8;}
.frame_main ._left .li.on a .name{color: #007bc7;}
.frame_main ._left .li.on a .arrow{background: url(img/right2.svg) no-repeat;background-size: cover;}
.frame_main ._right{float: right;width: 77.79%;}
.frame_main ._right .contbox{float: left;width: 100%;}
.frame_main ._right .title{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(20px + 0.08rem);color: #007bc7;padding: calc(10px + 0.08rem) 0;border-bottom: 1px solid #f3f3f3;}
@media screen and (max-width:767px) {
  .frame_main ._left{width: 100%;}
  .frame_main ._left .li{width: 100%;}
  .frame_main ._right{width: 100%;margin-top: 10px;}
}
/* 质量保证 */
.quality_sect{float: left;width: 100%;padding-top: calc(10px + 0.17rem);}
.quality_sect .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.1rem);color: #131111;/*margin-bottom: calc(10px + 0.12rem);*/}
.quality_sect ._img{float: left;width: 100%;}
.quality_sect ._img img{display: block;max-width: 100%;}
/* 技术支持 */
.technology_sect{float: left;width: 100%;padding-top: calc(10px + 0.18rem);}
.technology_sect .ul{float: left;width: calc(100% + 10px);margin: -5px;display: flex;flex-wrap: wrap;}
.technology_sect .ul .li{float: left;width: 50%;padding: 5px;}
.technology_sect .ul a{float: left;width: 100%;background: #fafafa;height: 100%;padding: calc(10px + 0.1rem) calc(10px + 0.11rem);display: flex;align-items: center;}
.technology_sect .ul .name{float: left;width: calc(100% - 19px);font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.02rem);color: #222222;}
.technology_sect .ul .ico{float: left;width: 19px;}
.technology_sect .ul .ico img{display: block;width: 100%;}
@media screen and (max-width:767px) {
.technology_sect .ul .li{width: 100%;}
}
/* 联系我们 */
.call_main{width: 100%;display: flex;flex-wrap: wrap;}
.call_main ._l{float: left;width:40.53%;padding: calc(10px + 0.28rem) 0 calc(10px + 0.1rem);padding-left: 10%;padding-right: 20px;}
.call_main ._l .contbox{float: left;width: 100%;margin-bottom: calc(10px + 0.44rem);}
.call_main ._l .ul{float: left;width: 100%;}
.call_main ._l .li{float: left;width: 100%;margin-bottom: calc(10px + 0.26rem);}
.call_main ._l .li:last-child{margin-bottom: 0;}
.call_main ._l .ico{float: left;width: 22px;margin-top: 2px;}
.call_main ._l .ico img{display: block;width: 100%;}
.call_main ._l .cont{float: left;width: calc(100% - 22px);padding-left: calc(10px + 0.17rem);}
.call_main ._l .cont .tit{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.04rem);color: #222222;margin-bottom: calc(6px + 0.06rem);}
.call_main ._l .cont .numb{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(20px + 0.08rem);color: #007bc7;font-weight: bold;}
.call_main ._l .cont .text{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #222222;}
.call_main ._l .ewmbox{float: left;width: 100%;}
.call_main ._l .ewm{float: left;}
.call_main ._l .ewm .img{display: block;width: calc(100px + 0.08rem);padding:8px;border: 1px solid #eaeaea;}
.call_main ._l .ewm img{display: block;width: 100%;}
.call_main ._l .ewm .name{display: block;font-size: 14px;line-height: 18px;color: #282828;text-align: center;margin-top: 8px;}
.call_main ._r{float: left;width:59.47%;}
.call_main ._r ._img{float: left;width: 100%;height: 100%;}
.call_main ._r ._img img{display: block;width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width:1024px) {
.call_main ._l{width: 100%;padding:22px 15px;}
.call_main ._r{width: 100%;}
.call_main ._l .li{display: flex;align-items: flex-start;}
.call_main ._l .cont{display: flex;}
.call_main ._l .cont .tit{width: auto;margin-bottom: 0;white-space: nowrap;margin-right: 10px;line-height:calc(18px + 0.02rem);}
.call_main ._l .cont .numb{width: auto;line-height:calc(18px + 0.02rem);}
.call_main ._l .cont .text{width: auto;}
.call_main ._l .ico{margin-top: 0;}
.call_main ._l .ewmbox{display: flex;justify-content: center;}
.call_main ._l .ewm .img{width: 130px;}
}
/* 应用领域 */
.apps_sect{float: left;width:100%;padding-top: calc(10px + 0.24rem);}
.apps_sect .tbox{float: left;width: 100%;margin-bottom: calc(10px + 0.25rem);display: flex;flex-wrap: wrap;}
.apps_sect .tbox ._l{float: left;width: 22.61%;}
.apps_sect .tbox ._l img{display: block;width: 100%;}
.apps_sect .tbox ._r{float: left;width: 77.39%;padding:calc(10px + 0.11rem) 0 calc(10px + 0.11rem) calc(10px + 0.2rem);font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.1rem);color: #131111;}
.apps_sect .listbox{float: left;width: 100%;}
.apps_sect .ul{float: left;width: 100%;}
.apps_sect .li{float: left;width: 100%;border-radius: 8px;border: 1px solid #f2f2f2;margin-bottom: 13px;}
.apps_sect .li:last-child{margin-bottom: 0;}
.apps_sect ._t{float: left;width: 100%;background: #fafafa;padding: calc(10px + 0.12rem) calc(10px + 0.15rem) calc(10px + 0.12rem) calc(10px + 0.11rem);display: flex;align-items: center;cursor: pointer;}
.apps_sect ._t .tit{float: left;width: calc(100% - 18px);font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.04rem);color: #222222;}
.apps_sect ._t .arrow{float: left;width: 18px;height: 12px;background: url(img/down.svg) no-repeat;background-size: cover;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.apps_sect ._t.active .arrow{-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.apps_sect ._b{float:left;width: 100%;padding: calc(10px + 0.34rem) calc(10px + 0.23rem) calc(10px + 0.25rem);border-top: 1px solid #f2f2f2;display: none;}
.apps_sect ._b ._img{float: left;width: 100%;margin-bottom: calc(10px + 0.33rem); font-size: calc(12px + 0.04rem); line-height: calc(18px + 0.1rem); color: #131111;}
.apps_sect ._b ._img img{display: block;margin:0 auto;max-width: 100%;}
.apps_sect ._b .list2{float: left;width: 100%;}
.apps_sect ._b .ul2{float: left;width: calc(100% + 10px + 0.06rem);margin: calc(-5px - 0.03rem);}
.apps_sect ._b .li2{float: left;width: 14.28%;padding: calc(5px + 0.03rem);}
.apps_sect ._b .li2 .box{float: left;width: 100%;border: 1px solid #eeeeee;border-radius: 4px;padding:calc(10px + 0.12rem) 10px calc(10px + 0.22rem);text-align: center;}
.apps_sect ._b .li2 .name{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #007bc7;margin-bottom: calc(10px + 0.08rem);}
.apps_sect ._b .ul3{float: left;width: 100%;}
.apps_sect ._b .li3{float: left;width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: calc(8px + 0.06rem);}
.apps_sect ._b .li3:last-child{margin-bottom: 0;}
.apps_sect ._b .li3 a{float: left;font-size: calc(12px + 0.02rem);line-height: calc(16px + 0.02rem);color: #8f8f8f;border-bottom: 1px solid #afafaf;}
.apps_sect ._b .li3 a:hover{color: #007bc7;border-color: #007bc7;}
@media screen and (max-width:1500px) {
.apps_sect ._b .li2{width: 25%;}
}
@media screen and (max-width:767px) {
.apps_sect .tbox ._l{width: 100%;}
.apps_sect .tbox ._r{width: 100%;padding-left: 0;}
.apps_sect ._b .li2{width: 50%;}
}
/* 产品中心-分类 */
.product_main{width: 100%;padding-top: calc(10px + 0.54rem);padding-bottom: calc(10px + 0.51rem);}
.product_main .list{width: 100%;}
.product_main .list::after{content: "";display: block;clear: both;}
.product_main .ul1{float: left;width: 100%;}
.product_main .li1{float: left;width: 100%;background: #ffffff;border-radius: 16px;overflow: hidden;padding-top: calc(10px + 0.2rem);margin-bottom: calc(10px + 0.06rem);}
.product_main .li1:last-child{margin-bottom: 0;}
.product_main .tbox{float: left;width: 100%;padding:0 calc(10px + 0.46rem);}
.product_main .border{float: left;width: 100%;border-bottom: 1px solid #eeeeee;padding-bottom: calc(10px + 0.13rem);display: flex;align-items: center;justify-content: space-between;}
.product_main .tbox .title{float: left;font-size: calc(16px + 0.1rem);line-height: calc(22px + 0.1rem);color: #222222;}
.product_main .tbox .numb{float: right;font-size: calc(12px + 0.02rem);line-height: calc(18px + 0.02rem);color: #8f8f8f;}
.product_main .dbox{float: left;width: 100%;padding-top: calc(10px + 0.16rem);}
.product_main .dbox .ul2{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.product_main .dbox .li2{float: left;width: 25%;padding-left: calc(10px + 0.46rem);margin-bottom: calc(10px + 0.14rem);}
.product_main .dbox .tit{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.04rem);color: #007bc7;font-weight: bold;}
.product_main .dbox .ul3{float: left;width: 100%;margin-top: calc(10px + 0.08rem);overflow: hidden;}
.product_main .dbox .ul3.height{height: calc(290px + 0.2rem);}
.product_main .dbox .li3{float: left;width: 100%;margin-bottom: calc(10px + 0.04rem);}
.product_main .dbox .li3:last-child{margin-bottom: 0;}
.product_main .dbox .li3 a{float: left;width: 100%;font-size: calc(12px + 0.02rem);line-height: calc(16px + 0.02rem);color: #1f1f1f;padding-left: 13px;position: relative;}
.product_main .dbox .li3 a::after{content: "";display: block;position: absolute;width: 8px;height: 11px;background: url(img/right1.svg) no-repeat;background-size: cover;left: 0;top: 4px;}
.product_main .dbox .li3 a i{color: #8b8b8b;}
.product_main .dbox .li3 a:hover{color: #007bc7;}
.product_main .dbox .li3 a:hover i{color: #007bc7;}
.product_main .dbox .li3 a.on{color: #007bc7;}
.product_main .dbox .li3 a.on i{color: #007bc7;}


.product_main .dbox .zk_btn{float: left;width: 100%;font-size: calc(12px + 0.02rem);line-height: calc(16px + 0.02rem);color: #007bc7;padding-left: 34%;cursor: pointer;display: none;margin-top: calc(6px + 0.06rem);}
.product_main .dbox .zk_btn.show{display: block;}
.product_main .dbox .zk_btn i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url(img/down2.svg) no-repeat;background-size: cover;margin-left: 4px;}
.product_main .dbox .zk_btn .hide{display: none;}
.product_main .dbox .zk_btn.active .show{display: none;}
.product_main .dbox .zk_btn.active .hide{display: block;}
.product_main .dbox .zk_btn.active .hide i{transform: rotate(180deg);}
@media screen and (max-width:767px) {
.product_main .dbox .li2{width: 100%;padding-right: calc(10px + 0.46rem);}
.product_main .dbox .li3{width: 50%;}
.product_main .dbox .li3:last-child{margin-bottom: calc(10px + 0.04rem);}
.product_main .dbox .ul3{margin-bottom: calc(-10px - 0.04rem);}
}
/* 首页 */
.sy_banner{width: 100%;}
.sy_banner .ul{width: 100%;}
.sy_banner .li{width: 100%;height: 100%;position: relative;}
.sy_banner .li img{display: block;width: 100%;height: 9.5rem;object-fit: cover;}
.sy_banner .slick-dots{width: 100%;position: absolute;left: 0;bottom: calc(10px + 0.57rem);display: flex;align-items: center;justify-content: center;}
.sy_banner .slick-dots li{float: left;width: 22px;height: 22px;border-radius: 100%;margin: 0 calc(5px + 0.06rem);display: flex;align-items: center;justify-content: center;}
.sy_banner .slick-dots button{width: 8px;height: 8px;background: #fff;border-radius:100%;}
.sy_banner .slick-dots .slick-active{border: 7px solid #007bc7;}
.sy_banner .ontit{display: block;width: 50.31%;background: rgba(0,123,199,0.86);position: absolute;right: 0;top: 50%;padding: calc(10px + 0.43rem) calc(10px + 0.42rem);border-radius: calc(50px + 0.64rem) 0 0 calc(50px + 0.64rem);margin-top: 50px;
-webkit-transform: translate(0, -50%); 
-moz-transform: translate(0, -50%); 
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);}
.sy_banner .ontit .text{display: block;width: 100%;padding-left: calc(20px + 0.46rem);font-size: calc(16px + 0.32rem);line-height: calc(22px + 0.4rem);color: #ffffff;font-weight: bold;position: relative;background: url(img/ico13.png) left center no-repeat;background-size:calc(10px + 0.25rem)  auto;}
.sy_banner .ontit.back{background: none;}
@media screen and (max-width:1024px) {
.sy_banner{margin-top: 50px;}
.sy_banner .ontit{margin-top: 0;}
.sy_banner .ontit .text{font-size: calc(16px + 0.1rem);}
}
@media screen and (max-width:767px) {
.sy_banner .ontit .text{font-size: 14px;line-height: 22px;background-size:auto 44px;}
.sy_banner .ontit{width: 56%;}
.sy_banner .slick-dots{bottom: 10px;}
}
.sy_title{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;}
.sy_title .tit{float: left;font-size: calc(16px + 0.14rem);line-height: calc(20px + 0.14rem);color: #131111;}
.sy_title .more{float: right;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #8b8b8b;display: flex;align-items: center;}
.sy_title .more i{display: inline-block;width: 19px;height: 19px;background: url(img/arrow-right3.svg) no-repeat;background-size: 100% 100%;margin-left: 10px;}
.sy_title .more:hover{color: #0057b7;}
.sy_title .more:hover i{background: url(img/arrow-right5.svg) no-repeat;background-size: 100% 100%;}
.sy_sectA{width: 100%;padding-top: calc(10px + 0.78rem);padding-bottom: calc(10px + 0.76rem);background: #f7f7f7;}
.sy_sectA .box{width: 100%;}
.sy_sectA .box::after{content: "";display: block;clear: both;}
.sy_sectA ._l{float: left;width: 74.47%;padding-right: calc(10px + 0.2rem);}
.sy_sectA .list{width: 100%;margin-top: calc(10px + 0.28rem);}
.sy_sectA .list::after{content: "";display: block;clear: both;}
.sy_sectA .list .ul{float: left;width: calc(100% + 10px + 0.22rem);margin: calc(-5px - 0.11rem);display: flex;flex-wrap: wrap;}
.sy_sectA .list .li{float: left;width: 33.33%;padding: calc(5px + 0.11rem);}
.sy_sectA .list .contbox{float: left;width: 100%;background: #ffffff;padding: calc(10px + 0.24rem) 30px;border-radius: calc(10px + 0.06rem);height: 100%;}
.sy_sectA .list ._img{float: left;width: 100%;margin-bottom: calc(10px + 0.3rem);}
.sy_sectA .list ._img img{display: block;height: calc(80px + 0.21rem);width: auto;max-width: 100%;margin: 0 auto;}
.sy_sectA .list .tit{float: left;width: 100%;font-size: calc(14px + 0.04rem);color: #222222;line-height: calc(18px + 0.04rem);font-weight: bold;text-align: center;}
.sy_sectA .list .ul2{float: left;width: 100%;margin-top: calc(10px + 0.12rem);}
.sy_sectA .list .li2{float: left;width: 100%;text-align: center;margin-bottom: calc(10px + 0.06rem);}
.sy_sectA .list .li2:last-child{margin-bottom: 0;}
.sy_sectA .list .li2 a{display: inline-block;font-size: calc(12px + 0.04rem);line-height: calc(16px + 0.04rem);color: #8b8b8b;border-bottom: 1px solid transparent;}
.sy_sectA .list .li2 a:hover{color: #007bc7;border-color: #007bc7;}
.sy_sectA .list .morebtn{float: left;width: 100%;margin-top: calc(10px + 0.36rem);display: flex;align-items: center;justify-content: center;}
.sy_sectA .list .morebtn a{float: left;width: calc(100px + 1.48rem);max-width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(30px + 0.18rem);color: #007bc7;border: 1px solid #007bc7;text-align: center;border-radius: calc(30px + 0.18rem);}
.sy_sectA .list .morebtn a:hover{background: #007bc7;color: #fff;}
.sy_sectA ._r{float: left;width: 25.53%;background:linear-gradient(to bottom,#007bc7 50%,#fff);border-radius: calc(10px + 0.06rem);overflow: hidden;}
.sy_sectA ._r .titbox{float: left;width: 100%;padding: calc(10px + 0.18rem) calc(10px + 0.22rem) calc(10px + 0.12rem) calc(10px + 0.22rem);display: flex;align-items: center;justify-content: space-between;}
.sy_sectA ._r .titbox .tit{float: left;font-size: calc(16px + 0.08rem);line-height: calc(20px + 0.08rem);color: #fff;}
.sy_sectA ._r .titbox .all{float: right;font-size: calc(12px + 0.02rem);line-height: calc(16px + 0.02rem);color: #ffffff;padding-right: 22px;background: url(img/right3.svg) right no-repeat;background-size: 14px 14px;}
.sy_sectA ._r .select{float: left;width: 100%;background: #fff;border-top-right-radius: calc(10px + 0.06rem);}
.sy_sectA ._r .opt{float: left;width: 100%;}
.sy_sectA ._r .opt a{float: left;width: 100%;padding: calc(10px + 0.12rem) calc(10px + 0.22rem);display: flex;align-items: center;justify-content: space-between;}
.sy_sectA ._r .opt .name{float: left;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #222222;}
.sy_sectA ._r .opt .ico{float: right;width: 16px;height: 16px;background: url(img/right4.svg) no-repeat;background-size: cover;}
.sy_sectA ._r .opt a:hover .name{color: #0057b7;}
.sy_sectA .slick-dots{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.sy_sectA .slick-dots li{float: left;width: 8px;height: 8px;background: #007bc7;border-radius: 100%;margin: 0 5px;opacity: 0.4;}
.sy_sectA .slick-dots .slick-active{opacity: 1;}
@media screen and (max-width:767px) {
.sy_sectA .box{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.sy_sectA ._l{width: 100%;padding-right: 0;}
.sy_sectA ._r{width: 100%;margin-bottom: 15px;display: none;}
.sy_sectA .list .li{width: 50%;}
.sy_sectA .list .li2{margin-bottom: 4px;}
.sy_sectA .list .tit{font-size: calc(12px + 0.06rem);}

.sy_sectA .list .contbox{padding: calc(10px + 0.24rem) 10px;}

}
.sy_sectB{width: 100%;background: #007bc7;}
.sy_sectB .sy_title .tit{color: #fff;}
.sy_sectB .sy_title .more{color: #fff;display: none;}
.sy_sectB .sy_title .more i{background: url(img/arrow-right4.svg) no-repeat;background-size: 100% 100%;}
.sy_sectB .box{width: 100%;display: flex;flex-wrap: wrap;}
.sy_sectB ._l{float: left;width: 50%;padding: calc(10px + 0.88rem) 0 calc(10px + 0.98rem);}
.sy_sectB ._l .list{float: left;width: 100%;margin-top: calc(10px + 0.28rem);}
.sy_sectB ._l .ul1{float: left;width: 100%;}
.sy_sectB ._l .li1{float: left;width: 50%;margin-bottom: calc(10px + 0.3rem);}
.sy_sectB ._l .li1 a{float: left;width: 100%;display: flex;align-items: center;}
.sy_sectB ._l .li1 .ico{float: left;width: calc(40px + 0.18rem);}
.sy_sectB ._l .li1 .ico img{display: block;height: calc(20px + 0.11rem);width: auto;}
.sy_sectB ._l .li1 .name{ max-width:68%; float: left;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #ffffff;padding: calc(5px + 0.05rem) calc(10px + 0.09rem);border-radius: calc(28px + 0.12rem);}
.sy_sectB ._l .li1 a:hover .name{background: #fff;color: #007bc7;}
.sy_sectB ._l .li1.on .name{background: #fff;color: #007bc7;}
.sy_sectB ._l .morebtn{float: left;width: 100%;margin-top: 10px;}
.sy_sectB ._l .morebtn a{font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #ffffff;display: flex;align-items: center;}
.sy_sectB ._l .morebtn i{display: inline-block;width: 19px;height: 19px;background: url(img/arrow-right4.svg) no-repeat;background-size: 100% 100%;margin-left: 10px;position: relative;}
.sy_sectB ._l .morebtn a:hover i{animation: toright 1s 1;-webkit-animation: toright 1s infinite;}
@keyframes toright {
  from{
    right: 0;
  }
  to{
    right: -5px;
  }
}
.sy_sectB ._r{float: left;width: 50%;position: relative;}
.sy_sectB ._r .ul2{float: left;width: 960px;height: 100%;position: absolute;left: 0;top: 0;}
.sy_sectB ._r .li2{float: left;width: 100%;height: 100%;position: relative;display: flex;align-items: center;}
.sy_sectB ._r .li2 .background{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 1;}
.sy_sectB ._r .li2 .cont{display: block;width: 100%;position: relative;z-index: 5;padding-left: calc(10px + 1.46rem);max-width: 770px;}
.sy_sectB ._r .li2 .tit{display: block;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(20px + 0.08rem);color: #ffffff;margin-bottom: calc(10px + 0.18rem);}
.sy_sectB ._r .li2 .text{display: block;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.1rem);color: #fff;}
.sy_sectB ._r .btnbox{float: left;position: absolute;width: 100%;padding-left: calc(10px + 1.46rem);left: 0;bottom: calc(10px + 0.9rem);z-index: 10;}
.sy_sectB ._r .btnbox .btn{float: left;width: calc(20px + 0.16rem);height: calc(20px + 0.16rem);border-radius: 100%;border: 1px solid #fff;margin-right: 5px;display: flex;align-items: center;justify-content: center;position: static;top: auto;transform: translateY(0);}
.sy_sectB ._r .btnbox .btn img{display: block;width: calc(10px + 0.05rem);}
.sy_sectB ._r .btnbox .btn:hover{background: #007bc7;border-color: #007bc7;}
@media screen and (max-width:1600px) {
.sy_sectB ._r .ul2{width: calc(100% + 70px);}
.sy_sectB ._r .li2 .cont{max-width: 100%;padding-right: 70px;}
}
@media screen and (max-width:1024px) {
.sy_sectB ._r .ul2{width: calc(100% + 15px);}
.sy_sectB ._r .li2 .cont{padding-right: 15px;padding-left: 20px;}
.sy_sectB ._l .li1 .ico{width: 40px;}
.sy_sectB ._r .btnbox{padding-left: 20px; bottom: calc(10px + 0.2rem);}
}
@media screen and (max-width:767px) {
.sy_sectB{padding-bottom: calc(10px + 0.88rem);}
.sy_sectB ._l{width: 100%;padding-bottom: 10px;}
.sy_sectB ._r{width: 100%;height: 300px;}
.sy_sectB ._r .ul2{position: static;width: 100%;}
.sy_sectB ._r .li2{padding: 20px 0;}
.sy_sectB ._l .li1{width:100%;}
.sy_sectB ._l .li1 .ico{width: 30px;}
.sy_sectB ._l .li1 .name{font-size: 12px; max-width:initial;}
.sy_sectB .sy_title .more{display: flex;}
.sy_sectB ._l .morebtn{display: none;}
.sy_sectB ._l .li1{margin-bottom: 10px;}
}
.sy_sectC{width: 100%;padding-top: calc(10px + 0.74rem);padding-bottom: calc(10px + 0.66rem);}
.sy_sectC .box{width: 100%;margin-top: calc(10px + 0.2rem);border-top: 1px solid #efefef;padding-top: calc(10px + 0.32rem);}
.sy_sectC .box::after{content: "";display: block;clear: both;}
.sy_sectC ._l{float: left;width: 45.5%;}
.sy_sectC ._l .ul{float: left;width: 100%;}
.sy_sectC ._l .li{float: left;width: 50%;}
.sy_sectC ._l .name{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #222222;margin-bottom: calc(10px + 0.2rem);}
.sy_sectC ._l .numb{float: left;width: 100%;font-size: calc(18px + 0.42rem);line-height: calc(22px + 0.42rem);color: #007bc7;font-weight: bold;padding-bottom: calc(11px + 0.2rem);position: relative;}
.sy_sectC ._l .numb::after{content: "";display: block;position: absolute;width: calc(20px + 0.13rem);height: 3px;background: #007bc7;left: 0;bottom: 0;}
.sy_sectC ._r{float: left;width: 54.5%;}
.sy_sectC ._r .rtit{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #131111;}
.sy_sectC ._r .text{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(26px + 0.1rem);color: #131111;margin-top: calc(10px + 0.13rem);}
@media screen and (max-width:767px) {
.sy_sectC ._l{width: 100%;}
.sy_sectC ._r{width: 100%;margin-top: 15px;}
.sy_sectC ._r .rtit{font-size: calc(14px + 0.04rem);}
.sy_sectC ._r .text{margin-top: 5px;}
}
.sy_sectD{width: 100%;padding-bottom: calc(10px + 0.75rem);}
.sy_sectD .select{float: right;}
.sy_sectD .select .opt{float: left;margin-right: calc(10px + 0.4rem);}
.sy_sectD .select .opt:last-child{margin-right: 0;}
.sy_sectD .select a{float: left;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #4b4d4f;padding-bottom: calc(4px + 0.04rem);border-bottom: 2px solid transparent;}
.sy_sectD .select a:hover{color: #007bc7;border-bottom: 2px solid #007bc7;}
.sy_sectD .select .opt.on a{color: #007bc7;border-bottom: 2px solid #007bc7;}
.sy_sectD .list{width: 100%;margin-top: calc(10px + 0.28rem);}
.sy_sectD .list::after{content: "";display: block;clear: both;}
.sy_sectD .list .ul{float: left;width: calc(100% + 10px + 0.32rem);margin: calc(-5px - 0.16rem);}
.sy_sectD .list .li{float: left;width: 25%;padding: calc(5px + 0.16rem);}
.sy_sectD .list a{float: left;width: 100%;background: #fafafa;border-radius: calc(10px + 0.06rem);padding: calc(10px + 0.36rem) 10px calc(10px + 0.3rem);position: relative;}
.sy_sectD .list a::after{content: "";display: block;width: 1px;height: 0;background: #fff;position: absolute;left: 50%;top: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_sectD .list .tit{float: left;width: 100%;font-size: calc(14px + 0.02rem);line-height: calc(20px + 0.06rem);color: #222222;text-align: center;margin-bottom: calc(10px + 0.14rem);}
.sy_sectD .list ._img{float: left;width: 100%;}
.sy_sectD .list ._img img{display: block;width: 53.61%;margin: 0 auto;}
.sy_sectD .list a:hover{background: #007bc7;box-shadow: 0 0 0.27rem 0.11rem rgba(0,87,183,0.27); }
.sy_sectD .list a:hover .tit{color: #fff;}
.sy_sectD .list a:hover::after{height: 0.4rem;}
@media screen and (max-width:767px) {
.sy_sectD .list .li{width: 50%;}
}
.sy_sectE{width: 100%;padding-bottom: calc(10px + 0.78rem);}
.sy_sectE .listbox{width: 100%;margin-top: calc(10px + 0.28rem);}
.sy_sectE .listbox::after{content: "";display: block;clear: both;}
.sy_sectE .ul{float: left;width: 100%;border-radius: calc(10px + 0.06rem);overflow: hidden;display: flex;flex-wrap: wrap;}
.sy_sectE .ul .li{float: left;width: 33.33%;}
.sy_sectE .ul .li:nth-child(1){width: 66.66%;}
.sy_sectE .ul a{float: left;width: 100%;background: #f7f7f7;padding: calc(10px + 0.68rem) calc(10px + 0.47rem) calc(10px + 0.68rem) calc(10px + 0.52rem);}
.sy_sectE .ul a:hover .text{color: #007bc7;}
.sy_sectE .ul a:hover .btn{background: #007bc7;}
.sy_sectE .ul a:hover .btn i{border-color: #fff;}
.sy_sectE .ul2{float: left;width: 100%;}
.sy_sectE .ul2 .li2{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.sy_sectE .ul2 ._l_box{float: left;width: 50%;}
.sy_sectE .ul2 ._l{float: left;width: 100%; height:100%; background-color: rgba(0,0,0,0.2) !important; padding: calc(10px + 0.56rem) calc(10px + 0.38rem);font-size: calc(16px + 0.14rem);line-height: calc(22px + 0.16rem);color: #fff;font-weight: bold;}
.sy_sectE .ul2 ._r{float: left;width: 50%;}
.sy_sectE .ul .time{float: left;width: 100%;font-size: calc(12px + 0.02rem);line-height: calc(16px + 0.02rem);color: #007bc7;font-weight: bold;margin-bottom: calc(10px + 0.09rem);}
.sy_sectE .ul .text{float: left;width: 100%;font-size: calc(14px + 0.06rem);line-height: calc(26px + 0.1rem);color: #222222;height: calc(52px + 0.2rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: calc(10px + 0.73rem);}
.sy_sectE .ul .btn{float: left;width: calc(26px + 0.1rem);height: calc(26px + 0.1rem);border-radius: 100%;border: 1px solid #007bc7;display: flex;align-items: center;justify-content: center;}
.sy_sectE .ul .btn i{display: block;width: 5px;height: 5px;border-top: 1px solid #007bc7;border-right: 1px solid #007bc7;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(45deg);}
.sy_sectE .ul .li:nth-child(2) a{background: #007bc7;}
.sy_sectE .ul .li:nth-child(2) .time{color: #fff;}
.sy_sectE .ul .li:nth-child(2) .text{color: #fff;}
.sy_sectE .ul .li:nth-child(2) .btn{border-color: #fff;}
.sy_sectE .ul .li:nth-child(2) .btn i{border-color: #fff;}
.sy_sectE .ul .li:nth-child(2) a:hover .btn{background: #fff;}
.sy_sectE .ul .li:nth-child(2) a:hover .btn i{border-color: #007bc7;}
.sy_sectE .ul .li:nth-child(3) a{background: #007bc7;}
.sy_sectE .ul .li:nth-child(3) .time{color: #fff;}
.sy_sectE .ul .li:nth-child(3) .text{color: #fff;}
.sy_sectE .ul .li:nth-child(3) .btn{border-color: #fff;}
.sy_sectE .ul .li:nth-child(3) .btn i{border-color: #fff;}
.sy_sectE .ul .li:nth-child(3) a:hover .btn{background: #fff;}
.sy_sectE .ul .li:nth-child(3) a:hover .btn i{border-color: #007bc7;}
.sy_sectE .ul .li:nth-child(4) a{background-color: rgba(0,0,0,0.2) !important;}
.sy_sectE .ul .li:nth-child(4) .time{color: #fff;}
.sy_sectE .ul .li:nth-child(4) .text{color: #fff;}
.sy_sectE .ul .li:nth-child(4) .btn{border-color: #fff;}
.sy_sectE .ul .li:nth-child(4) .btn i{border-color: #fff;}
.sy_sectE .ul .li:nth-child(4) a:hover .text{color: #007bc7;}
.sy_sectE .ul .li:nth-child(4) a:hover .btn{border-color: #007bc7;}
.sy_sectE .slick-dots{float: right;position: absolute;right: calc(10px + 0.47rem);bottom: calc(10px + 0.82rem);width: auto;}
.sy_sectE .slick-dots li{float: left;width: 6px;height: 6px;background: #0057b7;opacity: 0.43;border-radius: 100%;margin-right: calc(10px + 0.1rem);}
.sy_sectE .slick-dots li:last-child{margin-right: 0;}
.sy_sectE .slick-dots .slick-active{opacity: 1;}
@media screen and (max-width:767px) {
.sy_sectE .ul .li{width: 50%;}
.sy_sectE .ul .li:nth-child(1){width: 100%;}
.sy_sectE .ul .li:nth-child(2) a{background: #f7f7f7;}
.sy_sectE .ul .li:nth-child(2) .time{color: #007bc7;}
.sy_sectE .ul .li:nth-child(2) .text{color: #222222;}
.sy_sectE .ul .li:nth-child(2) .btn{border-color: #007bc7;}
.sy_sectE .ul .li:nth-child(2) .btn i{border-color: #007bc7;}

.sy_sectE .ul2 ._l span{display:block; max-height:calc(66px + 0.48rem); overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}


}
.sy_sectF{width: 100%;padding-top: calc(10px + 0.76rem);padding-bottom: calc(10px + 0.78rem);background: #f7f7f7;}
.sy_sectF .list{width: 100%;margin-top: calc(10px + 0.28rem);}
.sy_sectF .list::after{content: "";display: block;clear: both;}
.sy_sectF .ul{float: left;width: calc(100% + 10px + 0.22rem);margin: calc(-5px - 0.11rem);}
.sy_sectF .ul .li{float: left;width: 25%;padding: calc(5px + 0.11rem);}
.sy_sectF .ul a{float: left;width: 100%;padding-bottom: 8px;position: relative;}
.sy_sectF .ul a::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 60%;border-radius: calc(10px + 0.06rem) 0 calc(10px + 0.06rem) 0;background: #e5eff6;}
.sy_sectF .ul .cont{float: left;width: 100%;background: #fff;position: relative;z-index: 5;border-radius: calc(10px + 0.06rem) 0 calc(10px + 0.06rem) 0;padding: calc(10px + 0.26rem) calc(10px + 0.1rem) calc(10px + 0.26rem) calc(10px + 0.1rem);display: flex;align-items: center;}
.sy_sectF .ul .ico{float: left;width: calc(30px + 0.3rem);min-width: calc(30px + 0.3rem);}
.sy_sectF .ul .ico img{display: block;width: auto;height: calc(20px + 0.3rem);}
.sy_sectF .ul .tit{float: left;width: 100%; padding-right: 10px;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.04rem);color: #131111;white-space: nowrap;}
.sy_sectF .ul .btn{float: left;min-width: calc(20px + 0.12rem);width: calc(20px + 0.12rem);height: calc(20px + 0.12rem);border-radius: 100%;background: #cfe6f6;display: flex;align-items: center;justify-content: center;}
.sy_sectF .ul .btn i{display: block;width: calc(13px + 0.1rem);height: calc(13px + 0.1rem);background: url(img/right3.svg) no-repeat;background-size: cover;}
.sy_sectF .ul a:hover::after{background: #007bc7;}
.sy_sectF .ul a:hover .btn{background: #007bc7;}
@media screen and (max-width:1600px) {
.sy_sectF .ul .ico{width: calc(24px + 0.3rem);min-width: calc(24px + 0.3rem);}
}
@media screen and (max-width:1024px) {
.sy_sectF .ul .li{width: 100%;}
}
@media screen and (max-width:767px) {
.sy_sectF .ul .cont{padding-left: 10px;padding-right: 10px;}
.sy_sectF .ul .btn{width: 18px;height: 18px;min-width: 18px;}
}
/* 产品中心 */
.prod_centerA{width: 100%;padding-top: calc(10px + 0.08rem);padding-bottom: calc(10px + 0.08rem);background: #fafafa;}
.prod_centerA .box{width: 100%;display: flex;flex-wrap: wrap;}
.prod_centerA ._l{float: left;width: calc(100% - 286px);padding-left: calc(10px + 0.04rem);padding-top: calc(10px + 0.34rem);position: relative;padding-right: calc(10px + 0.5rem);}
.prod_centerA ._l .tit{float: left;width: 100%;font-size: calc(16px + 0.08rem);line-height: calc(22px + 0.08rem);color: #007bc7;position: relative;}
.prod_centerA ._l .tit::after{content: "";display: block;position: absolute;width: calc(4px + 0.02rem);height: calc(16px + 0.03rem);background: #007bc7;border-radius: calc(4px + 0.02rem);left:calc(-10px - 0.04rem);top:calc(4px + 0.02rem);}
.prod_centerA ._l .text{float: left;width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.08rem);color: #222222;margin-top: calc(10px + 0.09rem);}
.prod_centerA ._l .share{float: left;width: 100%;position: absolute;left: 0;bottom: 0;}
.prod_centerA ._l .share a{float: left;font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.02rem);color: #007bc7;padding-left: 23px;background: url(img/share-one.svg) left no-repeat;background-size:16px 16px;}
.prod_centerA ._r{float: left;width: 286px;}
.prod_centerA ._r ._img{float: left;width: 100%;border: 1px solid #eeeeee;}
.prod_centerA ._r img{display: block;width: 100%;}
.prod_centerA ._l .share .bds_more{margin: 0;height: auto;}

.prod_centerB{width: 100%;padding-top: calc(10px + 0.25rem);padding-bottom: calc(10px + 0.44rem);}
.prod_centerB .searchbox{width: 100%;background: #fafafa;border: 1px solid #eeeeee;padding: calc(10px + 0.04rem);display: flex;align-items: center;}
.prod_centerB .searchbox .inputbox{float: left;width: 35.14%;border: 1px solid #eeeeee;}
.prod_centerB .searchbox .input{float: left;width: calc(100% - 36px);height: 36px;font-size: 14px;color: #727272;padding: 6px 46px 6px 13px;background: #fff;}
.prod_centerB .searchbox .submit{float: left;width: 36px;height: 36px;background: url(img/line_search-alt-2.svg) #007bc7 center no-repeat;background-size: 18px 18px;}
.prod_centerB .searchbox .reset{float: left;height: 36px;border: 1px solid #007bc7;display: flex;align-items: center;justify-content: center;padding: 0 calc(10px + 0.07rem);margin-left: 9px;}
.prod_centerB .searchbox .btn{float: left;font-size: calc(12px + 0.02rem);line-height: 18px;color: #007bc7;padding-left: 22px;background: url(img/refresh1.svg) left center no-repeat;background-size: 14px 14px;white-space: nowrap;}
.prod_centerB .searchbox .reset:hover{background: #007bc7;}
.prod_centerB .searchbox .reset:hover .btn{color: #fff;background: url(img/refresh2.svg) left center no-repeat;background-size: 14px 14px;}
.prod_centerB .tablebox{width: 100%;display: flex;flex-wrap: wrap;}
.prod_centerB .tablebox ._left{float: left;width: 15.57%;max-height: calc(300px + 2.48rem);overflow:auto;}
.prod_centerB .tablebox ._left::-webkit-scrollbar{width: 5px;background: #e3e3e3;}
.prod_centerB .tablebox ._left::-webkit-scrollbar-thumb{background: #007bc7;width: 5px;}
.prod_centerB .tablebox ._left .ul{float: left;width: 100%;}
.prod_centerB .tablebox ._left .li{float: left;width: 100%;}
.prod_centerB .tablebox ._left .top{float: left;width: 100%;border-bottom: 1px solid #eeeeee;padding: 12px 11px;display: flex;align-items: center;cursor: pointer;}
.prod_centerB .tablebox ._left .name{float: left;width: calc(100% - 14px);font-size: 14px;line-height: 18px;color: #007bc7;}
.prod_centerB .tablebox ._left .ico{float: left;width: 14px;height: 14px;background: url(img/down.svg) no-repeat;background-size: cover;}
.prod_centerB .tablebox ._left .down{float: left;width: 100%;padding: calc(10px + 0.05rem) 0 calc(10px + 0.02rem);padding-right: 11px;position: relative;display: none;border-bottom: 1px solid #eeeeee;}
.prod_centerB .tablebox ._left .ul2{float: left;width: 100%;}
.prod_centerB .tablebox ._left .li2{float: left;width: 100%;display: flex;align-items: center;margin-bottom: 10px;}
.prod_centerB .tablebox ._left .li2:last-child{margin-bottom: 0;}
.prod_centerB .tablebox ._left .check{float: left;width: 14px;height: 14px;}
.prod_centerB .tablebox ._left .lab{float: left;width: calc(100% - 14px);font-size: 12px;line-height: 16px;color: #333333;padding-left: 10px;}
.prod_centerB .tablebox ._left .rbtn{float: left;font-size: 12px;line-height: 18px;color: #333333;background: #eeeeee;padding: 0 4px;border-radius: 2px;position: absolute;right: 11px;top: 12px;cursor: pointer;}
.prod_centerB .tablebox ._left .rbtn:hover{color: #fff;background: #007bc7;}
.prod_centerB .tablebox ._right{float: left;width: 84.43%;}
.prod_centerB ._right ._Table{ width: auto;overflow: auto;margin-bottom: calc(10px + 0.38rem);}
.prod_centerB ._Table .tr{width: auto;display: flex;}
.prod_centerB ._Table .th{float: left;padding:10px 27px 10px 12px; border:1px solid #eeeeee; border-top:0; border-bottom:0;height: 66px;display: flex;align-items: center;font-size: 14px;line-height: 16px;color: #ffffff;background: #007bc7;position: relative;}
.prod_centerB ._Table .td{float: left;border: 1px solid #eeeeee;padding:10px 12px;min-height: 48px;display: flex;align-items: center;font-size: 14px;line-height: 18px;color: #333333;}
.prod_centerB ._Table .tr.two .td{background: #fafafa;}
.prod_centerB ._right ._Table::-webkit-scrollbar{height: 7px;background: #e3e3e3;}
.prod_centerB ._right ._Table::-webkit-scrollbar-thumb{background: #007bc7;height: 7px;}
.prod_centerB ._right ._Table .btn{display: block;width: 27px;height: 100%;position: absolute;right: 0;top: 0;background: url(img/ico21.png) rgba(0,0,0,0.1) center no-repeat;cursor: pointer;}
@media screen and (max-width:767px) {
.prod_centerA ._l{width: 100%;padding-bottom: 30px;padding-right: 0;}
.prod_centerA ._r{width: 100%;margin-top: 10px;}
/* .prod_centerB .box{width: 1024px;float: left;} */
/* .prod_centerB .overbox{width: 100%;overflow: auto;} */
/* .prod_centerB .overbox::after{content: "";display: block;clear: both;} */
/* .prod_centerB .pagation{display: block;} */
.prod_centerB .tablebox ._left{width: 100%;}
.prod_centerB .tablebox ._right{width: 100%;}
.prod_centerB .searchbox .inputbox{width: 100%;}
.prod_centerB ._Table .th{height: 56px;}
}



/* 公司简介 */
.company_sect1{width: 100%;padding-top: calc(10px + 0.28rem);padding-bottom: calc(10px + 0.48rem);}
.company_sect1 .tit{width: 100%;text-align: center;font-size: calc(16px + 0.14rem);line-height: calc(20px + 0.16rem); color: #131111;margin-bottom: calc(10px + 0.25rem);}
.company_sect1 .cont{width: 100%;font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.18rem); color: #131111;margin-bottom: calc(10px + 0.58rem);}
.company_sect1 .ul{width: 100%;display: flex;justify-content: center;align-items: center;}
.company_sect1 .li{padding: 0 calc(10px + 0.73rem);text-align: center;margin-bottom: calc(10px + 0.12rem);border-left: 1px solid #e0e0e0;}
.company_sect1 .li:first-child{border: none;}
.company_sect1 .li a{width: 100%;display: block;}
.company_sect1 .li .title{font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.04rem);color: #222;white-space: nowrap;margin-bottom: calc(10px + 0.12rem);}
.company_sect1 .li .num{  font-size: calc(14px + 0.46rem);line-height: calc(18px + 0.48rem);color: #007bc7;font-weight: bold;display: flex;justify-content: center;white-space: nowrap;;}
.company_sect1 .li .num em{ height: 100%; font-size: calc(14px + 0.11rem);line-height: calc(16px + 0.23rem);color: #007bc7;}
.company_sect1 .li .num div{ font-family: auto;}
@media screen and  (max-width:767px){
.company_sect1 .ul{flex-wrap: wrap;}
.company_sect1 .li{width: 50%;border:none}
.company_sect1 .li .title{white-space:initial;}
}
.company_sect2{width: 100%;padding-top: calc(10px + 0.88rem);padding-bottom: calc(10px + 1.06rem);}
.company_sect2 .tit{width: 100%;text-align: center;font-size: calc(16px + 0.14rem);line-height: calc(20px + 0.16rem); color: #fff;margin-bottom: calc(10px + 0.63rem);}
.company_sect2 .ul{width: 100%;display: flex;}
.company_sect2 .li{border-left: 1px solid rgba(224, 224, 224, 0.25);}
.company_sect2 .li:first-child{border: none;}
.company_sect2 .li a{width: 100%;display: block;padding: 0 calc(10px + 0.48rem);}
.company_sect2 .li ._img{width: 100%;display: block;line-height: 0;}
.company_sect2 .li ._img img{display: block;width: auto;height: calc(30px + 0.39rem);}
.company_sect2 .li .title{font-size: calc(14px + 0.12rem);line-height: calc(18px + 0.14rem);color: #fff;margin-bottom: calc(10px + 0.12rem);margin-top: calc(10px + 0.06rem);padding-left: calc(10px + 0.03rem);}
.company_sect2 .li .cont{width: 100%; font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.12rem);color: #fff;}
@media screen and  (max-width:767px){
.company_sect2 .ul{flex-wrap: wrap;}
.company_sect2 .li{width: 100%;border: none;margin-bottom: 20px;}
.company_sect2 .li:last-child{margin-bottom: 0;}
.company_sect2 .li a{padding: 0;}
.company_sect2 .li ._img{padding-left: 0;width: auto;display: inline-block;vertical-align: middle;}
.company_sect2 .li .title{padding-left: 10px;display: inline-block;margin: 0;vertical-align: middle;}
.company_sect2 .li .cont{margin-top: 10px;}
}
.company_sect3{width: 100%;padding-top: calc(10px + 0.67rem);padding-bottom: calc(10px + 0.7rem);}
.company_sect3 .title{width: 100%;text-align: center;font-size: calc(16px + 0.14rem);line-height: calc(20px + 0.16rem); color: #131111;margin-bottom: calc(10px + 0.25rem);}
.company_sect3 .ulbox{width: 100%;;margin-bottom: calc(10px + 0.26rem);}
.company_sect3 .ulbox::after {content: "";display: block;clear: both;}
.company_sect3 .ul{float: left;width: calc(100% + 10px + 0.22rem);margin: calc(-5px - 0.11rem);}
.company_sect3 .li{float: left;width: 33.33%;padding: calc(5px + 0.11rem);}
.company_sect3 .li a{width: 100%;display: block;border-radius: 16px 16px 4px 4px;overflow: hidden;box-shadow:0 0 0.24rem 2px rgba(139,139,139,0.16);}
.company_sect3 .li ._img{width: 100%;line-height: 0;padding-bottom: 75.1%;position: relative;overflow: hidden;}
.company_sect3 .li ._img img{display: block;width: 100%;position: absolute;left: 50%;top: 50%;min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all .5s ease .1s;
transition: All 0.5s ease-in-out;
-webkit-transition: All 0.5s ease-in-out;
-moz-transition: All 0.5s ease-in-out;
-o-transition: All 0.5s ease-in-out;}
.company_sect3 .li .cont{width: 100%;padding: calc(10px + 0.24rem) calc(10px + 0.2rem) calc(10px + 0.13rem);background: #fff;box-shadow: -2px 0 24px rgba(139, 139, 139, 0.16);border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.company_sect3 .li ._t{width: 100%;padding-bottom: calc(10px + 0.23rem);margin-bottom: calc(10px + 0.13rem);border-bottom: 1px solid #f7f7f7;}
.company_sect3 .li .tit{font-size: calc(14px + 0.06rem);line-height: calc(18px + 0.08rem);color: #222;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.company_sect3 .li ._b{width: 100%;display: flex;align-items: center;}
.company_sect3 .li .time{float: left;width: calc(100% - 19px);font-size: calc(14px + 0.02rem);line-height: calc(18px + 0.04rem);color: #545454;position: relative;}
.company_sect3 .li .arrow{float: left;width: 19px;height: 13px;background: url(img/arrow-right.svg) no-repeat center;background-size: cover;}
.company_sect3 .li a:hover img {-webkit-transform: translate(-50%, -50%) scale(1.1);-moz-transform: translate(-50%, -50%) scale(1.1);-ms-transform: translate(-50%, -50%) scale(1.1);-o-transform: translate(-50%, -50%) scale(1.1);transform: translate(-50%, -50%) scale(1.1);}
.company_sect3 .li a:hover .tit {color: #007bc7;}
.company_sect3 .li a:hover .arrow{  background: url(img/arrow-right2.svg) no-repeat center; background-size: cover;}
.company_sect3 .button{width: 100%;text-align: center;}
.company_sect3 .button a{display: inline-block; text-align: center;color: #007bc7;font-size: calc(14px + 0.02rem); line-height: calc(18px + 0.04rem);border: 1px solid #007bc7;border-radius: 24px;padding: calc(10px + 0.02rem) calc(10px + 0.65rem);}
.company_sect3 .button a:hover{background: #007bc7;color: #fff;}
@media screen and  (max-width:767px){
.company_sect3 .li{width: 100%;}
}







.sitemap{ width:100%;overflow:hidden;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#007bc7;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}


@media screen and  (max-width:767px){
.sy_sectD .sy_title{display:block;}
.sy_sectD .select{float:left; width:100%; margin-top:10px; margin-bottom:10px;}
}