@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#ffffff;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s;}
a:hover{ text-decoration:none;
       transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
img{ vertical-align: middle;}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#666; font-size:15px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#666; font-size:15px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#666; font-size:15px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#666; font-size:15px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#666; font-size:15px;}
textarea::-webkit-input-placeholder{color:#666; font-size:15px; font-family:"Microsoft Yahei"}
.clearfix:before, .clearfix:after {content: "\0020";display: block;height: 0;overflow: hidden;}  
.clearfix:after { clear: both; } 

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}


.mo_down{ height:0px; overflow:hidden}
.mo_down.on{ height:auto;}

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
}
.shadow8{ 
-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
   -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
      -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
      -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
         box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
      transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.shadow5{ 
    transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}
.shadow5:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
    -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
    -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
        -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
        transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}
.fl{ float:left;}
.fr{ float:right;}
.noscroll{
    overflow: hidden;
}


.bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto}



.quan{ width: 100%;}

.mo_top{ width:100%; display:none; position:absolute; top: 0; z-index: 100;}
.mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;}
.mo_top .mot .molo{ display:inline-block; height:30px; margin:10px 0;}
.mo_top .mot .molo img{ height:30px;}
.mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;}
.mo_top .mot .cloesicon{ display:none;}
.mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;}
.mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;}

.mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;}
.mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;}
.mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;}
.mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px}
.mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;}
.mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none}
.mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;}

.mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;}
.mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;}
.mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;}
.mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;}
.mo_yc{ width:100%; height:80px; display:none;}
.mo_lj div i{ font-size: 20px;}

.details_banner{ height: 350px; line-height: 320px; width: 100%; margin-top: 61px; text-align: center;}
.details_banner p{color: #fff; font-weight: bold; font-size: 50px; }
.details_nav{ width: 1240px; margin: 0 auto; position: relative;}
.details_nav .details_nav_content{ width: 100%; margin: 0 auto; background: #fff; position: relative; overflow:hidden;}
.details_nav .details_nav_content:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #dcdcdc; bottom: 0;}
.details_nav .details_nav_content .nav_content_left a{ color: #999999; font-size: 14px; display: inline-block; line-height: 70px;}
.details_nav .details_nav_content .nav_content_left{ color: #999999; font-size: 14px; margin: 0px 5px;}
.details_nav .details_nav_content .nav_content_left a:hover{ color: #3871c1;}
.details_nav .details_nav_content .nav_content_left a.on{ color: #3871c1;}
.details_nav .details_nav_content .nav_content_right a{ display: inline-block; line-height: 70px; font-size: 15px; color: #333333; padding: 0px 20px;}
.details_nav .details_nav_content .nav_content_right a:hover{ color: #fff; background: #3871c1;}
.details_nav .details_nav_content .nav_content_right a.on{ color: #fff; background: #3871c1;}

/* 必要布局样式css */

.aui-header-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    z-index: 999;
    transition: all 0.45s ease-in-out;
}

.aui-header-nav.moveDown {
    top: 29px;
    transition: all 0.45s ease-in-out;
}

.aui-header-nav .wrapper {
    position: relative;
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}

.aui-header-nav .aui-logo {
    height: 50px;
    background: url(../images/logow.png) no-repeat;
    background-size: contain;
}

.aui-header-nav .wrapper .aui-logo {
    position: relative;
    top: 7px;
}

.aui-header-nav.solid .aui-logo {
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
}

.aui-header-nav .aui-logo h1 {
    text-indent: -99999px;
}

.aui-header-nav .wrapper .aui-top-nav {
    position: absolute;
    right: 0;
    top: 0;
}

.aui-top-nav .menu {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 4px;
}

.aui-top-nav .menu >li {
    float: left;
    margin-left: 40px;
    height: 55px;
    position: relative;
}

.aui-top-nav .menu >li >a {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; padding: 0 10px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    color: #fff;
}
.aui-top-nav .menu >li >a:hover{
    color: #333;
}

.aui-header-nav.solid .aui-top-nav .menu >li >a {
    color: #333;
}
.aui-header-nav.solid .aui-top-nav .menu >li >a:hover {
    color: #3871c1;
}
.aui-top-nav .menu >li .panel {
    position: absolute;
    top: 57px;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: -1;
    visibility: hidden;
    background-color: #fff;
    text-align: center;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}
.aui-top-nav .menu >li:nth-child(2) .panel { left: -15px;}
.aui-top-nav .menu >li:nth-child(3) .panel { left: -35px;}
.aui-top-nav .menu >li:nth-child(5) .panel { left: -34px;}
.aui-top-nav .menu >li:nth-child(6) .panel { left: -2px;}
.aui-top-nav .menu >li:hover .panel {
    filter: alpha(opacity = 100);
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: 1;
    visibility: visible;
}
.aui-top-nav .menu >li .panel a{
    display: block;
    white-space: nowrap;
    padding: 8px 20px;
    color: #333;
    border-bottom: 1px solid #f0f1f2;
}
.aui-top-nav .menu >li .panel a:last-child{ border-bottom: 0;}
.aui-top-nav .menu >li .panel a:hover{
    background-color: #3871c1;
    color: #fff;
}
a, a:hover {
    color: #3871c1;
}

.aui-header-nav.solid {
    background-color: #fff;
    border-bottom: 1px solid #f0f1f2;
    transition: all 0.5s ease-in-out;
}

.aui-header-nav.moveDown {
    top: 0;
    transition: all 0.45s ease-in-out;
}

.aui-top-nav .menu >li >a:hover{
    color: #fff;
}
.aui-top-nav .menu >li >a.on {
    color: #fff;
    border-bottom: 3px solid #3871c1;
    border-radius: 2px;
}
/* 通用 */
.com_title { margin: 50px auto 50px; width: 100%; text-align: center;}
.com_title p { font-size: 36px; font-weight: bold; display: inline-block;}
.com_title p::after{ content: ""; display: block; border-radius: 10px; background-color: #3871c1; width: 50%; height: 5px; margin: 5px auto 0;}
.main_box{ width: 100%; display: inline-block;}
.hui_bg{ background-color: #f1f1f1;}
.com_sub{ margin: -20px auto 0; text-align: center;}
.com_sub ul{}
.com_sub ul li{ -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;display:inline-block; margin: 0 20px; padding: 10px 50px; background-color:#fff; border: 1px solid #3871c1; border-radius: 100px;}
.com_sub ul li.on{ background-color: #3871c1;}
.com_sub ul li.on a{ color: #fff;}
.com_sub ul li a{ color: #333; font-size: 16px; display: inline-block;}
.com_sub ul li:hover{background-color: #3871c1;}
.com_sub ul li:hover a{color: #fff;}
.common_more{ text-align: center; width: 100%; display: inline-block; margin: 30px auto 0; }
.common_more a{ display: inline-block; background-color: #fff; border: 1px solid #3871c1; width: 182px; line-height: 50px; text-align: center; font-size: 16px;color: #3871c1; text-transform: capitalize; font-size: 16px; border-radius: 50px;}
.common_more a:hover{ background-color: #3871c1; color: #fff;}
/* 我们的优势 */
.adv_box{max-width: 1240px; margin:0 auto;}
.adv_box .adv_list{ margin-bottom: 70px; display: inline-block; width: 100%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.adv_box .adv_list ul li{ width: 25%; display: block; float: left; height: 240px;transition: all .5s;}
.adv_box .adv_list ul li:hover{box-shadow: rgba(0,0,0,.2) 0px 0px 30px; cursor: pointer;}
.adv_list .adv_item{width: 100%;border-left: 1px solid #eee; border-top: 1px solid #eee; padding: 50px 40px; height: 100%; text-align: center;}
.adv_img { width: 70px; height: 70px; margin: 0 auto; background-color: #3871c1; border-radius: 80px;}
.adv_img img{ width: 50px; height: 50px; margin-top: 10px;}
.adv_text { margin-top: 20px; line-height: 26px;}
/* 关于我们 */
.about_box{max-width: 1240px; margin:0 auto; height: 660px;}
.about_lft{ float: left; width: 35%; margin-left: 5%; margin-top: 5%;}
.about_tit{ font-weight: bold; font-size: 30px; color: #3871c1; margin-bottom: 45px; font-style: italic;}
.about_content{
    position: relative;
    color: #666;}
.about_content p{ line-height: 28px; margin-bottom: 12px; font-size: 16px;}
.about_content .yh01{
    position: absolute;
    right: 105%;
    top: 0;
    width: 20px;}
.about_content .yh02{
    position: absolute;
    left: 105%;
    bottom: 0;
    width: 20px;
}
.about_rgt{ float: right; width: 50%; position: relative;}
.about_rgt img{width: 100%;}
/* 产品中心 */
.product_box{ max-width: 1240px; margin:0 auto; }
.product_main{ width: 100%; margin-bottom: 70px; display: inline-block;}
.product_lft{ width: 47.6%;}
.product_rgt{ width: 51.3%;}
.product_box .product_lft a,.product_box .product_rgt a{ position: relative; display: inline-block; width: 100%; color: #666; border-radius: 5px; border: 1px solid #eee; overflow: hidden;}
.product_box .product_lft a:hover .product_text,.product_box .product_rgt a:hover .product_text{
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
    top: 0; color: #fff;
    bottom: 0; background: rgba(56,113,193,.9);
    padding-top: 28%;
}
.product_box .product_lft a:hover .product_text span,.product_box .product_rgt a:hover .product_text span{
    display: block;
}
.product_lft .product_img img{height: 420px;}
.product_img {overflow: hidden; text-align: center; padding-bottom: 35px;}
.product_img img{
    height: 180px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    filter: scale(1);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;
    border-radius: 5px;
}
.product_text{
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    bottom: 0px;
    font-size: 16px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
}
.product_text span{ display: none; border: 1px solid #fff; border-radius: 5px; width: 100px; padding: 3px 0; margin: 10px auto;}
.product_rgt ul li{ width: 44%; display: inline-block; margin-left: 3%;}
.product_rgt ul li:nth-child(1),.product_rgt ul li:nth-child(2) { margin-bottom: 20px;}
/* 关于我们滚动数字 */
.about-num-head{
    padding: 30px 0 20px 0;
    font-size: 0;
    background: #0081CC url(../images/pre-bg.png) center center no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: 50px;
}
.about-num-item{
    text-align: center;
    display: inline-block;
    width: 24.8%;
}
.about-num-line{
    height: 60px; width:1px; background-color: #fff; display: inline-block;
}
.about-num-nub{
    display: inline-block;
    /* width: 400px; */
    font-size: 40px;
}
.about-num-add{
    font-size: 22px;
    margin-left: 10px;
}
.about-num-inf{
    margin-top: 24px;
    font-size: 18px;
    line-height: 0;
    display: block;
}
/* 案例 */
.trade-content {
    padding: 0 0 70px 0;
}
.trade-black {
}
.trade-box {
    max-width: 1240px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}
.trade-box-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.trade-box-item {
    flex: 1;
    text-align: center;
    position: relative;
    height: 450px;
    background: no-repeat center;
    background-size: 100% auto;
    margin: 0 10px;
}
.trade-content .trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.item-logo {
    margin: 0 auto;
    display: block;
}
.trade-content .trade-box-item .item-logo {
    position: relative;
    margin-top: 120px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
    display: block;
    margin: 0 auto;
    width: 22%;
}
.item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    position: relative;
}
.trade-content .item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-top: 10px;
}
.item-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}
.item-a {
    display: inline-block;
    width: 100px;
    height: 34px;
    border-radius: 60px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin-top: 10px;
}
.trade-content .trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
    margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
    background-color: rgba(56,113,193,.9);
}
.trade-content .trade-box-item:hover .item-logo {
    margin-top: 100px;
}
.trade-content .trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}
/* 新闻中心 */
.news_box{ max-width: 1240px; margin:0 auto;}
.news_list{ width: 100%; margin: 0px 0 45px 0; display: inline-block;}
.news_list ul li{ width: 50%; height: 200px; overflow: hidden; float: left; display: flex; padding: 0 15px; margin-bottom: 25px;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.news_list ul li:hover{-ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);}
.news_item{background-color: #fff; padding: 30px; border-radius: 5px;box-shadow: 0px 1px 10px rgba(92, 91, 91, 0.1);}
.news_item a{display: flex;}
.news_img{ width: 30%; float: right; margin-left: 20px;}
.news_img img{ width: 100%; height: 140px;}
.news_text{ width: 70%;}
.news_list ul li:hover .news_tit{color: #3871c1;}
.news_tit{ margin-bottom:20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;font-size: 18px; font-weight: bold; color: #555;}
.news_text p{ font-size: 14px; line-height: 24px;height: 80px; color: #555;}
.news_text span{ font-size: 14px; color: #999;}
/* 底部 */
.footer{width:100%;background-color:#1B2545;padding-top:50px;height:auto;overflow:hidden}
.other-link{max-width:1200px;margin:0 auto;height:auto;overflow:hidden}
.other-link>div{float:left}
.other-link .foot-contact{float:right}
.link-look{width:960px;padding-bottom:45px}
.link-list{float:left;width:20%}
.link-list h3{height:45px;line-height:20px;font-size:16px;color:#fff}
.link-list ul li a{line-height:30px;color:#aaa;font-size:14px}
.link-list ul li a:hover{color:#fff}
.foot-contact{width:240px}
.bottom-logo{width:170px;}
.bottom-logo a{display:block;width:100%;height:100%;}
.foot-companyname{height:40px;line-height:18px;font-size:18px;color:#fff;margin-top:25px}
.foot-phone,.foot-qq{height:34px;line-height:15px;font-size:15px;color:#aaa}
.erweima-box{margin:20px 0; display: inline-block;}
.erweima-box>div{float:left;width:100px}
.erweima-box>div:first-child{margin-right:30px}
.wechat-erwei div:first-child,.phonenet-erwei div:first-child{height:30px;line-height:14px;font-size:14px;color:#aaa}
.footer-bottom{text-align:center;padding:20px 0;border-top:1px solid #42444B}
.footer-bottom p{line-height:26px;font-size:14px;color:#aaa}
.footer-bottom p span{margin-left:17px}
.foot_wechat,.foot_web{width:100%;height:100px}
.foot_link{ display: block; max-width: 1200px; margin: 0 auto 20px;}
.foot_link p{ font-size: 14px; color: #fff; font-weight: bold; display: inline-block;}
.foot_link a { color: #aaa; display: inline-block; margin-right: 10px;}
.foot_link a:hover { color: #fff;}
/* 智慧园区 */
.park_box{max-width: 1240px; margin:0 auto;}
.park_box .park_list{ margin-bottom: 70px; display: inline-block; width: 100%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.park_box .park_list ul li{ width: 33.33333%; display: block; float: left; height: 240px;transition: all .5s;}
.park_box .park_list ul li a{ color: #555; font-size: 16px;}
.park_box .park_list ul li:hover{ background-color: #3871c1;}
.park_box .park_list ul li:hover .park_text{ color: #fff;}
.park_list .park_item{width: 100%;border-left: 1px solid #eee; border-top: 1px solid #eee; padding: 50px 40px; height: 100%; text-align: center;}
.park_num { width: 70px; height: 70px; line-height: 70px; margin: 0 auto; background-color: #3871c1; border-radius: 80px; color: #fff; font-size: 32px; font-weight: bold; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.park_img { width: 70px; height: 70px; margin: 0 auto; background-color: #3871c1; border-radius: 80px;}
.park_img img{ width: 50px; height: 50px; margin-top: 10px;}
.park_text { margin-top: 20px; line-height: 26px;}
/* 联系我们 */
.contact_map{ position: relative; margin-top: 40px;}
.contact_map .contact_map_content{ position: absolute;z-index: 5; width: 665px; height: 350px; background: rgba(255,255,255,.8); border-radius: 8px; padding: 62px;
	left: 33%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.contact_map .contact_map_content .map_content_title{ font-size: 24px; color: #333333; margin-bottom: 25px;}
.contact_map .contact_map_content .map_content_txt p{ font-size: 15px; color: #333333; margin-bottom: 15px; line-height: 28px;}
.contact_map .contact_map_content .map_content_txt p span{width: 20px; height: 20px; display: inline-block; margin-right: 14px; position: relative; top: 5px;}
.c_address{background: url(../images/i_address.png) no-repeat; background-size: contain;}
.c_tel{background: url(../images/i_tel.png) no-repeat;background-size: contain;}
.c_phone{background: url(../images/i_phone.png) no-repeat;background-size: contain;}
.c_email{background: url(../images/i_email.png) no-repeat;background-size: contain;}
.c_url{background: url(../images/i_url.png) no-repeat;background-size: contain;}

.page_bg{ background: url(../images/bg20.jpg) no-repeat center bottom; display: inline-block; width: 100%;}
.page_box{max-width: 1240px; margin: 0 auto; padding: 75px 0px;}
.page_title{font-size: 36px; color: #333333; text-align: center; padding-bottom: 60px;}
.page_main{ padding: 0 20px; line-height: 30px;}
.page_main p{ line-height: 30px; font-size: 16px; color: #666; padding-bottom: 20px;}

.sub_news_box{ max-width: 1240px; margin:50px auto 50px;}
.sub_news_box ul li{ border: 1px solid #eee; margin-bottom: 30px;transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.sub_news_box ul li a{ display: flex; padding: 20px;}
.news_pic{ width: 20%;}
.news_pic img{ width: 90%;}
.news_info{ width: 75%; padding-right: 20px;}
.news_info h3{ font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; padding: 10px 0;}
.news_info p{ font-size: 14px; color: #787878; line-height: 30px;}
.news_info span{ color: #b2b2b2; margin-top: 10px; display: inline-block;}
.news_btn{width: 5%; color: #3871c1; font-size: 15px;display: flex; align-items: center; text-align: right;}
.sub_news_box ul li:hover{-webkit-box-shadow: 0px 0px 5px 2px #dadada;
    -moz-box-shadow: 0px 0px 5px 2px #dadada;
    box-shadow: 0px 0px 5px 2px #dadada;}
.sub_news_box ul li a:hover h3{color: #3871c1;}
/*新闻内页*/
.details_title{ font-size:24px; padding-bottom:30px; text-align: center;}
.details_tiao {line-height: 44px; background: #f6f6f6; color: #999999; font-size: 13px; text-align: center;}
.details_tiao span{ display: inline-block; margin: 0 20px;}
.details_wen{ line-height: 30px; padding: 20px 50px; }
.details_wen p{padding-top: 10px;}
.details_bottom {line-height: 60px; border-top: 1px dashed #dcdcdc; margin-top: 40px; display: inline-block; width: 100%;}
.details_bottom span{ line-height: 60px; display: inline-block;}
.details_bottom a{ color: #999999; font-size: 14px; display: inline-block; overflow: hidden;}
.details_bottom a:hover{color: #3871c1;}
/* 加入我们 */
.zhwlist{ max-width: 1240px; margin:30px auto 50px;}
.zhwlist li{padding: 25px; border-bottom: 1px solid #E6E6E6;}
.zhwlist .tit{line-height: 40px; cursor: pointer;}
.zhwlist .tit h3{float: left; width: calc(35% - 15px); font-style: normal;font-size: 16px}
.zhwlist .tit h4{float: left; width: calc(30% - 15px);font-style: normal; font-size: 16px;}
.zhwlist .tit span{float: right;}
.job_conact{max-width: 1240px; margin: 0 auto; background-color: #f7f7f7; text-align: center; padding: 25px 0;}
.job_conact span{ font-size: 18px; font-weight: bold; margin: 0 15px;}
.zhwlist .cons{padding: 10px 0; display: none;}
.zhwlist .con h3{padding-bottom: 1em; padding: 0 0 15px;font-style: normal;font-size: 16px}
.zhwlist .con .txt{color: #666; line-height: 1.8em;}
.zhwlist .con{padding-top: 20px;}
.zhwlist .morea a{margin: 0;}
.zhwlist li.cur .tit span{background: url(../images/zhkico2.png) no-repeat; background-size: 100%;}
.zhwlist li.cur .tit span img{opacity: 0;}
/* 企业荣誉 */
.honor_box{max-width: 1240px; margin:50px auto 50px;}
.honor_list{ width: 21%; border-radius: 5px; border: 1px solid #eee; overflow: hidden;margin-right: 4%; display: inline-block;margin-bottom: 30px; position: relative; color:#fff; font-size: 14px;}
.honor_list:nth-of-type(4n){ margin-right: 0;}
.honor_list:hover .honor_txt{ bottom: 0;}
.honor_list:hover {
    -webkit-box-shadow: 0px 0px 5px 2px #dadada;
    -moz-box-shadow: 0px 0px 5px 2px #dadada;
    box-shadow: 0px 0px 5px 2px #dadada;
}
.honor_img{ overflow: hidden; padding: 15px;}
.honor_img img{ width: 100%;  cursor: pointer;}
.honor_txt{position: absolute; width: 100%; padding: 15px 13px; background: rgba(56,113,193,.9); bottom: -60px;transition: all 0.5s ease 0s; color: #fff;}
/* 应用场景 */
.apply_box{max-width: 1240px; margin:50px auto 50px;}
.apply_main{width: 100%; border:0px solid #eee; position: relative;}
.apply_tab{font-size:18px;border-right:1px solid #eee;line-height:28px;text-align:center;display:inline-block;width:200px;margin-right:100px;}
.apply_tab ul{opacity:1;border-radius:2px;}
.apply_tab ul li{padding:20px 30px;text-align:left;color:#555; cursor: pointer;}
.apply_tab ul li.active{background:#3871c1;border-radius:2px; color:#fff}
.apply_detail{width:calc(100% - 400px);display:inline-block;vertical-align:top;padding-top:50px;text-align:left; }
.apply_detail ul li{display:none}
.apply_detail ul li.active{display:block}
.apply_detail li .title{font-size:24px;color:#555;text-align:left;margin-bottom:30px}
.apply_detail li .detail{font-size:16px;color:#555;line-height:32px;text-align:left; text-indent: 32px;}
/* 2 */
.apply_img{ width: 380px; height: 400px; position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -200px; text-align: center;}
.apply_img img{ width: 50%; margin-top: 9%; display: none;}
.apply_info{ display: inline-block; width: 100%;}
.apply_text_list{ width: 25%; height: 600px; padding-top: 20px; float: left; margin-bottom: 20px; cursor: pointer;}
.apply_text_list:hover { box-shadow: 5px 5px 15px rgba(0,0,0,0.2);}
.apply_text_list .apply_text{ padding: 0 20px; text-align: center; margin-top: 20px;}
.apply_text_list .apply_icon{ margin: 0;}
.apply_icon{ text-align: center;}
.apply_icon img{ width: 250px; height: 250px;}
.apply_text{  }
.apply_text h3{ font-size: 26px; font-weight: normal; margin-bottom: 20px;}
.apply_text p{font-size: 14px; color: #888; line-height: 26px; text-align: left;}
/* 页码 */
.page {text-align: center; width:100%;display:inline-block;}
.page a,.page span{padding:0 10px; height: 35px; line-height: 35px; display: inline-block; text-align: center; background: #eeeeee; color: #666666; border-radius: 5px; margin: 0 5px; border: 1px solid #dcdcdc;}
.page span{ background: #3871c1; color: #fff; border: 1px solid #3871c1;}
.page a:hover{ background: #3871c1; color: #fff; border: 1px solid #3871c1;}
/* 手机产品 */
.phone_box{max-width: 1240px; margin:70px auto 50px;}
.phone_list{ width: 23%; border-radius: 5px; border: 1px solid #eee; overflow: hidden;margin-right: 2%; display: inline-block;margin-bottom: 30px; position: relative; color:#fff; font-size: 14px;}
.phone_list:nth-of-type(4n){ margin-right: 0;}
.phone_list:hover .phone_txt{ bottom: 0px; }
.phone_list:hover {
    -webkit-box-shadow: 0px 0px 5px 2px #dadada;
    -moz-box-shadow: 0px 0px 5px 2px #dadada;
    box-shadow: 0px 0px 5px 2px #dadada;
}
.phone_img{ overflow: hidden; padding: 15px;}
.phone_img img{ width: 100%;  cursor: pointer;}
.phone_txt{position: absolute; width: 100%; padding: 15px 13px; height: 200px; background: rgba(56,113,193,.9); bottom: -145px;transition: all .4s cubic-bezier(.4, 0, .2, 1); color: #fff;}
.phone_txt h3{ margin-bottom: 15px;}
.phone_txt p{ line-height: 28px;}
/* 手机产品详情页 */
.phone_detail{ display: flex;}
.phone_pic{ width: 50%;}
.phone_pic img{ width: 90%;}
.phone_info{ width: 50%;}
.phone_lft{ width: 49%; float: left;}
.phone_lft ul li{}
.phone_lft ul li h3{ font-size: 20px; margin: 20px 0 10px;}
.phone_lft ul li p{ line-height: 28px;}
/* 安全生产信息化 */
.info_box{max-width: 1240px; margin:50px auto 50px;}
.info_box ul {margin-bottom: 40px;}
.info_box ul li{ line-height: 30px; border-bottom: 1px dashed #dcdcdc; padding: 25px 15px;}
.info_box ul li a{ font-size: 16px; color: #555;}
.info_box ul li:hover{ background-color: #f5f5f5;}
.info_box ul li:hover a{color: #3871c1;}
/* 物联网卡 */
.lot_box{max-width: 1240px; margin:50px auto 50px;}
.lot_box p{ font-size: 16px; line-height: 30px; padding: 0 150px; margin-bottom: 10px;}
.lot_list { max-width: 1240px; margin: 50px auto;}
.lot_list ul {display: flex;}
.lot_list ul li{ width: 33.333%; display: inline-block; }
.lot_list ul li div{ margin: 15px;background-color: #fff; padding: 30px 40px; height: 380px;
    background: #fff url(../images/lot_bg.png) no-repeat bottom; background-size: contain;
    border-radius: 5px; box-shadow: 0px 1px 10px rgba(92, 91, 91, 0.1);
}
.lot_list ul li h3{ font-size: 18px; margin-bottom: 10px;}
.lot_list ul li p{ color: #999; line-height: 28px;}

.pro_lot_box{ width: 100%; text-align: center;}
.lot_pro{ margin-top: 20px; display: inline-block; width: 80%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.lot_pro ul li{ width: 20%; display: block; float: left; height: 240px;transition: all .5s;}
.lot_pro ul li:hover{box-shadow: rgba(0,0,0,.2) 0px 0px 30px; cursor: pointer;}
.lot_pro .lot_pro_item{width: 100%;border-left: 1px solid #eee; border-top: 1px solid #eee; height: 100%; text-align: center;}
.lot_pro_img { margin: 0 auto; height: 170px; line-height: 170px;}
.lot_pro_img img{ margin-top: 15px;}
.lot_pro_text { margin-top: 20px; line-height: 26px;}

.lot_gn_box{max-width: 1240px; margin:0 auto 50px;}
.lot_gn_list{ display: inline-block; width: 100%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.lot_gn_list ul li{ width: 25%; display: block; float: left; height: 200px;transition: all .5s;}
.lot_gn_list ul li h3{ color: #3871c1; margin-bottom: 20px; font-size: 20px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.lot_gn_list ul li:hover{ background-color: #3871c1; color: #fff;}
.lot_gn_list ul li:hover h3{ color: #fff;}
.lot_gn_list .gn_item{width: 100%;border-left: 1px solid #eee; border-top: 1px solid #eee; padding: 50px 40px; height: 100%; text-align: center;}
.lot_back{ max-width: 1240px; margin:30px auto 50px;}
.lot_back p{ font-size: 24px; margin-bottom: 30px;font-weight: bold; text-align: center;}
.lot_back_img{ width: 51%; display: inline-block;}
.lot_back_img img{ width: 100%;}
.lot_back_text{width: 45%; float: right; font-size: 16px; line-height: 38px;}
/* 客户案例 */
.case_box{max-width: 1240px; margin:70px auto 50px;}
.case_list{ width: 23%; border-radius: 5px; border: 1px solid #eee; overflow: hidden;margin-right: 2%; display: inline-block;margin-bottom: 30px; position: relative; color:#fff; font-size: 14px;}
.case_list:nth-of-type(4n){ margin-right: 0;}
.case_list:hover {
    -webkit-box-shadow: 0px 0px 5px 2px #dadada;
    -moz-box-shadow: 0px 0px 5px 2px #dadada;
    box-shadow: 0px 0px 5px 2px #dadada;
}
.case_img{ overflow: hidden; padding: 15px;}
.case_img img{ width: 100%;  cursor: pointer;}
.case_txt{position: absolute; width: 100%; padding: 10px 13px; height: 45px; background: rgba(56,113,193,.9); bottom: 0px;transition: all .4s cubic-bezier(.4, 0, .2, 1); color: #fff;}
.case_txt h3{ margin-bottom: 15px;}
/* 解决方案 */
.solution_box {max-width: 1240px; margin:70px auto 50px;}
.solution_box p{ text-align: left; line-height: 28px;}
.solution_box div{-webkit-box-shadow: 0px 0px 5px 2px #dadada;
    -moz-box-shadow: 0px 0px 5px 2px #dadada;
    box-shadow: 0px 0px 5px 2px #dadada; padding: 20px; line-height: 28px;}

/* 产品内页 */
.pro_box{max-width: 1240px; margin:40px auto 50px;}
.pro_list{ cursor: default; width: 23%; border-radius: 5px; border: 1px solid #eee; overflow: hidden;margin-right: 2%; display: inline-block;margin-bottom: 30px; position: relative; color:#fff; font-size: 14px;}
.pro_list:nth-of-type(4n){ margin-right: 0;}
.pro_list:hover {
    -webkit-box-shadow: 0px 0px 5px 2px #dadada;
    -moz-box-shadow: 0px 0px 5px 2px #dadada;
    box-shadow: 0px 0px 5px 2px #dadada;
}
.pro_img{ overflow: hidden; padding: 15px;}
.pro_img img{ width: 100%;  cursor: pointer;}
.pro_txt{ text-align: center; width: 100%; padding: 10px 13px; height: 45px; background: #3871c1; bottom: 0px;transition: all .4s cubic-bezier(.4, 0, .2, 1); color: #fff;}
.pro_txt h3{ margin-bottom: 15px;}
.pro_cat_tit{ text-align: center; font-size: 24px; color: #3871c1; font-weight: bold;}


@media screen and (max-width:1024px){
    .header,.aui-header-nav,.foot_link{ display:none !important;}
    .mo_top{ display:block;}
    .mo_bottom{ display:block;}
    img{ max-width: 100%;}
    .mo_yc{ display:block;}
    .disable_text_highlighting,body {
        /*去除选中高亮*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;    /* Webkit */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;        /* IE 10  */
            /* Opera 目前不支持在Opera，但将很快 */
    -o-user-select: none;
    user-select: none;
    }
    .mo_ourys{ display: block;}
    .index_ourys .index_ourys_nei .ourys_nei_wen{ display: none;}
    .all{ width: 96%; margin: 0 auto;height:auto; overflow: hidden;}
    .slick-next,.slick-prev{ display: none !important;}
    .mo_height{ height: 50px;}
    .slick-dots li{ width: 5px !important; height: 5px !important; margin: 0px 4px !important;}
    
    .details_banner{ margin-top: 0px;}
    .details_banner p{ font-size: 20px; line-height: 100px;}
    .main_box{margin-bottom: 0px;}
    .com_title{margin: 20px 0;}
    .com_title p{font-size: 20px;}
    .common_more{ margin: 15px auto 0; }
    .common_more a { line-height: 40px;}
    /* 案例 */
    .item-title{ font-size: 16px;}
    /* 关于我们 */
    .page_box { padding: 30px 0;}
    .about_box {height: 100%;}
    .page_title { font-size: 26px; padding-bottom:30px}
    .about_lft{ width: 90%; float: none;}
    .about_tit {font-size: 24px;margin-bottom: 20px;}
    .about_rgt {display: none;}
    .about_content .yh02 { left: 95%;}
    .about_content .yh01 { left: 0%;}
    .about_content p {padding: 0 20px;}
    /* 企业荣誉 */
    .honor_box {margin: 30px auto;}
    .honor_list { margin-left: 1%; margin-right: 1%; margin-bottom: 20px; width: 47%;}
    .honor_txt { bottom: 0; padding: 10px;}
    /* 加入我们 */
    .job_conact span {display: block;}
    .zhwlist { margin: 0px auto 30px;}
    .zhwlist li{ padding: 10px 15px;}
    .zhwlist .tit h3,.zhwlist .tit h4 { float: none; width: auto;}
    /* 联系我们 */
    #dituContent{display: none;}
    .contact_map .contact_map_content { width:100%; padding: 20px; position: relative; left: 0; top: 0; transform:inherit}
    /* 新闻 */
    .com_sub{ margin: -10px auto 0;}
    .com_sub ul li{ margin: 0 10px; padding: 5px 20px;}
    .com_sub ul li a{font-size: 14px;}
    .news_list{ margin: 20px 0;}
    .news_list ul li{width: 100%; height: auto; margin-bottom: 10px;}
    .news_item{padding: 8px;}
    .news_item a{display: inline-block;}
    .news_text{width: 100%;}
    .news_img{display: none;}
    .news_tit{font-size: 15px; margin-bottom: 8px; text-overflow: inherit; white-space: inherit;}
    .news_text p {height: auto;}
    /* 产品 */
    .product_main{ margin-bottom: 10px;}
    .product_lft{ width: 100%;}
    .product_lft .product_img img{ height: 180px;}
    .product_rgt{ width: 100%;}
    .product_box a { padding: 0 15px; margin-bottom: 10px;}
    .product_text{left: 15px; right: 15px; width: auto; padding: 10px 20px}
    .product_rgt ul li{width: 100%; margin-left: 0; margin-bottom: 10px;}
    .product_rgt ul li:nth-child(1), .product_rgt ul li:nth-child(2) { margin-bottom: 10px;}
    /* 产品内页 */
    .pro_box{ margin:30px auto;}
    .pro_list {width:45%; margin:0 2%;}
    /* 我们的优势 */
    .adv_box .adv_list{ margin-bottom: 20px;}
    .adv_box .adv_list ul li {width: 50%;}
    .adv_list .adv_item{ padding: 30px 20px;}
    .about-num-line{display: none;}
    /* 安全信息化 */
    .info_box{ margin: 10px auto 50px;}
    .info_box ul li{padding: 10px 15px;}
    .details_nav{ width: 100%;}
    .details_nav .details_nav_content .nav_content_left a {line-height: 40px;}
    .nav_content_right{display: none;}
    /* 手机产品 */
    .phone_box{ margin-top: 30px; display: inline-block;}
    .phone_list {width: 47%; margin-left: 1%; margin-right: 1%; margin-bottom: 10px;}
    .phone_detail{display: block; padding: 0 15px;}
    .phone_pic,.phone_info {width: 100%;}
    .phone_pic img{ width: 100%;}
    .phone_lft{width: 100%;}
    /* 智慧园区解决方案 */
    .park_box .park_list{margin-bottom: 30px;}
    .park_box .park_list ul li{width: 50%;}
    /* 应用场景 */
    .apply_box{ margin-top: 30px; margin-bottom: 20px;}
    .apply_img{display: none;}
    .apply_text_list{ padding: 0 15px; height: auto; width: 100%; margin-bottom: 30px;}
    .apply_text_list .apply_icon{ margin: 0 0; float: none; width: 100%;}
    .apply_icon img {width: 100%; height: auto;}
    .apply_text_list .apply_text {text-align: left; padding: 0;}
    .apply_text h3 { margin-top: 20px;}
    .apply_text p { text-indent: 0;}
    .apply_text_list:nth-of-type(2n) .apply_icon{margin: 0 20px 0 0; }
    .apply_text_list:nth-of-type(2n) .apply_text { padding: 0;}
    /* 客户案例 */
    .case_box{ margin: 30px auto; padding: 0 15px;}
    .case_list{ width: 47%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px;}
    .case_txt{ position: relative;}
    /* 行业资讯 */
    .sub_news_box{ margin: 30px auto; padding: 0 15px;}
    .sub_news_box ul li { margin-bottom: 20px;}
    .sub_news_box ul li a{ display: inline-block; width: 100%; padding: 0;}
    .news_pic,.news_pic img { width: 100%;}
    .news_info{ width: auto; padding: 10px;}
    .news_btn {display: none;}
    .details_tiao span{ margin: 0 2px;}
    .details_wen {padding: 15px 0;}
    .details_bottom { margin-top: 20px; line-height: 30px;}
    .details_bottom span { line-height: 30px;}
    .details_bottom a{ line-height: 25px;}
    /* 物联网卡 */
    .lot_box { margin: 30px auto;}
    .lot_box p{ padding: 0 15px;}
    .lot_list{ margin: 30px auto 10px;}
    .lot_list ul { display: inline-block; width: 100%;}
    .lot_list ul li {width: 100%;}
    .lot_list ul li div { margin: 0 10px 20px 10px; height: auto;}
    .lot_gn_list ul li{ width: 50%;}
    .pro_lot_box{ padding: 0 15px;}
    .lot_pro{width: 100%; }
    .lot_pro ul li {width: 33.333%;}
    .lot_back{ padding: 0 15px; display: inline-block; margin: 30px auto 0;}
    .lot_back_img{ width: 100%;}
    .lot_back_text{ width: 100%; font-size: 16px; line-height: 32px;}
    .lot_back_text p{ font-size: 20px; margin-top: 20px;}
    
}


@media screen and (max-width:767px){
    .slick-slider .slick-list,.banner,.slick-hero-slider .image-bg{ height:190px !important;}
    .trade-content .trade-box-item .item-logo {margin-top: 100px;}
    .trade-content .trade-box-item:hover .item-logo{ margin-top: 20px;}
    .item-text p{font-size: 14px;}
    .details_banner{ height: 100px !important; margin-top: 0px;}
    .trade-box-list{display: block;}
    .trade-box { width: auto!important;}
    .trade-box-item{margin: 5px 1%; width: 48%; float: left; background-size:cover; height: 300px;}
    /* 关于我们 */
    .about-num-item{width: 49%;margin-bottom:15px;}
    /* 底部 */
    .footer{padding-top:0;}
    .other-link{display: none;}
}