@charset "utf-8";
*{padding:0px; margin:0px }
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
html{ background-color:#333;font-size:1024%;}
body{padding: 0px;margin: 0px auto!important;overflow: scroll;overflow-x: hidden;overflow-y: auto;font-family: Microsoft YaHei; /*10 ÷ 16 × 100% = 62.5%*/max-width: 1024px !important;color:#333; background-color:#ffffff; font-size:0.18rem;}
body a{color:#333;}
em{font-style:normal}
li{list-style:none}
fieldset{border:0;}
img{border:0;vertical-align:middle}
div{ margin:0; padding:0; border:0;  }
img{ margin:0; padding:0; border:0; }
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
i,em,cite{font-style:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline: 0;}
.fl{ float:left;}
.fr{ float:right;}
.hei1{ height:0.05rem;}
.clear{ clear:both;}
.zishiyin{font-size:0.2rem; line-height:0.34rem;}
/*.zishiyin,.zishiyin p,.zishiyin span{font-size:0.2rem !important;line-height:0.34rem!important;}*/
.zishiyin img{max-width: 100% !important;width: auto;height: auto !important;}
.shenglue{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.shenglue2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.shenglue3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
.bgxuhua {-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.bgxuhua a:active{-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.imgbig{ overflow:hidden;}
.imgbig img{ transition:all linear .2s;	}
.imgbig:active img{ transform:scale(1.05); -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.1) translateZ(0);}
.video iframe,.video embed{ width:100% !important; height:455px !important;}
.zishiyin table{ width:100% !important;}
/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:active, a:active{ color:#333; outline:none;}
/*头部*/
.head_b{height:0.6rem;padding:0rem 0rem;}
header{width: 100%;position: fixed;top: 0px;z-index: 99000;}
.head{max-width: 1024px; position:relative;height:0.6rem;background-color:#fff;padding:0.1rem 0rem;box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);}
header h1{height:0.6rem;}
.head .logo{font-size:0.34rem; color:#151356; margin:0rem 0rem 0rem 0.18rem; display:block; height:0.6rem; line-height:0.6rem;}
.drawer-main{position:fixed;top:0;width:100%;height:100%;overflow:hidden; z-index:99999;overflow-y: scroll;overflow-x: hidden; bottom:0rem;}
.drawer-right .drawer-main{top:-100%;-webkit-transition:top .4s cubic-bezier(0.19,1,.22,1);-o-transition:top .4s cubic-bezier(0.19,1,.22,1);transition:top .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{top:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:3rem}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{ background-color:#FFF;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-hamberger{position: absolute;z-index: 1000;display: block;width: 0.48rem;height: 0.48rem;border: 0;background-image: url(../images/nav_ico.png);background-repeat: no-repeat;background-position: center center;background-size: 100%; z-index:99999; top:0.16rem; right:0.2rem; }
.drawer-open .drawer-hamberger{background-image: url(../images/nav_ico_close.png);width: 0.4rem;height: 0.4rem; z-index:999999;top: 0.19rem; }
.drawer-nav{ margin:0.5rem 0.4rem 1rem 0.4rem;}
.left_nav li{ position:relative;}
.left_nav li .nav_a{ display:block; width:90%;font-size:0.26rem; height:0.35rem; line-height:0.35rem; margin:0.2rem 0rem; border-left:0.06rem solid #2087ed;z-index:999; text-align:left; text-indent:0.1rem; font-weight:bold; color:#2087ed;}
.left_nav li .cur{ color:#2087ed; font-weight:bold;}
.left_nav .txt{padding-bottom:0.1rem;}
.left_nav .txt p{ width:31.3333333333333%; float:left; margin:0% 0rem 2% 3%;}
.left_nav .txt p a{ font-size:0.22rem; line-height:0.45rem; height:0.45rem; text-indent:0.24rem; color:#666; border:1px solid #ddd; text-align:center; text-indent:0rem; padding:0rem 0.1rem; display:block; border-radius:0.03rem;}
.left_nav .txt p:nth-child(1),.left_nav .txt p:nth-child(4),.left_nav .txt p:nth-child(7),.left_nav .txt p:nth-child(10){ margin-left:0rem;}
.head_sxian{ width:1px; height:0.4rem; background-color:#ddd;position: absolute;top: 0.2rem;right: 0.78rem;}
.main_nav{position: absolute;top: 0.26rem;right:0.75rem;width: 0.3rem;height: 0.3rem;background-image: url(../images/search.png);background-repeat: no-repeat;background-position: center center; background-size:100%;}
.main_nav a{ display:block; width:0.3rem; height:0.3rem;}
.cd-user-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(37, 37, 37, 0.9);z-index: 3;overflow-y: auto;cursor: pointer;visibility: hidden;opacity: 0; -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;-moz-transition: opacity 0.3s 0, visibility 0 0.3s;transition: opacity 0.3s 0, visibility 0 0.3s; z-index:99999;}
.cd-user-modal.is-visible {visibility: visible;opacity: 1;-webkit-transition: opacity 0.3s 0, visibility 0 0;-moz-transition: opacity 0.3s 0, visibility 0 0;transition: opacity 0.3s 0, visibility 0 0;}
.cd-user-modal.is-visible .cd-user-modal-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.cd-user-modal-container {position: relative;width: 100%; padding:0.7rem 0rem 0.2rem 0rem;cursor: auto;-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-close-form {/* form X button on top right */display: block;position: absolute;width: 0.3rem;height: 0.3rem;right: 0.15rem; top:0.2rem;z-index: 999;background-image: url(../images/nav_ico_close.png);background-repeat: no-repeat;background-position: center center; background-size:100%;}
.top_tel{position: absolute;top: 0.18rem;right: 0.9rem;width: 0.42rem;height: 0.42rem;background-image: url(../images/system/top_tel.png);background-repeat: no-repeat;background-position: center center; background-size:0.24rem; display:block; border-radius:50%; border:1px solid #ccc;}
.header2{ height:0.8rem; line-height:0.8rem; font-size:0.28rem; background-color:#2087ed; color:#FFF; text-align:center;}
.m_sousuo{ margin:0.3rem 0.4rem 0px 0.4rem; padding:0px;height:40px; position:relative;}
.m_sousuo .input_txt{ border:0px solid #f3f3f3;background-color:#f0f0f0; height:0.6rem; text-indent:0.15rem; line-height:0.6rem; width:100%; font-size:0.2rem;}
.m_sousuo .btn_tj{height: 0.6rem;width: 0.6rem;position: absolute;top: 0rem;right: 0rem;z-index: 20;border: 0rem;cursor: pointer;background-color: #2087ed;background-image: url(../images/ico_search.png);background-repeat: no-repeat;background-position: center center; background-size:0.28rem;}

/*首页导航*/
.inav_t {width: 100%;}
.inav_t dl{background: #27303f;}
.inav_t dl dd {width: 33.333333333333%;height: 0.6rem;float: left;text-align: center;}
.inav_t dl dd a {display: block;width: 100%;height:0.6rem;line-height:0.6rem;color: #fff;border-right: 1px #000000 solid;border-bottom: 1px #000000 solid; font-size:0.22rem;}
.inav_t dl dd .cur{ background-color:#2087ed;}
/* banner */
/*滚动图-*/
.banner{ width:100%; position:relative;}
.banner .lunbotxt{font-size: 0.22rem;position: absolute;width: 100%;z-index: 10;bottom: 0px;height: 0.6rem;line-height: 0.6rem;text-indent: 0.1rem;color: #FFF;background-image: url(../images/news_bg.png);background-repeat: repeat; font-weight:bold;}
.banner .lunbotxt span{ width:88%; display:block;}
.banner .swiper-container{width:100%; height:auto; overflow:hidden;}
.banner .swiper-slide{ width:100%; height:100%;float:left; position:relative;} 
.banner .swiper-slide img{ width:100%; height:3.9rem;}
.banner .swiper-pagination{ right:0.1rem !important; color:#ccc; bottom:0.14rem;font-size:0.18rem;}
.banner .swiper-pagination .swiper-pagination-current{ color:#fff;}
/*首页-*/
.main{padding: 0.1rem 3% 0.5rem 3%;}
.h_box{ padding:0.3rem 3%; border-bottom:0.1rem solid #eaeaea;}
.h_jrtt{padding:0.2rem 3%;}
.h_jrtt_ul li{ font-size:0.22rem; height:0.4rem; line-height:0.4rem; padding:0.15rem 0rem;border-bottom: 1px solid #e7edec;}
.h_jrtt_ul li i{ display: inline-block; padding:0px 0.12rem; background-color:#eb7257; color:#FFF; border-radius:0.05rem; margin-right:0.1rem; font-size:0.2rem;}
.h_jrtt_ul li:nth-child(2) i{ background-color:#3ca9e1;}
.h_jrtt_ul li:nth-child(3) i{ background-color:#efc20e;}
.h_jrtt_ul li:nth-child(4) i{ background-color:#2bb361;}
.h_jrtt_ul li:nth-child(5) i{ background-color:#fb5c62;}
.home_h2_bt{background-image: url(../images/h_tit_bg.png);background-repeat: no-repeat;background-position: center center;background-size: 97%;height: 0.6rem;width: 100%;padding: 0rem; text-align:center; margin-bottom:0.1rem;}
.home_h2_bt h2{color:#FFF;font-size:0.26rem; text-align:center; width:1.7rem; height:0.55rem; line-height:0.55rem;  text-align:center; margin:0.03rem auto;background: -moz-linear-gradient(left, #33e59d, #2087ed);background: -webkit-linear-gradient(left, #33e59d, #2087ed);background: -o-linear-gradient(left, #33e59d, #2087ed); position:relative;}
.home_h2_bt h2 a,.home_h2_bt h2 a:hover{color:#FFF;}
.home_h2_bt h2:before {border: 0.1rem solid transparent;border-top-color: #35acc0;content: '';display: block;height: 0px;left: 50%; margin-left:-0.1rem;position: absolute;top: 0.55rem;width: 0px;}
.pic_ul{ padding:0rem 0rem 0.1rem 0rem;}
.pic_ul li{ width:49%; float:left; margin:2% 0rem 0rem 2%; position:relative;}
.pic_ul li:nth-child(odd){ margin-left:0rem;}
.pic_ul li img{ height:2rem;}
.pic_ul li p{ position:absolute; bottom:0rem; left:0rem; right:0rem; height:0.5rem; line-height:0.5rem; text-align:center;background-color:rgba(0,0,0,0.5); color:#FFF; font-size:0.2rem;}
.home_ljgd {text-align: center;margin-top:0.2rem; }
.home_ljgd a {display: inline-block;border: 1px solid #ccc; font-size:0.2rem; padding:0.12rem 0.25rem; border-radius:0.5rem;}
.home_ljgd a:active {color: #fff;background-color: #2087ed;border: 1px solid #2087ed;}
/*-首页新闻-*/
.h_xw{ border-bottom:0px;}
.h_xinwen_ul{ padding:0rem 0px 0px 0%;}
.h_xinwen_ul li{  line-height:0.56rem; height:0.56rem; border-bottom:1px dashed #ddd;}
.h_xinwen_ul li a{ width:100%; display:block;font-size:0.2rem;}
.h_xinwen_ul li b{color:#2087ed; font-size:0.24rem;}
/*产品-*/
.list_banner{width: 100%;height:1.8rem;background-repeat: no-repeat;background-position: center center;background-size: cover; background-color:#2087ed; text-align:center;}
.dqwz_lm{font-size: 0.3rem;line-height: 0.42rem;color: #FFF;letter-spacing: 0px;text-transform : uppercase;padding-top:0.45rem;text-align: center; font-weight:normal;}
.dqwz_lm span{ font-size:0.34rem;letter-spacing: 0px;}
.list_banner p{ font-size:0.18rem; line-height:0.3rem; color:#FFF; margin-top:0.12rem;}
.list_banner p a{ color:#FFF;}
.dqwz{background-image: url(../images/dqwz.png);background-repeat: no-repeat;background-position: 0.05rem center;background-size:0.25rem;font-size: 0.16rem; text-indent:0.33rem; padding:0.15rem 0rem; color:#565656;border-bottom:1px dashed #e5e5e5; margin-top:0.08rem;}
.dqwz a{color:#565656;}
/*关于我们*/
.l_ewm{ padding:0.1rem 15%; width:70%;display:none;}
.l_ewm img{ width:100%;}
.l_ewm_32{ display:block;}
.about_body{ padding:0.1rem 1% 0.5rem 1%;}
.liuyan_bt{ border-left:0.05rem solid #2087ed; text-indent:0.1rem; height:0.34rem; line-height:0.34rem; font-size:0.28rem; margin-top:0.4rem; font-weight:bold;}
.lianxi_map{ padding:0.1rem 0rem;}
.lianxi_ewm{ text-align:center; line-height:0.34rem; width:2rem; padding-top:0.1rem;}
.chanpin_id6{ display:none;}
.home_nav_zhedie{height:1.1rem;padding:0px;overflow:hidden; padding-top:0.05rem; width:100%;}
.zhankai{text-align: center;margin:0.1rem auto 0 auto;width: 30px;display: block;cursor: pointer;}
.zhankai img{ width:25px;}
.sub_nav_ul{ padding-bottom:0.1rem;}
.sub_nav_ul li{ width:32.333333333%; margin:1% 0.5%;display:block; margin-top:0.05rem; float:left;}
.sub_nav_ul li a{text-align:center; height:0.55rem; line-height:0.55rem; overflow:hidden;display: block;background-color: #f5f5f5; font-size:0.22rem;}
.sub_nav_ul li a:active,.sub_nav_ul .current a{ background-color:#2087ed; color:#FFF;}
.sub_nav_ul .depth2{ display:none;}
.left_nav_id31 li{ width:32.3333333333333%;}
.home_nav_zhedie li{ width:32.3333333333333%; }
.home_nav_zhedie li a{padding:0rem 0.1rem; font-size:0.2rem;}
.box_left_body{ padding:0.1rem 1% 0.2rem 1%;font-size:0.2rem; line-height:0.34rem;}
/*新闻列表*/
.news_box{ width:98%; margin:0rem auto 0rem auto;border-bottom: dashed 1px #ddd;padding:0.1rem 0rem;}
.news_box_l{ width:27%;float:left; overflow:hidden; height:1rem;}
.news_box_l img{transition:all linear .2s;height:1rem;}
.news_box_r{ width:70%; float:right; margin-right:1%;}
.news_box .tit{font-size:0.22rem;line-height:0.28rem; height:0.28rem;  overflow:hidden; margin-top:0.03rem;}
.news_box .desc{ color:#585858; font-size: 0.2rem;line-height: 0.3rem;height: 0.6rem; margin-top:0.07rem;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_box .desc a{color:#585858;}
.home_news_box { width:100% !important;}
/*新闻列表3*/
.news_ul{ padding:0.05rem 1%;}
.news_ul li {font-size:0.2rem;line-height:0.34rem; height:0.34rem; padding:0.1rem 0rem;width: 100%;border-bottom: 1px dashed #cccccc;}
.news_ul li b{color: #2087ed;}
.news_ul li a{ display:block;}
/*关于我们*/
.gywm{width:94%; padding:0.5rem 3%;background-repeat: repeat; }
.gywm_01{ background-image: url(/App/Tpl/Home/Default/Public/images/about_01.gif);color:#FFF; height:12.5rem; position:relative; padding:0rem; width:100%;}
.gywm_01_c{position: absolute;top: 0px;left: 0px;z-index: 20;width: 94%; padding:0.5rem 3%;}
.gywm .tit{ font-size:0.26rem; line-height:0.4rem; font-weight:bold; margin-top:0.3rem;}
.gywm .tit2{ color:#ccc; font-size:0.24rem; font-weight:bold; margin:0.25rem 0rem 0.15rem 0rem;}
.gywm .desc{ color:#ccc; font-size:0.2rem; line-height:0.32rem; padding-bottom:0.2rem;}
.gywm .desc p{margin:0.1rem 0rem;}
.h_ys_ul { padding-top:0.2rem;}
.h_ys_ul li {width:50%;float: left;text-align: center;position: relative; padding-bottom:0.35rem;}
.h_ys_ul li div{ border-right:0px solid #ddd;}
.h_ys_ul li .txt {color: #fff;font-size: 0.2rem;line-height:0.4rem;font-weight:bold; margin-top:0.05rem;}
.h_ys_ul li p {text-align: center;font-size: 0.16rem}
.h_ys_ul li .shuzi .sz{font-size: 0.56rem;text-align: center;margin-top: 0.15rem;line-height:0.6rem;vertical-align: top; color:#2087ed; font-weight:bold;}
.h_ys_ul li .shuzi .unit {position: relative;top: 0.01rem;left:0.06rem;font-size:0.2rem;vertical-align: top;}
.h_ys_ul li:nth-child(4) div{ border-right:0px;}
.gywm_02{ background-color: #2087ed; color:#FFF;}
.gywm_02 .tit,.gywm_04 .tit{ margin-bottom:0.2rem;font-size: 0.32rem; line-height:0.4rem;}
.gywm_02 .desc{ color:#FFF;}
.gywm_03 ul li{width:100%;text-align: center; padding:0.05rem 0rem 0.4rem 0rem;}
.gywm_03 ul li .img{ width:1rem; margin:0rem auto;}
.gywm_03 ul li .yw{font-weight: bold;font-size:0.22rem;margin:0.1rem 0rem 0.05rem 0rem;}
.gywm_03 ul li .tit{font-weight: bold;font-size: 0.28rem;}
.gywm_03 ul li .desc{font-size: 0.18rem; line-height:0.3rem; height:0.3rem; color:#777;padding:0rem;}
.gywm_03 ul li .art{line-height: 0.34rem;margin-top:0.2rem;font-size: 0.2rem; color:#555;padding:0rem 0.3rem;}
.gywm_04,.gywm_hzhb{background-color: #e7e7e7;}
.gywm_04 .tit{ margin-bottom:0.1rem;}
.gywm_04 .img{ width:100%; margin:0rem auto;}
.gywm_04 .tit2{ color:#666;}
.gywm_04 .tit2 span{color: #2087ed;}
.gywm_04 .desc{ color:#666;}
.gywm_zs{ background-color:#fff;}
.gywm_zs .swiper-container{ padding:0.1rem 0rem;}
.gywm_zs .swiper-container .swiper-slide{ margin-top:0rem !important;}
.gywm_zs .td_box{background-color:#f5f5f5; text-align:center;}
.gywm_zs .td_box .img img{ height:4rem;}
.gywm_zs .td_box .tits{ font-size:0.2rem; height:0.6rem; line-height:0.6rem; font-weight:normal;}
.gywm_zs .swiper-button-next,.gywm_zs .swiper-button-prev{width:0.6rem;height:0.6rem;position: absolute;z-index: 20; background-color:rgb(0,0,0,0.2);background-repeat: no-repeat;background-position: center center;background-image: url(../images/qiehuan_l.png);opacity:1; margin-top:-0.7rem; background-size:0.3rem; border-radius:50%;}
.gywm_zs .swiper-button-prev{left:0%;}
.gywm_zs .swiper-button-next{right:0%;background-image: url(../images/qiehuan_r.png);}
.gywm_hzhb .h_bt_xian{ margin-bottom:0.2rem;}
.gywm_hzhb_c{ padding:0.05rem 0px;}
.gywm_hzhb_c_l{ width:1.1rem; height:0.82rem; float:left; padding:0.2rem 0px 0.18rem 0px; background-color:#2087ed; text-align:center; color:#FFF; font-size:0.2rem;}
.gywm_hzhb_c_l .img{width: 0.5rem;height:  0.5rem;background-repeat: no-repeat;background-position: center center; background-size:100%; margin:0px auto;}
.gywm_hzhb_c_l p{ line-height:0.4rem;}
.gywm_hzhb_c_r{ background-color:#FFF; padding:0.411rem 0px;overflow:hidden;position:relative; height:0.37rem;}
.gywm_hzhb_c_r ul{ float:left;} 
.gywm_hzhb_c_r ul li{ float:left; height:0.37rem; margin-right:0.3rem;position:relative;}
.gywm_hzhb_c_r ul li img{ height:0.37rem;}
.gywm_hzhb_c_id135 .gywm_hzhb_c_l{ background-color:#4499ec;}
.gywm_hzhb_c_id136 .gywm_hzhb_c_l{ background-color:#66a9eb;}
.h_bt_h2_h{ color:#333;}
.h_hzhb{ background-color:#FFF;width: 1198px;margin-top: 18px; padding:30px 0px 0px 0px;border: 1px #e4e4e4 solid;}
/*二级页关于我们-*/
.h_bt_h2{ font-size:0.4rem; font-weight:bold; text-align:center;color:#fff; letter-spacing:0.02rem; line-height:0.5rem;}
.h_bt_h2 span{text-transform:Uppercase; font-size:0.2rem; font-weight:normal; letter-spacing:0px;}
.h_bt_xian{display:block;position:relative;height:0.04rem;border-radius:0.2rem;background-color:#2087ed;width:0.8rem;overflow:hidden; margin:0.03rem auto 0.12rem auto;}
.h_bt_xian:after{content:"";position:absolute;left:0;top:-1.1px;height:5px;width:6px;background-color:#fff;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:MOVE-BG;animation-name:MOVE-BG}
@-webkit-keyframes MOVE-BG{0%{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
@keyframes MOVE-BG{0%{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
@-webkit-keyframes MOVE-BG2{0%{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(48px);transform:translateX(48px)}
}
@keyframes MOVE-BG2{0%{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(48px);transform:translateX(48px)}
}
.h_bt_desc{ text-align:center; line-height:30px; height:30px; color:#999; font-size:14px;}
.guodu{transition: 0.4s;}
.h_bt_h2_h{ color:#333;}
.gywm_gsys{ background-color:#eaeaea;}
.gywm_gsys_ul li{ width:44.5%; padding:0.3rem 2%; text-align:center; float:left;box-shadow: 0 0 0.2rem rgba(175,175,175,.4); background-color:#FFF; border-radius:0.05rem; margin:3% 0px 0rem 3%;}
.gywm_gsys_ul li:nth-child(2n+1){ margin-left:0rem;}
.gywm_gsys_ul li .img{width: 0.9rem;height: 0.9rem;background-repeat: no-repeat;background-position: center center; background-size:100%; margin:0px auto;}
.gywm_gsys_ul li .tit{ font-size:0.24rem; line-height:0.4rem; height:0.4rem; color:#2087ed; margin:0.15rem 0px 0.1rem 0px; font-weight:bold;}
.gywm_gsys_ul li .desc{ font-size:0.2rem; line-height:0.36rem; min-height:2.52rem; color:#666; padding-bottom:0rem;}
.gywm_gsys_ul li:hover{ margin-top:10px;}
/*案例*/
.anli_ul li{ width:48.5%; float:left; margin:0.2rem 0px 0px 3%;}
.anli_ul li .img{ overflow:hidden;}
.anli_ul li .img img{ height:2rem;}
.anli_ul li .tit{height:0.55rem;line-height: 0.55rem;padding: 0px 0.1rem 0px 0.1rem;font-size:0.2rem;background-color: #f5f5f5;font-weight:normal;}
.anli_ul li:active .tit{background-color: #2087ed; color:#FFF;}
.anli_ul li:nth-child(2n+1){ margin-left:0px !important;}
.anli_show{ padding:0.2rem;}
.anli_show .tit{ font-size:0.3rem; line-height:0.4rem; padding:0px 0px 0.15rem 0px; font-weight:normal;}
.anli_show .more{font-size: 0.22rem;color: #fff;text-align: center;width: 3rem;height: 0.6rem;line-height: 0.6rem;display: block;background: #2087ed;border-radius: 0.6rem; margin:0px auto;}
.anli_show .video,.anli_show .img{ margin:0px auto 0.2rem auto;}
.anli_show .more i{width: 0.22rem;height:0.22rem;background-image: url(../images/ico_lj.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle; background-size:100%; display:inline-block; margin-right:0.07rem;}
.layer-alert-zdy{ height:5rem !important;}
.layer-alert-zdy .layui-layer-close2{ right:-0.1rem; top:-0.1rem;}
/*联系*/
.lianxi_box{width:100%; margin:0.1rem 0rem 0.3rem 0rem;border:1px solid #ddd; }
.lianxi_box .img{ width:100%;}
.lianxi_box .desc{padding:0.15rem 0.2rem;}
.lianxi_box .desc .tit{ font-size:0.24rem; font-weight:bold;line-height:0.4rem; height:0.4rem;}
.lianxi_box .desc p{line-height:0.34rem;margin: 0.12rem 0px;font-size: 0.22rem;color: #333;background-image: url(../images/lx_tel.png);background-repeat: no-repeat;background-position: left 0.05rem; background-size:0.25rem;padding-left:0.34rem;}
.lianxi_box .desc .mail{background-image: url(../images/lx_mail.png);}
.lianxi_box .desc .address{background-image: url(../images/lx_add.png);}
/*分页-*/
.page{text-align:center;clear:both; padding:0.2rem 0rem 0.3rem 0rem;}
.page a,.page span{display: inline-block;padding:0.07rem 0.12rem;margin:0px 0.03rem;background:#ededed;border-radius:0.03rem;font-size:0.2rem;}
.page a:active,.page .current{ background:#2087ed;color:#FFF;display:inline-block;}
.page select{ height:33px;}
.page .pageinfo,.page .pagenum,.page .current{ display:none;}
/*自定义*/
.x_sub_nav ul{ padding:0rem 0px; background-color:#FFF;}
.x_sub_nav ul li{ display:block; width:28.6%; float:left; text-align:center; padding:0.2rem 2%; line-height:0.34rem; font-size:0.2rem; background-color:#f5f5f5; margin:1% 0rem 0rem 1%;}
.x_sub_nav ul li a{ display:block;}
.x_sub_nav ul li a i{width: 0.3rem;height: 0.3rem; display:block; margin:0px auto 0.1rem auto;background-repeat: no-repeat;background-position: center center; background-size:100%;filter: grayscale(1);}
.x_sub_nav ul li a:active,.x_sub_nav ul .cur a{ color:#2087ed;}
.x_sub_nav ul li a:active i,.x_sub_nav ul .cur i{filter: grayscale(0);}
.x_sub_nav ul li:nth-child(3n+1){ margin-left:0rem;}
/*新闻内页-*/
.show_h2{ font-size:0.28rem;line-height:0.4rem; color:#000; padding:0.05rem 0rem 0.05rem 0rem; text-align:center;}
.show_time{font-size:0.18rem; padding:0.04rem 0rem 0.1rem 0rem;color:#666; border-bottom:1px solid #ccc; text-align:center;}
.show_video{ width:100%; padding:0.15rem 0rem; text-align:center;}
.show_video iframe{ margin:0px auto;}
.show_body{ padding:12px 0px 50px 0px;font-size:0.2rem; line-height:0.34rem;}
.show_pre_next{ border-top:2px solid #2087ed; background-color:#f7f7f7; padding:10px 20px 20px 20px;font-size:0.18rem; line-height:0.34rem;}
.show_pre_next p{ margin-top:0.07rem;}
.show_fenxiang{ padding:0.07rem 0px;}
.pre_next{font-size:0.18rem; line-height:0.34rem;padding:0.05rem 0rem;border-top:1px solid #ccc;}
.pre_next p{padding:0.05rem 0rem;}
/*留言-*/
.zxjm{ padding:0rem 1% 0.2rem 1%;}
.zxjm_li{ width:100%;padding:0.15rem 0rem; font-size:0.2rem;}
.form_text,.form_textarea,.form_text_verifycode{ width:100%; height:0.5rem; line-height:0.5rem; text-indent:0.1rem; border:1px solid #e2e2e2; background-color:#f6f6f6; margin-top:0.1rem;}
.form_textarea{ height:2rem;}
.zxjm_li .required{  color:#F00;}
.zxjm_li_yzm  .form_text_verifycode{ width:100px;}
.zxjm_body{ padding:60px 0px 80px 0px;}
.form_button {height:0.6rem; line-height:0.6rem;width: 100%; border:1px solid #2087ed;background-color: #2087ed;color: #FFF;cursor: pointer;font-family: "Microsoft yahei"; font-size:0.22rem; border-radius:3px; margin-top:0.1rem;}
/*返回顶部-*/
.fhdb_top{background-color: #c9c9c9;}
.fhdb_top:active{ background-color:#2087ed;}
/*底部-*/
.footer{background-color:#f3f3f3;width:90%;padding:0.3rem 5% 1rem 5%; position:relative;font-size:0.18rem; line-height:0.35rem;color:#555; text-align:center;}
.footer a,.footer a:active{ color:#555;}
/*底部固定工具条*/
.toollist {background:#3c3c3c; margin: auto; display: block; height: 0.8rem; position: fixed; bottom:0rem; left:0rem; right:0rem;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;-webkit-box-sizing: border-box; box-shadow: none!important;}
.toollist li a {text-align: center;display: block;text-decoration: none;padding-top: 0.05rem;position:relative;color: #fff;}
.toollist li a img{width:0.3rem;height:0.3rem; margin-top:0.06rem;}
.toollist li a p{margin: 0.03rem 0 0px 0;font-size:0.18rem; line-height:0.3rem;display: block !important;text-align: center;}
#boxss{display: none;width: 160px;padding-top:10px;font-size:0.18rem; line-height:0.3rem; background:#fff; text-align:center;position: absolute; bottom:56px; left:50%; margin-left:-80px; z-index:121; padding-bottom:0.08rem;}
#boxss img{ width:140px; height:140px;}
/* 网站地图 */
.sitemap_box{ padding-bottom:0.1rem;}
.sitemap_h2{ font-size:0.2rem; height:0.4rem; border-bottom:1px solid #ccc;}
.sitemap_h2 span{ display:inline-block; border-bottom:2px solid #2087ed; padding:0px 10px 0px 5px; height:0.39rem; line-height:0.39rem;}
.sitemap_ul{ padding:0.05rem 0px;}
.sitemap_ul li{ float:left; margin-right:0.3rem; font-size:0.18rem;}
/*微信弹窗*/
#wxnr {width: 100%;height: 100%;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.7);}
#wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 50%;width: 4rem;height: 4rem;padding: 0.3rem;margin-top: -2.3rem;margin-left: -2.3rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 0.1rem;}
#wxnr img {width: 2.1rem;height: 2.1rem;display: block;margin: 0 auto;}
#wxnr p {font-size: 0.24rem;line-height: 0.45rem;text-align: center; margin:0.03rem 0rem;}
#wxnr i {position: absolute;top: 0.2rem;right: 0.2rem;width: 0.3rem;height: 0.3rem;font-size: 0.2rem;line-height: 0.3rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span {display: inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #2087ed;color: #fff;border-radius: 0.05rem;cursor: pointer;}
#wxnr span.wx {padding-left: 0.32rem;background-image: url(../images/system/weixin.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}
/*复制提示*/
#weixin {position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}
@media only screen and (max-width: 768px) {
html {font-size:768%;}
}
@media only screen and (max-width: 480px) {
html {font-size:68px;}
.banner .swiper-slide img{height:3.6rem;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
html {font-size: 48px;}
}