/* CSS Document */
/**/
.bg2{ background:#1e51ad}
@media screen and (max-width: 1024px) and (min-width: 0px){   
.bg2{ display: none}
}

/*头部*/
.head1{background:#f5f5f5;}
/*头部-图标*/
.head1 span{width:40%; margin-top:5px; color:#999;float:left}
.head1 ul{width:40%; margin-top:10px;float:right}
.head1 ul li{width:40px;float:right}
/*微信二维码*/
a.weixin {position: relative;}
.weixin img.qrcode {
  position: absolute;
  z-index: 99;
  top: 22px;
  right: 0px;
  width: 7.5rem;
  max-width: none;
  height: 7.5rem;
  transform: scale(0);
  transform-origin: top right;
  opacity: 0;
  border: 1px solid #585858;
  border-radius: .25rem;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.weixin:hover img.qrcode{transform: scale(1);opacity: 1;}

/*头部-logo*/
.head2{ width:100%;padding:35px 0 25px 0;float:left}
.head2 .logo{width:auto; margin-left:20px;float:left}
.head2 .mobile_mav{display: none}

@media screen and (max-width: 1024px) and (min-width: 0px){    
.head2{; padding: 10px 0;
    display: block;
    height:auto;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    overflow: hidden; float: none;}
    
    
.head2 .logo{ width:70%;margin-left:20px;float:left}
.head2 .logo img{ width: 70%}
.head2 .mobile_mav{display:block}
.headrg{width:auto;padding-right:30px;padding-top:12px; text-align: right;float: right;}
.headrg a .m_menuimg{height:16px;vertical-align:top;display: block}

    
    
    
    
    
}

.head2 .box{ width:350px;margin-top:0px;float:right}
.head2 .box .search{ width:calc(65% - 2px); border: 1px #ccc solid; border-radius: 100px;margin-top:0px;margin-right: 9%;float:right}
.head2 .box .search .wb{ width:calc(100% - 44px);float:left}
.head2 .box .search .wb input{ width:90%; padding-left:10%; line-height: 30px; height: 30px;border-radius: 100px; color: #999;float: left;}
.head2 .box .search .an{ width:39px; padding-right: 5px; height: 29px;float:left}

.head2 .box .tel{ width:100%;margin-top:20px;float:left}
.head2 .box .tel .t1{ width:170px; font-size:18px; color:#666;float:right}
.head2 .box .tel .t2{ width:180px;font-size:24px; font-family:Arial, Helvetica, sans-serif;color:#1e51ad;float:right}
@media screen and (max-width: 1024px) and (min-width: 0px){
.head2 .box{ width:100%;margin-top:0px; display: none;float:right}
.head2 .box .search{ width:calc(60% - 2px); border: 1px #ccc solid; border-radius: 100px;margin-top:0px;margin-left: 20%;margin-right: 20%;float:left}
.head2 .box .search .wb{ width:calc(100% - 44px);float:left}
.head2 .box .search .wb input{ width:90%; padding-left:10%; line-height: 30px; height: 30px;border-radius: 100px; color: #999;float: left;}
.head2 .box .search .an{ width:39px; padding-right: 5px; height: 29px;float:left}   
    
    
.head2 .box .tel{display: none}
}




/* banner */
.banner{ display: block}
.banner{padding: 0px 0 0px 0}
.banner .swiper-container .swiper-wrapper .swiper-slide img{ width: 100%}
.banner_m{ display:none}
@media screen and (max-width: 1024px) and (min-width: 0px){
    .banner{ display:none}
    .banner_m{ display: block; padding-top: 50px;}
    .banner_m .swiper-container .swiper-wrapper .swiper-slide img{ width: 100%}


}

/*首页-主要内容-大标题*/
.headline{ width:100%; text-align:center;}
.headline .maintitle{ width:100%;font-size:24px; line-height:40px; float:left;}
.headline .titleline{ width:100%;font-size:18px; line-height:14px; letter-spacing: -1px; float:left;}
.headline .subheading{ width:100%; position:relative;font-size:12px; padding-top: 10px; text-transform:uppercase;color: rgb(153, 153, 153); font-family:Arial, Helvetica, sans-serif;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){   
.headline{ width:90%; margin-left: 5%; text-align:center;}
.headline .maintitle{ width:100%;font-size:20px; line-height:30px; float:left;}
.headline .titleline{ width:100%;font-size:14px; line-height:12px;letter-spacing: -2px; float:left;}
.headline .subheading{ width:100%; position:relative;font-size:12px; line-height: 20px; padding-top: 10px; text-transform:uppercase;color: rgb(153, 153, 153); font-family:Arial, Helvetica, sans-serif;float:left;}
}


.sy_more{ width:100%;margin-top:70px;text-align: center;float:left;}
.sy_more .box{ width:150px; height: 44px; line-height: 44px; display: inline-block; background: #1e51ad; }
.sy_more .box a{ color: #fff}
@media screen and (max-width: 1024px) and (min-width: 0px){   
.sy_more{ width:100%;margin-top:20px;text-align: center;float:left;}
.sy_more .box{ width:80px; height: 30px; line-height: 30px; display: inline-block; background: #1e51ad; border-radius: 5px; font-size: 12px; }
.sy_more .box a{ color: #fff}
}



/*首页-为什么选择我们?*/
.why_choose{ padding: 80px 0 110px 0}
.why_choose .content{ width:100%;margin-top:50px;float:left;}
.why_choose .content .list{ width:25%; text-align:center; float:left;}
.why_choose .content .list .number{ width:100%; font-size:14px; font-weight:bold;  line-height:30px; color:#1e51ad; font-family:Arial, Helvetica, sans-serif;float:left;}
.why_choose .content .list .number span{ font-size:40px; font-weight:400; }
.why_choose .content .list .title{ width:100%; font-size:14px; color:#666;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){   
.why_choose{ padding: 40px 0 40px 0}
.why_choose .content{ width:90%; margin-left:5%;margin-top:30px;float:left;}
.why_choose .content .list{ width:25%; text-align:center; float:left;}
.why_choose .content .list .number{ width:100%; font-size:14px; font-weight:bold;  line-height:30px; color:#1e51ad; font-family:Arial, Helvetica, sans-serif;float:left;}
.why_choose .content .list .number span{ font-size:30px; font-weight:400; }
.why_choose .content .list .title{ width:100%; font-size:12px; color:#666;float:left;} 
}



/*条码整体解决方案的行业应用*/
.solution{ padding: 80px 0 90px 0;position:relative; background: #f2f2f2;}
.solution .content{ width:100%;margin-top:50px;position:relative;float:left;}
.solution .content .list{width:calc((100%)/3 - 1px);position:relative;float:left;}
.solution .content .list img{ width:100%;}
.solution .content .list .trans { width:100%; height: 100%;
    display: inline-block;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;
        position: absolute;left: 0;top:0;z-index: 1;
       background-color:rgba(0,0,0,0); color:rgba(0,0,0,0.00) ;
}
.solution .content .list .trans:hover {
    background-color:rgba(30,81,173,0.8);
    color: #fff;
}
.solution .content .list .trans .s_box{ width:100%; padding-top: 22%; font-size: 16px; line-height: 26px; text-align: center ;float:left;}
.solution .content .list .trans .s_box .title{ width:100%;float:left;}
.solution .content .list .trans .s_box .desc{ width:100%;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){   
.solution{ padding: 40px 0 40px 0;position:relative; background: #f2f2f2;}
.solution .content{ width:90%; margin-left: 5%;margin-top:30px;position:relative;float:left;}
.solution .content .list{width:calc((100%)/2);position:relative;float:left;}
.solution .content .list img{ width:100%;}
.solution .content .list .trans { width:100%; height: 100%;
    display: inline-block;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;
        position: absolute;left: 0;top:0;z-index: 1;
       background-color:rgba(0,0,0,0); color:rgba(0,0,0,0.00) ;
}
.solution .content .list .trans:hover {
    background-color:rgba(30,81,173,0.8);
    color: #fff;
}
.solution .content .list .trans .s_box{ width:100%; padding-top: 19%; font-size: 14px; line-height: 20px; text-align: center ;float:left;}
.solution .content .list .trans .s_box .title{ width:100%;float:left;}
.solution .content .list .trans .s_box .desc{ width:100%;float:left;} 
}

/*首页-行业应用*/
.application{ padding-top:74px}

/*------ servicesBox ------*/
.fgH20{float:left;width:80px;height:260px;}
#servicesBox{width:1232px; margin-top:51px;height:260px;clear:both;line-height:18px;color:#999999; float:left}
#servicesBox h3{font-weight:normal;font-size:16px;height:30px;line-height:20px;color:#000000;}
#servicesBox .serBox{cursor:pointer;display:inline;width:180px;height:180px;float:left;overflow:hidden;background-color:#008cd6;position:relative;padding:0;-moz-border-radius: 50%;-webkit-border-radius:50%;border-radius:50%;}
#servicesBox .serBoxOn{display:none;width:180px;height:180px;background:#ff9102;position:absolute;left:0px;top:0px;z-index:19;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;}
#servicesBox .serBox .pic1{width:88px;height:60px;text-align:center;position:absolute;top:30px;right:45px;z-index:99;}
#servicesBox .serBox .pic2{width:88px;height:60px;text-align:center;position:absolute;top:30px;left:-98px;z-index:99;}
#servicesBox .serBox .txt1{width:180px;height:80px;color:#fff;position:absolute;top:110px;left:0px; text-align:center;z-index:99;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase}
#servicesBox .serBox .txt2{width:180px;height:80px;color:#fff;position:absolute;top:110px;right:-200px; text-align:center;z-index:99;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase}
#servicesBox .serBox span.tit{font-size:16px;display:block;height:30px;line-height:30px;text-align:center;font-weight:bold;}
#servicesBox .serBox .txt1 .tit{color:#fff; }
#servicesBox .serBox .txt2 .tit {color:#fff; }


/* 效果CSS开始 */
.con { width:100%; background: #fff; margin: 0px auto 70px auto; }
.con ul {width:100%; float:left}
.con ul li { width:25%;float: left; overflow:hidden; position: relative; overflow: hidden; cursor: pointer; }
.con ul li img{ width:100%; float:left;}
.txt { width:100%; height:0%; background:#333; background: rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/ position: absolute; left: 0; bottom: 0; color: #fff; font-family: "微软雅黑"; }
.txt h3 { font-size: 20px; font-weight: 100; height: 45px; text-align: center; line-height: 45px; overflow:hidden; }
.txt p { font-size: 14px; text-align: center; }
/* 效果CSS结束 */

/*首页-产品中心*/
.pro_more{ width:100%; padding-bottom:100px; float:left;}
.pro_more .pm{ width:115px;margin:0 auto;}
.pro_more .pm a{ width:115px; height:35px; line-height:35px; text-align:center; color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; background:#ff9102; float:left;}
.pro_more .pm a:hover{background:#00a2e9;}

/*首页-3个产品*/
.pro_3{ display: none}
@media screen and (max-width: 1024px) and (min-width: 0px){
.pro_3{ display: block; background: #1e51ad; padding: 30px 0 30px 0;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box{ width:86%; padding: 5px 4% 10px 4%; margin-left: 3%; background: #d2dcef; color: #fff;float:left;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .pic{ width: 100%;text-align: center; float:left;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .title{ width: 100%; text-align: center; height: 60px; overflow: hidden; font-size: 18px; line-height: 60px; color: #333;float:left;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .desc{ width: 100%; margin-top: 15px; color: #777; line-height: 24px; float:left;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .pic img{ width: 100%}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .more{ width: 100%; margin-top: 10px;text-align: center; color: #ccc; line-height: 24px; margin-bottom: 10px;float:left;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .more p{ display: inline-block; background: #ff9102; padding: 3px 15px; border-radius: 5px;}
.pro_3 .swiper-container .swiper-wrapper .swiper-slide .p_3_box .more p a{ width: 100%;text-align: center;  color: #fff;float:left;}
}


/*首页-产品视频*/
.video{ margin-top:70px;}
.video .content{ width:100%; overflow:hidden;margin-top:50px; float:left;}
.xc_c{ width:100%; float:left;}
.xc_c .list{width:calc((100%)/3);display:inline;position:relative;overflow:hidden;float:left;}
.xc_c .list .v_a{ width:380px; height: 274px;position:relative; background: #000;display:flex;justify-content:center;align-items:center; float:left;}
.xc_c .list .v_a img{max-width: 100%;width: auto;max-height:274px; height: auto;transition: all 0.5s;cursor: pointer;}
.xc_c .list .v_a img:hover{transform: scale(1.2);}
.xc_c .list .v_a .player{
	position: absolute;
	left: 156px;
	top: 105px;
	width: 67px;
	height: 67px; background:url(../images/player.png) center center no-repeat;
	z-index: 1;
}
.xc_c .list .v_a .player img{ width:67px; height:67px;}


.xc_c .list .v_b{ width:100%; padding-top:10px; height:30px; line-height:30px; overflow:hidden;font-size:14px; text-align:center;float:left;}
.xc_c .list .v_b a{ color: #666}

.xc_c .btn { display:block; margin-top:20px;text-align:center; height:30px; overflow:hidden;padding-left: 590px;clear:both;*zoom:1;}
.xc_c .btn a { display:block; width:30px; height:30px;float:left}
.xc_c .btn a.a01{ background:url(../images/xl.jpg) no-repeat; width:30px; height:30px; display:block;}
.xc_c .btn a.a01:hover{ background:url(../images/xl01.jpg) no-repeat; display:block;}
.xc_c .btn a.a02{ background:url(../images/xr.jpg) no-repeat; width:30px; height:30px; display:block;}
.xc_c .btn a.a02:hover{ background:url(../images/xr02.jpg) no-repeat; display:block;}
.video .content_m{ display:none;}
@media screen and (max-width: 1024px) and (min-width: 0px){   
.video{ margin-top:30px;}
.video .content{ display:none;}  
.video .content_m{ width:94%; display: block; margin-left: 3%; overflow:hidden;margin-top:30px; float:left;}
.xc_d{ width:100%; float:left;}
.xc_d .list{width:calc((94%)/2); margin: 0 1.5%;display:inline;position:relative;overflow:hidden;float:left;}
.xc_d .list .v_a{ width:100%;position:relative; background: #000; float:left;}
.xc_d .list .v_a img{width: 100%; height:auto;vertical-align:middle;transition: all 0.5s;cursor: pointer;}
.xc_d .list .v_a img:hover{transform: scale(1.2);}
.xc_d .list .v_a .player{
	position: absolute;
	left: 40%;
	top: 35%;
	width: 30px;
	height: 30px; background:url(../images/player.png) center center no-repeat; background-size: contain;
	z-index: 1;
}
.xc_d .list .v_a .player img{ width:30px; height:30px;}


.xc_d .list .v_b{ width:100%; padding-top:0px; height:34px; line-height:34px; overflow:hidden;font-size:14px; text-align:center;float:left;}
.xc_d .list .v_b a{ color: #666}

.xc_d .btn { display:block; margin-top:20px;text-align:center; height:30px; overflow:hidden;padding-left: 590px;clear:both;*zoom:1;}
.xc_d .btn a { display:block; width:30px; height:30px;float:left}
.xc_d .btn a.a01{ background:url(../images/xl.jpg) no-repeat; width:30px; height:30px; display:block;}
.xc_d .btn a.a01:hover{ background:url(../images/xl01.jpg) no-repeat; display:block;}
.xc_d .btn a.a02{ background:url(../images/xr.jpg) no-repeat; width:30px; height:30px; display:block;}
.xc_d .btn a.a02:hover{ background:url(../images/xr02.jpg) no-repeat; display:block;}
}


/*首页-关于我们*/
.about{ margin-top:80px; height: 760px; background:url("../images/about_index.jpg") no-repeat center center;}
.about .a_box{ width:40%; padding-right: 10%; padding-top:190px;float:right;}
.about .a_box .title{ width:100%;color:#fff;font-size:24px; line-height:40px; float:left;}
.about .a_box .titleline{ width:100%;font-size:18px; line-height:14px; color: #fff; letter-spacing: -1px; float:left;}
.about .a_box .content{ width:100%; padding-top: 10px; line-height: 28px;color:#fff;float:left;}
.about .a_box .more{ width:100%;color:#fff;padding-top: 50px;float:left;}
.about .a_box .more .box{ width:150px; text-align: center;height: 44px; line-height: 44px; background: #fff; float: left; }
.about .a_box .more a{ color:#1e51ad}
@media screen and (max-width: 1024px) and (min-width: 0px){  
.about{ margin-top:30px; height:auto; background:url("../images/company_m_bg.jpg") no-repeat center center; background-size:cover;}
.about .a_box{ width:90%; margin-left:5%; padding-right: 0%; padding-top:30px;float:left;}
.about .a_box .title{ width:100%;color:#fff;font-size:24px; line-height:40px; text-align: center; float:left;}
.about .a_box .titleline{ width:100%;font-size:12px; line-height:14px; color: #fff;  text-align: center; letter-spacing: -3px; float:left;}
.about .a_box .content{ width:100%; padding-top: 10px; line-height: 28px;color:#fff;float:left;}
.about .a_box .more{ width:100%;color:#fff;padding-top: 20px; margin-bottom: 30px; text-align: center;float:left;}
.about .a_box .more .box{ width:auto;height:auto; line-height:34px; padding: 0px 15px; border-radius: 5px; background: #fff;display:inline-block; float: none; }
.about .a_box .more a{ color:#1e51ad} 
}

/*首页-行业资讯*/
.hyzx{ padding: 80px 0}
.news{ width:720px; margin-top:60px;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){  
.hyzx{ padding: 30px 0}
.news{ width:90%; margin-left: 5%; margin-top:30px;float:left;}
}

.news .content{ width:100%; float:left;}
.news .content .bt{ width:100%;float:left;}
.news .content .bt ul{width:100%;float:left}
.news .content .bt ul li{width:130px;; margin-right:20px; border-radius: 100px;text-align:center; font-size:16px; height: 36px; line-height: 36px;border-radius: 100px;float:left}
.news .content .bt ul .active{  background-color:rgba(30,81,173,0);display:inline;}
.news .content .bt ul .active a{width:100%; float:left;color:#fff;background-color:rgba(30,81,173,1);border-radius: 100px;}
.news .content .bt ul .active a:hover{width:100%; float:left;color:#fff;border-radius: 100px;
        -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
       background-color:rgba(30,81,173,1); color:rgba(255,255,255,1) ;
}
.news .content .bt ul .normal{color:#666;}
.news .content .bt ul .normal a{width:100%; float:left;color:#666;border-radius: 100px;}
@media screen and (max-width: 1024px) and (min-width: 0px){  
.news .content{ width:100%; float:left;}
.news .content .bt{ width:100%;float:left;}
.news .content .bt ul{width:100%;float:left}
.news .content .bt ul li{width:calc((100%)/3 - 10px); margin:0 5px; border-radius: 100px;text-align:center; font-size:16px; height: 36px; line-height: 36px;border-radius: 100px;float:left}
.news .content .bt ul .active{  background-color:rgba(30,81,173,0);display:inline;}
.news .content .bt ul .active a{width:100%; float:left;color:#fff;background-color:rgba(30,81,173,1);border-radius: 100px;}
.news .content .bt ul .active a:hover{width:100%; float:left;color:#fff;border-radius: 100px;
        -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
       background-color:rgba(30,81,173,1); color:rgba(255,255,255,1) ;
}
.news .content .bt ul .normal{color:#666;}
.news .content .bt ul .normal a{width:100%; float:left;color:#666;border-radius: 100px;}
}

.news .content .box{ width:100%;float:left;}
.news .content .box .content_01{ width:100%;float:left; }
.news .content .box .content_01 .list{ width:100%; margin-top: 30px;float:left;}
.news .content .box .content_01 .list .pic{ width:170px;float:left;}
.news .content .box .content_01 .list .pic img{width: 100%;height: 100%;object-fit: cover; border-radius: 10px;}
.news .content .box .content_01 .list .info{ width:calc(100% - 190px);float:right;}
.news .content .box .content_01 .list .info .title{ width:100%; line-height: 20px; font-size: 16px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:left;}
.news .content .box .content_01 .list .info .desc{ width:100%; line-height: 50px; color: #888;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:left;}
.news .content .box .content_01 .list .info .date{ width:100%;line-height: 20px; color: #888;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){  
.news .content .box{ width:95%; margin-left: 5%;float:left;}
.news .content .box .content_01{ width:100%;float:left; }
.news .content .box .content_01 .list{ width:100%; margin-top: 30px;float:left;}
.news .content .box .content_01 .list .pic{ width:30%;float:left;}
.news .content .box .content_01 .list .pic img{ width: 100%;height: 100%;object-fit: cover; border-radius: 10px;}
.news .content .box .content_01 .list .info{ width:66%;float:right;}
.news .content .box .content_01 .list .info .title{ width:100%; line-height: 22px; font-size: 14px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:left;}
.news .content .box .content_01 .list .info .desc{ width:100%; line-height: 24px;font-size: 12px; color: #888;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:left;}
.news .content .box .content_01 .list .info .date{ width:100%;line-height: 20px;font-size: 12px; color: #888;float:left;}
}
.news .content .box .content_02{ width:100%;float:left; }
.news .content .box .content_02 .list{ width:100%; margin-top: 30px;float:left;}
.news .content .box .content_02 .list .title{ width:100%; float:left;}
.news .content .box .content_02 .list .title .icon{ width:19px;float:left;}
.news .content .box .content_02 .list .title .wz{ width:calc(100% - 40px);color: #333; font-size: 16px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:right;}
.news .content .box .content_02 .list .desc{ width:100%; float:left;}
.news .content .box .content_02 .list .desc .icon{ width:19px;float:left;}
.news .content .box .content_02 .list .desc .wz{ width:calc(100% - 40px); line-height: 40px;color: #888; font-size: 12px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; border-bottom: 1px #eee solid;float:right;}
@media screen and (max-width: 1024px) and (min-width: 0px){  
.news .content .box .content_02{ width:100%;float:left; }
.news .content .box .content_02 .list{ width:100%; margin-top: 15px;border-bottom: 1px #eee solid;float:left;}
.news .content .box .content_02 .list .title{ width:100%; float:left;}
.news .content .box .content_02 .list .title .icon{ width:19px;line-height: 24px;float:left;}
.news .content .box .content_02 .list .title .icon img{ width: 100%}
.news .content .box .content_02 .list .title .wz{ width:calc(100% - 40px); line-height: 28px;color: #333; font-size: 14px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:right;}
.news .content .box .content_02 .list .desc{ width:100%; float:left;}
.news .content .box .content_02 .list .desc .icon{ width:19px;line-height: 24px;float:left;}
.news .content .box .content_02 .list .desc .icon img{ width: 100%}
.news .content .box .content_02 .list .desc .wz{ width:calc(100% - 40px); line-height: 34px;color: #888; font-size: 12px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; border-bottom:0px #eee solid;float:right;}
}




/*首页-荣誉资质*/
.qualifications{ width:330px;margin-top:60px;float:right;}
.qualifications .bt{ width:100%; border-bottom: 1px #ccc solid;font-size:16px; height: 40px; line-height: 40px;float:left;}
.qualifications .bt .name{ width:25%; text-align: center; border-bottom: 3px #1e50ae solid;color:#1e51ad;float:left;}
.qualifications .bt .more{ width:20%; font-size: 12px; text-align: right;float:right;}
.qualifications .bt .more a{ color: #666}
.qualifications .box{ width:100%; padding-top: 30px;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){  
.qualifications{ width:90%; margin-left: 5%;margin-top:30px;float:left;}
.qualifications .bt{ width:100%; border-bottom: 1px #ccc solid;font-size:18px; height: 40px; line-height: 40px;float:left;}
.qualifications .bt .name{ width:25%; text-align: center; border-bottom: 3px #1e50ae solid;color:#1e51ad;float:left;}
.qualifications .bt .more{ width:20%; font-size: 12px; text-align: right;float:right;}
.qualifications .bt .more a{ color: #666}
.qualifications .box{ width:100%; padding-top: 30px;float:left;}
}


/*图片滚动*/
.rollBox{width:100%;oveflow:hidden;margin:0 auto; position:relative;}
.img-scroll {position:relative;width:100%;margin:0 auto;}
.img-scroll .prev {position: absolute;display: block;width:46px; height:46px;top: 130px;right: 0px;z-index: 1;}
.img-scroll .next {position:absolute;display:block;width:46px; height:46px;top:130px; left:0px;z-index: 1;}
.img-scroll .prev a{display: block;width:46px; height:46px;cursor:pointer; background:url(../images/jiantou_right.png) left no-repeat;float:left}
.img-scroll .next a{display: block;width:46px; height:46px;cursor:pointer; background:url(../images/jiantou_left.png) left no-repeat;float:right}
.img-scroll .prev a:hover{width:46px; height:46px;background:url(../images/jiantou_right2.png) left no-repeat; float:left}
.img-scroll .next a:hover{width:46px; height:46px;background:url(../images/jiantou_left2.png) left no-repeat;float:right}
.img-list {position:relative; width:250px;overflow:hidden;margin:0 auto;}
.img-list ul{width:9999px;float:left}
.img-list ul li{width:250px; height: 354px;float:left; text-align:center;}
.img-list ul li p{width:230px; height:326px;display:flex;justify-content:center;align-items:center; text-align:center; border:1px #ddd solid;margin:0 auto;}
.img-list ul li img{max-width: 100%;width: auto;max-height:326px; height: auto;}

/*首页-合作伙伴*/
.partner{ margin-top:40px; padding: 80px 0; background: #f7f7f7;}
.partner .content{ width:100%; margin-top:40px;float:left;}

.partner .content #demo { 
    overflow:hidden; 
    width: 100%; 
} 
.partner .content #demo img { width: 200px; height: 100px; margin: 0 25px;
} 
.partner .content #indemo { 
    float: left; 
    width: 800%; 
} 
.partner .content #demo1 { 
    float: left; 
} 
.partner .content #demo2 { 
    float: left; 
} 

@media screen and (max-width: 1024px) and (min-width: 0px){  
.partner{ margin-top:0px; padding: 30px 0; background: #f7f7f7;}
.partner .content{ width:100%; margin-top:10px;float:left;}

.partner .content #demo { 
    overflow:hidden; 
    width: 100%; 
} 
.partner .content #demo img { width: 100px; height:auto; margin: 0 10px;
} 
.partner .content #indemo { 
    float: left; 
    width: 800%; 
} 
.partner .content #demo1 { 
    float: left; 
} 
.partner .content #demo2 { 
    float: left; 
} 

}

/*首页-友情链接*/
.links{ height: 0px; overflow: hidden; }
.links span{ padding:0 20px; margin-top:8px; margin-bottom:8px;border:2px #1e51ad solid;height:26px; line-height:26px;font-size:15px; font-weight: bold; color:#1e51ad; -moz-border-radius: 25px;-webkit-border-radius:25px;border-radius:25px;float:left;}
.links a{ padding:0 15px; margin-top:8px; margin-bottom:8px; margin-left:10px; margin-right:10px; border:1px #CCC dashed;height:28px; line-height:28px; color:#666; -moz-border-radius: 25px;-webkit-border-radius:25px;border-radius:25px;float:left;}
.links a:hover{ border:1px #1e51ad dashed; color:#1e51ad;}

/*首页-版权信息*/
.copyright{ background:#202020; color:#FFF; padding:90px 0 80px 0;}
.copyright_box{ width: 1000px; margin:0 auto;}
.copyright .link{ width:300px; float:right;}
.copyright .link .title{ width:100%; float:left;}
.copyright .link .title .t{ width:100px; font-size:16px;border-bottom:3px #ff9102 solid; float:left;}
.copyright .link .content{ width:100%; margin-top:30px;float:left;}
.copyright .link .content ul{ width:100%; float:left;}
.copyright .link .content ul li{ width:120px; line-height:30px; float:left;}
.copyright .link .content ul li a{color:#FFF}
.copyright .link .content ul li a:hover{ color:#ff9102}
.copyright .contact{ width:440px; float:left;}
.copyright .contact .title{ width:100%; float:left;}
.copyright .contact .title .t{ width:100px; font-size:16px;border-bottom:3px #ff9102 solid;float:left;}
.copyright .contact .content1{ width:100%; margin-top:30px; font-size:22px; color:#ff9102;float:left;}
.copyright .contact .content2{ width:100%; margin-top:5px;float:left;}
.copyright .QRcode{ width:auto;margin-right:120px; padding-top:70px; float:left;}
.copyright2{ background:#1c1c1c; color:#666; padding:50px 0 15px 0; text-align:center;}
.copyright2 a{ color:#666; }
@media screen and (max-width: 1024px) and (min-width: 0px){  
.copyright{display: none}

.copyright2{ background:#1c1c1c; color:#666; padding:20px 0 80px 0; text-align:center;}
.copyright2 a{ color:#666; }
}

/* 底部浮动导航 */
.float_nav{ display: none}
@media screen and (max-width: 1024px) and (min-width: 0px){
/* 底部浮动导航 */
.float_nav{display: block;position: fixed; width: 100%;line-height: 40px;height:auto;left: 0;bottom: 0;z-index: 99999; background:rgba(0,0,0,0.80); padding: 10px 0; text-align: center;}
.float_nav .list{width:40%; margin: 0 5%;background: #1e51ad; color: #fff;float: left;border-radius: 5px;}
.float_nav a{ color: #fff}
    }