@charset "utf-8"; 
@import url('font/iconfont.css');

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, fieldset, lengend, button, input, textarea, th, td,form { margin: 0; padding: 0;}
body,button, input, select, textarea {font: 0.16rem/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,"5b8b\4f53",sans-serif; }
body{background-color:#F4F5F6;color:#333;}
h1 { font-size: 0.22rem;}
h2 { font-size: 0.20rem;}
h3 { font-size: 0.18rem;}
h4,h5,h6 { font-size: 0.16rem; }
i,em{font-style: normal;}
small { font-size: 0.14rem; } 
ul,ol { list-style: none; }
a {color:#333;text-decoration: none; }
a:hover {color:#1684F1; text-decoration: none; }
a:focus,*:focus {outline:none;} 
button,input,select,textarea,label {font-size: 100%;vertical-align:middle} 
table {border-collapse: collapse;border-spacing: 0;}
img,a img{border:0;} 
input::-moz-placeholder { color: #ccc; }
input::-webkit-input-placeholder { color:#ccc; }
input:-ms-input-placeholder { color:#ccc; }
.fr{float:right;}
/* .fl{float:left;}  */
.hide {display:none;}
.block {display:block;}
.flex,.vflex{ display: flex;display: -webkit-flex; align-items:center; flex-wrap: wrap; }
.vflex{ flex-direction:column; }  

.w192{width:19.2rem;}  
.w100{width:100%;position:relative;overflow:hidden; }  
.container{width: 15rem; margin:0 auto;overflow: hidden;position: relative;}  

.header { 
    /* height: 7.58rem; 
    background:#F4F5F6 url(pic/header_bg.png) no-repeat center top;   */
    background-size:cover; 
    position: relative;  
    overflow: hidden; 
}
.header .container,.header .headerc{height: 100%;} 

.navwrap{width: 100%;padding-top: 0.2rem;overflow: hidden;}  
.navlogo{flex: 1.5;min-width: 30px;margin-right: 1rem;height: 100%;}
.navlogo a{ width: 100%;height: 100%;} 
.navlogo img{/* max-width: 100%; */max-height: 100%;} 
.navitem {     flex: 5; }
.navitem ul{ justify-content: center; flex-wrap: nowrap;} 
.navitem ul li { margin-left:.4rem;}
.navitem ul li a {display: inline-block;font-size: 0.15rem;border-bottom: 2px solid transparent;padding: 0 .1rem .05rem;font-weight: initial;color: #666;}
.navitem ul li a:hover,
.navitem ul li.on a{color:#1684F1;border-bottom: 1px solid #1684F1;} 
.navitem .subitem {padding: .15rem 0 0 ; border-top: 1px solid #ddd; margin-top: -1px; display:none;} 
.navitem .subitem a{display: inline-block;  font-size: 0.182rem; margin:0 .3rem 0 0;   padding-bottom: .1rem; color: #666;  } 
.navitem .subitem a.son,
.navitem .subitem a:hover{color:#1684F1;  } 

.navtel{flex: 2;font-size: 0.2rem;text-align: right;}
.header .navtel a{font-weight: 600; color: #333; display: inline-block; }
.navtel .iconfont{font-size: 0.25rem;margin-right: 5px; }
.header .navtel a:hover{color: #fff;}

  
.navtop{
  background:#F4F5F6;
  /*background:rgba(244,245,246,.9);*/
    z-index: 999;
    box-shadow: 0 0 10px rgba(154,154,154,.3);
    padding: 0.1rem 0;
    overflow: hidden;
    position: fixed;
    top: 0;
}
.navtop .navtel a:hover{color: #1684F1!important;}


.banners{flex: 1; width: 100%;height: 100%;  margin-top: .3rem;  overflow: hidden;}
.banners ul{height: 100%; overflow: hidden;position: relative; } 
.banners ul li{float: left; height: 100%; overflow: hidden; }
.banners ul li .flex{width: 100%; height: 100%; }
.banners ul li .brtext{width: 52%; }
.banners ul li .brtext h3{font-size: .34rem; text-transform:uppercase;color: #333;font-weight: 600;letter-spacing:1px;}
.banners ul li .brtext h2{font-size: .25rem;line-height: 150%;text-transform:uppercase;color: #333;font-weight: normal;letter-spacing:3px;}
.banners ul li .brtext h4{font-size: .16rem;line-height: 1.7;text-transform:uppercase;color: #999;font-weight: normal;margin-top:8px;}
.banners ul li .brtext a.btnmore{width: 1.08rem;height: 0.35rem;line-height: 0.35rem;background: #1684F1;border-radius: 0.05rem;font-size: 0.1rem;color: #fff;text-align: center;display: inline-block;margin-top: 0.5rem;}
.banners ul li .brtext a.btnmore:hover{background:#38B7FC;}

.jiejue h3{display:none;}


.banners ul li .brpic{width: 48%;text-align: right; }
.banners ul li .brpic img{max-width: 70%;max-height: 98%; vertical-align: middle; }

.bannertit {height:1rem;padding:0.18rem 0 0;position:relative;}
.bannertit ul {height:100%;}
.bannertit ul li {width: 2rem;margin-right: 1rem;height:100%;margin-top:-1px;position:relative;border-bottom:2px solid #ddd;border-bottom-color:rgba(198,198,198,0.5);}
.bannertit ul li strong {font-size: .18rem;letter-spacing:1px;color:#666;display:block;font-weight: 100;}
.bannertit ul li span {font-size: .14rem;color:#b6b6b6;display:block;margin-top:.1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform: uppercase;}
.bannertit ul li:hover strong,.bannertit ul li:hover span,.bannertit ul li.on strong,.bannertit ul li.on span {color:#1684F1;cursor:pointer;}
.bannertit ul li.on:after,.bannertit ul li:hover:after {content:'';width:50%;height:2px;background-color:rgba(0,72,255,.6);position:absolute;bottom:-1px;}
.bannertit ul li:before {content:'';width:1px;height:100%;background-color:#ececec;position:absolute;right:-0.6rem;}
.bannertit ul li:last-child {margin-right:0;}
.bannertit ul li:last-child:before {width:0!important;}
.bannertit .bannernext {width:1.2rem;position:absolute;right:0;display:block;text-align:center;}
.bannertit .bannernext a {width:0.6rem;height:0.3rem;display:inline-block;}
.bannertit .bannernext a.brnext {background:url(pic/icon_next.png) no-repeat 50% 50%;background-size:cover;margin-bottom:.2rem;}
.bannertit .bannernext a.brprev {background:url(pic/icon_prev.png) no-repeat 50% 50%;background-size:cover;}
.focusWrap {width:1000%;overflow:hidden;position:relative;}

 
.about_banners{margin-top:0} 
.about_banners ul li .brtext h2{margin-top:.1rem;}
.about_banners ul li .brtext h4{margin-top:.6rem;}

.about_banners ul li .brpic img{max-width: 75%;max-height: 95%;}
.about_bannertit ul li{border-bottom:0;margin-top:0}
.about_bannertit ul li.on:after,.about_bannertit ul li:hover:after {display: none;}


.sys_banners{margin-top:0} 

.sys_banners ul li .brtext{width: 46%;}
.sys_banners ul li .brpic{width: 54%; text-align: right;}

.sys_banners ul li .brtext h2{margin-top:.1rem;}
.sys_banners ul li .brtext h4{margin-top:.6rem;}


.homesys{ margin:0 auto;position: relative;overflow: hidden;width:15rem;}
.homesys dl{padding: .3rem 0 0;align-items: flex-start;}
.homesys dl dt{width: 7.6rem; margin-top: 0.3rem;}
.homesys dl dt h3{font-size: .18rem; text-transform:uppercase;color: #333;font-weight: normal;}
.homesys dl dt h2{width: 90%;font-size: .25rem;line-height: 130%;margin: 0.2rem 0 0.55rem;text-transform:uppercase;color: #333;font-weight: normal;letter-spacing:2px;}
.homesys dl dt h4{
    font-size: .16rem;
    line-height: 190%;
    text-transform:uppercase;
    color: #999;
    font-weight: normal;
    max-height: 1.6rem;
    overflow: hidden;
    } 
.homesys dl dt a{width: 1.2rem;font-size: 0.2rem;padding-bottom: .15rem;color: #666;text-align: left;display: inline-block;border-bottom:2px solid #ddd;border-bottom-color:rgba(198,198,198,0.5);position: absolute;bottom: 0.6rem;background: #F4F5F6;}
.homesys dl dt a:after{content:'';width:33%;height:2px; background-color:rgba(0,72,255,.6);position:absolute;bottom:-1px; left: 0;display: inline-block;  }
.homesys dl dt a:hover{color: #1684F1}

.homesys dl dd{flex: 1; text-align: right; position: relative; overflow: hidden;  }
.homesys dl dd img{max-width: 80%;max-height: 95%;vertical-align: middle;transition: transform 0.5s;}
.homesys dl dd:hover img {transform: scale(1.05,1.05); }
.patterns {
  width: 70%;
  height: 60%;
  margin: auto;
  position: absolute;
  bottom: 2%;
  right: 0;
  display:none;
}
 
.patterns svg text {
  font-family: Lora;
  letter-spacing: .05rem;
  stroke:#FC8E00;
  font-size: .7rem;
  font-weight: 700;
  stroke-width:2; 
  animation: textAnimate 8s infinite alternate; 
} 
@keyframes textAnimate {
  0% {
    stroke-dasharray: 0 50%;
    stroke-dashoffset:  20%;
    fill:hsl(165, 50%, 50%)

  } 
  100% {
    stroke-dasharray: 50% 0;
    stroke-dashoffstet: -20%;
    fill: hsla(165, 50%, 50%,0%)
  } 
}


.tit {padding:.2rem 0; overflow: hidden;}
.tit h3{font-size: .24rem;color: #333;letter-spacing: 1px;}
.tit span{font-size: .16rem;margin: 0.1rem 0;color: #999;font-weight: normal;display: block;}

.homesolu{padding: .2rem 0 0;}
.soluc{width: 100%; height: 5.2rem; margin: .1rem 0 0; overflow: hidden; position: relative;}
.soluc ul{width: 100%; height: 100%; overflow: hidden;}
.soluc ul li{display: none; overflow: hidden; }
.soluc ul li .flex{align-items: flex-start;  width: 100%;height: 100%; }
.soluc .solupic{width: 6.2rem; padding-right: 0.6rem; }
.soluc .solupic .pics{width: 6.2rem;height: auto;border-radius: 10px;position: relative;overflow: hidden;}
.soluc .solupic .pics img{width:100%; height: 100%;opacity: 0.68}
.soluc .solupic .pics img:hover{opacity: 1}
.soluc .solutext{flex: 1; margin-top: .25rem;} 
.soluc .solutext h4{font-size: .18rem; text-transform:uppercase;color: #333;font-weight: normal;}
.soluc .solutext h3{
    width: 90%;
    font-size: .25rem;
    margin: 0.2rem 0 0.75rem;
    text-transform:uppercase;
    color: #333;
    font-weight: normal;
    letter-spacing:2px;
    max-height: 1.5rem;
    overflow: hidden;
    }
.soluc .solutext span{
    font-size: .16rem;
    line-height: 210%;
    color: #666;
    font-weight: normal;
    display: block;
    max-height: 3.6rem;
    overflow: hidden;
    } 
.soluc .solutext a{width: 1.2rem;font-size: 0.2rem;padding-bottom: .15rem;color: #666;text-align: left;display: inline-block;position:relative;border-bottom:2px solid #ddd;border-bottom-color:rgba(198,198,198,0.5);position: absolute;bottom: .6rem;background: #F4F5F6;}
.soluc .solutext a:hover{color: #1684F1}
.soluc .solutext a:hover:after{content:'';width:33%;height:2px; background-color:rgba(0,72,255,.6);position:absolute;bottom:-2px; left: 0;display: inline-block;  }

.soluc dl{width: 9rem; height: .6rem; position: absolute;bottom: 0; left: 0.8rem; overflow: hidden;}
.soluc dl dt{ display:none; float: left; width: 2.7rem; height: 2.1rem; border-radius: 10px; background: #fff;overflow: hidden;}
.soluc dl dt span{display: block;font-size: .21rem;  height: .6rem; line-height: .6rem;  background: #fff; color: #444; font-weight: 600; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align: center;padding:0 .1rem; letter-spacing: 2px;}
.soluc dl dt img{width:100%; height: 100%;}
.soluc dl dd{float: left;
    width: 6rem;
    margin-top: 0;
    height: 0.6rem;
    line-height: .6rem; }
.soluc dl dd a{ float: left; margin:0 0 0 0.8rem; font-size: .22rem;  text-align: center; font-weight: 600; color: #666;margin-top: -1px;}
.soluc dl dd a.on{color: #1684F1;border-bottom: 2px solid #1684F1; }
.soluc dl dd a:hover{color: #1684F1;border-bottom: 2px solid #1684F1; }


.homepro{padding-top:.7rem;}
.homepro ul{width: 100%;height:5rem;  overflow: hidden;}
.homepro ul li{ height: 100%; display: none;  }
.homepro ul li .flex{ width: 100%;height: 100%; }
.homepro dl{align-items: flex-start;}
.homepro dl dt{width: 4.3rem;  padding-right:0.7rem; height: 100%;  position: relative;}
.homepro dl dt h4{font-size: .18rem; text-transform:uppercase;color: #333;font-weight: normal;}
.homepro dl dt h3{font-size: 0.2rem;line-height: 130%;margin: 0.4rem 0 0.3rem;text-transform:uppercase;color: #333;font-weight: normal;letter-spacing:2px;}
.homepro dl dt span{
    display: block;
    font-size: .16rem;
    margin-top: 0.5rem;
    line-height: 200%;
    text-transform:uppercase;
    color: #999;
    font-weight: normal;
    letter-spacing:2px;
    max-height: 2.9rem;
    overflow: hidden;
    } 

.homepro dl dt a{width: 1.2rem;font-size: 0.2rem;padding-bottom: .15rem;color: #666;text-align: left;display: inline-block;border-bottom:2px solid #ddd;border-bottom-color:rgba(198,198,198,0.5);position: absolute;bottom: 0.08rem;left: 0;background: #F4F5F6;}
.homepro dl dt a:after{content:'';width:33%;height:2px; background-color:rgba(0,72,255,.6);position:absolute;bottom:-2px; left: 0;display: inline-block;  }
.homepro dl dt a:hover{color: #1684F1}

.homepro dl dd{flex: 1;  text-align: center; vertical-align: middle; }
.homepro dl dd img{width: 80%;height: 90%; }

.homeprono{margin-top: .7rem; height: .9rem; line-height:.9rem; text-align: center;}
.homeprono a{display: inline-block;  margin:0 0.45rem; font-size: .24rem;  text-align: center; font-weight: 600; color: #666;margin-top: -1px;}
.homeprono a:hover,
.homeprono a.on{color: #1684F1;border-bottom: 2px solid #1684F1; }

i.iconmore{ width: 0.6rem;height: .3rem; display: inline-block; background: url(pic/icon_more.png) no-repeat; background-size: cover; } 

.homecase{padding-top:.3rem;}
.homecase dt{padding:0 2rem 0.3rem; flex-wrap: wrap; justify-content: space-around;align-items: center; justify-content: space-between; } 
.homecase dt a{display: block;line-height: 250%;font-size: .16rem;color: #999;font-weight: initial;} 
.homecase dt a i{display: block;text-align:center;font-size: .35rem;color: #999;font-weight: normal;} 
.homecase dt a.on,
.homecase dt a.on i,
.homecase dt a:hover,
.homecase dt a:hover i{ color: #1684F1;} 
.homecase dd{width: 75%;height:auto; background: #fff;  border-radius: 10px; overflow: hidden;margin: 0 auto;} 
.homecase dd p,.homecase dd img{width: 100%;height:100%; border-radius: 10px;} 
.homecase dd p{display: none;}

.homenews{padding: 1.2rem 0 0; position: relative;clear: both;overflow: hidden;}
.homenewsn{position: absolute;left:0; top:.6rem;}
.homenewsn a{font-size: 0.3rem;margin-right: 2rem;font-weight: 600;}
.homenewsn a.on{ color: #1684F1;} 
.homenewsc {width: 100%; overflow: hidden; } 
.homenewsc .newscc{display: none;overflow: hidden; } 
.homenewsc ul{align-items: flex-start;flex-wrap: nowrap; } 
.homenewsc li{max-width: 28%; padding-right: 3%; margin-right: 3%; border-right: 2px dashed #ECECED; color: #333; overflow: hidden;position: relative;} 
.homenewsc li:last-child{padding-right:0; margin-right: 0;border-right: 0}
.homenewsc li h3{
    font-size: .24rem;
    color: #444;
    max-height: 1.2rem;
    overflow: hidden;
    }  
.homenewsc li span.ymd{display: block;font-size: .16rem;margin: .2rem 0;color: #444;} 
.homenewsc li p.intro{
    font-size: .16rem;
    color: #666;
    line-height: 180%;
    letter-spacing: 0.01rem;
    min-height: 1.2rem;
    overflow: hidden;
    } 
.homenewsc li i.iconmore{ margin-top: .3rem;  } 
.homenewsc li:hover i.iconmore{background-image: url(pic/icon_more_on.png);}


.footer{padding:0.4rem 0 0;min-height:100px;margin-top: .8rem;color: #f4f5f6;font-size: 0.14rem;height:220%;background: #1684F1;z-index: 998;}
.footer a{color: #f4f5f6;}
.footer a:hover{color: #38B7FC;}
.footer ul{ align-items: flex-start; }
.footer ul li.ftl{ width: 4.6rem; padding:0 .5rem  0 0; }
.footer ul li.ftl p{ padding:.05rem 0; }
.footer ul li.ftm{flex: 1; align-items: flex-start; flex-wrap: wrap;}
.footer ul li.ftm .ftml{width: 1.3rem;}
.footer ul li.ftm .ftmr{flex: 1;}
.footer ul li.ftm .ftmr a{display: inline-block; width: 24%; height: 0.3rem; line-height: .3rem; margin-bottom: .1rem; overflow: hidden;}
.footer ul li.ftr{width: 3.8rem; padding-left:.8rem;  }
.footer ul li.ftr span{float: left;  width: 50%; display: block;overflow: hidden; text-align: center;}
.footer ul li.ftr span p{text-align: center;max-height: .4rem;overflow: hidden;}
.footer ul li.ftr span:nth-child(2),
.footer ul li.ftr span:nth-child(2) p{text-align: right;}
.footer ul li.ftr img{max-width: 1rem;max-height: 1rem;margin:0 auto;}
.footer .ftinfo{border-top: 1px solid #9BC8F4;margin: .1rem 0 0;padding: .2rem 0; overflow: hidden;}
.footer .ftcopyright{width: 60%;}
.footer .ftnav{flex: 1; text-align: right;}
.footer .ftnav a{margin:0 0.08rem;}



.newslist{margin-top: 0.3rem;} 
.newslist .flex{align-items: flex-start;}

.newsmain  {flex:1; justify-content: space-between; overflow: hidden; position: relative; }  
.newsmain dt{ width: 100%; font-weight: 600;overflow: hidden;  }
.newsmain dt .flex{align-items: flex-start;}
.newsmain dt .tit{padding-right: 1.8rem;}
.newsmain dt .on h3,
.newsmain dt .on span,
.newsmain dt .tit a:hover h3,
.newsmain dt .tit a:hover span{color: #1684F1;}

.newsmain dd {width: 100%;  position: relative; } 
.newsitem{overflow: hidden;  position: relative; } 
.newsitem li{height: 2.8rem; margin-bottom: .2rem;  border:0.09rem solid #ECEDED; border-radius: 10px; text-align: left; position: relative; } 
.newsitem li .nmpic{ width: 5rem; height: 100%; overflow: hidden;} 
.newsitem li .nmpic img{ width: 100%; height: 100%;opacity: 0.8; transition:transform 0.5s; } 

.newsitem li .nmcon{flex: 1;padding:0 2em 0 4em; }   
.newsitem li .nmcon a.vflex{color: #333; width: 100%;height: 3rem; overflow: hidden;}
.newsitem li .nmcon a.vflex span{width: 100%; justify-content: center; overflow: hidden; } 
.newsitem li .nmcon a.vflex span.nmcont{height: 1.2rem;  align-items: flex-start;  }
.newsitem li .nmcon a.vflex span.nmconc{flex: 1;  align-items: center; justify-content: flex-start;}
.newsitem li .nmcon a.vflex span.nmconb{height: 1.2rem; align-items: center; justify-content: flex-start; } 
.newsitem li .nmcon h3{max-height: 1rem; line-height: 160%; overflow: hidden; font-size: .24rem; font-weight: normal; letter-spacing: 2px; padding:0 0 0.1rem; } 
.newsitem li .nmcon h4{font-size: .14rem; text-transform:uppercase; font-weight: normal; } 
.newsitem li .nmcon p{font-size: .16rem; color: #999; line-height: 180%; max-height: 100%;overflow: hidden; } 
.newsitem li .nmcon i{width: 1.2rem;font-size: 0.16rem;  padding-bottom: .1rem; color: #666;text-align: left; display: inline-block;border-bottom:2px solid #ECEDED;background: #F4F5F6;}
.newsitem li:hover .nmcon i{border-bottom-color:#1684F1;color: #1684F1; }
.newsitem li:hover .nmpic img{opacity: 1;transform: scale(1.08,1.08); }
  
.newsside {width: 3.3rem; padding:0 0 0 .68rem; overflow: hidden;  }
.newsside a{color: #999;}
.newsside a:hover{color: #1684F1;} 
.newsside dt{font-size: .24rem; font-weight: 600; padding:0.2rem 0 0.2rem; } 
.newsside dd{border-top: 1px solid #DFE0E1; padding:0.3rem 0 0; position: relative; }
.hotlink{justify-content: space-between; flex-wrap: wrap;}
.hotlink a{width: 48%; padding:0 2% .1rem 0; line-height: 110%; height:.3rem;  font-size: .16rem; overflow: hidden; }

.newnews{width: 100%; overflow: hidden;}
.newnews a{color: #333;} 
.newnews li{padding: .2rem 0; font-size: .24rem; overflow: hidden;}
.newnews li span{font-size: .18rem;color: #444; display: block;}
.newnews li strong{margin: 0.3rem 0; color: #333;display: block;font-size: 0.18rem;} 
.newnews li p{line-height: 168%; color: #999;font-size: .16rem;}
.newnews li i{width: 1.2rem;font-size: 0.16rem;  padding: .2rem 0 .1rem; color: #999; display: inline-block;border-bottom:2px solid #ECEDED;background: #F4F5F6;}
.newnews li:hover i{border-bottom-color:#1684F1;color: #1684F1; }

.newscwrap{ padding:0.5rem; border:0.09rem solid #ECEDED; border-radius: 10px; text-align: left; position: relative; overflow: hidden; }
.newscwrap h1{font-size: .24rem; font-weight: normal; letter-spacing: 1px; margin-bottom: .1rem; } 
.newscwrap h4{font-size: .16rem; color: #999; font-weight: normal; } 

.newscontent {font-size: .16rem; margin-top: .8rem;   color: #999; line-height: 200%;  position:relative; overflow:hidden;}
.newscontent p {text-indent: 2em; display:block;clear:both;margin-bottom:.1rem;font-size: 0.16rem;line-height: 1.6;} 
/*
.newscontent p img{margin-left:-2em!important;}
*/
.newscontent img{max-width:100%!important; height:auto!important;margin:.3rem auto 0.1rem; display: block;}
.newscontent a{color: #1684F1;}
.newscontent a:hover{text-decoration: underline;}

 
.newsnext { height:.65rem;line-height:.65rem; padding:1rem 0.5rem 0.3rem;  overflow:hidden;clear:both; }
.newsnext span {width:50%; height:.65rem;line-height:.65rem; font-size: .24rem; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.newsnext span.next {float:left; text-align:left;}
.newsnext span.prev {float:right; text-align:right;} 
.newsnext span i.iconmore{position: relative; margin-bottom:-5px; } 
.newsnext span.next i{transform:rotate(-180deg);-ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); } 
.newsnext span:hover i.iconmore{background-image: url(pic/icon_more_on.png);}


.probest{margin-top: 1rem; overflow: hidden; position: relative;} 
.probest ul{ } 
.probest ul li{ width:11.3rem; height:4.8rem; position: relative; } 
.probest ul li a{color: #333; }   
.pbpic {width: 3rem; height: 100%;position: absolute;top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.pbpic img{max-width: 100%;max-height: 100%; } 
/* 880px 560px */
.pbitem{margin: .46rem 0 0 0.4rem;width: 4rem;height: 2.6rem; padding: 0.6rem 0.6rem 0 3rem;border: 0.09rem solid #9A9A9A;border-color: rgba(120,120,120,0.1);border-radius: 10px;text-align: left;position: relative;overflow: hidden;}
.pbitem h3{font-size: .24rem; font-weight: normal; letter-spacing: 2px; padding:0 0 0.1rem; } 
.pbitem h4{font-size: .18rem;  text-transform:uppercase; font-weight: normal;} 
.pbitem p{font-size: .16rem; color: #999; line-height: 168%; margin-top:0.3rem; max-height: 1.6rem;overflow: hidden; } 
.pbitem i{width: 1.2rem;font-size: 0.16rem;  padding-bottom: .1rem; color: #666;text-align: left; display: inline-block;border-bottom:2px solid #E3E4E4; position: absolute;bottom: .8rem; } 
.pbno{width: 1rem;position: absolute;top:.2rem;right: 0; font-size: .18rem;color: #999; } 
.pbno em{color:#4A7AFC;border-bottom: 2px solid #4A7AFC; padding-bottom: 3px;} 
.probest ul li:hover i{border-bottom-color:#1684F1;color: #1684F1; }

.sysbest { margin-top:.3rem; } 
.sysbest ul li .pbitem{height:2.6rem;  padding-top:1rem; } 

.prolist{margin-top: 0.6rem;}
.prolist .flex {align-items: flex-start; }
.proside {width: 2.66rem;padding-right: 1.3rem;overflow: hidden; position: relative;}
.proside dl{width: 100%;}
.proside dl.protop{width: inherit; z-index: 997; min-height: 800px; position: fixed; top: 13%; background-color: #F4F5F6; }
.proside dt{font-size: .24rem; padding:0 0 0.1rem; font-weight: 600;overflow: hidden;  }
.proside dd{border-top: 1px dashed #ddd; padding:0.1rem 0; position: relative; }
.proside dd .pstit{font-size: .16rem; display: block; position: relative;}
.proside dd .pstit i{ width: .8rem;height: .8rem; position: absolute; right: 0; z-index: 999}
.proside dd .pstit:after,
.proside dd .pstit:before{
  border: 10px solid transparent;
  border-left: 10px solid #F4F5F6;
  width: 0;
  height: 0;
  position: absolute;
  top: 5px;
  right: 1px;
  content: ' '
}
.proside dd .pstit:before {border-left-color: #222; right: 0;}
.proside dd .pstit:hover:before {border-left-color: #1684F1;right: 0;}

.proside dd ul{display: none;  margin: 0.12rem 0 0;padding: 0.2rem 0 0; border-top: 1px dashed #ddd;}
.proside dd li{font-size: .15rem; padding:0 0 0.18rem; }
.proside dd li:last-child{padding: 0;}

.proside dd.cur .pstit a{color: #1684F1; font-weight: 600 }
.proside dd.cur ul{display: block!important;}
.proside dd.cur ul li.scur a{ color: #1684F1;}


.proside dd.cur .pstit:after,
.proside dd.cur .pstit:before { 
    right: 5px;
    border-bottom: 6px transparent dashed;
    border-left: 6px transparent dashed;
    border-right: 6px transparent dashed;
    border-top: 6px solid #F4F5F6;
    overflow: hidden;
}
.proside dd.cur .pstit:after {border-top-color:#F4F5F6;}
.proside dd.cur .pstit:before {top: 6px; border-top-color:#1684F1;}
   
.promain{flex: 1; }
.promain dl{width: 100%; overflow: hidden;  position: relative;}
.promain dt.pmtit{font-size: .24rem; color: #999; padding:0 0 0.2rem;  overflow: hidden;  }
.promain dt.pmtit h2{font-size: .24rem; color: #333; margin-bottom: .1rem;} 
.promain dd.pmcont{width: 100%; margin-top:.2rem;  overflow: hidden; }
.promain dd.pmcont a{color: #333; }
.promain dd.pmcont ul{ overflow: hidden;} 
.promain dd.pmcont ul li{height: 3rem; width: 100%; padding: 0.3rem 0 0.2rem; margin-bottom: .2rem; position: relative;  overflow: hidden; } 
.promain .pmitem{height: 2.6rem; padding:0.28rem 0.4rem 0 1.8rem; margin-left: 1rem; border:0.09rem solid #ECEDED; border-radius: 10px; text-align: left; } 
.promain .pmitem h3{font-size: .24rem; font-weight: normal; letter-spacing: 2px; padding:0 0 0.1rem; } 
.promain .pmitem h4{font-size: .18rem;  text-transform:uppercase; font-weight: normal;} 
.promain .pmitem p{font-size: .16rem; color: #999; margin-top: .2rem; } 

.promain .pmitem i{width: 1.2rem;font-size: 0.18rem;  padding-bottom: .1rem; color: #666;text-align: left; display: inline-block;border-bottom:2px solid #ECEDED; position: absolute;bottom: .6rem; background: #F4F5F6;}
.promain .pmitem:hover i{border-bottom-color:#1684F1;color: #1684F1; }
 
.promain .pmpic { width: 22%; height: 100%; position: absolute;top: 0; left: 0; display: flex; align-items: center;  }
.promain .pmpic img{max-width: 100%;max-height: 100%;}
 

.aboutwrap{margin-top: 0.6rem;} 
.aboutc {font-size: .16rem; color: #666; line-height: 200%;  position:relative; overflow:hidden;}
.aboutc h1{font-size: .24rem; margin-bottom: .5rem; color: #222; font-weight: normal;letter-spacing: 2px;} 
.aboutc p {text-indent: 2em; display:block;clear:both;margin-bottom:.15rem;} 
.aboutc p img{margin-left:-2em!important;}
.aboutc img{max-width:50%!important; height:auto;margin:.3rem auto;}
.aboutc a{color: #1684F1;}
.aboutc a:hover{text-decoration: underline;}

.noem p{ text-indent: 0!important; }

.abouty{margin:.5rem 0;}
.abouty ul{width: 96%; margin:.3rem auto; position: relative;}
.abouty ul li{ padding: 0 0 .6rem; border-left:2px solid #DFDFE0; position: relative;}
.abouty ul li:last-child{padding: 0;}
.abouty ul li dl{align-items: flex-start; height: 2.6rem; margin-left: 1rem;  border:0.09rem solid #ECEDED; border-radius: 10px;  }
.abouty ul li dt{ width: 4.4rem; height: 100%; overflow: hidden;}
.abouty ul li dt img{width: 100%;height: 100%; opacity: 0.5;transition: transform 0.5s;}
.abouty ul li dd {flex: 1; overflow: hidden; padding:0.2rem .2rem 0.2rem 0.5rem;} 
.abouty ul li dd strong{display: block; font-size: .24rem; letter-spacing: 2px; padding:0 0 0.1rem;font-weight: normal; } 
.abouty ul li dd span{ font-size: .16rem;color: #999;margin-top: 0.15rem; display: block;max-height: 1.4rem;overflow: hidden;} 

.abouty ul li.on:before,
.abouty ul li:hover:before,
.abouty ul li.hover:before{width: .34rem;height: .34rem; display: inline-block; position: absolute; left: -0.20rem; top: 50%;margin-top:-.17rem; border:2px solid #AFC4F9; background: #DBE3F7;content:''; border-radius: 50%; }

.abouty ul li.on dt img,
.abouty ul li:hover dt img{opacity: 1; }
.abouty ul li:hover dt img{transform: scale(1.05,1.05); }

.aboutshow{margin-top: 1rem;}
.aboutshow .tit{margin-right: 1rem; cursor: pointer;}
.aboutshow .tit h3{color: #999;}
.aboutshow .tit span{color: #ccc;}
.aboutshow .tit:hover h3,
.aboutshow .on h3{color: #333;}
.aboutshow .tit:hover span,
.aboutshow .on span{color: #999;}
.aboutphoto {width: 100%; overflow: hidden; position: relative;  } 
.aboutphoto ul{} 
.aboutphoto li{width: 10.33rem; height: 5.83rem; margin-right:1rem;color: #999; font-size: 0.24rem; text-align: center;/* overflow: hidden*/;}
.aboutphoto li img{ width:100%; height: 90%; display: block; margin: 0 auto 0.08rem;}

.zlwrap{margin-top: 0.6rem;} 
.zllist{width: 100%; overflow: hidden; position: relative;}
.zllist ul{flex-wrap: wrap;justify-content: space-between;}
.zllist li{max-width: 33.33%; margin:.2rem 0 .7rem;  text-align: center; font-size: .24rem;}
.zllist li img{width: 4.5rem;height: 6.12rem; display: block; margin: auto; margin-bottom: .2rem; cursor: pointer;}
.zllist li a{display:none}

.joblist{margin: 0.6rem 0 0;}
.joblist dl{margin: 0 0 0.6rem;padding:0.5rem;  border:0.09rem solid #ECEDED; border-radius: 10px; overflow: hidden;}
.joblist dl dt{width: 4.35rem; position: relative;}
.joblist dl dd{flex: 1; color: #999; line-height: 220%;}

.joblist dt h3{font-size: .48rem; color: #333; font-weight: normal; letter-spacing: 2px; padding:0 0 0.1rem; } 
.joblist dt h4{font-size: .16rem; color: #999; text-transform:uppercase; font-weight: normal;} 
.joblist dt span{font-size: .3rem; margin-top: .6rem;display: block; } 


.contactlist{margin-top: 0.6rem;}
.contactlist dl {padding:0.3rem 0;align-items: flex-start;  }
.contactlist dl dt{flex: 1;max-height: 4rem;  margin-right: 0.4rem; padding-right:.4rem;  border-right:1px dashed #ddd;  overflow: hidden; position: relative;}
.contactlist dl dt img{width: 100%;height:100%; overflow: hidden;}

#dituContent {width: 100%; height: 6.9rem;}

.contactlist dl dd{width: 6.05rem; overflow: hidden;}
.contactlist dl dd li{padding:0 0 0.23rem; font-size: 0.16rem;  clear: both; overflow: hidden;}
.contactlist dl dd li i{float: left; color: #666; width: 10%; text-align: left; vertical-align:middle; font-size: .26rem;}
.contactlist dl dd li span{float: left;width: 80%; line-height: 200%;}


.schemelist{margin-top: .3rem;}
.schemeitem {width: 100%; overflow: hidden;  position: relative; } 
.schemeitem ul{justify-content: initial; flex-wrap: wrap; } 
.schemeitem li{width: 4.2rem;height: 2.82rem;padding: .2rem .2rem .2rem .2rem;margin-bottom: .2rem;margin-right: .2rem;border: 0.09rem solid #ECEDED;border-radius: 10px;text-align: left;position: relative;}

.schemeitem li:nth-child(odd){ background:#F4F5F6 url(pic/scheme_bg_odd.png) no-repeat 0 0; background-size: 100% 100%;}
.schemeitem li:nth-child(even){ background:#F4F5F6 url(pic/scheme_bg_even.png) no-repeat 0 0; background-size: 100% 100%;}
 
.schemeitem li a.vflex{color: #333; width: 100%;height: 3rem; overflow: hidden;}
.schemeitem li a.vflex span{width: 100%; justify-content: center; overflow: hidden; } 
.schemeitem li a.vflex span.sicont{height: .7rem;  align-items: flex-start;  }
.schemeitem li a.vflex span.siconc{flex: 1;  align-items: flex-start; justify-content: flex-start; }
.schemeitem li a.vflex span.siconb{height: 1rem; align-items: center; justify-content: flex-start; } 
.schemeitem li h3{max-height: 100%; line-height: 160%; font-size: .24rem; font-weight: normal; letter-spacing: 2px; padding:0 0 0.1rem; overflow: hidden; } 
.schemeitem li h4{font-size: .18rem; text-transform:uppercase; font-weight: normal; } 
.schemeitem li p{font-size: .16rem; color: #666; line-height: 173%; max-height: 100%;overflow: hidden; } 
.schemeitem li i{width: 1.2rem;font-size: 0.16rem;  padding-bottom: .1rem; color: #666;text-align: left; display: inline-block;border-bottom:2px solid #c6c6c6; position: relative; overflow: hidden; }
.schemeitem li:hover i{border-bottom-color:#1684F1;color: #1684F1; }

.schemepparam{ height: 9.86rem; background-repeat: no-repeat; background-position: 50% 50% ;background-size: 100% 100%;}
.schemepparam .container{margin-top: .7rem;}
.schemepparam dl{width: 3.1rem; height: 6rem; padding: 0.3rem 0.4rem 0.2rem 0.3rem; border:0.09rem solid #9A9A9A; border-color:rgba(120,120,120,0.1); border-radius: 10px; overflow: hidden; }
.schemepparam dl dt{font-size: .24rem; font-weight: 600; padding: 0 0 .05rem; }
.schemepparam dl dd{font-size: .19rem; font-weight: normal; color: #999; overflow: hidden; padding: 0 0 .1rem; flex-wrap: wrap;}
.schemepparam dl dd span{width: 50%; height: .30rem;line-height: .30rem; overflow: hidden;}
.schemepparam dl dd.w3 span{ width: 33.3%; }
 
.picauto{text-align: center;}
.picauto img{max-width: 100%!important;max-height: 100%!important; margin: auto;} 

.mt1{margin-top: .3rem;}

.syspro{margin-top: .3rem;}
.syspro dl{align-items: flex-start;margin-top:.3rem;  }
.syspro dl dt.sysptit{ width:3rem; margin-right:1rem;  height: 5.8rem;  padding: 0.2rem 0.5rem 0.2rem 0.5rem; border:0.08rem solid #ECEDED; border-color:rgba(120,120,120,0.1); border-radius: 10px; }
.syspro dl dt.sysptit a{display: block; }
.syspro dl dt.sysptit strong{font-size: .24rem; display: block;margin: 0.2rem 0;}
.syspro dl dt.sysptit span{font-size: .16rem; font-weight: normal; color: #999; display: block; margin-bottom: 0.3rem;  max-height: .5rem; line-height: .5rem; overflow: hidden;} 
.syspro dl dt.sysptit a.on,
.syspro dl dt.sysptit a.on span,
.syspro dl dt.sysptit a:hover span{color: #1684F1;} 
.syspro dl dd.syspitem{ flex: 1; height: 4.8rem; position: relative;}  
.syspro dl dd.syspitem li{height: 4.8rem; position: relative;  overflow: hidden; } 
.syspro dl dd.syspitem .pbpic {width: 3rem;  } 
.syspro dl dd.syspitem .pbitem{ width: 5.7rem; padding:0.6rem 0.6rem 0 2.5rem;  } 
.syspro dl dd.syspitem li:hover i{border-bottom-color:#1684F1;color: #1684F1; }
.syspro dl dd.syspitem li a{color: #333; }   
 
.spage {padding:0 2%;margin:20px auto 30px; text-align: center; clear:both;overflow:hidden;} 
.spage b,
.spage a
{display: inline-block;padding: .05rem .1rem; font-size: 0.18rem; border:2px solid #DCDCDC;margin-left: .2rem;}
.spage a:first-child{margin-left: 0;}
.spage a:hover,
.spage b,
.spage a.on{color: #1684F1; border:2px solid #1684F1;font-weight: normal;}
.spage a b{display: none;}
.spage a:nth-child(1){display:none;}

.noem p{ text-indent: 0em!important; }
.noem p img{margin-left:0em!important; }


.sitemaplist{margin-top: .3rem;}
.sitemaplist dl{margin: 0; font-size: .26rem;} 
.sitemaplist dl dd { border-bottom: 1px solid #dedede; padding:.1rem .5rem; }
.sitemaplist .t1{ padding: .1rem 0 ; display: inline-block;}
.sitemaplist .t1 a{color: #333}
.sitemaplist .t2{ display: block;padding: 0 0 .2rem 1em;}
.sitemaplist .t2 a{ font-size: .18rem; color: #999}
.sitemaplist .typelist a{ font-size: .18rem; color: #999}
.sitemaplist .t2 b a { font-size: .20rem; color: #444}
.sitemaplist b{font-weight: normal;}

.sitemaplist a{ margin:0 5px; font-weight: normal; }
.sitemaplist a:hover{color: #1684F1!important}

 
.bigImg {
    position: absolute;
    top: 50%;
    left: 50%; 
	max-height:100%;
    transform: translate(-50%,-50%);
} 
.opacityBottom {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
    top: 0;
    left: 0;
}
.none-scroll{
    overflow: hidden;
}

.gr_kefu{position:fixed;width:58px;height:275px;right:0;top:320px;z-index:999;}
.gr_kefu ul li{width:58px;height:58px;float:left;position:relative;margin-bottom:1px;font-size:14px;line-height:58px;}
.gr_kefu ul li .sidebox{position:absolute;width:58px;height:58px;top:0;right:0;transition:all 0.3s;color:#fff;background:#222;overflow:hidden;opacity:.8;}
.gr_kefu ul li.kf2 .sidebox{overflow:visible;}
.gr_kefu ul li .sidebox:hover{opacity:1;}
.gr_kefu ul li .sidetop{width:58px;height:58px;line-height:58px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.gr_kefu ul li .sidetop:hover{opacity:1;}
.gr_kefu ul li img{float:left;}
.gr_kefu ul li .kImg{padding:17px;}
.gr_kefu .kf_wx{ position:absolute; top:0;right:58px;width:110px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}
.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}

/* html font-size 32px */
@media screen and (max-width: 640px) {

body,button, input, select, textarea {font-size: 0.5rem; }

.w192 {width:100%;}
.container {width:92%;}
.header {height:11.4rem;}
.navwrap {position:relative;}
.navlogo {width:40%;text-align:center; height: auto;}
.navtel {width:60%;position:absolute;top:.2rem;right:0;}
.navlogo img {max-width:90%;}
.navtel {font-size:0.5rem;height: auto;}
.navtel .iconfont {font-size:0.6rem;color:#1684F1;}
.header .navtel a {font-size:0.5rem;color:#1684F1;}
.navitem {display:block;flex:none; margin: .3rem 0 .1rem;}
.navitem {width:100%; height:auto; padding:0;}
.navitem ul {width:100%;height:auto;flex-wrap:wrap;}
 
.navitem ul li {width:33.33%;height:1rem;text-align:center;overflow:hidden;margin: 0 0 .2rem; letter-spacing: 1px;} 
.navitem .subitem {
    width: 88%;
    margin: 0 auto;
    padding: .1rem .3rem;
    border-top: 0;
    white-space: nowrap;
    float: none;
    overflow-x: scroll;
    border-radius: .45rem;
    background: rgba(230,230,230,.4);
}
.navitem .subitem div::-webkit-scrollbar {display:none;width:100%;line-height:100%; }
.navitem .subitem a{ font-size: 0.45rem;} 



.navitem ul li a {font-size:0.51rem;font-weight:normal;}
.banners {margin-top:0;}
.banners ul li{/*width: 360px;*/}
.banners ul li .flex { 
    height: 100%;
    padding:0;
    align-items: flex-start;
} 
.banners ul li .brtext {width: 50%;padding: 3% 1% 0 0; }
.banners ul li .brtext h3 {display: none;}
.banners ul li .brtext h2 {font-size:.6rem;margin-top:.3rem;letter-spacing:0;font-weight:normal; line-height: 135%;
    max-height: 1.5rem;
    overflow: hidden;}
.banners ul li .brtext h4 {font-size:.4rem;margin-top:0.3rem;max-height:1.4rem; line-height: 180%; overflow:hidden;}
.banners ul li .brtext a.btnmore {margin-top:0.4rem;}
.banners ul li .brpic  {width: 49%; height: 100%; display: flex;align-items: center; text-align: right;}
.banners ul li .brpic img {max-width: 70%;  max-height: 100%;}

.bannertit {width:100%;height:auto;padding: .3rem 0 0;}
.bannertit .bannernext {display:none;}
.bannertit ul li {width:22%;margin-right:3%; text-align: left;}
.bannertit ul li strong {letter-spacing:0;font-weight:normal;padding-bottom:0.2rem;font-size:.45rem;height:.6rem;overflow:hidden;}
.bannertit ul li span {display:none;}
.bannertit ul li:before{width:0;}
.bannertit ul li.on:after{left: 0;}


.about_banners ul li .flex,
.sys_banners ul li .flex{align-items: center;}
.about_banners ul li .brpic  { display: block;}
.about_banners ul li .brtext,
.sys_banners ul li .brtext {
    width: 50%;
    padding:0;
}
.about_banners ul li .brtext h2,
.sys_banners ul li .brtext h2{margin-top:0;}

.homesys {
    margin: .4rem auto 0;
}
.homesys dl {padding:.4rem 0 0;flex-wrap:wrap;}
.homesys dl dt {width:100%;padding:0.3rem 1rem 1.4rem;position:relative;}
.homesys dl dt h4 {max-height:none;}
.homesys dl dt a {bottom:0.15rem;    width: 2.6rem;    font-size: 0.45rem;}

.homesys dl dt h2{font-size: .55rem; letter-spacing: 1px;}
.homesys dl dt h4{font-size: .4rem;}
.homesys dl dd{padding:.5rem 0 0;text-align: center;}
.homesys dl dd img {max-width: 90%;max-height: 90%;}

.patterns svg text{stroke-width:1;}
.patterns {  
    right: 5%;
}

.tit {padding:.5rem 0 .2rem;}
.tit h3 {font-size:.6rem;}
.tit span {margin:0.2rem 0 0.3rem; font-size: .4rem;  }
.soluc {height:auto; margin: .4rem 0;}
.soluc ul li .flex {flex-wrap:wrap;}
.soluc .solupic {width:100%;padding-right:0;}
.soluc .solupic .pics img {opacity:1;}
.soluc .solupic .pics {width:100%;}
.soluc .solutext {flex:1;margin-top:2rem;padding:.2rem .3rem 1.2rem;}
.soluc .solutext h4 {
    font-size: .4rem;
}
.soluc .solutext h3 {margin: 0.2rem 0 .5rem; font-size: .55rem; letter-spacing: 1px;}
.soluc .solutext span {line-height:185%;max-height:none; font-size: .4rem; margin-bottom: .3rem;}
.soluc .solutext a {bottom:.1rem;width:2.6rem; font-size: .4rem;}
.soluc dl {width:94%;top:6.26rem;left:3%;margin-top:-.6rem;}
.soluc dl dt{width: 30%;}
.soluc dl dt span{font-weight: normal;letter-spacing: 1px;}
.soluc dl dd {width: 69%; text-align: center;}
.soluc dl dd a {float: none; display: inline-block; margin:0 .25rem;font-size: .5rem; font-weight: normal;}
.soluc dl dd a:hover{color:#666;border-bottom: none;}
.soluc dl dd a.on{color: #1684F1;border-bottom: 2px solid #1684F1; }


.homepro {padding-top:.6rem;}
.homepro ul {height:auto;}
.homepro ul li .flex {flex-wrap:wrap;flex-direction:column;}
.homepro dl dt {width:100%;padding:0 0 1.3rem; margin-bottom: .3rem;}
.homepro dl dt h3{letter-spacing: 1px;margin-bottom: 0.1rem; font-size: .55rem;}
.homepro dl dt span {margin:.3rem 0;line-height:160%;max-height:1.5rem;max-height:none; font-size: .4rem; letter-spacing: 1px;}
.homepro dl dt a {width:2.6rem;bottom:0.1rem;font-size: 0.4rem;}
.homepro dl dd{padding: .4rem 0 0;}
.homeprono{padding: .2rem 0;    margin-top: .5rem;}
.homeprono a{font-size: .5rem; font-weight: normal;}

.homecase dt {padding:0 0 0.5rem;}
.homecase dt a {width:33%;line-height:220%;font-size:.4rem;text-align:center;font-weight:normal;margin: .3rem 0;}
.homecase dt a i {font-size:1.2rem;}
.homecase dd {height:auto;border-radius:5px;}
.homecase dd p,.homecase dd img {height:auto;border-radius:5px;}
.homenews {padding:.68rem 0;}
.homenewsn {top:1.2rem;}
.homenewsn a {font-size:0.5rem;margin-left:.5rem; font-weight:normal; }
.homenewsc ul {flex-wrap:wrap;width:94%;margin:auto;}
.homenewsc li {padding-right:0;border-right:0;margin:.5rem 0;max-width:100%;}
.homenewsc li h3 {font-size:.5rem;max-height:none;}
.homenewsc li span.ymd {margin:0.2rem 0; font-size: .4rem;color: #666;}
.homenewsc li p.intro{font-size: .4rem; max-height: 2.3rem; color: #999;}
.homenewsc li i.iconmore {display: none;}
i.iconmore {width:1rem;height:.5rem;}

.footer{font-size: .4rem!important;}
.footer ul {flex-wrap:wrap;}
.footer ul li.ftl {width:100%;padding:.5rem .25rem;border-bottom:1px solid #9BC8F4;margin-bottom:.5rem;}
.footer ul li.ftl p{padding: .1rem 0}
.footer ul li.ftm {flex:1;align-items:flex-start;flex-wrap:wrap;padding:0 2%;}
.footer ul li.ftm .ftml {width:100%;padding-bottom:.2rem;}
.footer ul li.ftm .ftmr a {display:inline-block;width:32%;height:0.6rem;line-height:0.6rem;text-align:left;overflow:hidden;}
.footer ul li.ftr {width:100%;text-align:center;border-top:1px solid #9BC8F4;padding:.5rem 0 .2rem;margin-top:.3rem;}
.footer ul li.ftr span {float:left;width:50%;display:block;overflow:hidden;text-align:center;}
.footer ul li.ftr img {width:80%;height:auto;max-width:3rem;max-height:none;}
.footer ul li.ftr span:nth-child(2) {margin-right:0;}
.footer ul li.ftr span:nth-child(2),.footer ul li.ftr span:nth-child(2) p {text-align:center;}
.footer ul li.ftr span p {max-height:none;}
.footer .ftinfo {margin:.1rem 0 .3rem;padding:.3rem 0;overflow:hidden;line-height:180%;flex-wrap:wrap;}
.footer .ftcopyright {width:100%;padding-bottom:.3rem;}
.footer .ftnav {text-align:left;}
.footer .ftnav a {margin:0;width:23%;height:0.6rem;display:inline-block;text-align:center;overflow:hidden;}
.aboutc{font-size: .45rem}
.aboutc h1 {font-size:.5rem;letter-spacing:0;margin-bottom:.3rem;}
.abouty ul {width:95%;}
.abouty ul li {padding:0 0 .6rem;}
.abouty ul li.on:before,.abouty ul li:hover:before,.abouty ul li.hover:before {left:-0.3rem;}
.abouty ul li dl {align-items:flex-start;height:100%;margin-left:0.6rem;flex-wrap:wrap;overflow:hidden;}
.abouty ul li dt {width:100%;height:auto;line-height:100%;}
.abouty ul li dd {flex:1;padding:.5rem;}
.abouty ul li dd strong {display:block;font-size:.55rem;letter-spacing:0;padding:0;}
.abouty ul li dd span {font-size:.4rem;margin-top:0;max-height:2rem;overflow:hidden;}
.aboutshow .flex {flex-wrap:nowrap;}
.aboutshow .tit:nth-child(2) {margin-right:0;}
.aboutphoto li {height:4.2rem; font-size: .4rem;}
.aboutphoto li img {height:80%;}
.contactlist dl dt {flex:none;width:100%;margin:0 0 .5rem;padding:0 0 .5rem;border-right:0;border-bottom:1px dashed #ddd;}
.contactlist dl dd {width:94%;padding:1% 3%;/* margin:auto;*/    overflow:visible;}
.contactlist dl dd li {font-size:0.4rem;}
.contactlist dl dd li i {font-size:.6rem;width:15%;}
.contactlist dl dd li span {width:85%;}
.joblist dl dt {width:100%;}
.joblist dt h3{font-size: .24rem}
.joblist dt span {margin:0 0 .6rem;font-size: .4rem}
.joblist dl dd {line-height:180%}

.zllist li {max-width:50%;margin:.1rem 0 .5rem; font-size: .4rem}
.zllist li img {width:90%;height:auto;}
.newsmain {flex:none;width:100%;}
.newsmain dt .flex {width:95%;margin:0 auto .5rem;}
.newsmain dt .tit {padding:0 2% .3rem 0;width:32%;text-align:center;}
.newsmain dt .tit:nth-child(3) {padding-right:0;}
.newsmain dt .tit h3 {font-size:.5rem;font-weight:normal;}
.newsmain dt .tit span {margin:0.2rem 0 0.2rem;max-height:.5rem;width:100%;overflow:hidden;}
.newsmain dd {width:100%;}
.newsitem li {width:95%;height:auto;margin:0 auto 0.8rem;overflow:hidden;}
.newsitem li .nmpic {width:100%;height:auto;}
.newsitem li .nmpic img {opacity:1;border-radius:5px;max-height: 6.2rem;}
.newsitem li .nmcon {flex:none;padding:0 3%;width:94%;overflow:hidden;}
.newsitem li .nmcon i {width:2rem;}
.newsitem li .nmcon a.vflex {width:94%;padding:3%;height:auto;overflow:hidden;flex-direction:row;}
.newsitem li .nmcon a.vflex span.nmcont {height:auto;margin-bottom:.2rem;}
.newsitem li .nmcon a.vflex span.nmconc {flex:none;height:auto;margin: .2rem 0 .4rem;}
.newsitem li .nmcon a.vflex span.nmconb {display: none;}
.newsitem li .nmcon h3 {max-height:none;font-size:.5rem;letter-spacing:0;padding:0;}
.newsitem li .nmcon h4{margin-top: .1rem; color: #666}
.newsitem li .nmcon p {line-height:180%;max-height:none; font-size: .4rem;}
.newsside {display:none;}
.newscwrap h1 {font-size:.55rem;}
.newscwrap h4{font-size: .4rem}
.newscontent {font-size:.48rem;line-height:200%; color: #666}
.newsnext {height:auto;padding:.5rem .5rem 0;}
.newsnext span {width:100%!important;float:none!important;text-align:left!important;padding-bottom:.3rem;font-size:.48rem;display:block!important;}
.newsnext span i {display:none!important;}
.probest {margin-top:.5rem;padding-bottom:.5rem;}
.pbitem {margin:.46rem 0 0 15%;width:43%;padding:0.4rem 2% 0.2rem 30%;}
.pbitem h3 {letter-spacing:0;}
.pbitem p {line-height:168%;margin-top:0.2rem;max-height:2.4rem;overflow:hidden;}
.pbitem i,.pbno {display:none;}
.pbpic {width:45%;}
.proside {width:90%;padding:5%;margin-bottom:.5rem;border-bottom:1px solid #ddd;}
.proside dt {font-size:.5rem!important}
.proside dd .pstit {font-size:.45rem;}
.proside dd ul {margin:0.32rem 0;overflow:hidden;}
.proside dd li {font-size:.16rem;padding:0 0 0.15rem;width:50%;float:left;height:.6rem;overflow:hidden;}
.promain {flex:none;width:100%;}
.promain dt.pmtit {font-size:.4rem;}
.promain dt.pmtit h2 {font-size:.5rem;}
.promain .pmitem {padding:0.14rem 0.3rem 0.14rem 2.8rem;overflow:hidden;}
.promain .pmitem i {display:none;}
.promain .pmitem h3 {letter-spacing:0;font-size:.5rem; padding: .2rem 0;}
.promain .pmitem h4 {line-height:130%;font-size: .4rem;height: .4rem; overflow: hidden;}
.promain .pmitem p {line-height:140%;max-height:1.5rem;overflow:hidden;margin-top:.2rem;}
.schemeitem li {width:85%;height:4.4rem;margin:.45rem auto;padding:.25rem .5rem;}
.schemeitem li a.vflex span.sicont {height:1.3rem;}
.schemeitem li h3 {line-height:140%;font-size:0.5rem;letter-spacing:0;}
.schemeitem li p{font-size: .4rem; }
.schemeitem li i {width: 2.6rem;
    font-size: 0.4rem;}
.picauto {padding:1rem 0;}
.schemelist {margin-top:.5rem;}
.schemepparam {height:auto;background-size:cover;padding:1rem 0;}
.schemepparam .container {margin-top:0;}
.schemepparam dl {height:auto;}
.schemepparam dl dd span {height:.4rem;line-height:.4rem;}
.spage b,.spage a {margin-left:0; font-size: .4rem; padding: .05rem .22rem;}
.sysbest ul li .pbitem {padding-top:.5rem;}
.syspro dl dt.sysptit {width:100%;margin:auto;height:auto;padding:0.5rem;}
.syspro dl dt.sysptit strong {font-size:0.5rem;margin:0; font-weight: normal;}
.syspro dl dt.sysptit span {margin: .1rem 0 .5rem; color: #aaa; font-size: .4rem; height:auto;max-height:none;}
.syspro dl dd.syspitem .pbitem {width:52%;padding:0.4rem 2% 0.2rem 28%;}
.syspro dl dd.syspitem .pbitem p {max-height:2.0rem;}
.syspro dl dd.syspitem .pbpic {width:45%;} 
.mt1 {margin-top:0.4rem;}

.pbitem h3{font-size: .5rem;line-height: 140%;}
.pbitem p{font-size: .4rem;max-height: 2.6rem;}
.pbitem h4{font-size: .4rem;height: .5rem;overflow: hidden;}



.gr_kefu{display: none;} 

}

.round-loupe{
   border-radius: 100px;
   border: 3px solid #F0F0F0;
}