<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> *{ margin:0; padding:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,
textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
html{width:100%;*overflow-x:hidden;}
img{border:0 none;vertical-align:top;-ms-interpolation-mode: bicubic;}
ul, li{list-style-type:none;}
body, input, select, button, textarea{font-size:15px;font-family:"微软雅黑"; color:#333333; }/*2018.5 修改*/
i, em, cite{font-style:normal}
body{ color:#666666; width:100%; margin:0 auto; background: #fff !important; }
a, a:link, a:visited{text-decoration:none;/*color:#666666*/}
.main{ max-width: 1200px; margin: 0 auto; overflow: hidden;}
.main1{ max-width: 1200px; margin: 0 auto; }
.w-clear{clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.jjj{overflow: hidden;}
.jjj img{cursor: pointer;transition: all 1.2s;}
.jjj img:hover{transform: scale(1.2);}


/*顶部*/
.top_01{ padding: 20px 0;}
.top_012{ margin-top: 14px;}
.top_012 img{ padding-right: 15px;}
.top_012 p{ font-size: 18px; color: #333; line-height: 30px;}
.top_012 span{ font-size: 26px; color: #50a8ff; font-weight: 600; line-height: 34px;}

/*电脑加平板*/
.Navigation{ background: #50a8ff; width: 100%; height: 75px;}
.Navigation_fl{}
.Navigation img{ float: right;}
.Navigation_ss{ width: 10%; height: 70px; float: right;}
.Navigation_ss img{ margin-top: 24px; margin-right: 20px; float: right;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.navBar{ position:absolute; z-index:10; color:#333; background: #50a8ff; width: 100%; height: 62px;}
.nav{ position:relative; width:1200px; margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei;}
.nav a{ color:#fff; display:block; width: 100%; text-align:center; font-size:19px; line-height: 62px; padding: 0 !important;}
.nav .m{ float:left;  position:relative; z-index:1; width: 12.5%;}
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav .sub{ display:none; position:absolute; top:62px; z-index:1; width: 100%; border-top:0; margin: 0; background:#50a8ff; }
.nav .sub li{ text-align:center;}
.nav .sub li a{ display:block; line-height:50px; color:#FFFFFF; font-size: 16px;}
.nav li a:hover{ background: #95c9fd !important; color: #fff;}
.nav li a.on{ background: #95c9fd;}
.nav .sub li a:hover{ background: #95c9fd;}

/*banner*/
.newimg { width: 100%; overflow: hidden; position: relative; margin-top: 62px;}
.newdiv { position: absolute; bottom: 35px; height: 4px; text-align: center; width:100%;z-index: 9;}
.newimgdiv{ position:relative;}
.newimgdiv img{ opacity: 0; transition: 1s; width: 100%; position: absolute;}
.newimgdiv img:first-child{ opacity: 1; z-index: 9;}
.newdiv i:first-child{ margin-left: 0;}
.newdiv i { width: 53px; height: 4px; display: inline-block; margin-left: 10px; background: #bfbfbf;}
.newdiv .newdiviactive { background: #50a8ff;}
.jtleft,.jtright { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 50px; height: 50px; margin-left: 10px;z-index: 9;}
.jtleft img, .jtright img { width: 100%;}
.jtright { margin-left: calc(100% - 60px);}







/*产品中心*/
.pro_bt{ border: 2px solid #dcdcdc; width: 80px; height: 120px; margin-top: 40px;}
.pro_bt_01{ width: 240px; background: #fff; margin-top: 18px; margin-left: 26px; padding: 4px 0 10px 0;}
.pro_bt_01 p{ font-size: 26px; color: #50A8FF;}
.pro_bt_01 span{ font-size: 15px; color: #666;}

.pro_txt{width:1200px;margin:0 auto;margin-top: 35px; margin-bottom: 10px;}
.pro_txt_tit{ float: left; width: 240px;}
.pro_txt_tit ul{overflow:hidden;}
.pro_txt_tit ul li{text-align:center; font-size:14px; width: 240px; height: 72px; border-bottom: 1px solid #dbdbdb; background: #ededed; color:#333; cursor:pointer;}
.pro_txt_tit ul li a{ color: #333; line-height: 72px;}
.pro_txt_tit ul li:hover{ color: #fff; display: inline-block; width: 100%; background: #50A8FF; text-decoration: underline;}
.pro_txt_tit ul li:hover a{ color: #fff;}
.pro_txt_tit ul li a.on{ background: #50A8FF; color: #fff; width: 100%; display: inline-block;}

.contentbox{ float: right; width: 930px;}
.contentbox ul{ overflow:hidden; margin-left:-20px; }
.contentbox ul li{ float:left; margin-left:20px; width:285px; margin-top:35px;}
.contentbox ul li img{ width: 100%;}
.contentbox ul li p{font-size:15px;color:#666;line-height:20px;text-align:left;margin-top:5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.pro_04{ width:285px; height: 200px; overflow: hidden;}
.contentbox ul li:hover p{ color: #1c9d31; text-decoration: underline;}

.pro_img{ border: 1px solid #dcdcdc; position:relative;}
.pro_p{ text-align: center; padding-top: 10px;}
.pro_p p{ font-size: 14px;}
.swiper-container{ margin-top: -100px !important; padding-top: 100px !important;}
.swiper-button-next, .swiper-button-prev{ top: 5% !important;}
.swiper-button-prev{ left: auto !important; right: 60px !important; background-image: url(../img/f006.png) !important; width: 35px !important; background-size: 35px 35px !important;}
.swiper-button-next{ right: 0px !important; background-image: url(../img/f005.png) !important; width: 35px !important; background-size: 35px 35px !important;}

.pro_img:hover&gt;div{ width:100%; transition:0.5s;}
.pro_img&gt;div{ position:absolute; height:100%; width:0; background:rgba(80,168,255,0.8); z-index: 99; left:0; top:0; transition:0.5s;overflow: hidden; text-align: center;}
.pro_ny{ border: 1px solid #dcdcdc; margin: 10px; padding: 25px 15px; display: inline-block; height: 220px;}
.pro_ny h3{ color: #fff; font-size: 22px; font-weight: 400; padding-bottom: 20px;} 
.pro_h{ width: 48px; height: 4px; background: #fff; margin: 0 auto;}
.pro_ny p{ font-size: 14px; color: #fff; padding-bottom: 10px; text-align: left; text-align: justify; padding-top: 15px; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.pro_ny a{ color: #fff; font-size: 15px;}
.pro_ny a:hover{ color: #fff; text-decoration: underline;}

/* 关于我们 */
.guany_txt{ text-align: center; margin: 0 auto; width: 100%; padding-top: 60px; padding-bottom: 40px;}
.guany_txt h3{ font-size: 30px; font-weight: 400; color: #333; padding-bottom: 20px;}
.guany_h{ width: 50px; height: 3px; background: #999999; text-align: center; margin: 0 auto;}
.guany_bj{ background: url(../img/f007.png)no-repeat center center; width: 100%; background-size: 100% 100%; margin: 0 auto; text-align: center; padding: 75px 0;}
.guany_in{ background: #fff; width: 960px; height: 324px; margin: 0 auto; padding: 40px;}
.guany_in h3{ font-size: 20px; font-weight: 400; padding-bottom: 20px;}
.guany_h1{ width: 50px; height: 3px; background: #50A8FF; text-align: center; margin: 0 auto;}
.guany_in p{ text-align: left; text-align: justify; line-height: 34px; font-size: 14px; padding-top: 25px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.guany_in a{ display: inline-block; font-size: 16px; color: #fff; background-color: #50A8FF; padding: 12px 35px; margin-top: 60px;}
.guany_in a:hover{ color: #fff; text-decoration: underline;}

/* 合作案例 */
.tablist { margin: 0 auto; border-bottom: 1px solid #ededed;}
.ctrl-row{ width: 80%;}
.tablist a{ line-height: 40px; font-size: 15px;}
.tablist a:hover{ color: #50A8FF; text-decoration: underline;}
.tablist ul li{ float: left; width: 11%;}
.tablist ul li span { color: #333; width: 100%; margin: 0 auto; display: block; font-size: 15px; text-align: center; line-height: 40px; }
.tablist ul .tablistactive span{ border-bottom: 2px solid #50A8FF; color:#50A8FF;}
.list { margin-top: 30px; display: none;position:relative;}
.list ul li p { width: 90%; margin: 0 auto; border: 1px solid #efefef; box-sizing: border-box; height: 100px; margin-top: 10px; text-align: center; line-height: 100px;}
.listactive{ display: block;}
.ctrl-rolling { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 20px; position: relative; /* min-height: 181px; */}
.ctrl-rolling&gt;div { width: 100%; overflow: hidden; margin: 0 auto;}
.ctrl-rolling ul { width: 800%;}
.ctrl-rolling ul li:first-child { margin-left: 0;}
.ctrl-rolling ul li { float: left; text-align: center;}
.ctrl-rolling ul li img { width: calc(100% - 10px); margin: 0 auto;}
.ctrl-rolling-left,.ctrl-rolling-right { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 30px; height: 30px;}
.ctrl-rolling-left { margin-left: 0;}
.ctrl-rolling-right { margin-left: calc(100% - 30px);}
.leftxz,.rightxz{ position: absolute; left: 0; z-index: 99999; width: 39px; height: 39px; background: #222; top: 0; bottom: 0; right: 0; margin: auto; margin-left: -72px;}
.rightxz{ margin-left:103%;}
#swiper-container3{position:relative;}
.hezuo_01{ box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); margin-bottom: 10px;} 
.hezuo_02 img{ width: 100%;}
.hezuo_03{ padding: 25px 20px;}
.hezuo_03 h3{ font-size: 16px; font-weight: 400; margin-bottom: 10px; color: #333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} 
.hezuo_03 p{ font-size: 14px; width: 80%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.hezuo_03 span{ font-size: 14px;}
.hezuo_04{ position: absolute; z-index: 10; right: 20px; bottom: 80px;}
.hezuo_01 a:hover p{ color: #50A8FF;} 
.hezuo_01 a:hover span{ color: #50A8FF;} 
.hezuo_01 a:hover h3{ color: #50A8FF;} 
.listbig{ padding-bottom: 20px;}
.ctrl-rolling { width: 100%;}

/* 新闻资讯 */
.news_fl{ width: 68%;}
.news_img{ width: 39%; height: 205px; overflow: hidden;}
.news_txt{ width: 59%;}
.news_txt h3{ font-weight: 400; font-size: 18px; border-bottom: 2px dashed #999; padding: 15px 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.news_txt:hover h3{ color: #50A8FF; text-decoration: underline;}
.news_txt span{ font-size: 14px; color: #666; padding-top: 8px; display: block;}
.news_txt p{ font-size: 14px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news_txt a{ display: inline-block; font-size: 16px; color: #fff; background-color: #50A8FF; padding: 10px 35px; margin-top: 25px;}
.news_txt a:hover{ color: #fff; text-decoration: underline;}
.news_l{ border-right: 1px dashed #999; width: 49%; margin-top: 20px;}
.news_l span{ display: inline; float: left; color: #333; line-height: 35px; padding-right: 6px;}
.news_l a{ color: #333; font-size: 14px; line-height: 35px;}
.news_l a:hover{ text-decoration: underline; color: #50A8FF;}
.news_r{ width: 49%; margin-top: 20px;}
.news_r ul{ float: right;}
.news_r span{ display: inline; float: left; color: #333; line-height: 36px; padding-right: 6px;}
.news_r a{ color: #333; font-size: 14px; line-height: 36px;}
.news_r a:hover{ text-decoration: underline; color: #50A8FF;}
.news_fr{ width: 30%;}
.news_01{ width: 100%; background: #50A8FF; padding: 14px 16px;}
.news_01 p{ font-size: 18px; color: #fff;}
.news_01 a{ color: #fff; font-size: 16px;}
.news_01 a:hover{ color: #fff; text-decoration: underline;}
.news_02{ border: 1px solid #dcdcdc; border-top: none; padding: 20px 15px;}
.news_02 li{ border-bottom: 1px dashed #dcdcdc; padding-bottom: 15px; margin-bottom: 15px;}
.news_02 li:last-child{ margin-bottom: 0;}
.news_02 li:hover span{ color: #50A8FF; text-decoration: underline;}
.news_021{ width: 35%; overflow: hidden;}
.news_022{ width: 63%;}
.news_022 span{ font-size: 16px; color: #333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.news_022 p{ font-size: 14px; color: #444; padding-top: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/*底部*/
.bottom_01{ background: #313131; margin-top: 50px; padding-bottom: 40px;}
.bottom_02{ background: #fff; padding: 35px 46px; text-align: center; margin: 0 auto; width: 25%;}
.bottom_02 img{ border: 1px solid #dcdcdc; margin-bottom: 15px; width: 100%;}
.bottom_02 p{ font-size: 16px; line-height: 32px;}
.bottom_02 span{ font-size: 14px; padding: 0 15px;}
.bottom_02 h3{ margin-top: 6px; font-size: 20px; color: #50A8FF;}

.bottom_03{ width: 75%;}
.bottom_03_1{ border-bottom: 1px solid #fff; padding-left: 20px;}
.bottom_03_1 ul li{ float: left; line-height: 80px; padding: 0 10px;}
.bottom_03_1 ul li h3{ color: #50A8FF; font-size: 28px; line-height: 80px; padding-right: 8px;}
.bottom_03_1 ul li span{ font-size: 16px; color: #fff;}
.bottom_03_1 ul li a{ font-size: 15px;}
.bottom_03_1 ul li a:hover{ color: #50A8FF; text-decoration: underline;}

.bottom_03_3{ padding: 40px 10px 25px 10px;}
.bottom_03_3 ul li{ float: left; padding: 0 20px;}
.bottom_03_3 ul li a{ font-size: 16px; color: #fff;}
.bottom_03_3 ul li a:hover{ color: #50A8FF; text-decoration: underline;}
.bottom_03_4{ padding: 0 30px;}
.bottom_03_4 p{ color: #fff; font-size: 14px; line-height: 32px;}

/* 内页banner */
.n_banner{ margin-top: 62px; width: 100%; background: url(../img/f015.png)no-repeat center center; background-size: auto 450px; height: 450px;}
.n_banner img{ text-align: center; margin: 0 auto;}

/*面包屑*/
.crumb{ font-size:13px; color:#666; background: #f4f6f8; height: 45px;}
.crumb a{ font-size:13px; color:#666; margin:0 5px; line-height: 45px;}
.crumb span{ color: #50A8FF;}
.crumb a:hover{ color: #50A8FF; text-decoration: underline;}
.pro_txt1{ margin-top:0;}

/*左部*/
.container{margin-top:30px;padding-bottom:20px;}
.side_fl{width: 24%;}
.side_fr{width: 74%;}
.side_nav_tit{background:url(../img/f016.png) no-repeat top left;height:100px;width: 100%; background-size: 100%;}
.side_nav_tit h3{font-size:24px;color:#fff;font-weight:bold;padding:25px 0 0 25px;}
.side_nav_tit span{font-size:12px;color:#fff;padding:10px 0 0 25px; font-weight: 300;}
.side_tel{margin-top:30px;width:250px;padding:15px 15px 170px 15px;box-sizing:border-box;border:#f1f1f1 1px solid;background:url(../img/cf.jpg) no-repeat center bottom;}
.side_tel p{font-size:12px;color:#333;line-height:24px;}
.side_wx{text-align:center;margin-top:10px;}
.side_wx img{width:135px;height:135px;display:inline-block;}
.side_wx span{font-size:12px;color:#333;line-height:30px;}
.side_fr .side_fr_nav{padding-left:25px;height:50px;line-height:50px; background:#f4f6f8;font-size:16px;color:#333; font-weight: 700; color: #50A8FF;}
.content{margin-top:25px;font-size:14px;color:#666;line-height:30px;}
.side_le{width:100%; background:#fff; padding-bottom:20px;}
.menu-one li .menu-header{line-height: 60px;cursor: pointer; height:60px;  color:#333;font-size: 15px; }
.menu-one li.firstChild{ margin-bottom: 1px; padding: 0 25px; background: #f4f6f8;}
.menu-one li .menu-header .txt{ display:block;}
.menu-one li .menu-two{display:none;padding-bottom:10px; margin: 0 ;}
.menu-one li .menu-two li{padding-left:23px;height:35px;line-height:35px;}
.menu-one li .menu-two li a{color:#666; font-size:14px; height:35px; line-height:35px; border-bottom:none; background:none; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.menu-one li .menu-two li a:hover{color:#11a1e1;}
.menu-one li .menu-two li a.on{color:#11a1e1;}
.menu-span{ color: #50A8FF; font-size: 22px;}
.nav_list a{display:block;height:58px;line-height:58px; font-size: 15px;color:#333; background:#f4f6f8;}
.nav_list a:hover,.nav_list a.on{color:#11a1e1;}

/*右部*/
.new_list ul{ margin-left: -2%; margin-top: 30px;}
.new_list ul li{ margin-left: 2%; width: 31.33333%; float: left; margin-bottom: 8px;}
.new_list ul li:hover p{ color: #50A8FF; text-decoration: underline;}
.pro_img_tit1{ width: 100%; height: 50px; text-align: left;}
.pro_img_tit1 p{ width: 80%; float: left; font-weight: 400; font-size: 15px; color: #333; line-height: 24px; padding: 10px 0; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.pro_img_tit1 span{ float: right; color: #50A8FF; line-height: 44px; font-size: 15px; font-weight: 600;}
.new_img{ border: 1px solid #dcdcdc;}

/*跳页*/
.page{ text-align:center;margin:30px 0 0 0;}
.page a{ padding:0 15px; border: 1px solid #dcdcdc;font-size:14px;color:#333;display:inline-block;height:38px;line-height:38px;margin:0 4px;}
.page a:hover, .page a.on{ background:#50A8FF; color:#fff;}
.page1{ text-align:center;}
.page1 a{ padding:0 15px; border: 1px solid #dcdcdc;font-size:14px;color:#333;display:inline-block;height:38px;line-height:38px;margin:0 4px;}
.page1 a:hover, .page a.on{ background:#50A8FF; color:#fff;}

/* 公司简介 */
.guyw_02{ padding: 50px 0 0px 0;}
.guyw_02 ul{ text-align: center;}
.guyw_02 ul li{ display: inline;}
.guyw_02 ul li a{ width: 200px; line-height: 46px;display: inline-block; background-color: #f4f6f8; color: #333; font-size: 15px;}
.guyw_02 ul li a:hover, .guyw_01 ul li a.on{ background-color: #50A8FF; color: #fff;}
.guyw_03{ margin-top: 50px;}
.guyw_03_b{ text-align: center;}
.guyw_03_b h3{ text-align: center; color: #333; font-size: 22px; padding-bottom: 20px;}
.guyw_03_b span{ width: 100%; display: inline-block; color: #666; font-size: 14px; background: url(../img/f025.png)no-repeat center center;}
.wmdf_1{ margin-top: 30px; margin-bottom: 10px;}
.wmdf_1 p{ line-height: 36px; text-align: justify; font-size: 15px; padding-bottom: 10px;}
.wmdf_1 img{ width: 100%;}

/* 资质证书 */
.cnibr_1{ margin-top: 35px;}
.cnibr_1 ul{ margin-left: -2%;}
.cnibr_1 ul li{ margin-left: 2%; float: left; width: 31.33333%; height: 280px; border: 1px solid #DCDCDC; position: relative; margin-bottom: 20px; text-align: center;}
.cnibr_1 ul li p{ position: absolute; z-index: 2; width: 100%; background: rgba(0,0,0,0.6); bottom: 0; color: #fff; line-height: 40px; font-size: 14px;}
.cnibr_1 img{ height: auto;}

/*人才招聘*/
.inside_tex{margin-bottom:50px; margin-top: 30px;}
.yiji .inactive{width:1140px;height:50px;line-height:50px;background: #f4f6f8;padding:0 30px;display:block;}
.yiji .inactive span{font-size:15px;color:#333; background:url(../img/right_bg.png) no-repeat center right; display:block;}
.yiji .inactives span{ background:url(../img/right_bg1.png) no-repeat center right;}
.yiji li{margin-bottom:15px;}
.yiji li ul{padding:20px 30px 5px 30px;}
.yiji li ul li{font-size:14px;color:#666;line-height:30px;}

/*产品展示-详情*/
.side_bt{ text-align: center; padding: 30px 0;}
.side_bt h3{ font-size: 18px; color: #50A8FF; padding-bottom: 10px;}
.side_bt span{ padding: 0 8px; color: #555;}
.side_com{ width:100%;}
.com_info1{ width: 100%; margin: 0 auto; text-align: center; margin-top: 20px;}
.com_info1 ul{overflow: auto; display: inline-block; width: 100%; background: #f4f6f8;}
.com_info1 ul li{float:left; width: 150px; height: 45px; line-height: 45px; text-align:center; font-size: 15px; color:#333; cursor:pointer;}
.com_info1 ul li.hover{ background:#50A8FF; color:#fff;}
.xiang_01{ margin-top: 20px;}
.xiang_01 p{ font-size: 14px; line-height: 34px; text-align: justify;}
.xiang_02{ width: 100%;}
.ctrl-rolling { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 20px; position: relative; /* min-height: 181px; */ }
.ctrl-rolling&gt;div { width: 90%; overflow: hidden; margin: 0 auto;}
.ctrl-rolling ul { width: 800%;}
.ctrl-rolling ul li:first-child { margin-left: 0;}
.ctrl-rolling ul li { float: left; text-align: center;}
.ctrl-rolling ul li img { width: calc(100% - 10px); margin: 0 auto; border: 1px solid #dcdcdc;}
.ctrl-rolling-left,.ctrl-rolling-right { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 30px; height: 30px;}
.ctrl-rolling-left { margin-left: 0;}
.ctrl-rolling-right { margin-left: calc(100% - 30px);}
.shang{ width: 100%; margin:0 auto; border: 1px solid #dcdcdc;}
.shang img{ width:100%;}

/*客户案例*/
.kehu_01 ul{ margin-left: -2%;}
.kehu_01 ul li{ margin-left: 2%; width: 23%; float: left; margin-bottom: 20px;}
.kehu_02 p{ font-size: 15px; padding-top: 10px;}

/* 联系我们 */
.lix_01{margin: 35px 0 30px 0;}
.lix_x{ width: 49%;}
.lix_x h3{ font-size: 18px; font-weight: 400; color: #666; padding-bottom: 10px;}
.lix_x span{ text-align: justify; line-height: 28px; font-size: 14px; color: #666;}
.lix_x p{ font-size: 15px; color: #333; line-height: 32px;}
.lix_x_1{ margin-top: 15px;}
.lix_x_2,.lix_x_3{ width: 25%; text-align: left;}
.lix_x_2 img,.lix_x_3 img{ width: 120px; height: 120px;}
.lix_x_2 em,.lix_x_3 em{ font-size: 14px; color: #333; display: inline-block; width: 100%;} 
.lix_x_4{ width: 48%;}
.lix_x_4 img{ padding: 28px 0; width: 100%;}
.lix_y{ width: 49%;}
.lix_y ul li{ width: 100%;}
.lix_y ul li input{ width: 100%; line-height: 45px; font-size: 15px; padding-left: 20px; margin-bottom: 15px; background: #f4f6f8; border: none;}
.lix_y ul li textarea{ width: 100%; height: 160px; background: #f4f6f8; border: none; padding-left: 20px; padding-top: 10px; resize: none; font-size: 15px;}
.lix_g{ width: 180px; height: 50px; background: #50A8FF; line-height: 50px; margin-top: 25px; text-align: center;}
.lix_g a{ color: #fff; font-size: 15px;}
.lix_g a:hover{ text-decoration: underline; color: #fff;}
.lix_dt{ margin-top: 30px;}
.lix_dt img{ width: 100%;}
.lixw_img{ margin-top: 10px;}

/*品质与服务-服务范围*/
.fuwu_01{ margin-top: 35px;}
.fuwu_01 ul{ margin-left: -2%;}
.fuwu_01 ul li{ margin-left: 2%; float: left; width: 23%; background: #F4F6F8; text-align: center; padding: 50px 20px;}
.fuwu_01 ul li&gt;div{ font-size: 36px; font-weight: bold; background: #50A8FF; border-radius: 60px; width: 90px; height: 90px; line-height: 90px; color: #fff; text-align: center; margin:  0 auto;}
.fuwu_01 ul li p{ padding: 20px 0 0 0; font-size: 14px; line-height: 32px; height: 84px;}
.fuwu_02{ margin-top: 30px;}
.fuwu_02 h3{ font-size: 20px; padding-bottom: 10px;}
.fuwu_02 p{ font-size: 15px; line-height: 32px;}

/*品质与服务-配件供应*/
.cnibr_11{ margin-top: 35px;}
.cnibr_11 ul{ margin-left: -2%;}
.cnibr_11 ul li{ margin-left: 2%; float: left; width: 23%; height: 200px; border: 1px solid #DCDCDC; position: relative; margin-bottom: 20px; text-align: center;}
.cnibr_11 ul li p{ position: absolute; z-index: 2; width: 100%; background: rgba(0,0,0,0.6); bottom: 0; color: #fff; line-height: 40px; font-size: 14px;}
.cnibr_11 img{ height: auto;}

/* 品质与服务-质量检测 */
.jianc_01 ul{ margin-left: -2%;}
.jianc_01 ul li{ margin-left: 2%; float: left; width: 23%; text-align: center; padding-bottom: 15px;}
.jianc_01 ul li img{ border: 1px solid #dcdcdc; width: 100%;}
.jianc_01 ul li p{ font-size: 14px; color: #333; padding-top: 8px;} 
.jianc_01 ul li:hover p{ color: #50A8FF;}

/* 品质与服务-质量检测-详情 */
.jianc_02{ width: 100%; text-align: center;}
.jianc_02 img{ width: 100%; border: 1px solid #dcdcdc;}
.jianc_02 p{ color: #333; font-size: 15px; padding-top: 10px;}

/* 新闻咨询 */
.xinwen_01{ margin-top: 35px;}
.xinwen_01 ul{ margin-left: -2%;}
.xinwen_01 ul li{ margin-left: 2%; width: 23%; padding-bottom: 15px; float: left;}
.xinwen_img{ border: 1px solid #dcdcdc;}
.xinwen_p{ padding-top: 8px;}
.xinwen_p p{ font-size: 16px; color: #333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.xinwen_p span{ font-size: 14px; color: #555; padding: 2px 0 0px 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.xinwen_p em{ font-style: normal; color: #888; font-size: 12px;}
.xinwen_01 ul li:hover p{ color: #50A8FF;}

/* 新闻咨询-详情 */
.xinw_01{ margin-top: 35px;}
.xinw_01 p{ font-size: 15px; line-height: 34px; text-align: justify;}
.xinw_02 a{ display: inline-block; width: 100%; font-size: 15px; color: #555; line-height: 36px;}
.xinw_02 span{ color: #50A8FF;}
.xinw_02 a:hover{ color: #50A8FF;}

/* 演示视频 */
.yanshi_01{ width: 100%; height: 55px; background: #F4F6F8; margin-top: 35px; padding: 0 20px; margin-bottom: 30px;}
.yanshi_01 h3{ line-height: 55px; color: #333; font-size: 20px; display: inline-block; padding-right: 15px;}





.guyw_021{ padding: 50px 0 0px 0;}
.guyw_021 ul{ text-align: center;}
.guyw_021 ul li{ display: inline;}
.guyw_021 ul li a{ width: 200px; line-height: 46px;display: inline-block; background-color: #f4f6f8; color: #333; font-size: 15px;}
.guyw_021 ul li a:hover, .guyw_01 ul li a.on{ background-color: #50A8FF; color: #fff;}













@media (max-width: 1025px) {
	.main{ max-width: 100%; margin: 0 auto; overflow: hidden; padding: 0 2%;}
    .main1{ max-width: 100%; margin: 0 auto; padding: 0 2%;}
	.top_01{ width: 100%; padding: 20px 2%;}
	.top_011{ width: 50%;}
	.top_011 img{ width: 100%;}
	.top_012{ margin-top: 0;}
	.nav{ width: 100%;}
	.pro_txt{ width: 100%; padding: 0 2%;}
	.contentbox{ width: 80%;}
	.pro_txt_tit{ width: 18%;}
	.pro_txt_tit ul li{ width: 100%; height: 60px;}
	.pro_txt_tit ul li a{ line-height: 60px;}
	
	.rightxz{ margin-left: 96%;}
	.leftxz{ padding-left: 72px; background: none;}
	.tablist ul li span{ font-size: 14px;}
	.tablist ul li{ width: 12%;}
	.bottom_03_3{ padding: 20px 20px;}
	.bottom_03_3 ul li{ padding: 0 10px;}
	.bottom_03_1 ul li,.bottom_03_1 ul li h3{ line-height: 70px;}
	.bottom_03_4{ padding-top: 0;}
	.bottom_03_1 ul li a{ font-size: 14px;}
	.bottom_03_3 ul li a{ font-size: 15px;}
	.xinwen_img img{ width: 100%;}
	.yiji .inactive{ width: 100%; padding: 0 15px;}
	.kehu_01 img{ width: 100%;}
	.pro_img img{ width: 100%;}
	.container{ width: 100% !important; margin-top: 30px;}
	.new_img img{ width: 100%;}
	.menu-one li .menu-header{ font-size: 14px;}
	.pro_img_tit1 p{ font-size: 14px;}
	.xiang_02{ width: 100% !important;}
	.guany_bj{ background-size: auto 474px; }
	.jjj{overflow: hidden;}
    .jjj img{cursor: pointer;transition: all 1.2s;}
    .jjj img:hover{transform: scale(1);}
    .n_banner{ height: 300px;}
}

@media (max-width: 768px) {
	.navBar{ height: 55px;}
	.nav a{ font-size: 14px; line-height: 55px;}
	.newimg{ margin-top: 55px;}
	.guany_in{ width: 80%;}
	.ctrl-row{ width: 90%;}
	.tablist ul li{ width: 14%;}
	.guany_txt h3{ font-size: 26px;}
	.pro_txt_tit ul li{ height: 48px;}
	.pro_txt_tit ul li a{ line-height: 48px;}
	.hezuo_03 p{ width: 70%;}
	.hezuo_04{ right: 12px; bottom: 89px;}
	.news_fr,.news_fl{ width: 100%;}
	.news_021{ width: 16%;}
	.news_022{ width: 81%;}
	.news_fr{ margin-top: 20px;}
	.news_txt h3{ padding: 10px 0;}
	.news_txt a{ margin-top: 18px;}
	.news_01{ padding: 8px 15px;}
	.news_01 p{ font-size: 16px;}
	.guany_in{ background: rgba(255,255,255,0.9);}
	.bottom_02{ width: 40%;}
	.bottom_03{ width: 60%;}
	.bottom_03_1 ul li:first-child{ width: 100%; line-height: normal; padding-top: 20px; padding-bottom: 10px;}
	.bottom_03_1 ul li span{ line-height: 32px; display: inline-block;}
	.bottom_03_1 ul li h3{ line-height: normal;}
	.bottom_03_1 ul li a{ font-size: 14px;}
	.bottom_03_1 ul li{ line-height: 30px;}
	.bottom_03_1{ padding-bottom: 10px;}
	.bottom_03_4{ padding-top: 20px;}
	.rightxz{ margin-left: 94.7%;}
	.leftxz, .rightxz{ top: -40px;}
	.guany_txt{ padding-top: 40px; padding-bottom: 30px;}
	.listbig{ padding-bottom: 0;}
	.n_banner{ margin-top: 55px; height: 300px;}
	.xinwen_img img{ width: 100%;}
	.cnibr_11 img{ width: 100%;}
	.lix_x{ width: 100%; padding-bottom: 15px;}
    .lix_y{ width: 100%;}
    .lix_x span{ display: inline-block;}
    .lix_g{ width: 100%;}
    .kehu_01 img{ width: 100%;}
    .side_fl,.side_fr{ width: 100%;}
}

@media (max-width: 425px) {
	.nav_dh{ width: 100%; height: 60px; background: #1c9d31;}
	.logo_a{ float: left;}
	.logo_b img{ height: 3.5rem !important; margin-top: 0.8rem;}
	.tel { color: #d40901;font-weight: bold;}
	.tel img { width: 2.5rem; margin-right: 0.2rem;}
	.tel a {color: #d40901;}
	.am-header{ height: 60px !important;}
	.am-header .am-header-right a{ color: #fff; font-size: 2rem;}
	.am-header .am-header-right{ top: 5px !important;}
	.am-header .am-header-right a:link {color: #fff;}
	.mynav .am-list&gt;li { background: none;}
	.mynav .am-list&gt;li&gt;a { color: #FFFFFF; font-size: 1.5rem;}
	.mybanner.am-slider-default { margin: 0;}
	.mybanner.am-slider-default .am-control-nav { bottom: 8px;}
	.mybanner.am-slider-default .am-control-nav li { margin: 0 3px;}
	.mybanner.am-slider-default .am-control-nav li a.am-active {background-color: #50A8FF;}
	.mybanner.am-slider-default .am-control-nav li a {background-color: #FFFFFF; box-shadow: none; -webkit-box-shadow:none}
	.hot_course.am-gallery-default .am-gallery-item { font-size: 12px; text-align: center;}
	.hot_course.am-gallery-default .am-gallery-item img { width: 75%; max-width: auto;}
	.hot_course.am-gallery-default .am-gallery-title { font-size: 1.3rem; margin-top: 0.7rem;}	
	.top_01{ padding: 0 2%; background: #50A8FF;}
	
	.rightxz{ margin-left: 90%;}
	.pro_txt_tit{ width: 100%;}
	.pro_txt_tit ul li{ width: 31%; margin: 5px 1%; float: left; border: 1px solid #50A8FF; background: none;}
	.pro_txt_tit ul li:hover{ width: 31%; margin: 5px 1%; overflow: hidden;}
	.swiper-container{ margin-top: 0 !important; padding-top: 0 !important;}
	.contentbox{ width: 100%; margin-top: 20px;}
	.pro_bt{ width: 100%; border: none; height: auto; margin-top: 28px;}
	.pro_bt_01{ text-align: center; width: 100%; padding: 0; margin: 0;}
	.pro_txt{ margin-top: 20px;}
	.pro_bt_01 p{ font-size: 22px;}
	.pro_bt_01 span{ font-size: 14px;}
	.news_l{ width: 100%; border: none;}
	.news_l ul li,.news_r ul li{ border-bottom: 1px solid #dcdcdc;}
	.news_l a,.news_l span,.news_r a,.news_r span{ line-height: 45px;}
	.news_r{ width: 100%; float: left; margin-top: 0;}
	.news_r ul{ float: left; width: 100%;}
	.news_txt h3{ font-size: 15px;}
	.n_banner{ margin-top: 0; height: 250px; background-size: auto 100%;}
	.guyw_02 ul li{ float: left; width: 33.33333%;}
	.guyw_02 ul li a{ width: 100%;}
	.guyw_02{ padding-top: 20px;}
	.guyw_03{ margin-top: 30px;}
	.cnibr_1 img{ width: 100%;}
	.cnibr_1 ul li{ width: 48%; height: auto; margin-bottom: 10px;}
	.jjj{overflow: hidden;}
    .jjj img{cursor: pointer;transition: all 1.2s;}
    .jjj img:hover{transform: scale(1);}
    .page1{ margin-top: 20px;}
    .bottom_03{ width: 100%;}
    .jianc_01 ul li,.cnibr_11 ul li{ width: 100%;}
    .guyw_021 ul li{ float: left; width: 50%;}
    .guyw_021 ul li a{ width: 100%;}
    .xinw_01 img{ width: 100%;}
    .xinwen_01 ul li{ width: 48%;}
    .xinwen_img img{ width: 100%;}
    .inside_tex{ margin-bottom: 20px;}
    .cnibr_11 img{ width: 100%;}
    .fuwu_01 ul li{ width: 48%; margin-bottom: 10px;}
    .fuwu_01 ul li p{ height: 120px;}
    .lix_x{ width: 100%;}
    .lix_y{ width: 100%;}
    .kehu_01 ul li{ width: 48%;}
    .kehu_01 img{ width: 100%;}
    .swiper-pagination60,.swiper-pagination61,.swiper-pagination62,.swiper-pagination63,.swiper-pagination64,.swiper-pagination65,.swiper-pagination66,.swiper-pagination67{ margin:  0 auto; text-align: center;}
    .swiper-pagination60 span,.swiper-pagination61 span,.swiper-pagination62 span,.swiper-pagination63 span,.swiper-pagination64 span,.swiper-pagination65 span,.swiper-pagination66 span,.swiper-pagination67 span{ margin: 0 5px;}
    .news_img{ height: auto;}
    .news_img img{ width: 100%;}
    .news_txt p{ -webkit-line-clamp: 1;}
    .tablist ul li{ width: 31%; border: 1px solid #50A8FF; margin: 5px 1%;}
    .ctrl-row{ width: 100%;}
    .tablist ul .tablistactive span{ border: 0; background: #50A8FF; color: #fff;}
    .tablist{ border: none;}
    .swiper-pagination90,.swiper-pagination91,.swiper-pagination92,.swiper-pagination93,.swiper-pagination94,.swiper-pagination95,.swiper-pagination96,.swiper-pagination97{ margin:  0 auto; text-align: center;}
    .side_nav_tit{ text-align: center; height: 74px;}
    .side_nav_tit h3{ font-size: 20px; padding: 15px 0 8px 0;}
    .side_nav_tit span{ padding: 0;}
    .com_info1 ul li{ width: 50%;}
    .xiang_01{ margin-top: 0;}
}

@media (max-width: 375px) {
	
}



</pre></body></html>