body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto;}
a{ color:#333; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#0968aa;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:40px 0 60px 0;}
.container{ min-width:1200px; width:1200px; margin:0 auto; padding:0; text-align:left;}



#header{ position:fixed; width:100%; height:92px; background:#fff; margin:0 auto; top:0; text-align:center; border-bottom:1px solid #eaeaea; box-sizing:border-box; z-index:9;}
#header .logo{ float:left; padding-top:12px;}
#header .header_search{ width:100%; background:#f6f6f6; position:absolute; left:0; top:92px; z-index:9; height:80px; display:none;}
#header .header_search form{ width:485px; height:50px; border:0; background:#fff; margin:0 auto; margin-top:15px;}
#header .header_search input[type="text"]{ height:50px; line-height:50px; width:450px; border:0;color:#666; float:left; text-indent:18px;}
#header .header_search input[type="image"]{ position:relative; top:15px; cursor:pointer;}


.menu{ float:right;}
.menu>ul{ margin:auto;}
.menu>ul>li{ float:left; margin:0 10px; text-align:center; position:relative; z-index:9;}
.menu>ul>li a{ display:block; height:92px; line-height:92px; padding:0 22px; font-size:16px; border-bottom:2px solid transparent; box-sizing:border-box;}
.menu>ul>li a.on{ color:#0968aa; border-color:#0968aa;}
.menu>ul>li img{ position:relative; top:36px; margin-left:20px; cursor:pointer;}
.menu>ul>li dl{ width:100%; position:absolute; left:0; top:92px; display:none;}
.menu>ul>li dl dd{ width:100%; height:36px; line-height:36px; text-align:center;}


.banner{ height:764px; margin-top:92px;}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ margin:0 5px !important;}
.banner .swiper-pagination-bullet{ background:none; opacity:1; border:1px solid #fff; width:8px; height:8px;}
.banner .swiper-pagination-bullet-active{ background:#fff;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}


.banner_inside{ height:504px; margin-top:92px;}
.banner_inside .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_inside .swiper-pagination{ bottom:20px;}
.banner_inside .swiper-pagination-bullet{ margin:0 5px !important;}
.banner_inside .swiper-pagination-bullet{ background:none; opacity:1; border:1px solid #fff; width:8px; height:8px;}
.banner_inside .swiper-pagination-bullet-active{ background:#fff;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner_inside .swiper-button-prev{ left:20px;}
.banner_inside .swiper-button-next{ right:20px;}


#home_pro{ margin-top:55px;}
#home_pro .home_pro_dh{ font-size:24px; margin:0 auto; text-align:center; color:#222;}
#home_pro .home_pro_dh>span{ color:#f3f3f3; font-size:48px; font-weight:bold; text-transform:uppercase; display:block; font-family:Arial; line-height:1;}
#home_pro .home_pro_dh>em{ font-size:26px; color:#0968aa; display:block; margin-top:-25px; line-height:1;}
#home_pro .home_pro_dh>i{ width:24px; height:3px; background:#0968aa; display:block; margin:0 auto; margin-top:12px;}
#home_pro .home_pro_dh>p{ font-size:14px; margin-top:15px; line-height:1;}
#home_pro .home_pro_con{ margin-top:70px; position:relative;}
#home_pro .home_pro_con .list{ width:82%;}
#home_pro .home_pro_con .list .swiper-slide{ text-align:center;}
#home_pro .home_pro_con .list .swiper-slide img{ max-width:100%; height:auto; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_pro .home_pro_con .list .swiper-slide img:hover{ transform:scale(1.08); -webkit-transform:scale(1.08);}
#home_pro .home_pro_con .list .swiper-slide span{ display:block; font-size:24px; margin-top:16px; line-height:1;}
#home_pro .home_pro_con .list .swiper-slide p{ font-size:16px; margin-top:15px; line-height:1; color:#333;}
#home_pro .home_pro_con .dh>i{ width:80px; height:80px; display:block; position:absolute; margin-top:-80px; cursor:pointer;}
#home_pro .home_pro_con .dh>i.fa-left{ background:url(../image/l_ico.png) no-repeat center; left:0; top:50%;}
#home_pro .home_pro_con .dh>i.fa-right{ background:url(../image/r_ico.png) no-repeat center; right:0; top:50%;}


#home_adv{ margin-top:70px; height:374px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#home_adv .container{ height:100%;}
#home_adv .home_adv_dh{ margin:0 auto; text-align:center; color:#fff; display:flex; align-items:center; justify-content:center; height:100%;}
#home_adv .home_adv_dh .desc{ font-size:32px; line-height:1.4;}
#home_adv .home_adv_dh span{ font-size:20px; margin-top:20px; line-height:1; display:block;}
#home_adv .home_adv_dh a.more{ width:168px; height:36px; line-height:36px; background:#0968aa; color:#fff; margin:0 auto; margin-top:40px; display:block; transition:all 0.3s;}
#home_adv .home_adv_dh a.more:hover{ background:#0b72ba;}


#home_about{ padding:60px 0 80px 0; background:url(../image/about_bg.jpg) no-repeat center; background-size:cover;}
#home_about .home_about_dh{ font-size:24px; margin:0 auto; text-align:center; color:#222;}
#home_about .home_about_dh>span{ color:#f3f3f3; font-size:48px; font-weight:bold; text-transform:uppercase; display:block; font-family:Arial; line-height:1;}
#home_about .home_about_dh>em{ font-size:26px; color:#0968aa; display:block; margin-top:-25px; line-height:1;}
#home_about .home_about_dh>i{ width:24px; height:3px; background:#0968aa; display:block; margin:0 auto; margin-top:12px;}
#home_about .home_about_dh>p{ font-size:14px; margin-top:15px; line-height:1;}
#home_about .home_about_con{ margin-top:50px;}
#home_about .home_about_con .img{ float:left; width:560px;}
#home_about .home_about_con .img>img{ max-width:100%; height:auto;}
#home_about .home_about_con .desc_box{ float:right; width:600px; margin-top:60px;}
#home_about .home_about_con .desc_box>span{ font-size:20px; color:#0968aa; text-align:center; display:block;}
#home_about .home_about_con .desc_box>.desc{ margin-top:10px; line-height:2;}
#home_about .home_about_con .desc_box>ul{ margin-top:40px; font-size:0;}
#home_about .home_about_con .desc_box>ul>li{ width:33.33%; display:inline-block; font-size:14px; text-align:center; position:relative;}
#home_about .home_about_con .desc_box>ul>li>span>i{ font-size:42px; font-family:'Impact'; margin-right:5px;}
#home_about .home_about_con .desc_box>ul>li>em{ display:block;}
#home_about .home_about_con .desc_box>ul>li:after{ content:''; width:1px; height:66px; background:#e5e5e5; display:block; position:absolute; right:-5px; top:20px;}
#home_about .home_about_con .desc_box>ul>li:nth-child(2):after{ right:15px;}
#home_about .home_about_con .desc_box>ul>li:last-child:after{ display:none;}
#home_about .home_about_con .desc_box a.more{ width:168px; height:36px; line-height:36px; background:#0968aa; color:#fff; margin:0 auto; margin-top:40px; display:block; transition:all 0.3s; text-align:center;}
#home_about .home_about_con .desc_box a.more:hover{ background:#0b72ba;}
#home_about .home_about_con>ul{ margin-top:30px;}
#home_about .home_about_con>ul>li{ width:283px; float:left; margin-left:20px;}
#home_about .home_about_con>ul>li:nth-child(4n+1){ margin-left:0;}
#home_about .home_about_con>ul>li .img{ width:283px; height:205px; overflow:hidden;}
#home_about .home_about_con>ul>li .img>img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_about .home_about_con>ul>li .img>img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}


#home_our{ background:url(../image/our_bg.jpg) no-repeat center; padding:65px 0 90px 0; background-size:cover;}
#home_our .home_our_dh{ font-size:24px; margin:0 auto; text-align:center; color:#222;}
#home_our .home_our_dh>span{ color:#eee; font-size:48px; font-weight:bold; text-transform:uppercase; display:block; font-family:Arial; line-height:1;}
#home_our .home_our_dh>em{ font-size:26px; color:#0968aa; display:block; margin-top:-25px; line-height:1;}
#home_our .home_our_dh>i{ width:24px; height:3px; background:#0968aa; display:block; margin:0 auto; margin-top:12px;}
#home_our .home_our_dh>p{ font-size:14px; margin-top:15px; line-height:1;}
#home_our .home_our_con{ margin-top:50px;}
#home_our .home_our_con>ul>li{ width:365px; float:left; margin-left:52px;}
#home_our .home_our_con>ul>li:nth-child(3n+1){ margin-left:0;}
#home_our .home_our_con>ul>li .img{ width:365px; height:253px; overflow:hidden;}
#home_our .home_our_con>ul>li .img>img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_our .home_our_con>ul>li .img>img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
#home_our .home_our_con>ul>li .desc{ background:#fff; padding:25px; text-align:center;}
#home_our .home_our_con>ul>li .desc>span{ font-size:20px; color:#0968aa; display:block;}
#home_our .home_our_con>ul>li .desc>p{ margin-top:8px;}


#home_smart{ background:url(../image/smart_bg.jpg) no-repeat center; padding:65px 0 80px 0; background-size:cover;}
#home_smart .home_smart_dh{ font-size:24px; margin:0 auto; text-align:center; color:#222;}
#home_smart .home_smart_dh>span{ color:#2d71ad; font-size:48px; font-weight:bold; text-transform:uppercase; display:block; font-family:Arial; line-height:1;}
#home_smart .home_smart_dh>em{ font-size:26px; color:#fff; display:block; margin-top:-25px; line-height:1;}
#home_smart .home_smart_dh>i{ width:24px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:12px;}
#home_smart .home_smart_dh>p{ font-size:14px; margin-top:15px; line-height:1; color:#fff;}
#home_smart .home_smart_nav{ margin-top:50px; text-align:center;}
#home_smart .home_smart_nav>a{ width:154px; height:34px; line-height:34px; background:#fff; display:inline-block; margin:0 5px; text-align:center; font-size:15px; cursor:pointer;}
#home_smart .home_smart_nav>a.on{ background:#5391bf; color:#fff;}
#home_smart .home_smart_con{ margin-top:40px; height:320px;}
#home_smart .home_smart_con ul>li{ float:left; width:278px; margin-left:29px;}
#home_smart .home_smart_con ul>li:nth-child(4n+1){ margin-left:0;}
#home_smart .home_smart_con ul>li .img{ width:278px; height:189px; box-sizing:border-box; border-bottom:2px solid #0968aa; overflow:hidden;}
#home_smart .home_smart_con ul>li img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_smart .home_smart_con ul>li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
#home_smart .home_smart_con ul>li .desc{ padding:20px 15px; background:#fff; border:1px solid #e3e3e3; box-sizing:border-box; border-top:0; text-align:center;}
#home_smart .home_smart_con ul>li span{ display:block; color:#0968aa; font-size:20px;}
#home_smart .home_smart_con ul>li p{ font-size:14px; line-height:1.8; margin-top:8px; color:#333; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}


#home_hardware{ background:url(../image/hardware_bg.jpg) no-repeat center; padding:65px 0 90px 0; background-size:cover;}
#home_hardware .home_hardware_dh{ font-size:24px; margin:0 auto; text-align:center; color:#222;}
#home_hardware .home_hardware_dh>span{ color:#eee; font-size:48px; font-weight:bold; text-transform:uppercase; display:block; font-family:Arial; line-height:1;}
#home_hardware .home_hardware_dh>em{ font-size:26px; color:#0968aa; display:block; margin-top:-25px; line-height:1;}
#home_hardware .home_hardware_dh>i{ width:24px; height:3px; background:#0968aa; display:block; margin:0 auto; margin-top:12px;}
#home_hardware .home_hardware_dh>p{ font-size:14px; margin-top:15px; line-height:1;}
#home_hardware .home_hardware_nav{ margin-top:50px; text-align:center;}
#home_hardware .home_hardware_nav>a{ width:154px; height:34px; line-height:34px; background:#e8e8e8; display:inline-block; margin:0 5px; text-align:center; font-size:15px; cursor:pointer;}
#home_hardware .home_hardware_nav>a.on{ background:#0968aa; color:#fff;}
#home_hardware .home_hardware_con{ margin-top:40px; height:278px;}
#home_hardware .home_hardware_con>.img{ width:545px; height:278px; overflow:hidden; float:left;}
#home_hardware .home_hardware_con>.img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_hardware .home_hardware_con>.img img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
#home_hardware .home_hardware_con>ul{ width:655px; height:278px; background:#fff; overflow:hidden; float:right; text-align:center; padding-top:30px; box-sizing:border-box;}
#home_hardware .home_hardware_con>ul>li{ width:242px; display:inline-block; margin-left:50px;}
#home_hardware .home_hardware_con>ul>li:nth-child(2n+1){ margin-left:0;}
#home_hardware .home_hardware_con>ul>li span{ margin-top:10px; display:block;}
#home_hardware .home_hardware_con>ul>li .img{ width:242px; height:192px; overflow:hidden; vertical-align:middle; display:table-cell;}
#home_hardware .home_hardware_con>ul>li img{ max-width:100%; max-height:100%;}


#home_news{ margin-top:60px; margin-bottom:80px;}
#home_news .home_news_dh{ font-size:24px; margin:0 auto; text-align:center; color:#222;}
#home_news .home_news_dh>span{ color:#f3f3f3; font-size:48px; font-weight:bold; text-transform:uppercase; display:block; font-family:Arial; line-height:1;}
#home_news .home_news_dh>em{ font-size:26px; color:#0968aa; display:block; margin-top:-25px; line-height:1;}
#home_news .home_news_dh>i{ width:24px; height:3px; background:#0968aa; display:block; margin:0 auto; margin-top:12px;}
#home_news .home_news_dh>p{ font-size:14px; margin-top:15px; line-height:1;}
#home_news .home_news_con{ margin-top:40px;}
#home_news .home_news_con>ul>li{ width:400px; text-align:left; float:left;}
#home_news .home_news_con>ul>li .img{ width:400px; height:228px; overflow:hidden; position:relative;}
#home_news .home_news_con>ul>li .img:after{ content:''; width:0px; height:0px; border-width:10px; border-style:solid; border-color:#f8f8f8 transparent transparent transparent; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#home_news .home_news_con>ul>li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con>ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con>ul>li .desc{ background:#f8f8f8; height:228px; padding:0 30px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
#home_news .home_news_con>ul>li .desc span{ font-size:16px; display:block; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#home_news .home_news_con>ul>li .desc p{ margin-top:10px; color:#4f4f4f; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#home_news .home_news_con>ul>li .img:nth-child(1){ display:none;}
#home_news .home_news_con>ul>li:nth-child(2) .img:after{ bottom:0; top:auto; border-color:transparent transparent #f8f8f8 transparent;}
#home_news .home_news_con>ul>li:nth-child(2) .img:nth-child(1){ display:block;}
#home_news .home_news_con>ul>li:nth-child(2) .img:nth-child(3){ display:none;}


#left{ width:100%; border-bottom:1px solid #e5e5e5;}
#left .left_dh ul{ font-size:0;}
#left .left_dh ul li{ display:inline-block; padding:0 15px;}
#left .left_dh ul li a{ height:80px; line-height:80px; display:block; padding:0 20px; font-size:16px; border-bottom:4px solid transparent; box-sizing:border-box;}
#left .left_dh ul li a:hover{ color:#0968aa;}
#left .left_dh ul li a.on{ border-color:#0968aa;}


#right{ width:100%;}
#right .right_con{ min-height:200px; font-size:15px; line-height:2;}
#right .right_box img{ max-width:100%; height:auto !important;}
#right .right_box video{ max-width:100%; height:auto;}
#right .right_box iframe{ max-width:100%; height:auto;}


ul.list_pro{ text-align:center;}
ul.list_pro li{ float:left; width:376px; margin-left:35px; margin-bottom:35px;}
ul.list_pro li:nth-child(3n+1){ margin-left:0;}
ul.list_pro li .img{ width:376px; height:376px; border:1px solid #e3e3e3; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle;}
ul.list_pro li img{ max-width:100%; max-height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; padding-top:15px;}


.dis_big{ text-align:center; display:flex;}
.dis_big .l{ max-width:500px;}
.dis_big .r{ text-align:left; margin-top:10px; margin-left:60px;}
.dis_name{ padding:10px 0; font-size:22px; color:#0968aa;}
.dis_pic{ position:relative; text-align:left;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url() no-repeat; left:0;}
.dis_pic a.p_next{ background:url() no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ border:1px solid #e3e3e3; max-width:100%;}
.dis_dh{ border-bottom: 1px solid #e5e5e5; height:46px; line-height:46px; margin-top:30px;}
.dis_dh>em{ padding:0 10px; display:inline-block; font-size:16px; border-bottom:3px solid transparent; position:relative; top:-2px; cursor:pointer; margin-right:15px;}
.dis_dh>em.on{ border-color:#0968aa;}
.dis_note{ text-align:left; margin-top:30px;}
.dis_details{ display:block;}
.dis_details .dis_pic{ text-align:center;}
.dis_details .dis_name{ padding:10px 0; font-size:16px;}


.platform>ul{ text-align:center; margin-bottom:35px;}
.platform>ul>li{ display:inline-block;}
.platform>ul>li>a{ width:154px; height:34px; line-height:34px; background:#e8e8e8; display:inline-block; margin:0 5px; text-align:center; font-size:15px; cursor:pointer;}
.platform>ul>li>a.on{ background:#0968aa; color:#fff;}


.honor>em{ font-size:24px;}
.honor>.desc{ font-size:16px; line-height:2;}


.cases{ width:100%; min-width:100%;}
.cases .con{ padding-top:0 !important;}
.cases .cases_con{ background:#fafafa; padding:50px 0 60px 0; margin-bottom:60px;}
.cases .dh{ font-size:24px; margin:0 auto; text-align:center; color:#222; margin-bottom:50px;}
.cases .dh>span{ font-size:26px; color:#0968aa; display:block; line-height:1;}
.cases .dh>i{ width:24px; height:3px; background:#0968aa; display:block; margin:0 auto; margin-top:12px;}
.cases .dh>p{ font-size:14px; margin-top:15px; line-height:1;}
.cases .desc{ text-align:center;}


ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:278px; margin-left:29px; margin-bottom:29px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:278px; height:189px; border:1px solid #e3e3e3; box-sizing:border-box; border-bottom:2px solid #0968aa; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_share li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_share li .desc{ padding:20px 15px; border:1px solid #e3e3e3; box-sizing:border-box; border-top:0;}
ul.list_share li span{ display:block; color:#0968aa; font-size:20px;}
ul.list_share li p{ font-size:14px; line-height:1.8; margin-top:8px; color:#333; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}


ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:374px; margin-left:39px; margin-bottom:39px;}
ul.share_list li:nth-child(3n+1){ margin-left:0;}
ul.share_list li .img{ width:374px; height:264px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle;}
ul.share_list li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.share_list li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.share_list li span{ display:block; padding-top:15px;}


.dis_share{ text-align:center; margin-top:20px;}
.dis_share .dis_pic{ text-align:center;}
.dis_share img{ border:0 !important;}


table{ width:100%; border-width:1px; border-color:#666; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#ccc; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#666; background-color:#fff;}


ul.list_news li{ position:relative; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
ul.list_news li span{ position:absolute; right:5px; top:0;}


ul.list_img_news{ margin-bottom:30px;}
ul.list_img_news li{ padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
ul.list_img_news li .img{ width:400px; height:227px; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li .desc{ width:740px; float:right;}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:block; margin-top:20px;}
ul.list_img_news li p{ color:#888; line-height:1.8;}
ul.list_img_news li em{ display:block; color:#888; margin-top:10px;}


ul.list_pic_news{ text-align:center;}
ul.list_pic_news li{ float:left; width:300px; margin:0 8px; height:260px;}
ul.list_pic_news li .img{ width:300px; height:200px; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition:all 0.8s ease 0s; -webkit-transform:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}


#dis_news .news_title{ font-size:18px; text-align:center;}
#dis_news .news_date{ text-align:center; line-height:2; padding-bottom:10px; color:#888;}
#dis_news .news_content{ padding:5px; text-align:left;}


.page{ text-align:center; line-height:30px; min-height:30px; clear:both; margin-top:20px;}

.pages{ width:100%; margin:0 auto; margin-top:30px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #c1c1c1; padding:5px 10px; margin:0 3px;}
.pages a:hover,a.active{ background:#1b77c6; color:#fff; border-color:#1b77c6;}
.pages span{ border:1px solid #c1c1c1; padding:5px 10px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#1b77c6; color:#fff; border-color:#1b77c6;}


.feedback{ width:680px;}
.feedback img{ cursor:pointer;}
.feedback input{ width:246px; line-height:24px; color:#565656; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ width:450px; line-height:24px; color:#565656; border:1px solid #ccc; height:96px; margin-bottom:12px; resize:none;}
.feedback ul li span{ width:96px; line-height:24px; color:#565656; height:24px; margin-right:12px; float:left; text-align:left;}
.feedback .submit{ width:110px; line-height:26px; color:#565656; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}


@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}


.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}


.form{ margin:0 auto; width:100%;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(5)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ width:300px; height:30px; border:1px solid #ddd; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ width:296px; height:100px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input{ font-size:15px;}
.form .form-group>.box>input[type="submit"]{ background:#f6f6f6; width:100px; height:36px; line-height:36px; color:#565656; border:0; cursor:pointer; margin-right:10px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#0968aa; color:#fff;}
.form .form-group>.box>input[type="reset"]{ background:#f6f6f6; width:100px; height:36px; line-height:36px; color:#565656; border:0; cursor:pointer;}
.form .form-group>.box>input[type="reset"]:hover{ background:#0968aa; color:#fff;}


.float{ width:180px; position:fixed; right:0; top:40%; z-index:99;}
.float li{ width:100%; height:62px; background:rgba(5,117,194,0.8); position:relative; right:-120px; margin-bottom:2px; display:flex; align-items:center; box-sizing:border-box; color:#fff; cursor:pointer; transition:all 0.3s;}
.float li .img{ width:60px; text-align:center; margin-top:-3px;}
.float li .img span{ display:block; font-size:12px; line-height:1; margin-top:3px;}
.float li em{ display:inline-block; text-align:left;}
.float li a{ color:#fff;}
.float li:hover{ right:0;}
.float li:nth-child(3):hover{ right:-120px;}
.float li:nth-child(3):hover p{ display:block;}
.float p{ background:#fff; width:120px; height:127px; position:absolute; top:-64px; right:190px; color:#222; text-align:center; padding:4px; box-sizing:border-box; box-shadow:0 1px 15px 1px rgba(0,0,0,0.1); display:none; transition:all 0.3s;}
.float p>img{ width:100px; height:auto;}
.float p>span{ display:block;}


#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:absolute; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#0968aa; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #0968aa; border-bottom:1px solid #0968aa; border-right:1px solid #0968aa; background:#fff; line-height:28px;}


#footer_nav{ background:#f6f6f6;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:45px 0 60px 0; color:#333;}
#footer_nav .footer_nav_con a{ color:#333;}
#footer_nav .footer_nav_con a:hover{ color:#0968aa;}
#footer_nav .footer_nav_con .pic{ float:left;}
#footer_nav .footer_nav_con .list_con{ float:right; font-size:0; margin-top:20px;}
#footer_nav .footer_nav_con .list_con>a{ margin-left:62px; display:inline-block; font-size:16px;}
#footer_nav .footer_nav_con .list_con>a:after{ content:''; width:1px; height:9px; background:#333; float:right; position:relative; top:9px; right:-32px;}
#footer_nav .footer_nav_con .list_con>a:last-child:after{ display:none;}
#footer_nav .footer_nav_con .contact{ float:left; width:830px; margin-top:45px;}
#footer_nav .footer_nav_con .contact>ul>li{ min-width:330px; margin-bottom:15px; line-height:2;}
#footer_nav .footer_nav_con .contact>ul>li img{ float:left; margin-right:15px;}
#footer_nav .footer_nav_con .contact>ul>li:nth-child(2n+1){ margin-left:0;}
#footer_nav .footer_nav_con .ico{ float:right; margin-top:20px;}
#footer_nav .footer_nav_con .ico>ul>li{ float:left; margin-left:50px; text-align:center;}
#footer_nav .footer_nav_con .ico>ul>li:nth-child(2n+1){ margin-left:0;}
#footer_nav .footer_nav_con .ico>ul>li img{ max-width:81px;}
#footer_nav .footer_nav_con .ico>ul>li span{ display:block; margin-top:8px;}


#footer{ padding:25px 0; background:#0968aa; color:#fff;}
#footer a{ color:#fff;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .footer_copy{ text-align:center; padding:15px 0;}


.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}


@media (min-width:769px){
.header{ display:none;}
.m_float{ display:none;}
.m_float_con{ display:none;}
}


@media screen and (max-width:768px){
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:5px 15px 25px 15px;}


.header{ width:100%; height:60px; line-height:60px; background:#fff; position:fixed; box-shadow:0px 1px 10px rgba(0,0,0,.2); z-index:999;}
.header .m_logo img{ height:36px; padding:12px 10px;}
.header .nav{ width:100%; height:100%; background:#fff; position:absolute; top:60px; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul li a{ display:block; font-size:15px; color:#454545; line-height:16px; text-align:left; padding:14px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a:hover{ background:#0968aa; color:#fff;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#0968aa; height:2px; width:24px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}


.banner{ height:160px; margin-top:0;}
.banner .swiper-slide{ background-size:cover;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet{ margin:0 4px !important;}
.banner .swiper-pagination-bullet{ width:6px; height:6px;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}
.banner_inside{ height:140px; margin-top:0;}
.banner_inside .swiper-slide{ background-size:cover;}
.banner_inside .swiper-pagination{ bottom:10px;}
.banner_inside .swiper-pagination-bullet{ margin:0 4px !important;}
.banner_inside .swiper-pagination-bullet{ width:6px; height:6px;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}


#home_pro{ margin-top:30px;}
#home_pro .home_pro_dh>span{ font-size:22px;}
#home_pro .home_pro_dh>em{ font-size:18px; margin-top:-15px;}
#home_pro .home_pro_dh>i{ margin-top:10px;}
#home_pro .home_pro_dh>p{ width:80%; margin:0 auto; margin-top:8px; line-height:1.6;}
#home_pro .home_pro_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_pro .home_pro_con .dh>i{ width:30px; height:30px; background-size:30px 30px !important; margin-top:-60px;}
#home_pro .home_pro_con .list .swiper-slide span{ font-size:16px;}
#home_pro .home_pro_con .list .swiper-slide p{ line-height:1.6; font-size:14px; margin-top:8px;}

#home_adv{ margin-top:30px; height:auto; padding:30px 0;}
#home_adv .home_adv_dh{ width:94%; margin:0 auto;}
#home_adv .home_adv_dh .desc{ font-size:18px; line-height:1.6;}
#home_adv .home_adv_dh span{ font-size:15px; margin-top:10px;}
#home_adv .home_adv_dh a.more{ width:120px; margin-top:20px;}

#home_about{ margin-top:30px; padding:0 0 30px 0;}
#home_about .home_about_dh>span{ font-size:22px;}
#home_about .home_about_dh>em{ font-size:18px; margin-top:-15px;}
#home_about .home_about_dh>i{ margin-top:10px;}
#home_about .home_about_dh>p{ width:80%; margin:0 auto; margin-top:8px; line-height:1.6;}
#home_about .home_about_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_about .home_about_con .img{ width:100%; float:none;}
#home_about .home_about_con .desc_box{ width:100%; float:none; margin-top:20px;}
#home_about .home_about_con .desc_box>span{ font-size:16px;}
#home_about .home_about_con .desc_box>.desc{ margin-top:5px;}
#home_about .home_about_con .desc_box>ul{ margin-top:20px;}
#home_about .home_about_con .desc_box>ul>li>span>i{ font-size:20px;}
#home_about .home_about_con .desc_box>ul>li:after{ height:42px; top:10px;}
#home_about .home_about_con .desc_box>ul>li:after{ right:-6%;}
#home_about .home_about_con .desc_box>ul>li:nth-child(2):after{ right:9%;}
#home_about .home_about_con .desc_box a.more{ width:120px; margin-top:20px;}
#home_about .home_about_con>ul{ margin-top:20px;}
#home_about .home_about_con>ul>li{ width:48%; margin-left:4%; margin-bottom:4%;}
#home_about .home_about_con>ul>li .img{ width:100%; height:100%;}
#home_about .home_about_con>ul>li:nth-child(2n+1){ margin-left:0;}

#home_our{ margin-top:0; padding:30px 0 20px 0;}
#home_our .home_our_dh>span{ font-size:22px;}
#home_our .home_our_dh>em{ font-size:18px; margin-top:-15px;}
#home_our .home_our_dh>i{ margin-top:10px;}
#home_our .home_our_dh>p{ width:76%; margin:0 auto; margin-top:8px; line-height:1.6;}
#home_our .home_our_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_our .home_our_con>ul>li{ width:100%; margin-left:0; float:none; margin-bottom:4%;}
#home_our .home_our_con>ul>li .img{ width:100%; height:100%;}
#home_our .home_our_con>ul>li .desc{ padding:10px;}
#home_our .home_our_con>ul>li .desc>span{ font-size:16px;}
#home_our .home_our_con>ul>li .desc>p{ margin-top:6px;}

#home_smart{ margin-top:30px; padding:30px 0 20px 0;}
#home_smart .home_smart_dh>span{ font-size:22px;}
#home_smart .home_smart_dh>em{ font-size:18px; margin-top:-15px;}
#home_smart .home_smart_dh>i{ margin-top:10px;}
#home_smart .home_smart_dh>p{ width:76%; margin:0 auto; margin-top:8px; line-height:1.6;}
#home_smart .home_smart_nav{ margin-top:20px; white-space:nowrap; overflow-x:scroll; text-align:center; font-size:0;}
#home_smart .home_smart_nav>a{ width:auto; height:32px; line-height:32px; padding:0 15px;}
#home_smart .home_smart_con{ width:94%; margin:0 auto; margin-top:20px; height:auto;}
#home_smart .home_smart_con ul>li{ width:48%; margin-left:4%; margin-bottom:4%;}
#home_smart .home_smart_con ul>li:nth-child(2n+1){ margin-left:0;}
#home_smart .home_smart_con ul>li .img{ width:100%; height:100%;}
#home_smart .home_smart_con ul>li img{ width:100%; height:100px;}
#home_smart .home_smart_con ul>li .desc{ padding:10px;}
#home_smart .home_smart_con ul>li span{ font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_smart .home_smart_con ul>li p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:5px; line-height:1.6;}

#home_hardware{ padding:30px 0 30px 0;}
#home_hardware .home_hardware_dh>span{ font-size:22px;}
#home_hardware .home_hardware_dh>em{ font-size:18px; margin-top:-15px;}
#home_hardware .home_hardware_dh>i{ margin-top:10px;}
#home_hardware .home_hardware_dh>p{ width:76%; margin:0 auto; margin-top:8px; line-height:1.6;}
#home_hardware .home_hardware_nav{ margin-top:20px; font-size:0; white-space:nowrap; overflow-x:scroll; text-align:center;}
#home_hardware .home_hardware_nav>a{ width:auto; height:32px; line-height:32px; padding:0 15px;}
#home_hardware .home_hardware_con{ width:94%; margin:0 auto; margin-top:20px; height:auto;}
#home_hardware .home_hardware_con>.img{ width:100%; float:none; height:auto;}
#home_hardware .home_hardware_con>ul{ width:100%; float:none; height:auto; padding:15px 10px; font-size:0;}
#home_hardware .home_hardware_con>ul>li{ width:48%; margin-left:4%; font-size:14px;}
#home_hardware .home_hardware_con>ul>li .img{ width:100%; height:100%;}

#home_news{ margin-top:30px; margin-bottom:30px;}
#home_news .home_news_dh>span{ font-size:22px;}
#home_news .home_news_dh>em{ font-size:18px; margin-top:-15px;}
#home_news .home_news_dh>i{ margin-top:10px;}
#home_news .home_news_dh>p{ width:76%; margin:0 auto; margin-top:8px; line-height:1.6;}
#home_news .home_news_con{ width:94%; margin:0 auto; margin-top:20px;}
#home_news .home_news_con>ul>li{ width:100%; float:none; overflow:hidden;}
#home_news .home_news_con>ul>li .img{ width:50%; height:120px; float:left;}
#home_news .home_news_con>ul>li .desc{ width:50%; height:120px; padding:4%; float:right; -webkit-box-sizing:border-box; box-sizing:border-box;}
#home_news .home_news_con>ul>li .desc p{ margin-top:6px; font-size:14px; line-clamp:2; -webkit-line-clamp:2; line-height:1.4;}
#home_news .home_news_con>ul>li:nth-child(2) .img{ float:right;}
#home_news .home_news_con>ul>li:nth-child(2) .desc{ float:left;}
#home_news .home_news_con>ul>li .desc span{ font-size:15px;}
#home_news .home_news_con>ul>li .img:after{ border-width:8px; top:50%; right:0; left:auto; margin-top:-8px; border-color:transparent #f8f8f8 transparent transparent;}
#home_news .home_news_con>ul>li:nth-child(2) .img:after{ left:0; right:auto; top:50%; border-color:transparent transparent transparent #f8f8f8;}



#right{ width:100%;}
#right .right_dh{ margin:0; font-size:16px; position:relative; padding-top:5px;}
#right .right_con{ min-height:320px; padding:0; padding-top:15px;}
#right .right_con img{ max-width:100%; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con video{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_dh_r{ display:none;}
#right .right_icon{ position:absolute; top:5px; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}


#left .left_dh ul{ white-space:nowrap; overflow-x:scroll; text-align:center;}
#left .left_dh ul li{ padding:0;}
#left .left_dh ul li a{ height:40px; line-height:40px; padding:0 15px; font-size:15px; border-bottom-width:3px;}
#left .pro_dh>ul::-webkit-scrollbar-track-piece{ background-color:rgba(0,0,0,0.1);}
#left .pro_dh>ul::-webkit-scrollbar{ width:5px; height:3px;}
#left .pro_dh>ul::-webkit-scrollbar-thumb{ background-color:#0968aa; background-clip:padding-box;}
#left .pro_dh>ul::-webkit-scrollbar-thumb:hover{ background-color:rgba(0,0,0,0.5);}
#left .pro_dh>ul li a.on{ border-bottom:0; color:#0968aa;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}


ul.list_news li{ width:100%;}
ul.list_news li dd{ width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


ul.list_pic_news li{ width:46%; margin:0 2%; margin-bottom:2%;}
ul.list_pic_news li .img{ width:100%; height:100%;}
ul.list_pic_news li img{ width:100%; height:100%;}
ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ padding-top:5px;}


ul.list_img_news li{ margin-bottom:5%; padding-bottom:0;}
ul.list_img_news li .img{ width:40%; height:100px;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li .desc{ width:56%;}
ul.list_img_news li span{ margin:0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; margin-bottom:5px;}
ul.list_img_news li p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px; line-height:1.5;}
ul.list_img_news li em{ margin-top:6px;}


#dis_news{ width:100%;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:16px; line-height:1.5;}


ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_pro li:nth-child(3n+1){ margin-left:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:100%;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li span{ padding-top:10px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.dis_dh{ margin-top:10px; height:36px; line-height:36px;}
.dis_dh>em{ font-size:15px; margin-right:5px;}
.dis_big{ display:block;}
.dis_big .r{ margin-left:0; margin-top:5px;}
.dis_name{ font-size:16px; padding:5px 0;}
.dis_note{ margin-top:20px;}


.platform>ul{ margin-bottom:15px; font-size:0; white-space:nowrap; overflow-x:scroll; text-align:center;}
.platform>ul>li>a{ padding:0 15px; width:auto; height:32px; line-height:32px;}


.honor>em{ font-size:16px;}
.honor>.desc{ font-size:15px;}


.cases .cases_box{ margin-bottom:25px;}
.cases .con{ padding:0 !important;}
.cases .right_con{ padding:0 !important;}
.cases .cases_con{ padding:30px 0; margin-bottom:30px;}
.cases .dh{ width:94%; margin:0 auto;}
.cases .dh>span{ font-size:18px;}
.cases .dh>i{ margin-top:10px;}
.cases .dh>p{ line-height:1.8; margin-top:8px;}
.cases .desc{ width:94%; margin:0 auto;}
.cases ul.share_list{ width:94%; margin:0 auto; margin-top:15px;}


ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:100px;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li .desc{ padding:10px;}
ul.list_share li span{ font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_share li p{ overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:5px; line-height:1.6;}


ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:110px;}
ul.share_list li span{ padding-top:8px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.dis_share{ margin-top:0;}


.form{ width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}


.page{ margin-top:10px;}
.pages{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0;}


.float{display:none;}
.m_float{ position:fixed; right:15px; bottom:15px; z-index:999;}
.m_float>.ico{ width:50px; height:50px; background:#e9ebeb; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.m_float>.ico>img{ width:22px; height:22px;}
.m_float_con{ position:fixed; bottom:75px; right:0; left:0; margin:auto; display:none; flex-direction:column; justify-content:space-between; width:80%; padding:10px; box-sizing:border-box; transition:right 0.5s ease; background-color:#fff; z-index:999; border-radius:10px; box-shadow:0 1px 15px 1px rgba(0,0,0,0.1); }
.m_float_con li{ text-align:left; margin-bottom:10px; border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
.m_float_con li>.img{ display:flex; align-items:center;}
.m_float_con li>.img a{ line-height:2; display:flex; align-items:center;}
.m_float_con li>.img img{ width:22px; margin-right:10px;}
.m_float_con li>.img span{ display:block;}
.m_float_con li:nth-child(2)>.img img{ width:20px; position:relative; left:2px; top:-1px;}
.m_float_con li:nth-child(3)>.img img{ width:22px; position:relative; left:3px; top:0;}
.m_float_con li:nth-child(3){ border-bottom:0; margin-bottom:0;}
.m_float_con li>p>img{ width:80px; margin-left:30px;}


#livechat{ display:none;}


#footer_nav{ display:none;}


#footer{ padding:15px 0;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
#footer .footer_copy{ margin:0 auto; width:94%; padding:15px 0;}
}