/*引用reset*/
@import url("reset.css");
@import url("animation.css");
@import url("hover-min.css");
@import url("tools.css");

body {
   font-family: 微软雅黑;
   line-height: 1.8;
   font-size: 14px;
   min-width: 1200px;
}

a:visited {
   color: none;
}

a:active {
   color: none;
}
/* 字体图标 */
@font-face {font-family: "iconfont";
   src: url('../stylesheets/iconfont.eot?t=1482119027'); /* IE9*/
   src: url('../stylesheets/iconfont.eot?t=1482119027#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../stylesheets/iconfont.woff?t=1482119027') format('woff'), /* chrome, firefox */
   url('../stylesheets/iconfont.ttf?t=1482119027') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
   url('../stylesheets/iconfont.svg?t=1482119027#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
   font-family:"iconfont" !important;
   font-size:16px;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -webkit-text-stroke-width: 0.2px;
   -moz-osx-font-smoothing: grayscale;
 }
 .icon-paste:before { content: "\e60d"; }
 .icon-youjiantou:before { content: "\e658"; }
 .icon-contact-us:before { content: "\e630"; }
 .icon-edit-fonts:before { content: "\e61d"; }
 .icon-document-copying:before { content: "\e60e"; }
 .icon-search:before { content: "\e63a"; }
 .icon-exit-door:before { content: "\e64a"; }
 .icon-editor:before { content: "\e63b"; }
 .icon-ok:before { content: "\e617"; }
 .icon-arrow-bottom:before { content: "\e666"; }
 .icon-copy:before { content: "\e63f"; }
 .icon-computer:before { content: "\e647"; }
 .icon-up-arrow:before { content: "\e616"; }
 .icon-aduio-static:before { content: "\e67c"; }
 .icon-close:before { content: "\e62c"; }
 .icon-crumbs:before { content: "\e633"; }
 .icon-view:before { content: "\e640"; }
 .icon-up-pic:before { content: "\e654"; }
 .icon-password-lock:before { content: "\e655"; }
 .icon-aduio-down:before { content: "\e678"; }
 .icon-down-arrow:before { content: "\e641"; }
 .icon-move:before { content: "\e60c"; }
 .icon-share:before { content: "\e64b"; }
 .icon-manual-install:before { content: "\e68d"; }
 .icon-round:before { content: "\e691"; }
 .icon-rectangle:before { content: "\e61f"; }
 .icon-delete:before { content: "\e61e"; }
 .icon-aduio-audio:before { content: "\e67b"; }
 .icon-log-in-register:before { content: "\e652"; }
 .icon-asterisk:before { content: "\e642"; }
 .icon-video:before { content: "\e625"; }
 .icon-reduction:before { content: "\e656"; }
 .icon-qq:before { content: "\e62d"; }
 .icon-apps:before { content: "\e667"; }
 .icon-move-up:before { content: "\e62f"; }
 .icon-move-down:before { content: "\e634"; }
 .icon-html:before { content: "\e68b"; }
 .icon-return:before { content: "\e605"; }
 .icon-mobile-phone:before { content: "\e648"; }
 .icon-message-board:before { content: "\e637"; }
 .icon-select-box:before { content: "\e689"; }
 .icon-dianhua:before { content: "\e668"; }
 .icon-mute:before { content: "\e680"; }
 .icon-member-login:before { content: "\e639"; }
 .icon-Top:before { content: "\e67e"; }
 .icon-lock:before { content: "\e60f"; }
 .icon-staff:before { content: "\e606"; }
 .icon-video1:before { content: "\e659"; }
 .icon-one-to-one:before { content: "\e600"; }
 .icon-aduio-add:before { content: "\e679"; }
 .icon-pic-upload:before { content: "\e643"; }
 .icon-internet:before { content: "\e609"; }
 .icon-qr-code:before { content: "\e60a"; }
 .icon-enter:before { content: "\e64c"; }
 .icon-space:before { content: "\e644"; }
 .icon-pic-default:before { content: "\e657"; }
 .icon-add-to:before { content: "\e645"; }
 .icon-menu-navigation:before { content: "\e62a"; }
 .icon-map-navigation:before { content: "\e631"; }
 .icon-xuanzhuan:before { content: "\e69a"; }
 .icon-fangdajing:before { content: "\e669"; }
 .icon-people:before { content: "\e646"; }
 .icon-Content:before { content: "\e681"; }
 .icon-transverse-line:before { content: "\e621"; }
 .icon-toolbox:before { content: "\e607"; }
 .icon-enter-door:before { content: "\e65a"; }
 .icon-ziliao:before { content: "\e66a"; }
 .icon-management-home:before { content: "\e65b"; }
 .icon-cancel-stretch:before { content: "\e601"; }
 .icon-stretch:before { content: "\e602"; }
 .icon-align-size:before { content: "\e653"; }
 .icon-service:before { content: "\e62e"; }
 .icon-file-page:before { content: "\e662"; }
 .icon-total-station:before { content: "\e632"; }
 .icon-aduio-upward:before { content: "\e67a"; }
 .icon-fanhui:before { content: "\e66b"; }
 .icon-icon:before { content: "\e66c"; }
 .icon-font31:before { content: "\e69b"; }
 .icon-file:before { content: "\e664"; }
 .icon-drag:before { content: "\e635"; }
 .icon-chanpinjieshao:before { content: "\e66d"; }
 .icon-share-off:before { content: "\e684"; }
 .icon-upload-style:before { content: "\e603"; }
 .icon-upload-component:before { content: "\e604"; }
 .icon-share-on:before { content: "\e685"; }
 .icon-category-1:before { content: "\e688"; }
 .icon-picture:before { content: "\e620"; }
 .icon-bottom-alignment:before { content: "\e610"; }
 .icon-align-right:before { content: "\e612"; }
 .icon-left-justified:before { content: "\e613"; }
 .icon-vertical-alignment:before { content: "\e614"; }
 .icon-horizontal-alignment:before { content: "\e615"; }
 .icon-example-copy:before { content: "\e65e"; }
 .icon-gengduo:before { content: "\e66e"; }
 .icon-align-top:before { content: "\e60b"; }
 .icon-step-forward:before { content: "\e611"; }
 .icon-to-copy:before { content: "\e608"; }
 .icon-forward-one:before { content: "\e618"; }
 .icon-on-lock:before { content: "\e619"; }
 .icon-backward-layer:before { content: "\e61a"; }
 .icon-the-bottom:before { content: "\e61b"; }
 .icon-stick:before { content: "\e61c"; }
 .icon-vertical-line:before { content: "\e622"; }
 .icon-slides:before { content: "\e626"; }
 .icon-thumbnail:before { content: "\e623"; }
 .icon-wangge:before { content: "\e624"; }
 .icon-audio-frequency:before { content: "\e627"; }
 .icon-classification-menu:before { content: "\e628"; }
 .icon-content-list:before { content: "\e62b"; }
 .icon-html1:before { content: "\e629"; }
 .icon-copy-link:before { content: "\e636"; }
 .icon-central-setting:before { content: "\e63d"; }
 .icon-down-settings:before { content: "\e63c"; }
 .icon-top-settings:before { content: "\e63e"; }
 .icon-station-setting:before { content: "\e638"; }
 .icon-Style-selection:before { content: "\e64d"; }
 .icon-style-selection:before { content: "\e649"; }
 .icon-template:before { content: "\e64e"; }
 .icon-set-up:before { content: "\e64f"; }
 .icon-page:before { content: "\e650"; }
 .icon-component-selection:before { content: "\e651"; }
 .icon-aduio-Navigation:before { content: "\e67d"; }
 .icon-arrow-right:before { content: "\e68a"; }
 .icon-minus:before { content: "\e661"; }
 .icon-custom-classification:before { content: "\e65c"; }
 .icon-custom-list:before { content: "\e65d"; }
 .icon-duanxin:before { content: "\e66f"; }
 .icon-file-open:before { content: "\e665"; }
 .icon-youjiantou1:before { content: "\e670"; }
 .icon-plus:before { content: "\e663"; }
 .icon-dianpufill:before { content: "\e671"; }
 .icon-kefufill:before { content: "\e672"; }
 .icon-message-board1:before { content: "\e673"; }
 .icon-pengyoufill:before { content: "\e674"; }
 .icon-shouyefill:before { content: "\e675"; }
 .icon-combination:before { content: "\e682"; }
 .icon-iconfontlock:before { content: "\e65f"; }
 .icon-icon1:before { content: "\e660"; }
 .icon-lianxiwomen:before { content: "\e676"; }
 .icon-12qiuzhizhaopin:before { content: "\e677"; }
 .icon-ungroup:before { content: "\e695"; }
 .icon-list:before { content: "\e683"; }
 .icon-arrow-up:before { content: "\e67f"; }
 .icon-close-down-binding:before { content: "\e68c"; }
 .icon-open-down-binding:before { content: "\e68e"; }
 .icon-share-default:before { content: "\e686"; }
 .icon-selected-box:before { content: "\e699"; }
 .icon-self-adaption:before { content: "\e687"; }
 .icon-eyes-preview:before { content: "\e690"; }
 .icon-plug-message-board:before { content: "\e68f"; }
 .icon-yemianshuipingjuzhong:before { content: "\e692"; }
 .icon-group:before { content: "\e693"; }
 .icon-beijing:before { content: "\e694"; }
 .icon-bordercolor:before { content: "\e696"; }
 .icon-borderstyle:before { content: "\e697"; }
 .icon-universal-form:before { content: "\e698"; }
 .icon-details:before { content: "\e69c"; }
 .icon-moban:before { content: "\e69f"; }
 .icon-tianjia:before { content: "\e6a0"; }
 .icon-chajian:before { content: "\e69d"; }
 .icon-gerensucai:before { content: "\e69e"; }
 .icon-font-color:before { content: "\e6a1"; }
 .icon-background-color:before { content: "\e6a2"; }
 .icon-clear-style:before { content: "\e6a3"; }
 .icon-text-align-right:before { content: "\e6a4"; }
 .icon-text-align-left:before { content: "\e6a5"; }
 .icon-font-weight:before { content: "\e6a6"; }
 .icon-font-style:before { content: "\e6a7"; }
 .icon-text-decoration:before { content: "\e6a8"; }
 .icon-text-align-center:before { content: "\e6a9"; }
 .icon-add-link:before { content: "\e6aa"; }
 .icon-double-angle-arrow-up:before { content: "\e6ab"; }
 .icon-chajian_test:before { content: "\e6ac"; }
 .icon-tianjia_test:before { content: "\e6ad"; }
 .icon-gerensucai_test:before { content: "\e6ae"; }
 .icon-moban_test:before { content: "\e6af"; }
 .icon-sent:before { content: "\e6b0"; }
 .icon-write:before { content: "\e6b1"; }
 .icon-contact:before { content: "\e6b2"; }
 .icon-group1:before { content: "\e6b3"; }
 .icon-audio-play:before { content: "\e6b4"; }
 .icon-audio-forbid:before { content: "\e6b5"; }

/*  主题颜色 */

body {
   color: #787878;
   overflow-x: hidden
}

/* 文字 基础颜色 */
a {
   color: #444;
   transition: color 0.4s ease-out 0s;
}

/* <a>标签 基础颜色 */
a:hover {
   transition: color 0.4s ease-out 0s;
}

/* <a>标签  hover 基础颜色 */



/*  右侧工具栏目颜色设置 */
.m-bottom_tools .item {
   background-color: #eee;
}

/* 图标正常状态 背景颜色 */
.m-bottom_tools .item:hover {
   background-color: #61b651;
}

/* 图标hover状态 背景颜色 */
.m-bottom_tools .telnum {
   background-color: #61b651;
}

/* 图标   电话号码  hover状态 背景颜色 */


/*  左侧边栏 样式设置 */
.m-left_column01 .title {
   background: #42ab18;
   color: #a7e9d6;
}

/* 栏目标题前景色背景色 */
.m-list-product01 li:hover {
   border: 1px solid #42ab18;
}

/* 栏目分类hover 颜色效果 */
.m-left_column01 .left_column_bd {
   background: #2b3141;
}

/* 栏目主体背景色 */
.m-left_column01 .m-menu-list-simple li a:hover {
   background: #64a637;
}

/* 栏目  分类   hover   效果 */
.m-left_column01 .m-menu-list-simple .True a {
   background: #10a64f url(../images/ico_nowchannel.png) center right no-repeat;
}

/* 栏目  当前分类   颜色效果 */

/* 全屏幻灯片样式 */
.flexslider {
   position: relative;
   height: 500px;
   overflow: hidden;
   background: url(../images/loading.gif) 50% no-repeat;
}

.slides {
   position: relative;
   z-index: 1;
}

.slides li {
   width: 100%;
   height: 500px;
}

.slides li a {
   width: 100%;
   height: 500px;
   display: block;
}

.flex-control-nav {
   position: absolute;
   bottom: 10px;
   z-index: 2;
   width: 100%;
   text-align: center;
}

.flex-control-nav li {
   display: inline-block;
   width: 14px;
   height: 14px;
   margin: 0 5px;
   *display: inline;
   zoom: 1;
}

.flex-control-nav a {
   display: inline-block;
   width: 14px;
   height: 14px;
   line-height: 40px;
   overflow: hidden;
   background: url(../images/dot.png) right 0 no-repeat;
   cursor: pointer;
   display: none;
   opacity: 0;
}

.flex-control-nav .flex-active {
   background-position: 0 0;
}

.flex-direction-nav {
   position: absolute;
   z-index: 3;
   width: 100%;
   top: 45%;
}

.flex-direction-nav li a {
   display: block;
   width: 65px;
   height: 40px;
   overflow: hidden;
   cursor: pointer;
   position: absolute;
}

.flex-direction-nav li a.flex-prev {
   left: 0px;
   background: url(../images/left.png) 0 0 no-repeat;
   transition: all 0.4s ease-out 0s;
}

.flex-direction-nav li a.flex-prev:hover {
   background-position: -70px 0;
}

.flex-direction-nav li a.flex-next {
   right: 0px;
   background: url(../images/right.png) 0 0 no-repeat;
   transition: all 0.4s ease-out 0s;
}

.flex-direction-nav li a.flex-next:hover {
   background-position: -70px 0;
}


/*main_style*/
.g-head {
   width: 100%;
   height: 110px;
   box-shadow: 0 1px 2px #333;
   background: #fff;
   -webkit-box-shadow: 0 1px 2px #333;
   -ms-box-shadow: 0 1px 2px #333;
   -moz-box-shadow: 0 1px 2px #333;
}

.f-head {
   width: 1200px;
   height: 100px;
   margin: 0 auto;
   position: relative;
   top: 10px;
}

.f-head-left {
   width: 352px;
   height: 100px;
   float: left;
}

.f-head-left .m-logo {
   width: 266px;
   height: 79px;
   margin-top: 10px;
}

.f-head-left .m-logo img {
   max-height: 100%;
}

.f-head-right {
   width: 720px;
   height: 100px;
   float: left;
}

.f-nav {
   width: 720px;
   height: 100px;
}

.f-nav .nav_list {
   width: 720px;
   height: 100px;
   position: relative;
}

.f-nav li {
   float: left;
   height: 100px;
   width: 90px;
   line-height: 100px;
   position: relative;
}

.f-nav li.last {
   background: none;
}

.f-nav li a {
   float: left;
   display: block;
   width: 90px;
   height: 100px;
   text-align: center;
   line-height: 100px;
}

.f-nav li a:hover {
   background: #1058aa;
   color: #fff;
}

.f-nav li a span {
   float: left;
   display: block;
   width: 90px;
   height: 100px;
   line-height: 100px;
   cursor: pointer;
   font-family: "Microsoft YaHei";
   text-align: center;
   color: #333333;
   font-size: 14px;
}

.f-nav li a.selected {
   background: #1058aa;
   color: #fff;
}

.f-nav li a.selected span {
   color: #fff;
}

.f-nav li a.selected2 {}

.f-nav li.selected .submenu {
   display: block;
}

.f-nav li .submenu {
   display: none;
   position: absolute;
   top: 100px;
   left: 0px;
   background: #1058aa;
}

.f-nav li .submenu {
   width: 90px;
   text-align: center;
}

.f-nav li .submenu {
   z-index: 9999;
}

.f-nav li .submenu li {
   width: 90px;
   float: none;
   adding: 0;
   background: none;
   height: 37px;
}

.f-nav li .submenu li a {
   margin: 5px 0;
   font-family: "Microsoft YaHei";
   width: 90px;
   height: 29px;
   line-height: 29px;
   color: #fff;
   font-size: 12px;
   background: none;
}

.f-nav li .submenu li a:hover {
   background: #1d69c0;
   font-weight: normal;
   color: #fff;
   text-decoration: none;
}


.f-dl {
   float: left;
   position: relative;
   top: 28px;
   margin: 0 15px 0 25px;
   text-align: center;
}

.f-dl p {
   font-family: 微软雅黑;
   font-size: 12px;
   color: #333333;
}

.m-line {
   border-bottom: 1px solid #eaeaea;
}

.f-dl .m-dl a {
   font-family: 微软雅黑;
   font-size: 12px;
   color: #333333;
}

.f-dl .m-dl a:hover {
   color: #1058aa;
}


.f-ewm {
   float: right;
}

.f-ewm ul li {
   width: 60px;
   height: 100px;
   float: left;
   position: relative;
   cursor: pointer;
}

.m-wechat {
   width: 60px;
   height: 100px;
   position: relative;
   background: url(../images/er.png) center center no-repeat;
}

.weixin .show_weixin {
   display: none;
   position: absolute;
   top: 100px;
   z-index: 99999999999;
}

.weixin .show_weixin img {
   width: 100px;
   height: 100px;
   padding: 5px;
   background: #1058aa;
}

.m-app {
   width: 60px;
   height: 100px;
   position: relative;
   background: url(../images/phone.png) center center no-repeat;
}

.app .show_app {
   display: none;
   position: absolute;
   top: 100px;
   z-index: 99999999999;
}

.app .show_app img {
   width: 100px;
   height: 100px;
   padding: 5px;
   background: #1058aa;
}

.f-ewm ul li:hover .m-wechat {
   background: #1058aa url(../images/er01.png) center center no-repeat;
}

.f-ewm ul li:hover .m-app {
   background: #1058aa url(../images/phone01.png) center center no-repeat;
}


/*联系方式*/
.g-lxfs {
   width: 100%;
   height: 70px;
   background: #f3f3f3;
}

.f-lxfs {
   width: 1200px;
   height: 70px;
   margin: 0 auto;
}

.m-lxfs-left {
   width: 440px;
   height: 40px;
   float: left;
   position: relative;
   top: 15px;
}

.m-lxfs-left .lxfs01 {
   width: 216px;
   height: 39px;
   line-height: 39px;
   background: #1058aa;
   display: block;
   float: left;
   text-align: center;
   font-family: "Microsoft YaHei";
   font-size: 16px;
   color: #fff;
}

.m-lxfs-left .lxfs02 {
   font-family: "Helvetica";
   font-size: 30px;
   color: #1058aa;
   display: block;
   float: left;
   line-height: 40px;
   font-weight: bold;
   margin-left: 15px;
}

.m-lxfs-right {
   width: 570px;
   height: 35px;
   float: right;
   position: relative;
   top: 20px;
}

.m-lxfs-right .lxfs03 {
   font-family: "Microsoft YaHei";
   font-size: 16px;
   color: #333;
   display: block;
   float: left;
   line-height: 30px;
}

.m-lxfs-right .lxfs04 {
   font-family: "Microsoft YaHei";
   font-size: 18px;
   color: #6c3608;
   display: block;
   float: left;
   line-height: 30px;
}

.m-lxfs-right .lxfs05 {
   width: 138px;
   height: 26px;
   line-height: 26px;
   background: url(../images/qq.png) center center no-repeat;
   display: block;
   float: left;
   margin-left: 15px;
}

.m-lxfs-right .lxfs05 a {
   font-family: "Microsoft YaHei";
   font-size: 12px;
   color: #333;
   padding-left: 50px;
   display: block;
}

.m-lxfs-right .lxfs05 a:hover {
   color: #1058aa;
}


/*关于我们*/
.g-about {
   width: 100%;
   height: 500px;
}

.m-about {
   width: 1200px;
   height: 380px;
   margin: 0 auto;
   position: relative;
   top: 80px;
}

.m-about-left {
   width: 823px;
   height: 377px;
   float: left;
   background: url(../images/about-bj.png) center center no-repeat;
}

.m-about-left .m-about-img {
   width: 283px;
   height: 283px;
   float: left;
   position: relative;
   top: 0;
}

.m-about-left .m-about-img img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.m-about-left .m-about-nr {
   width: 410px;
   height: 255px;
   float: left;
   position: relative;
   top: 60px;
   left: 30px;
   line-height: 28px;
}

.m-about-left .m-about-nr .wz01 {
   font-family: 微软雅黑;
   font-size: 14px;
   color: #666;
}

.m-about-left .m-about-nr .wz01:hover {
   color: #1058aa;
}

.m-about-left .m-about-nr .wz02 {
   font-family: 微软雅黑;
   font-size: 14px;
   color: #1058aa;
}


.m-about-right {
   width: 290px;
   height: 378px;
   float: right;
   background: url(../images/zz-bj.jpg) center center no-repeat;
}

.ladyScroll8 {
   width: 300px;
   height: 338px;
   position: relative;
   top: 40px;
}

.ladyScroll8 .prev {
   width: 35px;
   height: 35px;
   position: absolute;
   left: 100px;
   top: 275px;
   z-index: 100;
   background: url(../images/prev01.png) 0 0 no-repeat;
   transition: all 0.4s ease-out 0s;
}

.ladyScroll8 .prev:hover {
   background-position: -40px 0;
}

.ladyScroll8 .next {
   width: 35px;
   height: 35px;
   position: absolute;
   right: 110px;
   top: 275px;
   z-index: 100;
   background: url(../images/next01.png) 0 0 no-repeat;
   transition: all 0.4s ease-out 0s;
}

.ladyScroll8 .next:hover {
   background-position: -40px 0;
}

.ladyScroll8 .scrollWrap {
   width: 200px;
   height: 338px;
   overflow: hidden;
   position: absolute;
   margin-left: 60px;
}

.ladyScroll8 .scrollWrap .tempWrap {
   width: 200px;
   height: 338px;
}

.ladyScroll8 .scrollWrap .tempWrap .tempWrap {
   width: 200px;
   height: 338px;
}

.ladyScroll8 li {
   width: 185px;
   height: 270px;
   text-align: center;
   position: relative;
   float: left;
}

.ladyScroll8 li img {
   display: block;
   width: 180px;
   height: 263px;
}





/*产品展示*/
.g-cp {
   width: 100%;
   height: 1100px;
}

.m-cp {
   width: 499px;
   height: 100px;
   margin: 0 auto;
   text-align: center;
   position: relative;
   top: 70px;
}

.m-cp .cp01 {
   font-family: "Microsoft YaHei";
   font-size: 30px;
   color: #333;
}

.m-cp .cp02 {
   font-family: "Microsoft YaHei";
   font-size: 30px;
   color: #1058aa;
}

.m-cp .cp03 {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   color: #999;
}

.f-cp {
   width: 1200px;
   margin: 0 auto;
   position: relative;
   top: 90px;
}

.f-cp .hd {
   width: 1200px;
   height: 40px;
   overflow: hidden;
   text-align: center;
}

.f-cp .hd li {
   position: relative;
   width: 135px;
   height: 30px;
   line-height: 30px;
   font: normal 18px/30px "Microsoft YaHei";
   color: #333;
   border: 5px solid #f3f3f3;
   background: #fff;
   text-align: center;
   display: inline-block;
   margin: 0 20px 0 0;
}

.f-cp .hd li span {}

.tj {}

.f-cp .hd li.on {
   width: 135px;
   height: 30px;
   line-height: 30px;
   background: #1058aa;
   font-size: 18px;
   color: #fff;
   cursor: pointer;
   border-color: #1058aa;
}

.db {
   margin-top: 20px;
}


.f-cp .bd {
   width: 1200px;
   height: 680px;
   background: #fff;
   margin-top: 40px;
}

.f-cp .lh {
   overflow: hidden;
}

.f-cp .lh li {
   width: 275px;
   height: 315px;
   float: left;
   background: #f3f3f3;
   margin: 20px 12px 0;
   transition: all 0.4s ease-out 0s;
}

.f-cp .lh li img {
   width: 260px;
   height: 260px;
   padding: 7px 7px 0;
}

.f-cp .lh li p {
   width: 255px;
   height: 40px;
   line-height: 40px;
   padding: 0 15px;
   text-align: center;
   color: #333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   overflow: hidden;
}

.f-cp .lh li:hover {
   background: #1058aa;
}

.f-cp .lh li:hover p {
   color: #fff;
}

.product-more {
   width: 135px;
   height: 30px;
   line-height: 30px;
   background: #fff;
   border: 5px solid #f3f3f3;
   margin: 40px auto 0;
   text-align: center;
}

.product-more a {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   color: #333;
   display: block;
}

.product-more:hover {
   background: #1058aa;
   border-color: #1058aa;
}

.product-more:hover a {
   color: #fff;
}

/*加盟*/
.g-jmdh {
   width: 100%;
   height: 305px;
   background: url(../images/ad01.jpg) center center no-repeat;
}

.f-jmdh {
   width: 1200px;
   margin: 0 auto;
   position: relative;
}

.f-jmdh .jmdh01 {
   font-family: 微软雅黑;
   font-size: 18px;
   color: #fff;
   position: absolute;
   top: 180px;
   right: 185px;
}

.f-jmdh .jmdh02 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 40px;
   color: #ff4902;
   position: absolute;
   top: 215px;
   right: 60px;
}


/*优势*/
.g-ys {
   width: 100%;
   height: 530px;
}

.m-ys {
   width: 499px;
   height: 100px;
   margin: 0 auto;
   text-align: center;
   position: relative;
   top: 70px;
}

.m-ys .ys01 {
   font-family: "Microsoft YaHei";
   font-size: 30px;
   color: #333;
}

.m-ys .ys02 {
   font-family: "Microsoft YaHei";
   font-size: 30px;
   color: #1058aa;
}

.m-ys .ys03 {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   color: #999;
}

.f-ys {
   width: 1200px;
   height: 300px;
   margin: 0 auto;
   position: relative;
   top: 100px;
   background: url(../images/ys.png) top center no-repeat;
}

.f-ys .ss01 {
   float: left;
}

.f-ys .ss02 {
   float: right;
}

.f-ys ul li {
   width: 300px;
   height: 55px;
   margin: 35px 0;
}

.f-ys ul li .ys-xh {
   width: 51px;
   height: 51px;
   line-height: 51px;
   text-align: center;
   background: #fff;
   border: 2px solid #1058aa;
   float: left;
   transition: all 0.4s ease-out 0s;
}

.f-ys ul li .ys-xh span {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   color: #333;
}

.f-ys ul li .ys-mc {
   float: left;
   margin-left: 25px;
   color: #333;
}

.f-ys ul li .ys-mc .mc01 {
   font-family: "Microsoft YaHei";
   font-size: 18px;
   line-height: 30px;
}

.f-ys ul li .ys-mc .mc02 {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   text-transform: uppercase;
}

.f-ys ul li:hover .ys-xh {
   background: #1058aa;
}

.f-ys ul li:hover .ys-xh span {
   color: #fff;
}

.f-ys ul li:hover .ys-mc {
   color: #1058aa;
}


/*案例展示*/
.g-case {
   width: 100%;
   height: 480px;
}

.f-case {
   width: 1200px;
   height: 380px;
   position: relative;
   top: 20px;
   margin: 0 auto;
}

.m-case {
   width: 499px;
   height: 100px;
   margin: 0 auto;
   text-align: center;
}

.m-case .c01 {
   font-family: "Microsoft YaHei";
   font-size: 36px;
   color: #1058aa;
}

.m-case .c02 {
   font-family: "Microsoft YaHei";
   font-size: 36px;
   color: #333;
}

.m-case .c03 {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   color: #999;
}




.f-al {
   width: 1200px;
   height: 240px;
   margin-top: 40px;
}

.ladyScroll {
   width: 1200px;
   height: 240px;
   position: relative;
}

.ladyScroll .scrollWrap {
   width: 1200px;
   height: 240px;
   overflow: hidden;
   position: absolute;
}

.ladyScroll li {
   width: 275px;
   height: 240px;
   text-align: center;
   position: relative;
   float: left;
   text-align: center;
   margin: 0 6px;
   padding: 5px;
   background: #f3f3f3;
   transition: all 0.4s ease-out 0s;
   box-sizing: content-box;
}

.ladyScroll li img {
   display: block;
   width: 275px;
   height: 195px;
}

.ladyScroll li p {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   color: #333;
   height: 40px;
   line-height: 40px;
}

.ladyScroll li:hover {
   background: #1058aa;
}

.ladyScroll li:hover p {
   color: #fff;
}

/*二维码*/
.g-code {
   width: 100%;
   height: 305px;
   background: url(../images/ad02.jpg) center center no-repeat;
}

.f-code {
   width: 1200px;
   height: 305px;
   margin: 0 auto;
}

.f-code ul {
   position: relative;
   top: 75px;
}

.f-code ul li {
   width: 110px;
   height: 170px;
   float: left;
   margin: 0 40px 0 10px;
}

.f-code ul li img {
   width: 110px;
   height: 110px;
}

.f-code ul li .code01 {
   font-family: "Microsoft YaHei";
   font-size: 12px;
   color: #fff;
   margin-top: 10px;
}

.f-code ul li .code02 {
   font-family: "Microsoft YaHei";
   font-size: 12px;
   color: #fff;
}

/*合作伙伴*/
.g-hzhb {
   width: 100%;
   height: 370px;
}

.f-hzhb {
   width: 1200px;
   height: 300px;
   margin: 0 auto;
   position: relative;
   top: 60px;
}

.m-hzhb {
   width: 499px;
   height: 100px;
   margin: 0 auto;
   text-align: center;
}

.m-hzhb .h01 {
   font-family: "Microsoft YaHei";
   font-size: 36px;
   color: #1058aa;
}

.m-hzhb .h02 {
   font-family: "Microsoft YaHei";
   font-size: 36px;
   color: #333;
}

.m-hzhb .h03 {
   font-family: "Microsoft YaHei";
   font-size: 14px;
   color: #999;
}

.m-partner {
   width: 1200px;
   position: relative;
   top: 40px;
}

.m-partner .hd {
   overflow: hidden;
   padding: 0 15px;
   text-align: center;
}

.m-partner .hd ul {
   overflow: hidden;
   zoom: 1;
   margin: 30px auto 0;
   display: inline-block;
   text-align: center;
}

.m-partner .hd ul li {
   float: left;
   width: 13px;
   height: 13px;
   overflow: hidden;
   margin-right: 5px;
   text-indent: -999px;
   cursor: pointer;
   background: url(../images/dot.png) 0 0px no-repeat;
}

.m-partner .hd ul li.on {
   background-position: 0 -13px;
}


.m-partner .bd {
   width: 1200px;
   overflow: hidden;
}

.m-partner .bd ul {
   overflow: hidden;
   zoom: 1;
}

.m-partner .bd ul li {
   width: 190px;
   height: 105px;
   float: left;
   background: #f3f3f3;
   padding: 5px;
   margin: 0 20px;
   transition: all 0.4s ease-out 0s;
}

.m-partner .bd ul li:hover {
   background: #1058aa;
}




/*新闻*/
.g-news {
   width: 100%;
   height: 550px;
}

.f-news {
   width: 1200px;
   height: 420px;
   margin: 0 auto;
   position: relative;
   top: 50px;
}

.m-news {
   width: 780px;
   height: 435px;
   float: left;
}

.m-news .hd {
   width: 780px;
   height: 55px;
   overflow: hidden;
   background: #f5f5f5;
}

.m-news .hd .xw01 {
   padding-right: 10px;
   float: right;
}

.m-news .hd .xw01 a {
   line-height: 55px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #333;
   text-transform: uppercase;
}

.m-news .hd .xw01 a:hover {
   color: #1058aa;
}

.m-news .hd li {
   position: relative;
   height: 55px;
   line-height: 55px;
   text-align: center;
   width: 175px;
   float: left;
   font-family: 微软雅黑;
   font-size: 18px;
   background: #a5a5a5;
   color: #fff;
}

.m-news .hd li.on {
   width: 175px;
   background: #1058aa;
   color: #fff;
   cursor: pointer;
}


.m-news .bd {
   height: 350px;
   background: #f5f5f5;
   position: relative;
   top: 10px;
}

.m-news .lh {
   overflow: hidden;
}

.m-news .lh .f-xw {
   width: 750px;
   height: 335px;
   margin: 10px;
}

.m-xw-top {
   width: 750px;
   height: 195px;
   margin: 0 auto;
}

.m-xw-top .m-xw-img {
   width: 285px;
   height: 195px;
   float: left;
}

.m-xw-top .m-xw-nr {
   width: 435px;
   float: right;
}

.m-xw-top .m-xw-nr .m-xw01 {
   font-family: 微软雅黑;
   font-size: 18px;
   color: #333;
   line-height: 35px;
}

.m-xw-top .m-xw-nr .m-xw02 {
   font-family: 微软雅黑;
   font-size: 12px;
   color: #999;
   line-height: 30px;
}

.m-xw-top .m-xw-nr .m-xw03 {
   font-family: 微软雅黑;
   height: 120px;
   overflow: hidden;
   font-size: 14px;
   color: #666;
   line-height: 30px;
}

.m-xw-top .m-xw-nr:hover .m-xw01 {
   color: #1058aa;
}

.m-xw-down {
   width: 750px;
   height: 140px;
   margin: 20px auto 0;
}

.m-xw-down ul li {
   width: 370px;
   height: 30px;
   line-height: 30px;
   float: left;
   background: url(../images/n01.png) left center no-repeat;
}

.m-xw04 {
   font-family: 微软雅黑;
   font-size: 14px;
   color: #333;
   width: 240px;
   height: 30px;
   overflow: hidden;
   display: block;
   float: left;
   padding-left: 20px;
}

.m-xw05 {
   font-family: 微软雅黑;
   font-size: 11px;
   color: #999;
   width: 80px;
   height: 30px;
   overflow: hidden;
   display: block;
   float: left;
   padding-right: 10px;
   text-align: right;
}

.m-xw-down ul li:hover .m-xw04 {
   color: #1058aa;
}

/*人才招聘*/
.m-list-job .right_chanpin {
   width: 780px;
   float: right;
   height: auto;
}

.m-list-job .ul-list_job {
   overflow: hidden;
}

.m-list-job .cpjian {
   width: 740px;
   height: auto;
   padding-top: 20px;
   padding-bottom: 10px;
   margin: 0 auto;
   border-bottom: 1px solid #d5d5d5;
}

.m-list-job .cpjian p {
   line-height: 20px;
   color: #504f4f;
}

.m-list-job .chanpi_warp {
   float: left;
   overflow: hidden;
   width: 548px;
   height: 175px;
   border-bottom: 1px dotted #d5d5d5;
   margin: 15px auto;
   margin: 15px;
}

.m-list-job .cpjian p {
   line-height: 20px;
   color: #504f4f;
}

.m-list-job .chanpin_tuone {
   width: 180px;
   height: 122px;
   overflow: hidden;
   float: left;
}

.m-list-job .chanpin_tuone a {
   display: block;
   width: 100%;
   height: 100%;
   background-position: center center;
   background-size: contain;
   background-repeat: no-repeat;
}

.m-list-job .chanpi_warp .chan_jies {
   width: 350px;
   height: 155px;
   overflow: hidden;
   float: left;
   margin-left: 15px;
}

.m-list-job .chanpi_warp .chan_jies p {
   color: #5c5b5b;
   height: 87px;
   overflow: hidden;
   font-size: 12px;
   text-indent: 2em;
}

.m-list-job .chan_jies span {
   display: block;
   line-height: 24px;
   font-size: 15px;
   font-weight: bold;
   color: #5c5b5b;
   clear: both;
}

.m-list-job .chan_jies a:hover span {
   color: #00377a
}

.m-list-job .chan_jies p {
   margin-top: 10px;
   color: #5c5b5b;
   line-height: 24x;
}

.m-list-job .chan_jies .more a {
   color: #00377a;
   text-indent: 0;
   display: block;
   font-size: 14px;
   height: 23px;
   line-height: 23px;
   padding: 0 0 0 15px;
   text-align: left;
   width: 105px;
}

.m-list-job .chan_jies .more a:hover {
   text-decoration: underline;
}

/*常见问题解答*/
.m-wd {
   width: 400px;
   height: 435px;
   float: right;
}

.m-wd-bt {
   width: 400px;
   height: 50px;
   line-height: 50px;
   background: #1058aa;
}

.wd01 {
   font-family: 微软雅黑;
   font-size: 18px;
   color: #fff;
   padding-left: 15px;
   float: left;
}

.wd02 {
   padding-right: 10px;
   float: right;
   text-transform: uppercase;
}

.wd02 a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #fff;
}

.wd03 {
   font-family: 微软雅黑;
   font-size: 14px;
   color: #333;
}

.wd04 {
   font-family: 微软雅黑;
   font-size: 14px;
   color: #666;
   display: inline-block;
   height: 90px;
   overflow: hidden;
}

.wd05 {
   font-family: 微软雅黑;
   font-size: 14px;
   color: #1058aa;
}

.m-wd ul {
   width: 400px;
   height: 365px;
   background: #f5f5f5;
}

.m-wd ul li {
   width: 360px;
   height: 150px;
   line-height: 30px;
   margin: 0 auto;
   padding: 15px 0;
}

.m-wd ul li:hover .wd03 {
   color: #1058aa;
}

/*地图*/
.g-map {
   width: 100%;
   height: 210px;
}

.f-map {
   width: 960px;
   height: 210px;
   margin: 60px auto 0;
   background: #0e0601;
}

.m-map {
   width: 870px;
   height: 200px;
   margin: 0 auto;
   position: relative;
   top: 10px;
   overflow: hidden;
}

/*联系方式*/
.m-contact .contactInfo {
   width: 100%;
   height: auto;
   overflow: hidden;
}

.m-contact .contactInfo .map {
   width: 500px;
   height: auto;
   float: left;
   margin-bottom: 30px;
}

.m-contact .contactInfo .map img {
   width: 100%;
   height: auto;
}

.m-contact .contactInfo .Info {
   width: 400px;
   height: auto;
   padding: 50px 0 0 80px;
   box-sizing: content-box;
   float: right;
   background: url(../images/contactBg.png) no-repeat;
}

.m-contact .contactInfo .Info h4 {
   font-size: 30px;
   color: #00377a;
   font-weight: normal;
   padding-bottom: 15px;
}

.m-contact .contactInfo .Info p {
   width: 100%;
   line-height: 24px;
   padding-bottom: 10px;
   font-size: 14px;
   color: #666;
   box-sizing: content-box;
}

.m-contact .contactInfo .Info p:after {
   display: block;
   clear: both;
}

.m-contact .contactInfo .Info p b {
   width: 15%;
   display: block;
   float: left;
}

.m-contact .contactInfo .Info p span {
   width: 85%;
   display: block;
   float: left;
}

/*footer*/
.g-footer {
   width: 100%;
   padding: 45px 0;
   background: #00377a;
}

.f-footer {
   width: 1200px;
   height: 120px;
   margin: 0 auto;
   position: relative;
}

.m-foot-logo {
   width: 430px;
   height: 70px;
   float: left;
   margin-left: 70px;
   margin-top: 45px;
   background: url(../images/foot-line.png) right center no-repeat;
}

.m-foot-logo img {
   width: 362px;
   height: 65px;
}



.m-icp {
   width: 600px;
   height: 110px;
   float: left;
   margin-left: 70px;
   position: relative;
}

.m-icp ul {
   height: 120px;
}

.m-icp ul li {
   width: 600px;
   height: 30px;
   line-height: 30px;
   overflow: hidden;
}

.m-icp ul li span {
   font-family: 微软雅黑;
   font-size: 13px;
   color: #fff;
}

.m-icp ul li span a {
   font-family: 微软雅黑;
   font-size: 13px;
   color: #fff;
}

.f-gswj {
   width: 90px;
   height: auto;
   position: absolute;
   top: 15px;
   right: -20px;
   z-index: 9;
}


.f-jishu {
   float: left;
}

.f-beian {
   float: left;
   margin-left: 40px;
}

.f-beian img {
   margin: 3px 5px 0 0;
}


.m-icp ul li a {
   height: 30px;
   line-height: 30px;
   font-family: 微软雅黑;
   font-size: 13px;
   color: #fff;
}

.m-icp ul li a:hpver {
   color: #fff;
}


.icp span {
   margin-right: 15px;
}



/*在线客服*/
.yb_conct {
   width: 180px;
   position: fixed;
   z-index: 9999999999;
   top: 200px;
   right: -127px;
   cursor: pointer;
   transition: all .3s ease;
}

.yb_bar ul li {
   width: 180px;
   height: 53px;
   font: 16px/53px 'Microsoft YaHei';
   color: #fff;
   text-indent: 54px;
   margin-bottom: 3px;
   border-radius: 3px;
   transition: all .5s ease;
   overflow: hidden;
}

.yb_bar .yb_top {
   background: #176cce url(../images/fixCont.png) no-repeat 0 0;
}

.yb_bar .yb_phone {
   background: #176cce url(../images/fixCont.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
   text-indent: 0;
   background: #176cce url(../images/fixCont.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
   /*height:200px;*/
   background: #176cce url(../images/fixCont.png) no-repeat 0 -169px;
}

.hd_qr {
   padding: 0 29px 25px 29px;
}

.yb_QQ a {
   display: block;
   text-indent: 54px;
   width: 100%;
   height: 100%;
   color: #fff;
}
/* new */
.mob-all{
   display: none;
}
@media(max-width: 1600px) {}
@media(max-width: 1440px) {}
@media(min-width: 1300px) and (max-width: 1549px) {}
@media(max-width: 1280px) {}
@media(min-width: 1025px) and (max-width: 1270px) {}
@media(max-width: 1024px) {   
   *{
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }
   body{
      width: 100%;
      min-width: auto;
   }
   .pc{
      display: none;
   }
}
@media(max-width: 992px) {}
@media(max-width: 760px) {
   .mob-all{
      display: block;
   }
   .container{
      padding: 0 15px;
      width: 100%;
   }
   .mHeader{
      display: block;
      width: 100%;
      height: 50px;
      line-height: 1;
      background-color: #005db5;
      color: #fff;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 100;
   }
   .mHeader .container{
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .msearch{
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .msearch i,.mgoback i{
      font-size: 30px;
      line-height: 1;
   }
   .mgoback a i{
      color: #fff;
   }
   .m-search-r{
      display: none;
      width: calc(100% - 45px);
   }
   .msearch .search-bar{
      display: flex;
      align-items: center;
   }
   .msearch .search-bar input{
      width: 80%;
      box-sizing: border-box;
      padding: 3px 10px;
      line-height: 2;
      border: 1px solid #bbb;
      color: #666;
      outline: none;
   }
   .msearch .search-bar button{
      display: inline-block;
      width: 20%;
      cursor: pointer;
      border: none;
      box-sizing: border-box;
      padding: 6px 3px;
      line-height: 100%;
      font-size: 20px;
      color: #fff;
      background: #005db5;
   }
   .mHeader .mlogo{
      font-size: 24px;
      color: #fff;
   }
   .m-menu i{
      font-size: 30px;
   }
   .mHeader.active .msearch{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 100%;
   }
   .mHeader.active .mlogo,.mHeader.active .m-menu{
      display: none;
   }
   .msearch .m-search-r.active{
      display:block;
   }
   .m-side-menu {
      display: none;
      position: relative;
      z-index: 101;
    }
   .m-side-menu ul {
      position: fixed;
      background: #3e4b5c;
      width: 70%;
      top: 0;
      right: 0;
      bottom: 0;
      padding-top: 64px;
      transform: translate(-260px, 0);
      transition: transform 0.25s ease-out, opacity 0.25s ease-out;
      box-shadow: 4px 0 10px rgb(0 0 0 / 10%);
      opacity: 0;
      z-index: 5;
   }
   .m-side-menu ul li {
      padding-left: 30px;
      display: block;
      height: 44px;
      line-height: 44px;
   }
   .m-side-menu ul li a {
      display: block;
      height: 44px;
      line-height: 44px;
      font-size: 18px;
      color: #fff;
      font-weight: normal;
   }
   .m-side-menu.active {
      display: block
   }
   .m-side-menu.active ul {
      transform: translate(0px, 0px);
      opacity: 1;
   }
   .m-side-menu .maskbg{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      opacity: 0;
      -webkit-animation: maskbg ease .3s forwards;
      animation: maskbg ease .3s forwards;
      z-index: 3;
   }
   @-webkit-keyframes maskbg {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }
    @keyframes maskbg {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }
   .mBanner{
      margin-top: 50px;
      display: block;
   }
   .mBanner img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .mMain{
      display: block;
      min-height: calc(100vh - 115px);
   }
   .category-list{
      margin-top: 15px;
      height: 168px;
   }
   .category-list li{
      margin-right: 5px;
      margin-bottom: 5px;
      float: left;
      width: calc((50% - 5px)/2);
      height: calc((100% - 5px)/2);
      text-align: center;
      display: inline-block;
      box-sizing: border-box;
      background-color: #337dc4;
   }
   .category-list li a{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
   }
   .category-list li a img{
      height: 42px;
   }
   .category-list li span{
      font-size: 15px;
      line-height: 1.8;
      color: #fff;
   }
   .category-list li:first-child{
      margin-bottom: 0;
      width: calc(50% - 5px);
      height: 100%;
      position: relative;
      background-color: #fff;
   }
   .category-list li:first-child img{
      width: 100%;
      height: 100%;
      object-fit: contain;
   }
   .category-list li:first-child span{
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      background-color: rgba(0,0,0,0.5);
      position: absolute;
      left: 0;
      bottom: 0;
   }
   .category-list li+li+li{
      margin-bottom: 0;
   }
   .category-list li:nth-child(3),.category-list li:nth-child(5){
      margin-right: 0;
   }
   .category-list li:nth-child(3),.category-list li:nth-child(4){
      background-color: #005db5;
   }
   .mTitle{
      margin-bottom: 15px;
      position: relative;
      text-align: center;
   }
   .mTitle::before{
      content: "";
      width: 100%;
      height: 1px;
      background-color: #ccc;
      font-size: 0px;
      position: absolute;
      left: 0;
      top: 50%;
      z-index: -1;
   }
   .mTitle h2{
      display: inline-block;
      font-size: 18px;
      color: #333;
      background-color: #fff;
      padding: 0 30px;
      font-weight: normal;
   }
   .mProduct{
      margin-top: 15px;
   }
   .mPro-list{
      display: flex;
      align-items: flex-start;
   }
   .mPro-list a{
      margin-bottom: 6px;
      margin-right: 12px;
      width: calc((100% - 24px)/3);
   }
   .mPro-list a:last-child{
      margin-right: 0;
   }
   .mPro-list a .img{
      height: 100px;
      overflow: hidden;
   }
   .mPro-list a img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .mPro-list a h4{
      font-size: 14px;
      text-align: center;
      font-weight: normal;
      line-height: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }
   .mNews{
      padding-top: 15px;
   }
   .m-page-box{
      padding-top: 65px;
   }
   .news-top{
      display: block;
      position: relative;
      height: 175px;
      overflow: hidden;
   }
   .news-top img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .news-top h4{
      padding: 5px 15px;
      width: 100%;
      background-color: rgba(0,0,0,0.5);
      font-size: 16px;
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 0;
      font-weight: normal;
   }
   .m-news-list{
      margin-bottom: 15px;
   }
   .m-news-list li a{
      padding: 10px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e5e5e5;
   }
   .m-news-list li .news-text{
      width: calc(100% - 82px);
   }
   .m-news-list li h4{
      font-size: 16px;
      font-weight: normal;
      color: #666;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }
   .m-news-list li p{
      font-size: 14px;
      color: #a5a5a5;
      line-height: 2;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
   }
   .m-news-list li span.no{
      width: 72px;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 42px;
      line-height: 1;
      color: #999;
   }
   .m-news-list li a .img{
      width: 117px;
      height: 87px;
      overflow: hidden;
   }
   .m-page-news-list{
      margin-top: 10px;
   }
   .m-page-news-list li{
      background: url(../images/m-ico-arrow.png) no-repeat right center;
      background-size: 7px 14px;
      display: flex;
      justify-content: flex-start;
   }
   .m-page-news-list li .lefTthum{
       width: 8rem;
       height: 6rem;
       overflow: hidden;
       box-sizing: border-box;
       background-size: 100% 100%;
       font-size: 1rem;
       color: #764913;
   }
   .m-page-news-list li .rightCon{
       width: calc(100% - 10rem);
   }
   .m-news-list li a .img img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .m-page-news-list li .rightCon .conTitle{
   }
   .m-page-news-list li .rightCon .conTitle a{
       display: block;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
   }
   .m-page-news-list li .rightCon .abstract{
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
   }
   .m-page-news-list li .rightCon .more span{
       font-size: 12px;
   }
   .m-page-news-list li .news-text{
      padding-right: 20px;
      width: calc(100% - 132px);
   }
   .m-page-detail{
      padding-top: 65px;
   }
   .m-page-detail .detail-title{
      font-size: 20px;
      font-weight: bold;
      color: #333;
   }
   .m-page-detail .detail-info{
      font-size: 13px;
      line-height: 2;
   }
   .m-detail-txt{
      font-size: 14px;
      line-height: 2;
   }
   .m-detail-txt img{
      max-width: 100%;
      height: auto!important;
   }
   .page-about-detail{
      padding: 65px 15px 0;
   }
   .page-content-title{
      margin-bottom: 15px;
      border-bottom: 1px solid rgb(0, 0, 0);
   }
   .page-content-title span{
      position: relative;
      padding-left: 12px;
      font-size: 18px;
      color: #000;
   }
   .page-content-title span::before{
      content: "";
      width: 3px;
      height: 80%;
      background-color: rgb(30, 155, 232);
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
   }
   /*pages*/
    .m-pages {
        margin-top: .3rem;
        margin-bottom: .3rem;
        text-align: center;
    }
    
    .m-pages a,
    .m-pages b {
        margin: 5px;
        display: inline-block;
        font-size: .14rem;
        color: #777777;
        border: none;
        line-height: 24px;
        height: 24px;
        padding: 0 8px;
        background-color: #f6f6f6;
    }
    
    .m-pages b {
        background: #337dc4;
        color: #fff
    }
    
    .m-pages a:hover {
        color: #337dc4
    }
    
    .m-pages a:first-child {
        display: none;
    }
   /* mobile page job */
   .page-job-list{
      padding-top: 65px;
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
   }
   .page-job-list .chanpi_warp{
      margin-bottom: 10px;
      padding: 0 5px;
      width: 50%;
   }
   .page-job-list .chanpin_tuone{
      height: 146px;
      overflow: hidden;
   }
   .page-job-list .chanpin_tuone a{
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }
   .page-job-list .chan_jies span{
       display: block;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      line-height: 2;
   }
   .page-case{
      padding-top: 65px;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
   }
   .page-case a{
      margin-right: 15px;
      margin-bottom: 15px;
      width: calc((100% - 15px)/2);
   }
   .page-case a:nth-child(2n){
      margin-right: 0;
   }
   .page-case a .img{
      width: 100%;
      height: 166px;
      overflow: hidden;
   }
   .page-case a .img img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
   .page-case a h4{
      font-size: 16px;
      line-height: 2;
      text-align: center;
      font-weight: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }
   .classify-list{
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
   }
   .classify-list a{
      margin: 0 5px;
      width: 100px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      background-color: #fff;
      display: inline-block;
      border: 1px solid #ccc;
      color: #333;
      font-size: 14px;
   }
   .mProduct .classify-list{
       flex-wrap: wrap;
   }
   .mProduct .classify-list a{
       margin-bottom: 10px;
   }
   .m-page-product-list{
       display: flex;
       flex-wrap: wrap;
   }
   .m-page-product-list li{
       width: 50%;
   }
   .m-page-product-list li:nth-child(2n){
       border-left: 1px solid #e5e5e5;
   }
   .m-page-product-list li a{
       padding: .5rem;
       flex-direction: column;
   }
   .m-page-product-list li a .img{
       width: 100%;
       height: 130px;
   }
   .mFooter{
      margin-bottom: 50px;
      padding: 8px;
      background-color: #337dc4;
      font-size: 12px;
      line-height: 1.8;
      color: #fff;
      text-align: center;
      clear: both;
   }
   .mFooter a{
      color: #fff;
   }
   .fixbar{
      display:-webkit-box!important;
      display:-webkit-flex!important;
      display:-moz-box!important;
      display:-ms-flexbox!important;
      display:flex!important;
      position:fixed;
      width:100%;
      left:0;
      bottom:0;
      height:50px;
      bottom:constant(safe-area-inset-bottom);
      bottom:env(safe-area-inset-bottom);
      background-color:#fff;
      z-index:90;
      -webkit-justify-content:space-around;
      -ms-flex-pack:distribute;
      justify-content:space-around;
      -webkit-box-align:center;
      -webkit-align-items:center;
      -moz-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -webkit-box-shadow:0 0 20px rgba(255,255,255,.05);
      -moz-box-shadow:0 0 20px rgba(255,255,255,.05);
      box-shadow:0 0 20px rgba(255,255,255,.05)
   }
   .fixbar a{
      text-align:center;
      width:-webkit-calc(100% / 3);
      width:-moz-calc(100% / 3);
      width:calc(100% / 3);
      height: 100%;
      position:relative;
      display:block
   }
   .fixbar a i{
      font-size: 30px;
      display: inline-block;
      color:#005db5;
   }
}