@charset "UTF-8";

/*设置默认字体*/
body { font-size: 15px;font-family: "微软雅黑"; }
*{outline:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td, img, span { padding: 0; margin: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul, li { list-style: none; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; font-family: "微软雅黑"; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input,textarea {resize:none;outline: 0;border:0; }
table {border-collapse: collapse}
div {padding:0;}
img { border: 0; vertical-align: middle; max-width:100%;}
iframe{ max-width:100%;}
a { text-decoration: none;color:#000; font-size: 15px;}
a:hover{text-decoration:none; color: #979797;}
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; height: 0;}
.cb:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*头部导航*/
.jdl_navbar{ border:0;/* border-bottom: 1px solid #e7e7e7; background-color: #fff;*/margin:0;  position: fixed; top:0px; text-align:center; width:100%; z-index:9999;}
.jdl_navbar .navbar-header{ position: relative; z-index: 999;}
.jdl_navbar .navbar-brand,.jdl_navbar>.container-fluid .navbar-brand{ height: auto; padding: 0; margin: 0;}
.jdl_navbar .navbar-toggle{ margin-top:15px;}
.jdl_navbar .navbar-nav>li>a span{line-height: 16px; padding-top:5px;}
/*幻灯片*/
 
.h_slide{ text-align: center;}
.h_slide .item a{ display: block; height:780px; background-repeat: no-repeat; background-position: top center; background-size:cover;}
.h_slide .carousel-inner>.item>img, .carousel-inner>.item>a>img{ display: inline-block;}
.h_slide .carousel-indicators li{ width: 30px; height: 10px; padding: 0; margin:0 5px; border:0; border-radius: 0; background: #c6c6c6;}
.h_slide .carousel-indicators .active{ background: #f39800;}
/*HOME*/
.index-show {padding: 60px 0;background-color: #fff;}
.index-Title { margin-bottom:30px;}
.index-Title .title {font-size: 36px;color: #f69f0f; text-align: center;}
.index-Title .intro {font-size: 18px;color: #666; text-align: center;}
.index-Title .line {width:192px;height: 1px;margin:18px auto;background-color: #cccccc;position: relative;}
.index-Title .line::after {content: "";display: block;position: absolute;left: 50%;top: -1px;width: 30px;height: 3px;background-color: #f69f0f;border-radius: 5px;transform: translateX(-50%);}

.index-about .desc{ font-size:16px; line-height:28px; width:62%; float:left;}
.index-about .desc p{ line-height:30px; color:#666;}
.index-about .img{  width:35%; float:right;}
.index-about .img img{width:100%;}
@media screen and (max-width: 1024px){
.index-show {padding: 30px 0;background-color: #fff;}
.index-about .desc{ width:100%; float:left;}
.index-about .img{  width:0; display:none}
}

.system .desc{ font-size:16px; line-height:28px; text-align:center;}
.system .desc p{ line-height:30px; color:#666;}

.system3 .desc{ font-size:16px; line-height:28px; width:57%; float:left; margin-right:3%; padding-left:15px;}
.system3 .desc p{ line-height:30px; color:#666;}
.system3 .img{  width:40%; float:left;}
.system3 .img img{width:100%;}
.gray{ background:#f0f0f0;}
.system3 .index-Title { margin-bottom:30px;}
.system3 .index-Title .title {font-size: 36px;color: #f69f0f; text-align: left;}
.system3 .index-Title .intro {font-size: 18px;color: #666; text-align: left;}

@media screen and (max-width: 1024px){
.system3 .desc{ width:100%; float:none; margin-top:10px;}
.system3 .index-Title .title {font-size: 22px;}
.system3 .img{  width:100%; float:none;}
.system3 .index-Title { margin-bottom:15px;}
}


.index-about1 img{ width:100%;}
.index-reason {padding: 60px 0; background: url(../images/index-pt2.jpg) top center no-repeat #f69f0f; color:#fff;}
.index-reason .tit h2{ color:#fff; }
.index-reason .tit h3{  color:#fff;}
.index-reason .tit h3 span{ color:#fff;}
.m_adnvatage{text-align: center; margin-top:40px; color:#fff;}		
.m_adnvatage p{ color:#fff;}
.title_advantage{ font-size: 20px;color: #fff;}		
.img_advantage{position: relative;width:115px;margin:auto;height:115px;margin-bottom:18px;cursor:pointer; color:#fff}		
.img_advantage img{position: absolute;top: 0px;left: 0px;}		
 .content__advatage{ font-size: 15px;color: #fff;line-height: 180%;font-weight: normal;}                
  
.index-pro .pro_l{float:left;width:47.5%;}
.index-pro .pro_c{float:left;width:49%;}
.index-pro .pro_cl{position:relative;}
.index-pro .pro_cl:hover img{opacity:0.8;-webkit-transform: scale(1.1, 1.1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 400ms;
-moz-transform: scale(1.1, 1.1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 400ms;transform: scale(1.1, 1.1);transition-timing-function: ease-out;transition-duration:400ms;}
.index-pro .pro_cl img {width:100%;display: block;opacity: 1;-webkit-transition-timing-function: ease-out;-webkit-transition-duration:400ms;-moz-transition-timing-function:ease-out;
-moz-transition-duration: 400ms;transition-timing-function:ease-out;transition-duration: 400ms;}

.index-pro .pro_cl a{display:block;overflow:hidden;}
.index-pro .pro_cl span{height:10px;margin-top:16px;display:block;}
.index-pro .pro_cl a p{z-index: 99;font-size:18px;position:absolute;top:15px;left:15px;right:15px;}
.index-pro .inpro1,.index-pro .inpro2{float:left;width:48.5%;}
.inpro0 a,.inpro4 a,.inpro5 a,.inpro6 a{color:#fff;}  .inpro0 a span,.inpro4 a span,.inpro5 a span,.inpro6 a span{background:url(../images/jt_w.png) no-repeat left ;}
.inpro1 a,.inpro2 a,.inpro3 a{color:#333333;} .inpro1 a span,.inpro2 a span,.inpro3 a span{background:url(../images/jt_b.png) no-repeat left ;}
.inpro0 a p,.inpro3 a p,.inpro4 a p{padding:15px 32px;}    .inpro1 a p,.inpro2 a p,.inpro5 a p,.inpro6 a p{padding:10px 20px;}
.index-pro .pro_cl:hover p{background: rgba(255, 255, 255, 0.9);color:#f69f0f}
.index-pro .pro_cl:hover p span{background:url(../images/jt_r.png) no-repeat left ;}
.inpro0,.inpro3,.inpro5{margin-bottom:20px;}
.inpro1,.inpro3,.inpro4,.pro_l{margin-right:15px;}
.index-partner ul { margin-top:40px; }
.index-partner ul li{overflow: hidden;margin-bottom:10px;}
.index-partner ul li .img{display: block; background:#fff;  text-align:center; width:100%;border:1px solid #ccc; padding:10px 0; }
.index-partner ul li .img img{ width:100%}
.index-partner ul li p { text-align:center; line-height:25px;height:25px; overflow:hidden; padding:5px 0;}
@media only screen and (max-device-width: 1700px){
.index-partner ul li .img img{ width:92%; margin:0 auto;}
}
@media screen and (max-width: 1024px){
.index-partner .t{ font-size: 24px; }
}
@media screen and (max-width: 768px){
.index-partner .t{ font-size: 20px; }
}
@media screen and (max-width: 1280px){
.index-Title .title {font-size: 30px;}
.index-Title .intro {font-size: 16px;}
.index-Title .line { margin:15px auto;}
}
@media screen and (max-width: 768px){
.index-Title .title {font-size: 22px;}
.index-Title .line { margin:12px auto;}

}
@media screen and (max-width: 468px){
.index-Title .title {font-size: 20px;}
}

.index-pro ul{/*display: flex; flex-direction: row; flex-wrap: wrap;*/ }
.index-pro ul li{width: 33.3333%; margin: 2% 0;}
.index-pro .pic{position: relative; background-size: 100%; background-position: center; padding-top: 62.5%; transition: all .3s;}
.index-pro ul li:hover .pic{background-size: 130%;}
.index-pro .content{position: absolute; width: 100%; height: 30%; left: 0; bottom: 0; padding: 7% 0 0 0%;
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.index-pro .content .tit{font-size: 20px; color: #fff; }
.index-pro .content .tit span{font-size: 14px;}
.index-pro .content .subtit{font-size: 16px; color: #fff; padding-top: 1%; letter-spacing: 1px;}
@media(max-width: 1024px){
  .index-pro ul{padding-top: 5%;}
  .index-pro .content{padding-top: 0;}
  .index-pro .content .tit{font-size: 20px;}
  .index-pro .content .tit span{font-size: 12px;}
  .index-pro .content .subtit{font-size: 14px;}
}
@media(max-width: 640px){
  .index-pro ul li{width: 50%;}
}
@media(max-width: 480px){
  .index-pro ul li{width: 100%;}
}


.index-pro .cont{position:relative; padding:25px 15px;}
.index-pro .cont a.next,.index-pro .cont a.prev{ display: block; position: absolute; top:138px; width: 49px; height: 64px; cursor: pointer; background-repeat: no-repeat;}
.index-pro .cont a.prev{ background-image: url(../images/h_news_l.jpg); left: -45px;}
.index-pro .cont a.next{ background-image: url(../images/h_news_r.jpg); right: -50px;}
.index-pro .cont .more{ display: none;}
.index-pro .cont .bd{ width: 1190px; overflow: hidden;}
.index-pro .cont .bd ul{ overflow:hidden; zoom:1; }
.index-pro .cont .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.index-pro .cont .bd ul li .pic{ text-align:center; }
.index-pro .cont .bd ul li .pic img{ width:390px; height:300px; display:block;}
.index-pro .cont .bd ul li .title{ width: 390px; height: 86px; padding:10px; border:1px solid #f1f1f1; text-align: left;}
.index-pro .cont .bd ul li .title a{ display: block; height: 45px; line-height: 20px; font-size: 14px;}
.index-pro .cont .bd ul li .title span{ color: #777777;}

/*底部样式*/
.footer{ border-top:5px solid #f69f0f; background:#262626;}
.footer .nav{ text-align: center; padding:30px 0;}
.footer .nav ul li{ display: inline-block; padding:0 20px;}
.footer .nav ul li a{ display: inline-block; color: #919191;}
.footer .nav ul li a:hover{ color: #f39800;}

.footer .contact{ text-align: center; padding-bottom: 60px;}
.footer .contact ul li{ padding:5px 50px 0 65px; height: 51px; display: inline-block; color: #ffffff; text-align: left;}
.footer .contact ul li p{ line-height: 20px; margin:0;}
.footer .contact ul li.mail{ background: url(../images/mail.jpg) left center no-repeat;}
.footer .contact ul li.phone{ background: url(../images/phone.jpg) left center no-repeat;}
.footer .contact ul li.address{ background: url(../images/address.jpg) left center no-repeat;}

.footer .font{ text-align: center; color: #999; height: 60px;}

/*返回头部*/
.gotop{display:none;background:url(../images/back_top.jpg) no-repeat;bottom:218px;height:50px;position:fixed;right:20px;width:50px;z-index:10;}

/*自适应样式*/
.jdl_navbar.active{ background:#fff;box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);}
@media (min-width: 768px){
.jdl_navbar .navbar-brand,.jdl_navbar>.container-fluid .navbar-brand{ padding-bottom:10px;}
.jdl_navbar .navbar-nav{ float: right; padding-top:12px;}
}

.jdl_navbar{ height: 110px;border-radius:0;}
.jdl_navbar .container-fluid{ padding: 0; width: 1170px;}
.jdl_navbar .navbar-collapse{ padding: 0; position: relative;}
.jdl_navbar .navbar-nav{ position: absolute; top:0; right: 0; z-index: 9999; height: 60px; line-height:60px; background:#315829; margin-top:20px;border-radius: 90px; padding:0 20px; }
.jdl_navbar .navbar-nav li{ width: 100px; }
.jdl_navbar .navbar-nav>.active>a, .jdl_navbar .navbar-nav>.active>a:hover, .jdl_navbar .navbar-nav>.active>a:focus,.jdl_navbar .navbar-nav>li>a:hover{  padding: 0;color: #fff;}
.jdl_navbar .navbar-nav>li>a{ padding: 0 5px; height: 60px; line-height:60px; text-align: center; font-size:17PX; font-weight:700; color: #fff;}
.jdl_navbar .navbar-nav>li>a:hover{padding: 0; }

.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (max-width:1200px){.jdl_navbar .container-fluid{width:970px}.jdl_navbar .navbar-nav li{ width: 80px; }.jdl_navbar{ height: 110px;border-radius:0;}

.jdl_navbar .navbar-collapse{ padding: 0; position: relative;}
.jdl_navbar .navbar-nav{ position: absolute; top:0; right: 0; z-index: 9999; height: 60px; line-height:60px; background:#315829; margin-top:20px;border-radius: 90px; }.jdl_navbar .navbar-nav>.active>a, .jdl_navbar .navbar-nav>.active>a:hover, .jdl_navbar .navbar-nav>.active>a:focus,.jdl_navbar .navbar-nav>li>a:hover{  padding: 0;color: #fff;}
.jdl_navbar .navbar-nav>li>a{ padding: 0 5px; width:100px; text-align: center; font-size:17PX; font-weight:700; color: #fff;}
.jdl_navbar .navbar-nav>li>a:hover{padding: 0; }
}
@media (min-width:1200px){.jdl_navbar .container-fluid{width:1170px}}
@media (min-width:1360px){.jdl_navbar .container-fluid{width:1280px}}
@media (max-width: 991px){#banner{margin-top:70px;}
.jdl_navbar .navbar-brand,.jdl_navbar>.container-fluid .navbar-brand{ width: 30%; margin-left: 10px; padding-bottom:0px;}
.jdl_navbar .navbar-brand img{ width: 100%;}
.index-pro .cont{ padding:10px 0; width: 100%; overflow: hidden;}
.index-pro .cont a.next,.index-pro .cont a.prev{ display: none;}
.index-pro .cont .more{ display: block; text-align: center; padding-top:20px;}
.index-pro .cont .more a{ display:inline-block; width: 50%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background:#f39800;}
.index-pro .cont .bd{ width: 100%;}
.index-pro .cont .bd ul{ left: 0 !important;}
.index-pro .cont .bd ul li{ margin: 0; width: 100%; float: none !important; margin-bottom: 10px;}
.index-pro .cont .bd ul li:nth-child(n+5){ display: none;}
.index-pro .cont .bd ul li .pic img{ width:100%; height: auto; display:block;}
.index-pro .cont .bd ul li .title{ width: 100%; height: 55px; padding: 5px;}
.index-pro .cont .bd ul li .title a{height:25px; line-height: 25px; font-size: 12px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-pro .cont .bd ul li .title span{ font-size: 10px;}
.h_slide .item a{ height: 300px;}
.h_slide .carousel-indicators{ bottom:0;}
.h_slide .carousel-indicators li{ width: 15px; height: 6px; padding: 0; margin:0 5px; border:0; border-radius: 0; background: #c6c6c6;}


.footer .nav{ display: none;}
.footer .contact{ text-align: left; padding:5%;}
.footer .contact ul li{ width: 100%; padding:5px 0 0 65px; margin-bottom: 15px; background-size: 40px 40px;}
.gotop{display:none;background:url(../images/back_top.jpg) no-repeat; background-size:100%;bottom:218px;height:30px;position:fixed;right:10px;width:30px;z-index:10;}
.footer .contact ul li.wechat:hover .code_img{ display: none;}
}

@media (max-width: 467px){
.h_slide .item a{ height: 220px;}
.jdl_navbar .navbar-brand,.jdl_navbar>.container-fluid .navbar-brand{ width: 40%; }
}


.bottom{background-color: #2D2926;border-top:5px solid #f69f0f;}
.bottom .bottom-top ul{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; height: 200px; border-bottom: 1px solid rgba(255,255,255,.05);}
.bottom .bottom-top li{display: inline-block; width: 29%;}
.bottom .bottom-top li:first-child{width: 18%;}
.bottom .bottom-top li:last-child{width: 22%;}
.bottom .hot-line{padding-left: 80px; background: url(../images/phone-icon.png)no-repeat left top;color: #fff; margin-left: 60px;}
.bottom .hot-line span{color: #fff;font-size: 36px; line-height: 50px; white-space: nowrap;}
.bottom .infor{margin: 5.5% 0 5.5% 30%; color: #fff; border-left: 3px solid #ff9016; padding-left: 8px; line-height: 1; white-space: nowrap;}
.bottom .complaint{width: 140px; line-height: 42px; color: #ff9016; border: 1px solid #47413c; display: inline-block; text-align: center; background: url(../images/jubao.png)no-repeat 28px center; padding-left: 20px; font-size: 14px;vertical-align:top;}
.bottom .qrcode{display: inline-block; padding-left: 20%;}
.bottom .bottom-top li:last-child{text-align: end;}

.bottom .copyright{padding:20px 0; line-height:30px; text-align:center;}
.bottom .copyright {color: rgba(255,255,255,.4); font-family: 'Alibaba Light'}
.bottom .copyright a{color: rgba(255,255,255,.4); font-family: 'Alibaba Light'}
@media(max-width: 1600px){
  .bottom .hot-line{margin-left: 0;}
}
@media(max-width: 1200px){
  .bottom .hot-line span{font-size: 26px;}
}
@media(max-width: 1024px){
  .bottom .bottom-top ul{padding: 5% 0; height: auto;}
  .bottom .bottom-top li{width: 50%;}
  .bottom .infor{margin: 3% 0;}
  .bottom .bottom-top li:last-child{text-align: start;}
  .bottom .copyright .left,
  .bottom .copyright .right{width: 100%; min-height: 40px; display: block; text-align: center; height: auto;}
  .bottom .complaint{vertical-align:middle}
    .bottom .bottom-top li:first-child{width:0; display:none;}
.bottom .bottom-top li:last-child{width: 0; display:none;}
}
@media(max-width: 768px){
  .bottom .bottom-top li{width: 100%;}
  .bottom .bottom-top li:last-child{text-align: center;}
  .bottom .qrcode{display: block; padding-left: 0; padding-top: 3%;}
  .bottom .hot-line{padding: 3% 0 3% 90px;background: url(../images/phone-icon.png)no-repeat left center;}
  .bottom .hot-line span{font-size: 26px;}
}
@media(max-width: 640px){
  .bottom .copyright .left{min-height: 30px;}
}

.m2ban { height: 450px; position: relative; }
.m2ban .bgImg { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2banTxt { color: #FFF; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; padding-top: 50px; }
.m2ban_t1 { font-size: 32px; line-height: 50px; display: inline-block; }
.m2ban_t2 { font-size: 40px; line-height: 50px; font-weight: 600; text-transform: uppercase; }
.m2banTxt i { background: #FFF; height: 3px; width: 38px; display: block; margin: 18px auto 0px; }
.m2pos { background: #F4F4F4; padding: 15px 0px; }
.m2posItms { background: url(../images/m2icon1.png) no-repeat left 3px; font-size: 14px; color: #777777; line-height: 22px; position: relative; padding: 0px 10px 0px 20px; }
.company-culture .tit{font-size: 26px; font-family: 'Alibaba Medium'; padding-bottom: .5%;}
.company-culture .subtit{font-size: 20px;}
.company-culture .part1 ul{padding-top: 4%;  }
.company-culture .part1 li{padding: .8% 0; margin-bottom:15PX; position: relative;}
.company-culture .part1 .num{ font-size:20px; font-weight:bold; color: #ff9016; text-align: center; position: absolute; left: 0; top: 10px; display: flex; }
.company-culture .part1 span{color: #666; font-size:16px; line-height:2; padding-left: 100px; display: block;}
@media(max-width: 1640px){
.m2ban { height: 299px; }
}
@media(max-width: 1440px){
.m2ban { height: 263px; }
}
@media(max-width: 1400px){
.m2ban { height: 255px; }
}
@media(max-width: 1366px){
.m2ban { height: 250px; }
}
@media(max-width: 1280px){
.m2ban { height: 233px; }
.m2banTxt { padding-top: 10px; }
.m2ban_t1 { font-size: 22px; line-height: 36px; }
.m2ban_t2 { font-size: 30px; line-height: 36px; }
.m2banTxt i { margin: 10px auto 0px; }
}
@media(max-width: 1200px){
.m2ban { height: 220px; }
.m2ban img{ height:100%;}
}
@media(max-width: 1024px){
.m2ban { height: 180px; margin-top: 50PX;}
.company-culture .tit{font-size: 24px;}
.company-culture .subtit{font-size: 18px;}
.company-culture .part1 .num{top: 8px;}
.company-culture .part1 span{font-size:15px; line-height:1.5; padding-left: 80px;}
}
@media(max-width: 624px){
.company-culture .tit{font-size: 20px;}
.company-culture .subtit{font-size: 16px;}
.company-culture .part1 .num{top: 5px; font-size: 17px;}
}
@media(max-width: 640px){
.m2ban { height: 160px; }
.company-culture .part1 ul{padding-right: 0;}
.m2ban_t1 { font-size: 18px; line-height: 30px; }
.m2ban_t2 { font-size: 24px; line-height: 30px; }
}

.company-culture .part2{background-color: #F8F9FA; position: relative;}
.company-culture .part2 .left{width: 50%; float: left;}
.company-culture .part2 .left img{width: 100%;}
.company-culture .part2 .right{float: right; width: 50%; padding: 8% 0 0% 9%;}
.company-culture .part2 ul{padding-top: 6%;}
.company-culture .part2 li{padding-bottom: 4%;}
.company-culture .part2 .tit1{color: #ff9016; line-height: 2; font-size:20px; font-weight:bold; }
.company-culture .part2 .txt{line-height: 2; font-size:16px;}
@media(max-width: 1200px){
  .company-culture .part2 .right{padding: 4% 0 0 9%;}
}
@media(max-width: 1024px){
  .company-culture .part2 .left{width: 100%;}
  .company-culture .part2 .right{width: 100%; padding: 4% 0 0 0;}
  .company-culture .part2 .txt{line-height:1.5; font-size:15px;}
  .company-culture .part2 .tit1{ font-size:17px; }
}
.products h4{ text-align:center;}
.products .desc{ font-size:16px; line-height:28px; width:55%; float:left;}
.products .desc p{ line-height:30px; color:#444; margin-bottom:15px; text-indent:2em;}
.products .desc span{line-height:30px; color:#f69f0f; font-size:17px; text-indent:2em;}
.products .img{  width:42%; float:right;}
.products .img img{width:100%;}
.products1 .desc{ font-size:16px; line-height:28px; width:100%;}
.products1 .desc p{ line-height:30px; color:#444; margin-bottom:15px; text-indent:2em;}
.products1 .img { text-align:center;}
.products1 ul li strong{ font-size:20px;}
.products1 ul li{ line-height:35px;}
@media screen and (max-width: 1024px){
.products .desc{ width:100%; float:left;}
.products1 .img img{width:100%;}
.products .img{  width:48%; float:right;}
}
@media screen and (max-width: 768px){
.products .img{  width:58%; }
}
@media screen and (max-width: 468px){
.products .img{  width:100%; }
}
.lh-viewpoint-item li {border: 5px solid #E8E8E8;margin-top: 80px;float: left;width: 95%;position: relative;transition: ease .65s;}
.lh-viewpoint-item li:after {content: '';display: block;height: 0;clear: both;}
.lh-viewpoint-item {padding: 0 30px;}
.lh-viewpoint-item li .img {float: right;transform: translate(58px, -24px);transition: ease .65s;}
.lh-viewpoint-item li .text {width: 56%;text-align: center;position: absolute;left: 0;top: 0;height: 100%;}
.lh-viewpoint-item li .text h2 {font-size: 20px;font-weight: bold;color: #333;margin: 30px 0 35px;position: relative;height: 22px;line-height: 22px;}
.lh-viewpoint-item li .text h2:after {content: '';display: block;width: 40px;height: 1px;background: #D5D5D5;position: absolute;left: 50%;bottom: -15px;margin-left: -20px;transition: ease .65s;}
.lh-viewpoint-item li .text h3 {line-height: 24px;color: #666;}
.lh-viewpoint-item li .text a {margin-top: 45px;}
.lh-viewpoint-item li:nth-child(2n) {float: right;}
.lh-viewpoint-item li:nth-child(2n) .text {left: inherit;right: 0;}
.lh-viewpoint-item li:nth-child(2n) .img {float: left;transform: translate(-58px, -24px);}
.lh-viewpoint-item li:nth-child(3) .text h2 {margin: 30px 0 35px;}
.lh-viewpoint-item li:nth-child(3) .text a {margin-top: 30px;}
.lh-viewpoint-item li>i:before {content: '';display: block;width: 0;height: 0;border-top: 5px solid #f69f0f;border-left: 5px solid #f69f0f;position: absolute;left: -5px;top: -5px;transition: ease .65s;}
.lh-viewpoint-item li>i:after {content: '';display: block;width: 0;height: 0;border-right: 5px solid #f69f0f;border-bottom: 5px solid #f69f0f;position: absolute;right: -5px;bottom: -5px;transition: ease .65s;}
.lh-viewpoint-item li:hover>i:before, .lh-viewpoint-item li:hover>i:after {width: 101%;height: 103%;visibility: visible;}
.lh-viewpoint-item li:hover .img {transform: translate(0);}
.lh-viewpoint-item li:hover .text h2:after {background: #f69f0f;}
.lh-viewpoint-item li:hover {box-shadow: 0 0 16px rgba(12,3,6,.3);}
.lh-viewpoint-item.business li .text .lh-business-a { text-align: center;margin:30px auto;}
.lh-business-a font {font-size: 52px;margin-top: 20px;display: inline-block;transition: ease .65s;}
.lh-viewpoint-item.business li .text h2 {margin: 30px 0 20px;}
.lh-viewpoint-item.business li .text h2:after {bottom: -10px;}
.lh-viewpoint-item.business li .text a {margin-top: 20px;}
.lh-viewpoint-item.business li:hover font {color: #b72024;}
.honor li{float: left; width:23%;margin-bottom: 35px; margin-right:1.5%;}
.honor li:nth-child(4n){ margin-right:0px;}
.honor li .img{ padding: 20px; }
.honor li .infor{ background-color: #f1f5f8; text-align:center; position: relative;}
.honor li .infor:after{ content:""; position:absolute; bottom:-1px; width:30px; height:3px; left:50%; margin-left:-15px; background:#bea26a; transition:0.9s}
.honor li .infor .title{ font-size: 16px; padding: 15px 0;  }
.honor li:hover .infor:after {width:100%; height:3px; left:15px;}
.honor li:hover .infor .title {color:#bea26a; }
.honor li img{ width:100%;}
.system ul{ margin-top:20px;}
.system li{float: left; width:18.5%;margin-bottom: 35px; margin-right:1.5%; }
.system li img{ padding:5px;}
.system li .infor{ background-color: #f1f5f8;border-radius:10px; text-align:center; position: relative;}
.system li .infor:after{ content:""; position:absolute; bottom:-1px; width:30px; height:3px; left:50%; margin-left:-15px; background:#ececec; transition:0.9s}
.system li .infor .title{ font-size: 18px; padding: 15px 0;  }
.system li:hover .infor:after {width:100%; height:3px; left:15px;}
.system li:hover .infor .title {color:#bea26a; }
.system li img{ width:100%;}
.system1{ background:#f0f0f0;}
.system1 li{float: left; width:31.5%;margin-bottom: 35px; margin-right:1.5%; }
@media (max-width:992px){
.lh-viewpoint-item.business li .text .lh-business-a { margin:10px auto;}
.lh-business-a font { margin-top: 0px; }
.lh-viewpoint-item li .text h2 {font-size: 18px; margin: 10px 0 15px; }
.lh-viewpoint-item.business li .text h2 {
 margin: 10px 0 15px;
}
}
@media (max-width:768px){
.system li { margin-bottom: 25px; width:48%;}
.system li .img{ padding: 0px; }
.system li .infor{padding:0px; }
.system li .infor .title{ font-size: 15px; padding: 10px 0; }
.system li .infor:after{ height:2px;}
}
@media (max-width:768px){
.honor li { margin-bottom: 25px;}
.honor li .img{ padding: 5px; }
.honor li .infor{padding:5px; }
.honor li .infor .title{ font-size: 15px; padding: 10px 0; }
.honor li .infor:after{ height:2px;}
.lh-viewpoint-item li .text h2 {font-size: 16px;}
}
@media (max-width:468px){
	.lh-viewpoint-item li { height:360px;}
.lh-viewpoint-item li .text {width: 100%; top: 180px;}
}

.gray{ background-color:#fafafa;}

.news .lst ul li{ width: 100%; height: 190px; padding:15px; border:1px solid #f1f1f1; margin-bottom: 30px;}
.news .lst ul li .img{ width: 30%; height: 160px; overflow: hidden; float: left;}
.news .lst ul li .info{ width: 68%; float: right;}
.news .lst ul li .info h3{ margin-bottom:10px;}
.news .lst ul li .info h3 a{ font-size: 16px;}
.news .lst ul li .info .date{ color: #777777;}
.news .lst ul li .info .ct{  font-size: 14px; line-height: 20px; padding:5px 0; color: #777777;  height: 50px;}
.news .lst ul li .info a.more{ display: block; font-size: 14px; color: #f39800; padding-top:8px;}
.news .lst ul li .info h3 a:hover{ color:#f69f0f;}

.news_show .head { text-align:center; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
.news_show .head h3{ font-size: 22px; color: #333333; margin-bottom: 20px; }
.news_show .head span.date{ font-size: 14px; color:#ababab;}
.news_show .info{ padding: 10px 0; font-size: 15px; line-height: 2;}
.news_show .back{ text-align: center; padding-bottom: 10px;}
.news_show .back a{ font-size: 14px; color: #b9b9b9;}
.lh-contact-a {width: 48%;}
.lh-contact-a .li {padding: 20px 10px;border-bottom: 1px dashed #E5E5E5;color: #666;line-height: 24px;overflow: hidden;}
.lh-contact-a .li b {color: #b72024;font-size: 22px;font-style: italic;}
.lh-contact-a .li i {font-size: 24px;color: #b72024;float: left;margin-right: 20px;}
.lh-contact-a.b .li {line-height: 100px;padding: 15px 10px;}
.lh-contact-a.b .li span {float: left;width: 180px;}
.lh-contact-a.b .li img {width: 100px;float: left;border: 1px solid #E6E6E6;}
.lh-contact-a.b {margin-top: 0px;}
.left {float: left;}
.right {float: right;}

@media (max-width:1024px){
	.lh-contact-a {width: 100%;}
	.lh-contact-a.b {margin-top: 0px;}
	.news_show .head h3{ font-size: 20px;}
}
@media (max-width:524px){
.news .lst ul li{ height: 370px;}
.news .lst ul li .img{ width:100%; height: 170px; overflow: hidden; float: none;}
.news .lst ul li .img img{ width:100%; }
.news .lst ul li .info{ width: 100%; float: none; margin-top:10px;}
.news .lst ul li .info .ct{height: 80px; overflow: hidden; }
	.news_show .head h3{ font-size: 17px;}
.news_show .info{  font-size: 15px; line-height: 1.5;}
}

.leftbox { z-index: 9999; width: 375px;height:275px; position:fixed;/*top:78%;*/ top:0px; right:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.leftbox ul li { text-align: center;display: block; overflow: hidden}
.leftbox ul li span{ color: #fff; }
.leftbox ul .img{ height: 40px; padding-top:5px;; }
@media (max-width: 600px){
.leftbox {top:70%;}
.leftbox ul li span{ font-size: 15px;}
}