

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre,
fieldset, lengend, button, input, textarea, 
th, td {margin: 0; padding: 0;}
html { overflow-y: scroll; }
body,button, input, select, textarea { /* for ie */ font: 14px/1 Tahoma, Helvetica, Arial, "??????", sans-serif;}
body{overflow-x:hidden;}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
ul, ol,li { list-style: none; }
a { text-decoration: none; color:#000;}
 
:link, :visited {text-decoration: none;}
img{ border:none; border:0px; margin:0px; padding:0px;}
abbr[title], acronym[title] { border-bottom: 1px dotted;cursor: help;}
q:before, q:after { content: ''; }

legend { color: #000; } 
fieldset, img { border: none; } 
button, input, select, textarea { font-size: 100%; }
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
.clear{ clear:both;}

.f_l{ float:left !important;}
.f_r{ float:right !important;}
.s_main{ width:1300px; height:auto; overflow: hidden; margin: 0 auto;}
/* ------------------------------------CSS Reset  End------------------------------- */

/* -- start 主页样式  start --- */
.fullSlide{position:relative;overflow:hidden; z-index:0; margin: 0px;}
.fullSlide .bd{position:relative; z-index:1;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:8px;left:0;height:30px;line-height:30px;text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:6px; background:#fdc236;overflow:hidden;line-height:9999px;filter:alpha(opacity=60);opacity:0.6;}
.fullSlide .hd ul .on{filter:alpha(opacity=100);opacity:1;}

.nav_box{width: 100%; position:absolute; z-index: 2;  top: 0px; background: url(../image/nav_bg.png) center no-repeat; }
.navs{ margin: 0 auto; }
.logo{width: 180px; height: 119px; background: url(../image/logo.png) no-repeat bottom; text-indent: -9999px; }
.navs ul{ height:66px; overflow: hidden; margin:0px auto 0px;}
.nav li{float:left; width:98px; height:66px; overflow: hidden; letter-spacing: 1px; line-height:66px; text-align:center; margin-left: 35px; font-size: 16px; color: #FFF;}
.nav_a{ color:#fff; display: block; position: relative; }
.nav li:hover ,.xz{font-weight: bold;}
.t_tel{height: 55px; line-height: 55px; color: #FFF; font-size: 16px; text-align: right;}
.nav_dy{ padding:0 10px; height: 30px; border-radius: 20px; background-color: #005bff; color: #FFF; font-size: 14px; line-height: 30px; display: inline-block; text-align: center; margin-top: 18px; margin-left: 25px;}

.nav li .ul2{ position:absolute;z-index:3; width:150px; display:none; text-align:left;padding-bottom:15px; height: 200px; padding-top: 15px;}
.nav li .ul2 li{ line-height:45px; overflow: hidden; text-align: center; height: 45px; margin-left: 0px;}
.nav li .ul2 li a{color: #FFF; font-weight: lighter;}
.nav li .ul2 li:hover{background: none;}
.nav li .ul2 li:hover a{font-weight: bold; }
.nav li:hover .ul2{ display:block;}

/* 抖音短视频营销 */
.part_1{width: 100%; padding: 40px 0px;}
.top_title{font-size: 36px; height: 60px; background: url(../image/t_title_bg.png) no-repeat center bottom; text-align: center;}
.top_desc{color: #060c1c; font-size: 16px; line-height: 50px; display: block; text-align: center;}

.part_1 ul{width: 100%; height: 350px; margin-top: 20px;}
.part_1 ul li{background: url(../image/part1_default.png) no-repeat center; width: 300px; height: 345px; text-align: center; float: left;}
.p1_title{font-size: 40px; color: #323232; padding-top: 160px;}
.p1_title span{font-size: 58px; font-weight: bold;}
.p1_desc{color: #707070; font-size: 18px; line-height: 40px;}
.part_1 ul li:hover{background: url(../image/part1_on.png) no-repeat center; cursor: pointer;}
.part_1 ul li:hover .p1_title{padding-top: 120px;}


/* 抖音账号经营四大痛点 */
.part_2{width: 100%; height: 660px; background: url(../image/part2_bg.jpg) no-repeat center;}
.f_white{color: #FFF;}

.part_2 ul{width: 100%; height: 350px; margin-top: 50px; }
.part_2 ul li{background: url(../image/part2_default.jpg) no-repeat center; width: 260px; height: 345px; text-align: center; float: left; position: relative; margin-right: 50px;}
.part_2 ul li:last-child{margin-right: 0px;}
.part_2 ul li .img1{ display: block; left: 100px; top: 30px; position: absolute; transition: 1s; opacity: 1; }
.part_2 ul li .img2{ display: block; left:100px; top:30px; position:absolute;transition:1s;opacity:0;}
.part_2 ul li span{ display: block; line-height:200%; font-weight: bold; font-size:22px; margin-top:110px;transition:.5s;}
.part_2 ul li p{ padding:0px 40px; line-height:160%;transition:.5s; font-size: 16px; margin-top: 20px;}
.part_2 ul li:hover{ background: url(../image/part2_on.jpg) no-repeat center; cursor: pointer;}
.part_2 ul li:hover span{ color:#fff;}
.part_2 ul li:hover p{ color:#fff;}
.part_2 ul li:hover .img1{ opacity:0;}
.part_2 ul li:hover .img2{opacity:1;}
.part_2 ul li a{width: 135px; height: 40px; border-radius: 10px; display: block; text-align: center; line-height: 40px; margin: 20px auto 0; background-color: #005bff; color: #FFF; font-size: 16px; font-weight: bold;}
.part_2 ul li:hover a{background-color: #FFF; color: #005bff;}


/* 云视有客六步运营方案 */
.part_3{width: 100%; padding: 60px 0px;}
.p3_main{width: 100%; position: relative; height: 560px; margin-top: 30px;}

.p3_main .img1{position:absolute; top: 20px; left: 320px;  -webkit-transform: rotate(360deg); animation: rotation 20s linear infinite; -moz-animation: rotation 20s linear infinite; -webkit-animation: rotation 20s linear infinite; -o-animation: rotation 20s linear infinite;}
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

.p3_item{width: 250px; position: absolute;}
.p3i_title{ height: 50px; line-height: 50px; font-size: 22px; }
.p3_item p{font-size: 18px; color: #666; }

.p3i_1{top: 50px; left: 80px;}
.p3i_2{top: 200px; left: 0px;}
.p3i_3{bottom: 80px; left: 80px;}
.p3i_4{top: 50px; right: 60px;}
.p3i_5{top: 210px; right: 0px;}
.p3i_6{bottom: 60px; right: 60px;}


/*  群思云视有客四大服务特点 */
.part_4{width: 100%; height: 880px; background: url(../image/part4_bg.jpg) no-repeat center;}
.p4_main{margin: 70px auto 0px; width: 100%; height: 480px;}
.p4_main ul{width: 580px; float: left; padding: 70px 0 40px;}
.p4_img{float: right;}
.p4_main a{width: 185px; height: 55px; background-color: #005bff; color: #FFF; font-size: 20px; text-align: center; line-height: 55px; border-radius: 28px; display: block; clear: both;}

.p4_main ul li{height: 125px; float: left;}
.p4_item_1{width: 320px; }
.p4_item_2{width: 260px;}
.p4_item_1 img, .p4_item_2 img{float: left; margin-right: 10px;}
.p4_item_1 .p4i_title{color: #060c1c; font-size: 24px; height: 45px; width: 220px; line-height: 40px;}
.p4_item_1 p{width: 220px; line-height: 25px; font-size: 16px; color: #666666;}

.p4_item_2 .p4i_title{color: #060c1c; font-size: 24px; height: 45px; width: 180px; line-height: 40px;}
.p4_item_2 p{width: 180px; line-height: 25px; font-size: 16px; color: #666666;}
.p4_border{border-bottom: 1px solid #d8dae5; margin-bottom: 15px;}


/* 关于我们 */
.about{width: 100%; padding: 60px 0;}
.ai_left{margin-left: 2%; margin-top: 2%;}
.ai_name{font-size: 36px; color: #005bff; font-weight: bold; height: 60px; line-height: 60px; }
.ai_right{width: 250px; background-color: #fbfbfb; padding: 60px; margin-top: 40px;}
.ai_right li{height: 90px; text-align: center; border-bottom: 1px solid #d9d9d9; margin-top: 20px;}
.ai_right li p{color: #666666; font-size: 18px; }
.txt11{color: #2c2c2c; font-size: 18px; }
.mod_txt { position: relative; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; text-transform: uppercase; font-size: 42px; font-weight: bold; color:blue; background-image: linear-gradient(to right , #272e4e, #3284fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 55px; line-height: 40px;}

.mod_txt:before { position: absolute; top: 0; left: 0; width: 100%; word-break: break-all; background: #FFF; font-size: 30px; color: #333;  }

/*设置里面第一个数字的动画*/
.txt11 span:nth-child(1):before { content: "0"; -webkit-animation-name: txt1; animation-name: txt1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/*随便写的数，作用就是让这一列数字向上升，形成滚动效果*/
@-webkit-keyframes txt1 { from { margin-top: -100px; } to { margin-top: 110px; } }

.ail_foure{display: block; width: 250px; height: 45px; background: url(../image/about_point.png) no-repeat 15px 15px #005bff; padding-left: 40px; color: #FFF; font-size: 16px; line-height: 45px;}
.ab_title{color: #2a2a2a; font-size: 30px; height: 50px;}
.ab_info{width: 670px; color: #666666; font-size: 17px; line-height: 32px;}
.ab_more{display: block; width: 220px; height: 46px; background: url(../image/ab_more.png) no-repeat center; margin: 30px 0px;}
/* .ab_more:hover{margin-left: 5px;} */

.part_6{background-color: #232323; padding-top: 60px;}
.p6_box { display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden;}
.p6_box ul { width: 100%; height: 690px; overflow: hidden; transition: all .3s; margin: 30px auto 0; overflow: hidden;}
.p6_box ul li { position: relative; float: left; list-style-type: none; width: 18%; height: 690px; transition: all .5s; }
.p6_box ul li img{display: block; width: 100%; height: 690px; min-width: 1000px;}
.p6b_info { position: absolute; left: 0; top: 150px; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; transition: all .3s; }
.p6b_info i{width: 60px; height: 60px; display: inline-block;}
.p6b_title{font-size: 26px; margin: 50px auto; }
.p6b_info p{display: none; width: 50%; margin: 50px auto; text-align: left;}
.p6_box ul li:hover .p6b_info p { display: block; }
/* 鼠标移入时让所有的li宽度变为90px */
.p6_box ul:hover li { width: 20%; }
/* 鼠标移入时让当前的宽度变为640px */
.p6_box ul li:hover{ width: 40%; }
.p6_box ul li:hover .p6b_title{font-weight: bold;}


/* 新闻资讯 */
.part_7{width: 100%; height: 870px; background: url(../image/news_bg.jpg) no-repeat center;}
.p7_main{height: 560px; margin-top: 40px; }
.p7i_left{width: 780px; height: 560px; float: left;}
.p7i_left>a{display: block; color: #FFF; padding:100px 90px 50px;}
.p7i_left span{font-size: 16px;}
.p7i_title{font-size: 24px; font-weight: bold; height: 80px; line-height: 40px; margin: 20px 0px;}
.p7i_left p{font-size: 16px; line-height: 35px;}
.inews_more{padding: 0px !important; width: 160px; height: 45px; border: 2px solid #ffffff; margin-left: 90px; text-align: center; line-height: 45px;}
.p7i_left:hover .p7i_title, .p7i_left a:hover .p7i_title{font-size: 26px;}
.p7i_right{float: right; width: 390px; height: 560px; }
.p7ir_item{width: 390px; height: 270px; margin-bottom: 30px; }
.p7ir_item a{display: block; color: #FFF; padding: 60px 50px;}
.p7ir_item:hover .p7i_title, .p7ir_item a:hover .p7i_title{font-size: 26px;}


/* 消息管理 */
.part_8{width: 100%; height: 887px; background: url(../image/msg_bg.jpg) no-repeat center;}
.p8_img{float: right; margin-top: 100px;}


/* 营销系统 */
.part_9{width: 100%; padding: 50px 0;}
.p9_main{margin: 10px auto 30px; height: auto;}
.p9_main .hd{float: left; width: 335px; height: auto;}
.carousel-item{box-sizing: border-box; width: 320px; height: 115px; margin-top: 10px; padding: 25px 30px; background: url(../image/p9_i_defalut.png) no-repeat center left;}
.carousel-item .title{ color: #060c1c; font-size: 26px; font-weight: bold; height: 40px;}
.carousel-item .desc{color: #4c4c4c; font-size: 16px;}
.carousel-item:hover, .carousel-item.on{background: url(../image/p9_i_on.png) no-repeat left center; background-size: 100%;}
.carousel-item:hover .title, .carousel-item.on .title{color: #272a9e;}
.p9_main .bd{float: right; margin-top: 120px;}


/* 首页联系我们 */
.i_contact{width: 100%; height: auto; padding: 40px 0 60px; background-color: #081352;}
.ic_title{color: #FFF; font-size: 34px; line-height: 140px; height: 120px;}
.ic_link{display: block; background: url(../image/ic_img.png) no-repeat center right; height: 120px; width: 400px;}

.i_liuyan{clear: both; width: 100%; height: auto; padding-top: 40px; margin-bottom: 40px;}
.i_liuyan div { margin-right:10px; overflow: hidden; width: 220px; float: left; height: 58px; }
.i_liuyan div input { width: 220px; height: 58px; border: none; padding-left: 15px; font-size: 14px; color: #707070;}
.il_text{width: 495px !important;}
.il_text input{width: 495px !important;}
.i_submit{ width: 235px; height: 58px; line-height: 58px; background-color: #005bff; color: #FFF; border: none;}
.ic_desc{font-size: 14px; color: #777a93;}
/* -- end 主页导航  end --- */



/* --- start    底部   start --- */
.footer{ width:100%; height:auto; overflow: hidden; background:#050d4d; padding-top:140px;}
.f_foot{ overflow: hidden; padding-bottom: 80px;}

.f_ewm{ float: left;}
.f_ewm p{height: 30px; text-align: center; color: #8e90a3; line-height: 30px; font-size: 15px;}

.f_contact { height: auto; overflow: hidden; float: left; width: 330px; margin: 0 30px; color: #FFF;}
.fc_title{font-size: 33px; height: 50px; }
.fc_desc{font-size: 22px; color: #8e90a3; line-height: 30px;}
.fc_tel{background: url(../image/fc_tel.png) no-repeat center left; width: 210px; margin-top: 20px; padding-left: 45px;}
.fct_title{color: #8e90a3; font-size: 14px; height: 18px;}
.fct_tel{font-size: 21px; color: #b8b9c5; }

.f_nav{width:120px;overflow:hidden;float:left; margin-right: 70px; border-right: 1px solid #1e265f;}
.f_nav span, .f_nav_r span{color: #FFF; font-size: 16px; height: 35px; display: block;}
.f_nav a{ color:#8e90a3;display:block;line-height:35px; font-size:14px; float: left; width: 100%;}
.f_nav a:hover{ font-weight:bold; color: #FFF;}

.f_nav_r{overflow:hidden;float:left; }
.f_nav_r > p{color: #8e90a3; font-size: 14px; height: 35px; display: block;}
.f_address{background: url(../image/f_address.png) no-repeat top left; padding-left: 20px;}

.f_nav_r2{overflow:hidden;float:left; color: #fff; }
.f_nav_r2 img{ height:70px;}


.bott{ color:#8e8f9c; line-height:65px; width: 100%; text-align: center; background-color: #030b3b;}
.bott span, .bott span a{text-align: center; color: #8e8f9c; font-size: 14px;}


/*catpos*/
.catpos_box{ width:auto; height:55px; background:#f2f2f2; border-bottom:1px solid #e5e5e5;}
.catpos{ width:1170px; height:55px; margin:0px auto; line-height:57px; color:#666666; font-size:15px; background:url(../image/catpos.png) no-repeat 0px 15px; padding-left:30px;}
.catpos a{ float:none; background:none;margin-top:6px; margin-right:0px; color:#666;}

/* page页面 */
.t_top{ overflow: hidden; margin:30px auto 15px; text-align: center;}
.t_top h2{ color:#111011; font-size:32px;}
.t_top p{ line-height:45px;color: #666;}
.main{ width:1200px;margin:10px auto; overflow:hidden; background:#FFF; padding:0px 7px;}
.m_l{ width:870px; float:left; }
.m_r{ width:300px; float:right;}
.m_r2{ width:100%; float:left; overflow:hidden; margin-top:10px;}
.r_c{ line-height:200%; margin-top:6px; padding:5px; margin-bottom:10px; min-height:400px; font-size:14px;}
.r_c_t{ text-align:center;  line-height:22px; font-size:16px;}
.r_c_time{ font-size:14px; color:#666; font-weight:normal; border-bottom:1px dashed #e5e5e5; text-align:center; margin-bottom:15px;}
.r_c img{ width:auto; height:auto !important;}


/* 企业简介 */
.about1{height: auto; margin: 0 auto;}
.a1_top{background: url(../image/about1_bg.png) no-repeat right; height: 420px; margin-top: 40px; margin-right: 5px;}
.a1_en{font-size: 18px; text-transform: uppercase;}
.about1_title{font-size: 28px; padding-top: 120px; line-height: 50px;}
.about1_info{color: #202020; font-size: 16px; line-height: 32px;width: 1190px; padding: 70px 60px 20px; margin-top: 30px; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); border-radius: 0px 0px 0px 0px; opacity: 1; border: 1px solid #DFDEDE; margin: 0 auto 30px; border-bottom: 8px solid #005EFE; position: relative; box-sizing: border-box;}
.about1_info img{position: absolute; top: -80px; left: 60px;}

.about4{ overflow:  hidden; height:auto; background:#005cfd;  padding: 40px 0px;}
.about4 ul{}
.about4 ul li{ width:580px; height:240px; overflow: hidden; border:1px dashed #fff; color:#fff; margin-bottom:30px; }
.about4 ul li img{ display: block;}
.about4 ul li p{ width:250px; overflow: hidden; font-size:16px; line-height:180%;   margin-top:30px;}
.about4 ul li p span{ display: block; font-weight:bold; font-size:28px; height: 50px;}
.about4 ul li p.f_l{ padding-left:20px; text-align: right;}
.about4 ul li p.f_r{ padding-right:20px; }
.about4 ul li.li1{ border-radius:0px 0px 80px 0px;}
.about4 ul li.li2{ border-radius:0px 0px 0px 80px;}
.about4 ul li.li3{ border-radius:0px 80px 0px 0px;}
.about4 ul li.li4{ border-radius:80px 0px 0px 0px;}


.about_top_n,.about_top1{ text-align: center; margin:30px auto;}
.about_top1 h2{ font-size:46px; color:#202020; line-height:160%; font-weight:normal;}
.about_top1 p{ font-size:24px; color:#c1c1c1; text-transform:uppercase;}
.about_top2{ text-align: center; margin:10px auto 60px;}
.about_top2 h2{ font-size:46px; color:#fff; line-height:160%;font-weight:normal;height: 80px;}
.about_top2 span{ display: block; font-size:24px; color:#fff; background:url(../image/aboutt22.png) no-repeat center bottom; padding-bottom:15px; margin-bottom:15px;height: 40px;}
.about_top2 p{ font-size:22px; color:#fff; line-height:160%;}

.about6{ overflow: hidden;}
.about6 ul{ overflow: hidden; background:url(../image/aboutt25.png) no-repeat center top;}
.about6 ul li{ width:400px; height:160px; overflow: hidden; float: left; text-align: center; line-height:160%; margin:30px 0px 50px;}
.about6 ul li img{ display: block; margin: 0 auto 25px;}


.ab_pro_adv{margin-top: 40px;}
.apa_ul{height: auto; margin-top: 30px; }
.apa_ul li{box-sizing: border-box; width: 295px; height: 380px; padding-top: 50px; border-right: 1px solid #f7f7f7;  border-bottom: 2px solid #f7f7f7; text-align: center; float: left;}
.apa_ul li img{margin-bottom: 30px;}
.apa_ul li div{color: #101010; font-size: 22px; height: 35px;}
.apa_ul li p{color: #666666; font-size: 16px; line-height: 30px;}
.apa_ul li:first-child{width: 300px; padding-left: 0px; padding-top: 120px; background: url(../image/apa_i_title.png)  no-repeat left 250px; text-align: left;}
.apa_i_title{font-weight: bold;  height: 50px !important;}
.apa_i_p{color: #101010 !important; font-size: 20px !important; line-height: 35px !important;}
.apa_ul li:hover div{color: #005bff;}


.ser_feat{margin-top: 40px;}
.st_ul{height: auto; margin-top: 30px; }
.st_ul li{box-sizing: border-box; width: 400px; height: 380px; padding-top: 50px; text-align: center; float: left;}
.st_ul li img{margin-bottom: 30px;}
.st_ul li div{color: #101010; font-size: 22px; height: 35px;}
.st_ul li p{color: #666666; font-size: 16px; line-height: 30px;}
.st_ul li:hover img{-webkit-animation:icoI 1s linear infinite;animation:icoI 1s linear infinite}
.st_ul li:hover div{color: #005bff;}

/* 联系我们 */
.p_contact_1{width: 100%; padding: 80px 0px 40px;}
.pc1_info{ height: 237px; overflow: hidden;}
.pc1_info li{width: 385px; height: 237px; float: left; margin-right: 22px; box-sizing: border-box; text-align: center; padding: 45px 0;}
.pc1_info li .ico{margin-bottom: 20px;}
.pc1_info li:last-child{margin-right: 0px;}
.pc1_info li div{color: #424242; font-size: 14px; line-height: 30px;}
.pc1_info li:hover .ico{-webkit-animation:icoI 1s linear infinite;animation:icoI 1s linear infinite}
@-webkit-keyframes icoI{
  0%{-webkit-transform:translate(0,0)}
  25%{-webkit-transform:translate(0,-10px)}
  50%{-webkit-transform:translate(0,0)}
  75%{-webkit-transform:translate(0,10px)}
  to{-webkit-transform:translate(0,0)}
}
@keyframes icoI{
  0%{transform:translate(0,0)}
  25%{transform:translate(0,-10px)}
  50%{transform:translate(0,0)}
  75%{transform:translate(0,10px)}
  to{transform:translate(0,0)}
}
.pc_msg{padding: 50px 0;}
.pc_liuyan{clear: both; width: 100%; height: auto; padding-top: 40px; margin-bottom: 40px;}
.pc_liuyan div {margin-right: 50px; overflow: hidden; width: 575px; float: left; margin-bottom: 50px;}
.pc_liuyan div:nth-child(2n){margin-right: 0px;}
.pc_liuyan div label{color: #7e7e7e; font-size: 16px; line-height: 35px;}
.pc_liuyan div input { width: 575px; height: 60px; border: 1px solid #e6e6e6; padding-left: 40px; font-size: 14px; color: #a5a5a5; background-color: #f9f9f9; box-sizing: border-box;}
.pcl_text{width: 1200px !important;}
.pcl_text textarea{width: 1200px; height: 235px; line-height: 35px; border: 1px solid #e6e6e6; padding-left:40px; font-size: 14px; color: #a5a5a5; background-color: #f9f9f9; box-sizing: border-box;}
.pcl_code{float: left;width: 240px; height: 50px; background-color: #f9f9f9;  border: 1px solid #e6e6e6; padding-left: 15px; font-size: 14px; color: #a5a5a5; }
.pc_submit{ width: 170px; height: 50px; line-height: 50px; background-color: #005bff; color: #FFF; border: none; margin-left: 30px;}
.form_content{background-image: url(../image/form_content.png); background-repeat: no-repeat; background-position: 15px 10px;}
.form_name{background-image: url(../image/form_name.png); background-repeat: no-repeat; background-position: 15px 20px;}
.form_tel{background-image: url(../image/form_tel.png); background-repeat: no-repeat; background-position: 15px 20px;}
.form_email{background-image: url(../image/form_email.png); background-repeat: no-repeat; background-position: 13px 23px;}
.form_address{background-image: url(../image/form_address.png); background-repeat: no-repeat; background-position: 15px 20px;}



/* 新闻中心 */
.news{margin-top: 40px;}
.news li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:185px;}
.news img{ float:left; width:280px; height:180px; margin-right:15px;}
.news li a.a0{ font-size:22px; display:block; line-height:50px; color:#333; font-weight:bold; height: 50px;}
.news li p{ line-height: 30px; color: #999999; font-size: 16px; margin: 10px 0px;}
.news li span{ font-size:14px; color:#808080; line-height:30px;}
.news li a.a1{ display: block; width:130px; height:40px; font-size:15px; text-align: center; line-height:40px; color:#fff; border-radius:40px;  float: right; background-color:#fbbc49}
.l_news2 li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:75px; overflow: hidden;}
.l_news2 img{ float:left; width:85px; height:65px; margin-right:10px;}
.l_news2 li a{ font-size:14px; display:block; line-height:200%; color:#666;}
.l_news2 li p{ line-height:21px; color:#999;}
.qs28 { background:#F2F2F2; overflow: hidden; }
.qs28_c{ width:1200px; height:auto; overflow: hidden;padding:15px; margin:15px auto 30px; background:#fff;}
.qs28 h1{ font-weight:normal; line-height:260%; text-align: center;}
.qs28 .qs28_time{ display: block; font-size:16px; color:#666; margin-bottom:30px; text-align: center;}
.qs28 .qs28_content{ line-height:200%;}
.qs28 .qs28_content img{ width:auto; max-width:100%; display: block; margin: 0 auto;}
.qs28_page{ width:1200px; height:auto; overflow: hidden; margin:30px auto;}
.qs28_page .a1{ display: block; font-size:18px; color:#4294F7; letter-spacing:5px; margin:5px 0px;}
.qs28_page p{ line-height:200%; font-size:16px;}

.zr_page{ padding:0px 15px; overflow: hidden;}
.page{text-align:center;overflow:hidden;padding:15px;  margin: 40px 0px;}
.page li{float:left}
.page li a{color:#333;text-decoration:none;border:1px solid #CCC;padding:5px 10px;margin-right:5px;font-size:14px}
.page li a:hover{color:#005EFE}
.page .active a{color:#005EFE!important;font-weight:bold}

.nt_title{width: 1200px; height: 50px; background: url(../image/nt_title_bg.png);font-size: 36px; text-align: center; font-weight: bold; color: #444; line-height: 50px; margin-top: 60px;}
.nt_desc{color: #005EFE; font-size: 16px; line-height: 30px; display: block; text-align: center; text-transform: uppercase;}

.problem_ul{overflow: hidden; margin: 50px auto 0px; height:auto; width: 1200px;}
.problem_ul li {width: 380px; height: auto; margin-right: 22px; border: 2px solid #E1E4EB; border-radius: 32px; float: left; margin-bottom: 35px;  margin-left: 5px; box-sizing: border-box;}
.problem_ul li:nth-child(3n){margin-right: 0px;}
.problem_ul li a{display: block; width: 330px; height: auto; padding: 25px;}
.problem_ul li:hover{border: 2px solid #005EFE; box-shadow: 0px 5px 15px 0px rgba(128,174,253,0.5); }

.pro_title{background: url(../image/pro_title_split.png) no-repeat bottom left;  font-size: 18px; color: #000; line-height: 28px; padding-bottom: 10px; height: 66px;}
.problem_ul li p{font-size: 14px; font-weight: 400; color: #666; opacity: 0.8; line-height: 24px; margin: 20px 0px; letter-spacing: 0.6px; Text-indent: 2em; height: 120px; overflow: hidden; word-break: break-all;}
.pro_b{height: 20px;}
.pro_b .f_l{color: #005EFE; background: url(../image/pro_next.png) no-repeat right center; padding-right: 20px;}
.pro_b .f_r{margin-right: 10px;}


/* 服务案例 */
.list_pro{width: 100%; height: auto; margin-top: 50px; }
.list_pro li{width: 570px; height: 410px; float: left; background-color: #fafafa; margin-right: 60px; margin-top: 40px; box-sizing: border-box; padding: 15px;}
.list_pro li:nth-child(2n){margin-right: 0; }
.lp_left{width: 280px; height: 285px; float: left; padding: 40px 20px 20px 20px;}
.lp_title{font-size: 19px; font-weight: bold; letter-spacing: .7px; height: 80px; overflow: hidden;}
.list_pro li:hover .lp_title{transition-property: border-color,background-color,color; transition-duration: .8s; transition-timing-function: ease; color: #005EFE;}
.list_pro p{font-size: 14PX; color: rgb(75, 88, 127);line-height: 25px; height: 160px; overflow: hidden; margin-bottom: 20px;}
.list_pro span{font-size: 13px; font-weight: 400; vertical-align: middle; margin-left: .2em; color: #888;  background: url(../image/lp_time.png) no-repeat left center; line-height: 25px; padding-left: 30px; height: 28px; display: inline-block;}
.lp_right{display: block; width: 220px; height: 350px; overflow: hidden; float: left;}
.lp_right img{width: 220px;}

/* 视频专栏 */
.ik_ul{margin-top: 20px;}
.ik_ul li{width: 380px; height: 300px; float: left;  border-radius: 5px; background: #fff; box-shadow: 0 23px 46px 0 rgba(3,0,77,.04); box-sizing: border-box; margin-right: 30px; position: relative;}
.ik_ul li:nth-child(3n){margin-right: 0px;}
.ik_ul li p{padding: 11px 18px 0 14px; font-size: 18px; font-weight: 500; color: #050934; text-align: center; line-height: 40px;}
.ik_ul li .thumb{width: 377px; height: 224px;}
.ik_ul li:hover{border: 1px solid #005bff;}
.ik_ul li:hover p{color: #005bff;}
.playIcon{position: absolute; top: 80px; left: 150px;}


/* 返回顶部 */
.backTop_Z{ display: block; position: fixed; right: 5px; bottom: 5px; width: 60px; height: 60px; background: transparent url(../image/back_top_Z.png) no-repeat center; outline: 0; opacity: .9; border-radius: 8px; z-index: 50; overflow: hidden; text-indent: 1000px; white-space: nowrap; }

.nav_box{background:#fff;}
.fullSlide{ padding-top:79px;}
.nav_a{ color:#333}
.t_tel{ display:none}
.nav_box  .logo{ height: auto;
    background: none;
    text-indent: 0;
    margin: 10px auto 10px 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: auto;}
.nav_box .s_main{    display: flex;
    align-items: stretch;
    justify-content: space-between;}
.nav_box .logo img{ max-height:60px;}



.Pagination{width: 100%;height: auto;text-align: center;}
.Pagination a{display: inline-block;padding: 8px 10px;border: 1px solid #CCCCCC;margin: 0 5px;}
.Pagination .current{}
.Pagination .current.about img{background: #007cd3;border-color: #007cd3;}
.Pagination  a{color: #666666;font-size: 13px;}

/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {
  header {
    width: 100%;
    transition: all 0.4s;
    position: relative;
    z-index: 9999;
  }
  .mxw-mob-nav .head {
    font-size: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    max-width: 750px;
    width: 100%;
    transform: translateX(-50%);
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  .mxw-mob-nav .logo-box {
    display: block;
    flex-shrink: 0;
    margin-left: 5px;
  }
  .mxw-mob-nav .logo-box img {
    height: 40px;
  }
  .mxw-mob-nav .menu-btn {
    flex-shrink: 0;
    width: 26px;
    height: 20px;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;    margin-right: 15px;
  }
  .mxw-mob-nav .menu-btn i {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: #333;
  }
  .mxw-mob-nav .menus-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 50%;
    max-width: 450px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transform: translateX(50%);
  }
  .mxw-mob-nav .menus-box.active {
    visibility: visible;
    opacity: 1;
  }
  .mxw-mob-nav .menus-box.active .menus {
    transform: translateX(0);
  }
  .mxw-mob-nav .menus {
    width: 60%;
    height: 100%;
    margin-right: 0;
    margin-left: auto;
    background: #fff;
    transform: translateX(100%);
    transition: all 0.5s;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }
  .mxw-mob-nav .menus > ul {
    width: 100%;
    overflow: auto;
  }
  .mxw-mob-nav .menus > ul > li.active > ul {
    display: block;
  }
  .mxw-mob-nav .menus > ul > li > a {
    display: block;
    width: 100%;
    padding: 15px 18px;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mxw-mob-nav .menus > ul > li > a.sub:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 4px solid #555;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0;
    margin-left: 10px;
  }
  .mxw-mob-nav .menus > ul > li > ul {
    display: none;
    padding: 0px 24px;
  }
  .mxw-mob-nav .menus > ul > li > ul > li > a {
    font-size: 14px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 36px;
    height: 36px;
    border-bottom: 1px solid #f3f3f3;
  }
  .mxw-mob-nav .menus-head {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F8F8;
    border-bottom: 0.6px solid #eee;
    font-size: 16.8px;
    font-weight: bold;
    line-height: 54px;
    height: 54px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .mxw-mob-nav .menus-head .text {
    color: #333;
    line-height: 1.2;
  }
  .mxw-mob-nav .menus-head .mxw-close {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    outline: none;
    position: relative;
    transform: rotate(45deg);
  }
  .mxw-mob-nav .menus-head .mxw-close:before,
  .mxw-mob-nav .menus-head .mxw-close:after {
    content: "";
    display: block;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #333;
    transform: translate(-50%, -50%);
  }
  .mxw-mob-nav .menus-head .mxw-close:before {
    width: 2px;
    height: 100%;
  }
  .mxw-mob-nav .menus-head .mxw-close:after {
    width: 100%;
    height: 2px;
  }
}
/* ==================== 移动端头部 end ==================== */
  .pc-none,
  .mob-nav,
  .pc-none {
    display: none !important;
  }

@media screen and (max-width: 768px) {
.m-none,
  .pc-nav {
    display: none !important;
  }
  .pc-none {
    display: block !important;
  }
	.fullSlide{ display:none;}
.mxw-banner {
    font-size: 0;
    margin-top: 60px; position: relative;
}
.mxw-banner .swiper-slide {
    overflow: hidden;
}
.mxw-banner .swiper-slide img {
    width: 100%;
}
.mxw-banner .swiper-pagination {
    width: 100%;
    max-width: 1600px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 25px;
    right: 50%;
    transform: translateX(50%);
    left: auto;
    padding-right: 40px;
}
.s_main{    width: 95%;}
.s_main .f_r{ width:100%; text-align:center;}
.top_title{font-size:22px;    height: 35px;}
.top_desc{    font-size: 14px;
    line-height: 1.6;    margin-top: 5px;}
.part_1 ul li{
    width: 49%;
    height: 240px;
    background-size: 100%;    margin-right: 2%;
}
.part_1 ul li:nth-child(2n){    margin-right: 0;}
.p1_title{font-size: 22px;padding-top: 100px;}
.p1_title span{font-size: 35px;}
.p1_desc{ font-size: 14px;}
.part_2{       padding-bottom: 45px; background-size: cover;    height: auto;}

.part_2 ul li {
    width: 100%;
    height: auto;
    background-size: cover;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.part_2 ul li:nth-child(2n){    margin-right: 0;}

.part_2 ul li .img1{    position: initial;
    margin: 20px auto 0;    zoom: 0.8;}
.part_2 ul li .img2{display: none !important;}
.part_2 ul li span{    font-size: 16px;
    margin-top: 10px;}

.part_2 ul li:hover{ background: url(../image/part2_default.jpg);background-size:100%;}
.part_2 ul li:hover span,.part_2 ul li:hover p{ color:#333;}
.part_2 ul li:hover a{     background-color:#005bff ;
    color: #FFF;}

.p3_main{    height: auto;    position: initial;}
.p3_item {
    width: 100%;
    position: initial;
    display: flex;
    align-items: center;
    justify-content: flex-start;
margin-top:15px;
}
.p3_item>img{margin-right: 15px;}

.part_4 .s_main{ padding-top:40px  !important}

.p4_main{margin: 30px auto 0px;    height: auto;}
.p4_main ul{    width: 100%;padding: 0;       background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
    box-sizing: border-box;
}
.p4_main ul li{    height: auto;
    float: left;
    width: 100%;    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 15px;}
.part_4{    background-position: right;
    background-size: cover;height: auto;}
.p4_item_1 .p4i_title,.p4_item_2 .p4i_title{     width: 100%;
    font-size: 18px;
    height: auto;
    line-height: 1.6;}
.p4_item_1 p,.p4_item_2 p{    width: 100%;
    font-size: 14px;
    line-height: 1.5;}
.p4_main a{    zoom: 0.8;
    margin: 15px auto 0;}
.p4_img{width: 100%;
    padding: 20px 0;}

.ab_info{width:100%}
.ai_left{width:100%;    margin: 0;}

.ai_right{    width: 100%;
    box-sizing: border-box;margin-top: 20px;}
.p6_box ul{height: 300px;}
.p6_box ul li{height: 300px;    width: 25%;}
.p6b_info{top: 70px;}
.p6_box ul li img{height: 300px;}
.p6b_title{font-size: 18px;}
.part_7{height: auto;}
.p7_main{height: auto;}
.p7i_left{    width: 100%;
    height: auto;    background-size: cover;}
.p7i_left>a,.p7ir_item a{    padding: 30px 20px;}
.p7i_title{font-size: 18px;    line-height: 1.5;height: auto;}
.p7i_left p{    margin-bottom: 20px;    line-height: 1.6;}
.p7i_right{width: 100%;margin-top: 30px;
    height: auto;}


.p7ir_item {
    width: 100%;
    height: auto;background-size: cover;   
}

.carousel-item{width: 49%;
    height: auto;    float: left;        margin-top: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-right: 2%;    display: flex;
    align-content: center;
    flex-wrap: wrap;    background-size: 100% 100%;    margin-top: 15px;}
.carousel-item:nth-child(2n){    margin-right: 0;}
.p9_main .hd{    width: 100%;}
.carousel-item .title{    font-size: 16px;    height: auto;    margin-bottom: 10px;}
.p9_main .hd ul{    display: flex;
    align-items: stretch;
    justify-content: space-between;    flex-wrap: wrap;}
.carousel-item .desc{    font-size: 14px;
    line-height: 1.5;}
.carousel-item:hover, .carousel-item.on{ background-size: 100% 100%;   }
.p9_main .bd{ margin-top: 20px;    width: 100%;}
.p9_main .bd img{width: 100%;}

.p8_img{    margin-top: 30px;
    width: 100%;}
.part_8{    background-size: cover;height: auto;}
.i_liuyan div{    width: 100%;
    margin-bottom: 15px;    margin-right: 0;}
.f_nav{    display: none;}
.footer{padding-top: 45px;}


.f_ewm {
    float: none;
    margin: 0 auto 0px;
    text-align: center;
}
.fc_title,.fc_desc{display: none;}
.f_foot{padding-bottom: 30px;}

.fc_tel {
    background: none;
    width: 100%;
    margin-top: 20px;
    padding-left: 0;text-align: center;
}
.f_contact{
    width: 100%;
    margin: 0 auto 25px;
}
.fct_tel {
    font-size: 36px;
    color: #fff;
}
.bott span, .bott span a{    line-height: 1.6;
    text-align: center;}
.bott{    padding: 15px 0;
    text-align: center;}
.i_liuyan div input{   width: 100%;}

.mxw-mob-nav .menus > ul > li > a{    box-sizing: border-box;}

.a1_top{    height: auto;    margin: 40px 0 25px;}
.about1_title,.a1_en,.about1_info img{ display:none}

.about1_info{    width: 100%;
    padding: 30px 20px;}

.about_top1 h2,.about_top2 h2{ font-size: 22px;    line-height: 1.5;
    height: auto;}
.about_top1 p,.about_top2 span{font-size: 16px;height: auto;
    margin-top: 10px;}
.apa_ul li:first-child{width: 100%;
    text-align: center;    height: auto;
    padding: 0;    padding-bottom: 30px;}
.apa_ul li{
    width: 100%;height: 350px;
}
.about{ padding:30px 0;}
..ai_right{ padding:30px;}
.about_top2 p{font-size: 16px;height: auto;
    margin-top: 10px;}
.about4 ul li{  width: 100%;    height: auto;}
.about4 ul li img{width: 100%;}
.about4 ul li p.f_r{width: 100%;    box-sizing: border-box;    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px;
    margin-left: 15px;    padding: 0 20px 25px;}
.about4 ul li p span{font-size: 16px;height: auto;}
.about4 ul li p{  width: 100%;     box-sizing: border-box;}
.about4 ul li p.f_l{padding: 0 20px 25px;}

.main{width: 95%;}
.nt_title{width: 100%; height: auto;font-size: 22px;    margin-top: 20px;   }
.list_pro{    margin-top: 0;    overflow: hidden;}
.list_pro li{width: 100%; height: auto;  box-sizing: border-box;    padding: 30px 20px;}
.lp_left{width: 100%; height: auto;     box-sizing: border-box; padding: 0;}
.lp_title{font-size: 18px;height: auto;margin-bottom: 15px;}
.list_pro p{    height: auto;}
.lp_right{width: 100%; height: auto;  }
.lp_right img{width: 100%; height: auto;      margin-top: 15px;}
.news li{width: 100%; height: auto;    margin-bottom: 35px; }

.news img{width: 100%; height: auto; }
.news li a.a0{font-size: 18px;height: auto;margin-bottom: 15px;    margin-bottom: 0px;}
.news li a.a1{    zoom: 0.9;
    margin-top: -20px;}
.news li p{    font-size: 14px;
    margin: 0 auto 10px;
    line-height: 1.5;}

.qs28_c{width: 95%; box-sizing: border-box;}

.qs28 h1{font-size: 18px;height: auto; line-height: 1.6; margin: 0 auto 10px;}
.qs28 .qs28_content{font-size: 14px;height: auto; line-height: 1.6; }
.p_contact_1{padding: 40px 0px 40px;}
.pc1_info{    height: auto;}
.pc1_info li{width: 100%; height: auto;}
.pc_liuyan div{width: 100%; height: auto;margin-bottom: 25px;}
.pc_liuyan div input{width: 100%;     box-sizing: border-box;}

.pcl_text{width: 100% !important;}
.pcl_text textarea{width: 100%;     box-sizing: border-box;resize: none;}
.p3_main .img1{ display:none}





}



