@charset "UTF-8";
body {font-family: "微软雅黑","Arial",sans-serif,}
body, html {-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch}
blockquote, body, dd, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, html, li, ol, p, pre, table, td img, th, ul {margin: 0;padding: 0}
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, time, ul {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline}
body {font-size: 16px;text-align: left;background: #fff;color: #333;font-weight: 400;overflow-x: hidden;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;outline: 0}
a:active, a:hover, a:link, a:visited { background: 0 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent}
button {border-radius: 0;-webkit-border-radius: 0;outline: 0}
input { border-radius: 0; outline: 0}
img, input, textarea {border: 0}
input:-ms-clear { display: none}
textarea {resize: none; outline: 0}
li, ul {list-style: none}
a:link, a:visited {color: #333;text-decoration: none}
a:active, a:hover {color: #ff0000;text-decoration: none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0}
img {vertical-align: middle;MAX-WIDTH: 100% !important;HEIGHT: auto !important;}
.w1440{width: 1440px; margin: 0 auto;}
/**/
.flex{display: -webkit-flex;display: flex;flex-wrap:wrap;}
.flex_left{justify-content: flex-start;}
.flex_center{justify-content: center;}
.flex_between{justify-content: space-between;}
.sub_common_nav .nav{margin-top: 20px;}
.sub_common_nav .nav .navul{margin-left: 6%; margin-top: 30px;}
.sub_common_nav .nav .navul li{float: left;}
.sub_common_nav .nav .navul li a{color: #000; font-size: 16px; padding: 0 35px;}
.sub_common_nav .nav .navul li a:hover{color: #f60000;}
.sub_common_nav .nav .navul li.active a{color:#f60000;}
.sub_common_nav .right{margin-top: 27px;}
.sub_common_nav .right input{border-radius: 20px; width: 121px; height: 30px;border: 1px solid #333;}
.sub_common_nav .right button{border: none; background:none; position: relative; left: -35px; font-size: 18px;}
.sub_common_nav .right button i{position: relative; top: 2px;}
.sub_common_nav .right i.pull-left{display: block; width: 1px; height: 16px; background: #333; margin-top: 8px;}
.sub_common_nav .right p a{color: #000; margin: 5px 0 0 18px; display: block;}
.mbtn{display:none;}
.mnavcommon{display:none;}
.footer{background: #2a2f33; padding: 30px 0;}
.footer .l{width: 22%;}
.footer .l i{display: block;width: 100%; height: 1px; background: #505960; margin-top: 20px;}
.footer .l p{font-size: 18px; color: #8c9295; font-weight: bold; margin-top: 15px;}
.footer .l span{display: block; font-size: 18px; font-weight: bold; color: #8c9295; margin-top: 20px; margin-bottom:10px;}
.footer .l a{font-size: 28px; color: #fff; font-weight: bold; font-family: Arial; display:block;}
.footer .c{margin-left: 10%;}
.footer .cc{margin-left:4%;}
.footer .c h3{font-size: 18px; font-weight: bold; color: #8c9295;}
.footer .c img{margin-top: 20px;}
.footer .r{ margin-top: 0px;}
.footer .r h3{font-size: 20px; color: #fff; font-weight: bold; text-align: right; line-height:1.7;}
.footer .r .info{color: #8c9295; font-size: 14px; line-height: 1.8; text-align: right; margin-top: 20px;}
.footer .r .info a{color: #8c9295;}
.footer .r .info img{margin-right: 3px;}
.subbanner{margin-top: 20px; position: relative;}
.subbanner .info{position: absolute; text-align: center;bottom: 16%; left: 0; right: 0; margin: 0 auto; color: #fff;}
.subbanner .info h3, .subbanner .info h1{font-size: 60px;}
.subbanner .info p{font-size: 18px; line-height: 1.8; width: 50%; margin: 0 auto;margin-top: 35px;}
.prosubbanner .info{bottom:34%;}
.prosubbanner .info p{width:31%;}
.pro_subnav{background: #f3f3f3; padding: 20px 0;}
.pro_subnav ul li a{display: block; background: #fff; padding: 10px 18px; font-size: 15px; color: #000;}
.pro_subnav ul li:hover a{background: #f60000; color: #fff;}
.pro_subnav ul li.active a{background: #f60000; color: #fff;}
.pro_list_content{margin-bottom: 40px;}
.pro_list_content .list{margin-top: 40px;}
.pro_list_content h3 a{font-size: 14px; float: right; border: 1px solid #f60000; color: #f60000; padding: 6px 12px;}
.pro_list_content h3 a:hover{background: #f60000; color: #fff;}
.pro_list_content ul{margin-top: 20px;}
.pro_list_content ul li .box{background: #f3f3f3; padding: 0 15px 15px 15px;overflow: hidden;}
.pro_list_content ul li img{width: 100%;transition: .5s all; }
.pro_list_content ul li:hover img{transform: scale(1.08);}
.pro_list_content ul li p{text-align: center; position: relative; z-index: 999;}
.pro_list_content_mt ul li{margin-bottom:30px;}
.pagination{margin-top: 40px;}
.pagination li{float:left;}
.pagination li a{color: #242424}
.pagination .active span {background:#f60000; color:#fff;border-color:#f60000;}
.solution_list_page{background: #f3f3f3;}
.solution_list_page .container{padding: 20px 0 40px 0;}
.solution_list_page .list{align-items:center;background: #fff; margin-top: 30px;}
.solution_list_page .list .left{width: 30%; overflow: hidden;}
.solution_list_page .list .left img{transition: .5s all;}
.solution_list_page .list .left img:hover{transform: scale(1.1);}
.solution_list_page .list .right{height: 100%; width: 70%; padding: 20px 45px;}
.solution_list_page .list h4{font-size: 24px;}
.solution_list_page .list p{line-height: 1.6; color: #555; font-size: 15px; margin-top: 15px;}
.solution_list_page .list .more{margin-top: 20px;}
.solution_list_page .list a{display: block;}
.solution_list_page .list span{display: inline-block; font-size: 14px; background: #008cd6; color: #fff; padding: 8px 15px;}
.solution_list_page .list i{display: inline-block; background: #f60000; color: #fff; padding: 7px 15px;}
.solution_list_page .list .more:hover span{background: #f60000;}
.solution_desc{margin-top: 40px;}
.solution_desc .content video{width: 80%;}
h3.solution_title{font-size: 32px; color: #008cd6; text-align: center; font-weight: bold;}
.solution_desc .content{line-height: 1.8; margin-top: 25px;}
.solution_desc .content video{margin: 20px 0; width:60%; height:100%;}
.solution_fanwei{background: #f8f8f8; padding: 30px 0;}
.solution_fanwei .content{margin-top: 30px;}
.solution_fanwei .content .nr{line-height: 1.7;}
.solution_fanwei .content .row{margin-top: 20px; padding: 0 5px;}
.solution_fanwei .content .row p{padding: 0 10px;}
.solution_fanwei .content .row img{width: 100%;}
.server_step{ margin-top: 50px;}
.server_step .list{margin-top: 50px;}
.server_step h3.title{text-align: center; font-size: 30px; font-weight: 600; color: #008cd6;}
.server_step p.tips{text-align: center; color: #555; margin-top: 15px;}
.server_step .left{border-right: 1px solid #ddd; margin-top: 10px; padding-right: 0px; text-align: center;}
.server_step i{font-size: 36px; color: #2ea7e0; height: 85px; line-height: 85px; text-align: center;}
.server_step .right{padding-right: 0; padding-left: 20px; margin-top:25px;}
.server_step .right h4{font-size: 22px; font-weight: 600; color: #000;}
.server_step .right p{color: #5f666d; margin-top:10px;}


.common_jiazhi{margin-top: 60px; text-align: center;}
.common_jiazhi .container{margin-top: 10px;}
.common_jiazhi .tips{margin-top: 20px;}
.common_jiazhi .row{display: -webkit-flex;display: flex;flex-wrap:wrap;justify-content: space-between;}
.common_jiazhi .list{margin: 25px 0; width:33.33%;}
.common_jiazhi .list p{font-size: 18px; font-weight: bold; color: #000; margin: 10px 0;}
.common_jiazhi .list span{line-height:1.7;}
.product_page_jiazhi span{display: block; margin-top: 15px;}
.solution_page_tuijian{margin-top: 40px;}
.common_fftuijian ul{margin-top: 30px;}
.common_fftuijian ul li{padding: 0 10px;}
.common_fftuijian p{background: #f8f8f8; color: #000; line-height: 1.6; padding: 8px 5px; text-align: center; font-size: 15px;}
.common_fftuijian ul li:hover p{background: #f60000; color: #fff;}
.common_ly{background: #f8f8f8; padding: 40px 0;}
.common_ly{margin-top: 50px;}
.common_ly p.tips{text-align: center; margin-top: 15px;}
.common_ly form{margin-top: 20px;}
.common_ly .icon-text-user{ background:rgba(255,255,255,1)url(../images/icon-text-user.png) no-repeat 10px center;}
.common_ly .icon-text-tel{ background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 12px center; }
.common_ly .icon-text-message{ background:rgba(255,255,255,1)url(../images/icon-text-message.png) no-repeat 10px 17px ; padding:17px 18px 0 44px;}
.common_ly ul li {margin-bottom: 5px; overflow: hidden; width:48%; float:left}
.common_ly ul li.wenb {position: relative;width:100%; }
.common_ly ul li.wenb .fl{ width:95%;}
.common_ly ul li span {width: 100%; display:block; overflow:hidden;text-align:left; line-height:50px; color:#333}
.common_ly input.intxt { width:97%; color:#333; font-size:15px;height: 42px;line-height: 42px;  border:#e0e0e0 1px solid;text-indent: 35px;*text-indent:0px;}
.common_ly ul li textarea {width:100%;  border:#e0e0e0 1px solid;  height: 150px; line-height: 20px; font-size:15px;margin: 6px 0 30px; padding:3%; color: #333; resize: none;}
.common_ly  .btn{ padding:13px 70px;margin:30px auto;display: block;cursor:pointer;font-size:20px; color:#fff; border-radius:50px;text-align:center;border: 0px;background-color:#f60000;}
.common_ly  .btn:hover{background:#f60;}
.product_position{background: #f6f7f9; padding: 20px 0; color: #000; margin-top: 20px;}
.product_position a{color: #000;}
.produvt_3d{margin-top:20px;}
.d3-model {padding:50px 0 20px 0;background:#f6f7f9;}
.d3-model .d3_tit{ text-align:center; }
.d3-model .d3_tit h1 {font-size:46px;color:#333;text-align:center; margin-bottom:20px;}
.d3-model .d3_tit p {line-height:32px;font-size:18px;width:100%;color:#fff;text-align:center;overflow:hidden;margin-top:10px;}
.d3-model .d3-content {width:80%;margin:0 auto; background: url("../images/3d_bg.png") center 85% no-repeat;-webkit-background-size:100% auto;background-size:100% auto;position:relative;}
.d3-model .v3d-panel {width:100%; height:619px;position:relative;top:0;z-index:2;}
.d3-model .v3d-panel canvas {-webkit-transform:translate(-50%,-50%) scale(1,0.9) !important;-moz-transform:translate(-50%,-50%) scale(1,0.9) !important;-ms-transform:translate(-50%,-50%) scale(1,0.9) !important;-o-transform:translate(-50%,-50%) scale(1,0.9) !important;transform:translate(-50%,-50%) scale(1,0.9) !important;}
.d3-model .wrap .d3-content .v3d-panel canvas { position: absolute;/* left: 50%; */ top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.d3-model .tips{text-align: center;}
.d3-model .tips i{font-size: 30px; color: #f60000;}
.d3-model .tips p{margin-top: 10px;}
.product_info .right{width:100%;float:none;}
.product_info{margin-top: 60px;}
.product_info video{width: 100%;}
.product_info p.desc{line-height: 1.7;}
.product_info .info{line-height: 1.8; margin-top: 10px;}
.product_info .info span{color: #f60000; font-weight: bold;}
.product_info .info p{margin-top:10px;}
.product_info .tel{ font-weight: bold; font-size: 26px; margin-top:15px;}
.product_info .tel i{color: #333; margin-right: 10px;}
.product_info .tel a{font-family: Arial, Helvetica;color: #f60000;}
.product_youdian{text-align: center; background: #f6f7f9; padding: 50px 0; margin-top: 40px;}
.product_youdian h3{font-size: 38px; color: #000;}
.product_youdian p.tips{font-size: 18px; margin-top: 20px; color: #555;}
.product_youdian ul{margin-top: 60px;}
.product_youdian ul li p{margin-top: 15px;}
.product_canshu{text-align: center; margin-top: 50px;}
.product_canshu h3{color: #000; font-size: 32px; font-weight: normal;}
.product_canshu table{width: 100%; text-align: center; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-top: 30px;}
.product_canshu tr:first-child{background:#f60000; height:40px; line-height:40px;color: #fff;}
.product_canshu table td{line-height:46px;}
.product_canshu tr{ border:1px solid #ddd; background: #fff;}
.product_canshu p{text-align:left; font-size:12px;}
.product_page_tuijian{margin-top: 40px;}
.product_page_tuijian h3, .product_page_jiazhi h3, .product_page_ly h3{color: #000; font-weight: normal;}
.news_list{background: #f8f8f8; padding: 50px 0;}
.news_list .news_nav{ border-radius: 30px;}
.news_list .news_nav p{background: #f1f3f4; font-size: 18px;}
.news_list .news_nav p a{display: block; color: #000; padding: 10px 30px;}
.news_list .news_nav p.active a{background: #f60000; color: #fff; border-radius: 30px;}
.news_list .right{padding:0 40px;}
.content_list{ margin-top: 40px;}
.content_list .list{ padding: 30px 0;margin-top: 25px;background: #fff;}
.content_list i.date{font-size: 15px; color: #156aa9; font-style: normal; display: block;}
.content_list p.title{font-size: 20px; font-weight: bold; margin-top: 10px;}
.content_list p.title a{color: #000; display: block;}
.content_list p.desc{color: #666; line-height: 1.7; margin-top: 10px;}
.content_list p.more{font-size: 14px; color: #000; margin-top: 20px; }
.content_list p.more i{color: #156aa9; font-weight: bold; margin-right: 10px;}
.content_list p.title:hover a{color: #f60000;}
.news_page{background: #f8f8f8; padding: 30px 0;}
.news_page .position i{font-size: 18px; margin-right: 10px;}
.news_page .position a{}
.news_page .left .content{background: #fff; padding: 40px 40px; margin-top: 30px;}
.news_page .left .content h1{font-size: 30px; text-align: center; line-height: 1.5;}
.news_page .left .content .top{border-bottom: 1px solid #eee; padding-bottom: 30px;}
.news_page .left .content .top p{color: #555; text-align: center; margin-top: 15px;}
.news_page .left .box{font-size: 16px; color: #333; line-height: 1.9; margin-top: 30px;}
.news_page .left .fppage{margin-top: 30px;}
.news_page .left .fppage p{ line-height: 2; font-size: 15px;}
.news_page .left .fppage p:hover a{color: #f60000;}
.news_page .right{margin-top: 30px;}
.news_page .right .content{background: #fff;}
.news_page .right .content h4{font-size: 18px;background: #f8fafc; padding: 15px 10px;}
.news_page .right .content h4 i{color: #3d83b7; margin-right: 10px;}
.news_page .right .content ul{padding: 0 10px; padding-bottom: 10px;}
.news_page .right .content ul li{margin-top: 10px;}
.news_page .right .content ul li p{background: #f8f8f8; padding: 10px 5px; line-height: 1.7; text-align: center; font-size: 15px;}
.servive_page .top{text-align: center;}
.servive_page .top h1{font-size: 40px; color: #000; margin-top: 40px;}
.servive_page .top p.tips{font-size: 18px; margin-top: 20px;}
.servive_page .top ul{margin-top: 30px;}
.servive_page .top ul li i{font-size: 50px; font-family: Arial;color: #f60000; font-style: normal; font-weight: bold;}
.servive_page .top ul li a{color:#f60000;}
.servive_page .top ul li p{color: #666;}
.servive_page .ico{text-align: center; margin-top: 50px;}
.servive_page .ico h4{font-size: 22px; color: #000;}
.servive_page .ico ul{margin-top: 30px;}
.servive_page .ico .box{border: 1px solid #eee; padding: 25px 10px;}
.servive_page .ico .box p{margin-top: 30px;}
.service_wangdian{text-align: center; background: #f2f2f2; margin-top: 50px; padding: 40px 0;}
.service_wangdian h3{font-size: 40px; color: #000;}
.service_wangdian p{font-size: 18px; margin-top: 20px;}
.service_wangdian img{margin-top: 20px;}
.service_ly{margin-top: 0;}
.index_foryou{background:url("../images/p4_06.jpg") no-repeat center top; padding: 40px 0; height: 860px;}
.index_foryou h3{color: #fff;}
.comm_index_h3{font-size: 34px; color: #333;font-weight: bold; text-align: center; position: relative;}
.comm_index_h3:after{position: absolute; width: 48px; height: 2px; background: #e60000; bottom: -20px; left: 0; right: 0; margin: 0 auto; content: "";}
.contact_info{text-align: center; margin-top: 50px;}
.contact_info h3{font-size: 30px;}
.contact_info ul{margin-top: 200px;}
.contact_info ul li{width: 20%; float: left;}
.contact_info ul li.weixin{margin-top: -125px;}
.contact_info ul li span{display: block; font-size: 24px; color: #000; font-weight: bold; margin: 15px 0 5px 0;}
.contact_info ul li p{color: #666;}
#dituContent{height: 500px; margin-top: 50px;}
.about_nav{margin-top: 50px;}
.about_nav ul li{font-size: 18px; margin: 0 15px;}
.about_nav ul li a{display: block; padding: 12px 25px; background: #eee;}
.about_nav ul li.active a{background: #f60000; color: #fff;}
.about_nav ul li:hover a{background: #f60000; color: #fff;}
.about_content .top{margin-top: 50px;}
.about_content .top .right h2{font-size: 32px; color: #000; margin-top: 10px;}
.about_content .top .right i{display: block; background: #f60000; width: 50px; height: 2px; margin-top: 10px; margin-bottom: 20px;}
.about_content .top .right p{line-height: 2; text-indent: 2em;}
.about_content .sl{text-align: center; margin-top: 60px;}
.about_content .sl i{color: #f60000; font-size: 34px;}
.about_content .sl p{color: #004f99; font-size: 50px; font-family: Arial; font-weight: bold; margin: 10px 0 8px 0;}
.about_content .sl span{display: block; color: #555;}
.about_content .shiming{margin-top: 50px; background: #f8f8f8; position: relative; padding-bottom: 170px;}
.about_content .shiming img{width: 100%;}
.about_content .shiming .box{width: 60%;background: #fff; box-shadow: 0 0 10px #eee; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; padding: 60px 50px;}
.about_content .shiming .box h4{font-size: 34px;}
.about_content .shiming .box p{line-height: 1.9; margin-top: 20px; font-size: 15px;}
.about_content .wenhua{margin-top: 40px;}
.about_content .wenhua h3{text-align: center; font-size: 40px; color: #000;}
.about_content .wenhua i{width: 80px; height: 4px; background: #f60000; margin: 0 auto; margin-top: 20px; display: block;}
.about_content .wenhua ul{margin-top: 40px;}
.about_content .wenhua ul li{padding: 0;}
.about_content .wenhua ul li.nr{position: relative;}
.about_content .wenhua ul li .box{position: absolute; top: 0; left: 0; padding: 30px;}
.about_content .wenhua ul li .box h4{font-size: 24px; color: #f60000; font-weight: bold; margin-bottom: 20px;}
.about_content .wenhua ul li .box p{font-size: 20px; line-height: 1.8;}
.about_content .wenhua ul li.nr1 .box{top: 50%;}
.about_content .wenhua ul li.nr2 .box{top: 25%;}
.about_content .tiejun{margin-top:40px;}
.about_content .tiejun img{width:70%;}
.about_foryou{margin-top: 50px;}
.develop_content{margin-top: 50px; margin-bottom: 50px;}
.m_develop_content{display: none;}
.develop_content .list{padding: 0; width: 50%;}
.develop_content .btitle{width: 50%; margin-left: 50%; margin-bottom: -10px;}
.develop_content .btitle h3{font-size: 36px; font-weight: 900; color: #fff; background: #3156a3; display: inline-block; padding: 15px 40px;}
.develop_content .content{align-items: center;}
.develop_content .content .box{padding: 0 60px;}
.develop_content .content .box h3{text-align: center; font-weight: 900; font-size: 30px; margin-bottom: 20px; color: #000; margin-top:0;}
.develop_content .content .box p{line-height: 1.9; color: #555;}
.develop_content .content .list{overflow: hidden;}
.develop_content .content .list img{width: 100%;transition: all .5s;}
.develop_content .content .list img:hover{zoom: 1;transform: scale(1.2);}
.zizhi_page{margin-top: 50px;}
.zizhi_page .zhengshu{background: #f8f8f8; padding: 30px 0; text-align: center;margin-top: 50px;}
.zizhi_page .zhengshu h3{font-size: 36px; color: #000;}
.zizhi_page .zhengshu li{margin-top: 30px;}
.zizhi_page .zhengshu li .box{background: #fff; padding-bottom: 10px;}
.zizhi_page .zhengshu p{background: #fff;line-height: 30px;}
.zizhi_page .swiper-container {width: 100%;padding-top: 50px;padding-bottom: 50px;}
.zizhi_page .swiper-slide {width: 300px;height:435px;}
.zizhi_page .mth3{margin-top:30px;}


.hezuo_page{text-align: center; margin-top: 50px;}
.hezuo_page h3{font-size: 36px; color: #000;}
.hezuo_page .img{background: #f1f1f1; padding: 20px 0; margin-top: 30px;}
.hezuo_page p.tips{margin-top: 20px;}
.hezuo_page .content{margin-top: 40px; margin-bottom: 40px;}
.hezuo_page .content ul{margin-top: 10px;}
.hezuo_page .content ul li{padding: 0 10px; margin-top: 20px;}
.hezuo_page .content ul li p{background: #f5f5f5; padding: 7px 0;}
.serchpages{margin-top:40px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent img{max-width:none!important;}
.serchpages .card-body h4{margin-top:10px;}
.serchpages .card-body p{line-height:1.8; margin-top:10px; font-size:14px;}
.solution_subbanner .info{bottom:52%;}
.solution_subbanner{color:#000;}
.solution_subbanner h3, .solution_subbanner h1{color:#000;}
.solution_subbanner p{color:#000;}
.pro_jingzi{background:#f5f5f5; margin-top:40px;}
.pro_jingzi h1{font-size:24px; color:#000;}
.pro_jingzi .position{padding:20px 0;}
.pro_jingzi  p{margin-top:5px;}
.pro_jingzi_img .bimg p{background:#f5f5f5;}
.pro_jingzi_img .content_list li{padding:0 5px; margin-top:20px;}
.pro_jingzi_img .content_list li img{border:1px solid #ddd;border-bottom:none;}
.pro_jingzi_img .content_list li p{text-align:center;background:#f5f5f5; padding:10px 5px;}
.pro_jingzi_img .content_content{line-height:1.8; margin-top:30px;}
.pro_jingzi_img .content_content h3{margin-bottom:10px;}
.jingzi_jiazhi{margin-top:30px;}
.jingzi_jiazhi img{width:80px;}
.section_ser{background:url("../images/index_ser_bg.jpg") no-repeat; background-size: cover; height: 80vh; position: relative; display: table; table-layout: fixed; width: 100%;}
.section_ser .db{display: block;}
.index-service{max-height: 75.46vh; max-width: 70vh; padding: 150px 200px; text-align: center; margin: 0 auto; margin-top: 100px;}
.index-service .fp-tableCell{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.active .index-service{animation:zoomIn 1.5s ease 0.7s both;}
.index-service .rel{position: relative; display: block;}
.index-service .div-01 {
	width: auto;
	white-space: nowrap;
	position: absolute;
	z-index: 2;
}
.index-service .div-01::before {
	content: " ";
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	background-image: url("../images/icon-05.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.index-service .div-01 .span-img {
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	text-align: center;
}
.index-service .div-01 .span-img .mg{transition: 0.8s;}
.index-service .div-01 .span-img .mgh {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: 0.8s;
}
.index-service .div-01 .span-img:hover .mg{opacity: 0;transform: rotateY(180deg);transition: 0.8s;}
.index-service .div-01 .span-img:hover .mgh{opacity: 1;transform: rotateY(180deg);transition: 0.8s;}
.index-service .div-01 .span-title {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
}
.index-service .div-icon1 {
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon1::before {
	bottom: -23px;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon2 {
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.index-service .div-icon2::before {
	left: -23px;
	top: 50%;
	transform: translateY(-50%);
}
.index-service .div-icon3 {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon3::before {
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
}
.index-service .div-icon4 {
	top: 50%;
	transform: translateY(-50%);
	right: 100%;
}
.index-service .div-icon4::before {
	right: -23px;
	top: 50%;
	transform: translateY(-50%);
}
.index-service .div-img .mg1 {
	max-height: calc(75.46vh - 300px);
}
.index-service .div-img .span-line {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.index-service .div-img .span-line .bdo-line {
	position: absolute;
	overflow: hidden;
}
.index-service .div-img .span-line .bdo-line img {
	width: 100%;
}
.index-service .div-img .span-line .bdo-line1 {
	left: 0;
	right: 0;
	top: 0;
	animation: line1 9s infinite linear;
	-moz-animation: line1 9s infinite linear; /* Firefox */
	-webkit-animation: line1 9s infinite linear; /* Safari and Chrome */
	-o-animation: line1 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line2 {
	left: 0;
	right: 0;
	top: 0;
	animation: line1 9s infinite linear;
	-moz-animation: line1 9s infinite linear; /* Firefox */
	-webkit-animation: line1 9s infinite linear; /* Safari and Chrome */
	-o-animation: line1 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line3 {
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	animation: line2 9s infinite linear;
	-moz-animation: line2 9s infinite linear; /* Firefox */
	-webkit-animation: line2 9s infinite linear; /* Safari and Chrome */
	-o-animation: line2 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line3 img {
	position: absolute;
	bottom: 0;
	left: 0;
}
.index-service .div-img .span-line .bdo-line4 {
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	animation: line2 9s infinite linear;
	-moz-animation: line2 9s infinite linear; /* Firefox */
	-webkit-animation: line2 9s infinite linear; /* Safari and Chrome */
	-o-animation: line2 9s infinite linear; /* Opera */
}
.index-service .div-img .span-line .bdo-line4 img {
	position: absolute;
	bottom: 0;
	left: 0;
}
@keyframes line1 {
	0% {
		bottom: 100%;
	}
	50% {
		bottom: 0;
	}
	100% {
		bottom: 0;
	}
}
@keyframes line2 {
	0% {
		top: 100%;
	}
	50% {
		top: 100%;
	}
	100% {
		top: 0;
	}
}

.solution_notice{font-size:12px; margin-top:20px;}


@media (max-width:1440px){
	.w1440{width: 100%; padding: 0 20px;}
}
@media (max-width:1366px){
	.sub_common_nav .nav .navul{margin-left: 0%;}
	.sub_common_nav .nav .navul li a{padding:0 30px;}
	.index-service{max-width:88vh; margin-top:25px;}
	.index-service .div-01 .span-title{font-size:20px;}
}
@media (max-width:1024px){
	.sub_common_nav .nav .logo img{width: 150px;}
	.sub_common_nav .nav .navul{margin-top: 20px; margin-left: 2%;}
	.sub_common_nav .nav .navul li a{padding: 0 20px; font-size: 14px;}
	.sub_common_nav .right{margin-top: 17px;}
	.pro_subnav ul li a{font-size: 14px; padding: 8px 11px;}
	
}
@media (max-width:768px){
	.sub_common_nav .nav .navul{display: none;}
	.sub_common_nav .right{margin-right: 10%;}
	.nav{position: relative;}
	.mbtn{position: absolute; right: 10px; display: block; width: 30px; height: 30px; margin-top: 15px; background: url(../images/navbutton.png) no-repeat; background-size: cover; cursor: pointer;}
	.mnavcommon{display: block;}
	.mnavcommon .mnav{display: none;}
	.mnavcommon .mnav{position: absolute; top:50px; right:10px; z-index: 9999; width: auto; padding: 10px 0; height: 100%; background: #f4f4f4; border-radius: 10px;}
	.mnavcommon ul{ background: #f4f4f4;padding:  0;}
	.mnavcommon ul li{text-align: center; float: none; line-height: 2.5;}
	.mnavcommon ul li a{color: #000; display: block; padding: 0 20px; text-align: center; border-bottom: 1px solid #ddd;}
	.mnavcommon ul li.none a{border: none;}
	.subbanner .info h3, .subbanner .info h1{font-size: 30px;}
	.subbanner .info p{width: 95%; font-size: 14px;}
	.pro_subnav .flex_between{justify-content: flex-start;}
	.pro_subnav .flex_between li{margin: 3px 0;}
	.pro_subnav .flex_between li a{margin: 0 2px; padding: 8px 15px;}
	.solution_list_page .container{padding-top: 0;}
	.solution_list_page .list h4{font-size: 20px;}
	.solution_list_page .list .right{padding: 0 20px;}
	.solution_list_page .list p{font-size: 13px;}
	.solution_list_page .list .more{margin-top: 10px;}
	h3.solution_title{font-size: 24px;}
	.solution_desc{margin-top: 20px;}
	.solution_desc .content, .solution_fanwei .content .nr{font-size: 15px; line-height: 1.9;}
	.solution_desc .content{margin-top: 15px;}
	.solution_desc .content video{width: 100%;}
	.solution_fanwei .content{margin-top: 20px;}
	.solution_fanwei .content .row p{padding: 0 5px;}
	.solution_fanwei .content .row{padding: 0 10px; margin-top: 10px;}
	.common_jiazhi{margin-top: 30px;}
	.common_jiazhi .tips{padding: 0 10px;font-size: 15px;line-height: 1.8; margin-top: 10px;}
	.common_jiazhi .list{margin: 15px 0;}
	.common_jiazhi .list p{font-size: 16px;}
	.common_jiazhi .list span{font-size: 13px;}
	.solution_page_tuijian{margin-top: 10px;}
	.common_fftuijian ul li{padding: 0 5px; margin-top: 10px;}
	.common_fftuijian ul{padding: 0 5px; margin-top: 10px;}
	.common_fftuijian p{font-size: 14px;}
	.common_ly{margin-top: 20px; padding: 30px 0;}
	.common_ly p.tips{font-size: 14px; line-height: 1.7;}
	.common_ly ul li{width: 50%;}
	.common_ly ul li.wenb .fl{width: 100%;}
	.product_youdian{margin-top: 10px; padding: 30px 0;}
	.product_youdian h3{font-size: 30px;}
	.product_youdian p.tips{font-size: 16px;}
	.product_youdian ul{margin-top: 20px;}
	.product_youdian ul li{margin-top: 20px;}
	.product_youdian ul img{width: 50px;}
	.d3-model .d3-content{width: 100%;}
	.d3-model .d3_tit h1{font-size: 36px;}
	.d3-model .v3d-panel{height: 400px}
	.content_list .right{padding: 20px 30px;}
	.servive_page .ico li{margin-top: 10px;}
	.contact_info{margin-top: 30px;}
	.contact_info h3{font-size: 24px;}
	.contact_info ul li span{font-size: 18px;}
	.contact_info ul li.weixin{margin-top: -106px;}
	.contact_info ul{margin-top: 140px;}
	#dituContent{height: 300px; margin-top: 30px;}
	
	
	
}
@media (max-width:414px){
	.sub_common_nav .nav .logo img{width: 156px;}
	.sub_common_nav .right{display: none;}
	.mbtn{width: 25px; height: 25px; margin-top: 10px;}
	.footer .l, .pull-right{width: 100%;}
	.footer .l p, .footer .l span{font-size: 16px;}
	.footer .l span{margin-top: 20px;}
	.footer .l a{font-size: 20px;}
	.footer .c{margin-left: 0; margin-top: 20px; margin-right:10px;}
	.footer .c img{width:130px;}
	.footer .r h3{display: none;}
	.footer .r .info{text-align: left;}
	.subbanner .info{bottom: 25%;}
	.subbanner .info p{display: none;}
	.subbanner .info h3, .subbanner .info h1{font-size: 24px;}
	.pro_subnav .flex_between li a{font-size: 14px;}
	.pro_list_content .list h3{font-size: 18px;}
	.pro_list_content h3 a{font-size:12px; margin-top:-3px;}
	.pro_list_content ul li{padding: 0 5px;}
	.pro_list_content_mt ul li{margin-bottom:10px;}
	.pro_list_content ul li p{font-size: 13px;}
	.pro_list_content_mt ul li p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.pro_list_content ul li .box{padding: 0; padding-bottom: 10px;}
	.solution_list_page{padding: 0 10px;}
	.solution_list_page .list{}
	.solution_list_page .list .left{width: 100%;}
	.solution_list_page .list .left img{width: 100%;}
	.solution_list_page .list .right{width: 100%; padding: 20px 15px;}
	.solution_list_page .list h4{font-size: 18px;}
	.product_info p.desc{font-size: 15px;}
	.product_info .info{font-size: 15px;}
	.product_info .tel{font-size: 24px;}
	.product_youdian h3{font-size: 22px;}
	.product_youdian p.tips{line-height: 1.6; font-size: 15px;}
	.product_youdian ul img{width: 45px;}
	.product_youdian ul li p{font-size: 14px;}
	.d3-model .d3_tit h1{font-size: 22px;}
	h3.solution_title{font-size:22px;}
	.d3-model{padding-top: 20px;}
	.d3-model .v3d-panel{height: 200px;}
	.product_info{margin-top: 20px;}
	.table-responsive{border: none;}
	.product_canshu table{}
	.product_canshu{margin-top: 30px;}
	.product_canshu tr{font-size: 14px;}
	.product_page_tuijian{margin-top: 0;}
	.content_list{margin-top: 20px;}
	.content_list .list{padding: 0;}
	.news_list .news_nav p{font-size: 16px;}
	.news_list{padding: 30px 0;}
	.news_list .left img{width: 100%;}
	.content_list p.title{font-size: 18px;line-height: 1.5;}
	.content_list p.desc{font-size: 14px;}
	.news_page{padding: 20px 0;}
	.news_page .position{font-size: 14px;}
	.news_page .position i{font-size: 16px;}
	.news_page .left{padding: 0 5px;}
	.news_page .left .content{padding: 20px 15px;}
	.news_page .left .content h1{font-size: 20px;}
	.news_page .left .content .top p{font-size: 14px; margin-top: 10px;}
	.news_page .left .content .top{padding-bottom: 15px;}
	.news_page .left .box{margin-top: 20px; font-size: 15px;}
	.news_page .left .fppage p{font-size: 15px;}
	.news_page .right{margin-top: 10px; padding: 0 5px;}
	.news_page .right .content ul li img{width: 100%;}
	.index_foryou{height: 400px; background-size: cover;}
	.index_foryou h3{top: -20px;}
	.index_foryou h3:after{display: none;}
	.comm_index_h3{font-size: 24px;}
	.servive_page .top h1{font-size: 26px; margin-top: 20px;}
	.servive_page .top p.tips{font-size: 14px;line-height: 1.7; margin-top: 15px;}
	.servive_page .top ul{margin-top: 10px;}
	.servive_page .top ul li{ margin-bottom: 10px;}
	.servive_page .top ul li i{font-size: 32px;}
	.servive_page .top ul li p{font-size: 14px;}
	.servive_page .ico{margin-top: 20px;}
	.servive_page .ico h4{line-height: 1.6; font-size:16px;}
	.servive_page .ico .box img{width: 90px;}
	.servive_page .ico li{padding: 0 5px;}
	.servive_page .ico .box p{font-size: 14px; margin-top: 10px; height: 40px;}
	.servive_page .ico ul{margin-top: 10px;}
	.service_wangdian{margin-top: 20px; padding: 30px 0;}
	.service_wangdian h3{font-size: 26px;}
	.service_wangdian p{font-size: 14px;}
	.service_ly{margin-top: 0;}
	.contact_info h3{font-size: 16px; line-height: 1.6;}
	.contact_info ul{margin-top: 20px;}
	.contact_info ul li{width: 50%; margin: 10px 0;}
	.contact_info ul li.weixin{display: none}
	.about_nav{margin-top: 20px;}
	.about_nav ul{display: block; padding: 0 10px;}
	.about_nav ul li{font-size: 14px; text-align: center;width:calc(20% - 2px); float: left; margin: 0 1px;}
	.about_nav ul li a{padding: 5px 0;}
	.about_content .top .left {padding: 0 6px; margin-top: 20px;}
	.about_content .top .left img{width: 100%;}
	.about_content .top .right h2{font-size: 22px; margin-top: 20px;}
	.about_content .top .right p{font-size:15px;}
	.about_content .sl{margin-top: 0px;}
	.about_content .sl p{font-size: 28px;}
	.about_content .sl ul li{margin-top: 20px;}
	.about_content .sl span{font-size:14px;}
	.about_content .shiming{padding-bottom: 20px; margin-top: 30px;}
	.about_content .shiming .box{width: 100%; padding: 20px; position: inherit;}
	.about_content .shiming .box h4{font-size: 22px; text-align:center;}
	.about_content .shiming .box p{font-size:14px;}
	.about_content .wenhua h3{font-size: 24px; padding: 0;}
	.about_content .wenhua{margin-top: 20px;}
	.about_content .wenhua i{width: 50px; height: 3px; margin-top: 10px;}
	.about_content .wenhua ul{margin-top: 30px;}
	.about_content .wenhua ul li.nr{position:inherit}
	.about_content .wenhua ul li.nr img{display:none;}
	.about_content .wenhua ul li .box{position: inherit;}
	.about_content .wenhua ul li .box h4{font-size:20px; margin-bottom:10px;}
	.about_content .wenhua ul li .box p{font-size:16px;}
	.about_foryou{margin-top: 0;}
	.develop_content{display: none;}
	.m_develop_content{display: block; margin-top:60px;}
	.m_develop_content .list{margin-top: 15px; margin-bottom: 20px;}
	.m_develop_content .list h3{text-align: center; margin-top: 15px; font-weight: bold; margin-bottom: 10px;}
	.m_develop_content .list p{font-size: 15px; line-height: 1.8;}
	.zizhi_page{margin-top: 70px;}
	.zizhi_page .zhengshu{margin-top: 20px; padding: 20px 0;}
	.zizhi_page .zhengshu h3{font-size: 24px;}
	.zizhi_page .zhengshu li{padding: 0 5px; margin-top: 10px;}
	.zizhi_page .zhengshu p{font-size: 14px;}
	.hezuo_page h3{font-size: 26px;}
	.hezuo_page{margin-top: 70px;}
	.hezuo_page p.tips{font-size: 14px; line-height: 1.9; margin-top: 10px;}
	.hezuo_page .img{margin-top: 20px; padding: 10px 0;}
	.hezuo_page .content{margin-top: 20px;}
	.hezuo_page .content ul li{padding: 0 5px; margin-top: 10px;}
	.hezuo_page .content ul li p{padding: 5px 0; font-size: 14px;}
	.server_step{padding: 10px 0 20px 0; margin-top:20px;}
	.server_step h3.title, .service_global h3{font-size: 22px;}
	.server_step i{font-size: 40px;}
	.server_step .left{margin-top: 0; border: none; padding-left: 0;}
	.server_step .list{margin-top: 10px;}
	.server_step .right h4{text-align: center; font-size:18px;}
	.server_step .right p{text-align: center; height:30px; font-size:14px;}
	.server_step .right{margin-top:0; padding-left:0;}
	.solution_subbanner .info{bottom:52%;}
	.content_list{margin-top:0px;}
	.pro_jingzi h1{text-align:center; float:none!important;}
	.pro_jingzi p{text-align:center; font-size:14px; margin-top:10px;}
	.pro_jingzi_img .content_list li{margin-top:10px;}
	.pro_jingzi_img .content_list li p{padding:5px; font-size:14px;}
	.jingzi_jiazhi img{width:50px;}
	.common_jiazhi .list{ width:50%;}
	.solution_desc .content video{width:100%;;}
	.section_ser{height: 30vh;padding-bottom:50px;}
    .index-service{padding: 0px 50px; margin-top: 0px; }
    .index-service {
        max-height: inherit;
        width: 100%;
        padding: 0 15px;
    }

    .index-service .div-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .index-service .div-img {
        display: none;
    }

    .index-service-main {
    }

    .index-service .div-01 {
        position: static;
        transform: translateX(0);
        width: 46%;
        white-space: inherit;
        margin-top: 40px;
    }

    .index-service .div-01::before {
        display: none;
    }

    .index-service .div-01 .span-title {
        font-size: 14px;
        line-height: 24px;
    }
    .index-service .div-01 .span-img img{width: 35%;}
    .fpage li a{font-size:12px;}
    .prosubbanner .info h3{font-size:18px;}
    .prosubbanner .info{bottom:37%;}
    .about_content .tiejun{margin-top:72px;}
    .about_content .tiejun img{width:100%;}
    .product_info .right{padding:0 10px;}
}
@media (max-width:390px){
	.indexhead .right{display: none;}
	.pro_subnav .flex_between li a{padding: 5px 10px;}
	.pro_list_content .list h3{font-size: 18px;}
	.pro_list_content h3 a{font-size: 12px;}
	.pro_list_content ul li p{font-size: 12px;}
	.index_foryou{height: 350px;}
	.comm_index_h3{font-size: 22px;}
	.comm_index_h3:after{bottom: -13px;}
	.index_foryou{height: 350px;}
	
}
@media (max-width:375px){
	.subbanner .info h1{font-size: 22px;}
	h3.solution_title{font-size: 22px;}
	.common_ly ul li textarea{margin-bottom: 15px;}
	.common_ly .btn{margin: 10px auto; font-size: 16px; width: 100%;}
	.product_youdian h3{font-size: 24px;}
	.d3-model .d3_tit h1{font-size: 22px;}
	.d3-model .v3d-panel{height: 150px;}
	.d3-model .tips i{font-size: 18px;}
	.d3-model .tips p{font-size: 14px;}
	.product_position{font-size: 14px;}
	.news_list .news_nav p{font-size: 14px;}
	.content_list p.title{font-size: 16px;}
	.news_page .left .content h1{font-size: 20px;}
	.servive_page .top h1, .service_wangdian h3{font-size: 28px;}
	.servive_page .top p.tips{font-size: 15px;}
	.servive_page .top ul li i{font-size: 32px;}
	.servive_page .ico h4{font-size: 20px;}
	.servive_page .ico .box p{height: 30px;}
	.contact_info ul li img{width: 45px;}
	.contact_info ul li p{font-size: 14px;}
	.contact_info ul li span{margin: 5px 0;}
	.about_nav ul li{font-size: 13px;}
	.about_content .top .right h2{font-size: 22px;}
	.about_content .top .right p{font-size: 14px;}
	.about_content .sl p{font-size: 24px;}
	.about_content .sl span{font-size: 12px;}
	.about_content .sl i{font-size: 30px;}
	.about_content .shiming .box h4{font-size: 20px;}
	.about_content .shiming .box p{font-size: 14px; margin-top: 10px;}
	.about_content .wenhua h3{font-size: 24px;}
	.server_step .right h4{font-size:18px;}
	.footer .c h3{font-size:16px;}
	.footer .c img{width:100px;}
}
@media (max-width:320px){
	.subbanner .info h1{font-size: 18px;}
	h3.solution_title{font-size: 20px;}
	.solution_desc .content, .solution_fanwei .content .nr{font-size: 14px;}
	.common_jiazhi .tips{font-size: 14px;}
	.common_jiazhi .list p{font-size: 14px;}
	.common_jiazhi .list{padding: 0 5px;}
	.common_jiazhi .list span{font-size: 12px;}
	.common_fftuijian p{font-size: 12px;}
	.common_ly p.tips{font-size: 12px;}
	.common_ly ul li span{font-size: 14px;}
	.common_ly form{margin-top: 0;}
	.common_ly .btn{padding: 8px 0;}
	.product_info p.desc{font-size: 14px; line-height: 1.8;}
	.product_info .info{font-size: 14px;}
	.product_youdian h3{font-size: 22px;}
	.product_youdian p.tips{font-size: 13px; line-height: 1.7; margin-top: 10px;}
	.content_list p.title{font-size: 14px;}
	.content_list p.desc{font-size: 12px; line-height: 1.9;}
	.content_list p.more{font-size: 12px;}
	.content_list .list{margin-top: 15px;}
	.servive_page .top h1, .service_wangdian h3{font-size: 26px;}
	.servive_page .top ul li i{font-size: 30px;}
	.servive_page .top ul li p{height: 40px;}
	.servive_page .ico{margin-top: 0;}
	.contact_info ul li span{font-size: 16px;}
	.about_nav ul li{font-size: 13px;}
	.about_content .top .right h2{font-size:20px;}
	.about_content .wenhua h3{font-size:22px;}
	.about_content .wenhua ul li .box h4{font-size:18px;}
	.about_content .wenhua ul li .box p{font-size:14px;}
	
	
}