﻿/**** Reset ****/
html { background-color: White; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
body { font-size: 14px; padding: 0px; margin: 0px; font-family: "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Verdana; line-height: 24px; min-width: 320px; color: #363636; margin: auto; max-width: 1920px; }
a { text-decoration: none; color: #363636; font-family: "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Verdana; background: none; }
a:hover { color: #fff; }
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 100%; }
hr { background-color: #EDEDED; height: 1px; border: 0px; }
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 100%; float: none; padding: 0px; margin: 0px; position: inherit; }
.clear15 { clear: both; font-size: 0px; line-height: 0px; height: 15px; width: 100%; float: none; padding: 0px; margin: 0px; position: inherit; }
.main_cle { clear: both; font-size: 0px; line-height: 0px; height: 30px; }
.main_con_cle { clear: both; font-size: 0px; line-height: 0px; height: 30px; width: 100%; }
.bottom_ccc { padding: 15px 0px; line-height: 30px; font-size: 14px; border-top: 1px solid White; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height:1%;
}
.max_width { width: 100%; max-width: 1560px; }
/**手机底部导航*/
.myfooter { display: none; }
.foot_fixed { display: none; }
.empty_div { display: none; }
#top_video { /*background: url(../img/top_banner.mp4) center center no-repeat;*/ width: 100%; height: 100%; position: relative; overflow: hidden; background: #ccc; }
#top_video video { min-width: 100%; min-height: 100%; top: 0; left: 0; /*right: 0;*/ /*bottom: 0;*/ margin: auto; position: absolute; overflow: hidden; z-index: 0; display: block; }
.drawer-navbar { z-index: 999; }
.banner_con { position: absolute; top: 50%; margin-top: -68px; width: 100%; left: 0; z-index: 60; text-align: center; height: 136px; }
.banner_con h2 { font-size: 60px; color: #f4f4f4; padding-bottom: 35px; font-family: 'youyuan'; }
.banner_con h3 { font-size: 30px; color: #f4f4f4; font-family: 'youyuan'; }
/****顶部*******/
.sl_top { margin: auto; height: 40px; background-color: #F8f8f8; line-height: 40px; }
.sl_top .con { width: 1560px; margin: auto; color: #666666; }
.sl_top .con ul { float: right; }
.sl_top .con li { display: inline-block; height: 20px; line-height: 20px; margin-right: 4px; position: relative; }
.sl_top .con li .top_ewm { width: 120px; height: 120px; position: absolute; top: 20px; left: -35px; z-index: 1; display: none; }
.sl_top .con li a { color: #666666; }
.sl_top.index { background-color: transparent; }
.sl_top.index .con { color: #cccccc; }
.sl_top.index .con li a { color: #cccccc; }
.sl_head { width: 1560px; height: 90px; margin: auto; }
.sl_head .logo { float: left; margin-top: 14px; }
.sl_head .nav { float: right; margin-top: 45px; }
.sl_head .nav .nav_li { float: left; font-size: 16px; position: relative; }
.sl_head .nav .nav_li .main_a { color: #363636; padding: 0px 20px; }
.sl_head .nav .nav_li .main_a:hover { color: #0F61AE; font-weight: bold; }
.sl_head .nav .nav_li .sub_ul { width: 120%; min-width: 120px; position: absolute; left: -10%; top: 25px; padding: 10px 0px; z-index: 10; background-color: #EDEDED; opacity: 0.7; display: none; }
.sl_head .nav .nav_li .sub_ul .sub_li { text-align: center; font-size: 14px; line-height: 28px; }
.sl_head .nav .nav_li .sub_ul .sub_li .sub_a { color: #333333; }
.sl_head .nav .nav_li.on .main_a { color: #0F61AE; font-weight: bold; }
.sl_head.index .nav .nav_li .main_a { color: #cccccc; }
.sl_head.index .nav .nav_li .sub_ul .sub_li .sub_a { color: #cccccc; }
.web_top { width: 100%; background-color: #ffffff; }
.web_top.index { background-color: transparent; position: fixed; top: 0; left: 0; z-index: 9999; border-bottom: 1px solid #367FA5 }
.web_top.on { position: fixed; top: 0; left: 0; z-index: 9999; background-color: #ffffff; box-shadow: 3px 0 8px -5px #000; }
.web_top.on .sl_top { display: none; }
.web_top .sl_sub_nav { padding: 25px 0px; background-color: #E6F1FA; height: auto; display: none; }
.web_top .sl_sub_nav .nav_con { width: 1560px; margin: auto; font-size: 16px; }
.web_top .sl_sub_nav .nav_con .web_nav { margin-left: 20.8%; display: none; }
.web_top .sl_sub_nav .nav_con .seo_nav { margin-left: 40%; display: none; }
.web_top .sl_sub_nav .nav_con .meng_nav { margin-left: 50%; display: none; }
.web_top .sl_sub_nav .nav_con .solve_nav { margin-left: 55%; display: none; }
.web_top .sl_sub_nav .nav_con .case_nav { margin-left: 5%; display: none; }
.web_top .sl_sub_nav .nav_con .news_nav { margin-left: 60%; display: none; }
.web_top .sl_sub_nav .nav_con .about_nav { margin-left: 40%; display: none; }
.web_top .sl_sub_nav .nav_con li { font-size: 16px; margin-right: 45px; display: inline-block; }
.web_top .sl_sub_nav .nav_con li:hover a { color: #0068CA; }
.web_top .sl_sub_nav .nav_con li.on a { color: #0068CA; }
.web_top .sl_sub_nav .nav_con li:last-child { margin-right: auto; }
.sl_nav_con { width: 100%; height: 50px; background-color: #58A245; }
.sl_nav { width: 1100px; margin: auto; }
.sl_nav li { width: 14.258%; float: left; height: 50px; transition: 0.3s; font-size: 16px; text-align: center; line-height: 50px; }
.sl_nav li a { color: #ffffff; width: 100%; height: 100%; display: block; }
.sl_nav li a span { color: #333333; display: block; font-size: 13px; }
.sl_nav li:hover { background-color: #2B8E0C; }
.sl_nav li:hover a { color: #ffffff; }
.sl_nav li:hover a span { color: #ffffff; }
.sl_nav li.on { background-color: #2B8E0C; }
.sl_nav li.on a { color: #ffffff; }
.sl_nav li.on a span { color: #ffffff; }
/****导航*******/
.main_nav { width: 100%; height: 64px; background-color: #00489B; line-height: 64px; }
.main_nav .con { width: 1560px; margin: auto; }
.main_nav .con li { width: 14.285%; height: 64px; text-align: center; transition: 0.3s; float: left; position: relative; }
.main_nav .con li a { color: #ffffff; font-size: 16px; padding-bottom: 10px; transition: 0.3s; }
.main_nav .con li:hover a { font-weight: bold; border-bottom: 2px solid #ffffff; }
.main_nav .con li.on a { border-bottom: 2px solid #ffffff; }
.main_nav .con li .sub_con { width: 100%; text-align: center; font-size: 16px; background-color: rgba(0,72,155,0.8); padding: 10px 0px; position: absolute; left: 0; top: 64px; z-index: 10; display: none; }
.main_nav .con li .sub_con .sub_a { display: block; color: #F5F5F5; border-bottom: 0px; font-weight: normal; }
.main_nav .con li .sub_con .sub_a:hover { color: #ffffff; }
.main_nav.on { position: fixed; left: 0; top: 0; z-index: 9999; }
/****首页板块标题*******/
.index_title { text-align: center; font-size: 36px; margin-top: 80px; line-height:40px; }
/****首页主要链接*******/
.index_link { width: 1560px; margin: 65px auto auto auto; }
.index_link li { width: 17.5%; float: left; margin-right: 10%; }
.index_link li a:nth-child(1) { font-size: 20px; line-height: 26px; height: 56px; margin-top:0; }
.index_link li a:nth-child(2) {white-space: nowrap;text-overflow: ellipsis; }
.index_link li a:nth-child(3) {white-space: nowrap;text-overflow: ellipsis; }
.index_link li .des { line-height: 28px; height: 28px;margin-top: 5px; overflow: hidden; display: block;}
.index_link li .icon_title { height: 20px; padding-left: 25px; line-height: 20px; color: #A2A2A2; display: block; margin-top: 10px; }
.index_link li:nth-child(1) .icon_title { background: url(../img/index_icon1.jpg) left center no-repeat; transition: 0.2s; }
.index_link li:nth-child(1) .icon_title:hover { background: url(../img/index_icon5.jpg) left center no-repeat; color: #1162AF; }
.index_link li:nth-child(2) .icon_title { background: url(../img/index_icon2.jpg) left center no-repeat; transition: 0.2s; }
.index_link li:nth-child(2) .icon_title:hover { background: url(../img/index_icon6.jpg) left center no-repeat; color: #1162AF; }
.index_link li:nth-child(3) .icon_title { background: url(../img/index_icon3.jpg) left center no-repeat; transition: 0.2s; }
.index_link li:nth-child(3) .icon_title:hover { background: url(../img/index_icon7.jpg) left center no-repeat; color: #1162AF; }
.index_link li:nth-child(4) .icon_title { background: url(../img/index_icon4.jpg) left center no-repeat; transition: 0.2s; }
.index_link li:nth-child(4) .icon_title:hover { background: url(../img/index_icon8.jpg) left center no-repeat; color: #1162AF; }
.index_link li:last-child { margin-right: auto; }
/****首页核心业务*******/
.index_business { width: 1560px; margin: 65px auto 75px auto; }
.index_business li { width: 29.83%; float: left; border: 1px solid #E7E7E7; border-radius: 8px; padding: 0px 0px 0px 0px; margin-right: 4.4%; position: relative; }
.index_business li .li_title { font-size: 24px; text-align: center; color: #363636; line-height: 24px; margin-top: 60px; }
.index_business li .li_des { font-size: 16px; text-align: center; color: #363636; line-height: 16px; margin-top: 15px; }
.index_business li .li_img { height: 66px; margin-top: 55px; }
.index_business li .li_img img { display: block; margin: auto; }
.index_business li .li_img .img2 { display: none; }
.index_business li:hover .li_title { color: #ffffff; }
.index_business li:hover .li_des { color: #ffffff; }
.index_business li:hover .li_img .img1 { display: none; }
.index_business li:hover .li_img .img2 { display: block; }
.index_business li:hover { background-color: #0068CA; }
.index_business li .li_line { width: 90%; height: 1px; background-color: #E7E7E7; margin: 60px auto auto auto; ; }
.index_business li .li_con { font-size: 16px; color: #363636; line-height: 30px; text-align: center; margin: 50px auto 60px auto; ; }
.index_business li:hover .li_line { background-color: #ffffff; }
.index_business li:last-child { margin-right: auto; }
.index_business li:hover .li_con { color: #ffffff; }
.index_business li .cate_con { width: 100%; height: 80%; padding-top: 20%;/*background:url(../img/tou_black.png);*/ background-size: 100% 100%; opacity: 0; transition: 0.4s; position: absolute; left: 0; top: 0; border-top: 1px solid transparent; border-radius: 8px; background-color: #0068CA; }
.index_business li:hover .cate_con { opacity: 1; text-align: center; position: absolute; left: -2.5%; top: -2.5%; width: 105%; height: 92%; }
.index_business li:hover .cate_con .cate_a { line-height: 30px; font-size: 18px; color: #ffffff; margin-bottom: 25px; display: block; font-weight: bold; }
/*.index_business{width:1200px;margin:85px auto auto auto;}
.index_business li{width:23.33%;float:left;padding:59px 0px 40px 0px;margin-right: 15%;cursor: pointer;transition: 0.3s;}
.index_business li:last-child{margin-right: auto;}
.index_business li .pic{height:55px;transition: 0.3s;}
.index_business li.l1 .pic{background:url(../img/index_business_icon1.png) center center no-repeat;}
.index_business li.l2 .pic{background:url(../img/index_business_icon2.png) center center no-repeat;}
.index_business li.l3 .pic{background:url(../img/index_business_icon3.png) center center no-repeat;}
.index_business li .title{font-size: 24px;text-align: center;margin-top: 25px;transition: 0.3s;}
.index_business li.on{background-color: #0068CA;}
.index_business li.on.l1 .pic{background:url(../img/index_business_icon4.png) center center no-repeat;}
.index_business li.on.l2 .pic{background:url(../img/index_business_icon5.png) center center no-repeat;}
.index_business li.on.l3 .pic{background:url(../img/index_business_icon6.png) center center no-repeat;}
.index_business li.on .title{color:#ffffff;}*/

.index_business_con { width: 100%; height: 250px; background-color: #0068CA; border-top: 1px solid #0068CA; }
.index_business_con .con { width: 1560px; margin: auto; font-size: 24px; }
.index_business_con .con .ul1 { margin-top: 110px; display: none; }
.index_business_con .con .ul1 li { float: left; margin-left: 5%; }
.index_business_con .con .ul1 li a { color: #ffffff; }
.index_business_con .con .ul2 { margin-top: 110px; text-align: center; display: none; }
.index_business_con .con .ul2 li { display: inline-block; margin-left: 5%; }
.index_business_con .con .ul2 li a { color: #ffffff; }
.index_business_con .con .ul3 { margin-top: 110px; text-align: right; display: none; }
.index_business_con .con .ul3 li { display: inline-block; margin-right: 5%; }
.index_business_con .con .ul3 li a { color: #ffffff; }
.index_business_con .con .on { display: block; }
/****首页解决方案*******/
.index_solve { width: 1560px; margin: 60px auto auto auto; background-color: #fafafa; }
.index_solve li { width: 30%; float: left; border-right: 1px solid #E7E7E7; height: 500px; cursor: pointer; }
.index_solve li .li_head { font-size: 24px; height: 94px; line-height: 94px; text-align: center; color: #363636; border-bottom: 1px solid #E7E7E7; }
.index_solve li .li_con1 { width: 85%; margin: 60px auto auto auto; }
.index_solve li .li_con1 .list { font-size: 20px; height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 80px; }
.index_solve li .li_con2 { margin: auto; display: none; }
.index_solve li .li_con2 .list { border-bottom: 1px solid #E7E7E7; /*width: 85%;*/ padding: 28px 7.5% 25px; }
.index_solve li .li_con2 .list:nth-child(odd) { background-color: #ffffff; }
.index_solve li .li_con2 .list .title { width: 100%; display: block; height: 22px; line-height: 22px; font-size: 20px; overflow: hidden; }
.index_solve li .li_con2 .list .des { margin-top: 15px; height: 44px; line-height: 22px; overflow: hidden;font-size: 15px; }
.index_solve li .li_con2 .list:last-child { border-bottom: 0px; }
.index_solve li.on { width: 39.5%; box-shadow: 1px 2px 20px 5px #E1E1E1; }
.index_solve li.on .li_head { background-color: #0068CA; color: #ffffff; }
.index_solve li.on .li_con2 { display: block; }
.index_solve li.on .li_con1 { display: none; }
.index_solve li:last-child { border-right: 0px; }
/****首页携手客户*******/
.index_customer { width: 1560px; margin: 50px auto auto auto; }
.index_customer .list_con { }
.index_customer .list_con .item_con { width: 14.16%; float: left; cursor: pointer; padding-bottom: 10px; border-bottom: 3px solid #E7E7E7; transition: 0.2s; }
.index_customer .list_con .item_con .img { padding-top: 60%; width: 60%; overflow: hidden; position: relative; margin: auto; }
.index_customer .list_con .item_con .img img { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 0; }
.index_customer .list_con .item_con .title { width: 98%; height: 40px; line-height: 20px; font-size: 16px; text-align: center; margin: 18px auto auto auto; overflow: hidden; }
.index_customer .list_con .item_con:hover { border-bottom: 3px solid #0F61AE; }
.index_customer .list_con .item_con.on { border-bottom: 3px solid #0F61AE; }
.index_customer .list_con .more { font-size: 24px; float: right; display: block; margin-top: 70px; }
.index_customer .list_con .line { width: 100%; height: 3px; background-color: #E7E7E7; margin-top: -3px; }
.index_customer .con { width: 63.33%; margin: 60px auto auto auto; }
.index_customer .con .conn { display: none; }
.index_customer .con .conn .left_con { width: 13.94%; float: left; }
.index_customer .con .conn .left_con .pic { width: 95%; padding-top: 95%; overflow: hidden; position: relative; border-radius: 50%; border: 1px solid #cccccc; margin: auto; }
.index_customer .con .conn .left_con .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.index_customer .con .conn .left_con .title { width: 100%; height: 40px; display: block; line-height: 20px; overflow: hidden; font-size: 16px; text-align: center; margin-top: 15px; }
.index_customer .con .conn .right_con { width: 74.34%; float: right; font-size: 16px; line-height: 35px; text-align: justify; }
.index_customer .con .conn .right_con .dh2 { display: block; float: right; }
.index_customer .con .conn .right_con .more_con { font-size: 16px; margin: 20px auto auto auto; text-align: center; }
/****首页关于我们*******/
.index_about { padding: 1px 0px 83px 0px; background: url(../img/index_about_bg.jpg);  }
.index_about .con { width: 1560px; margin: auto; }
.index_about .con .des { text-align: center; line-height: 26px; font-size: 16px; color: #ffffff; margin-top: 20px; }
.index_about .con .data_con { margin-top: 85px; }
.index_about .con .data_con li { width: 33.33%; float: left; font-size: 30px; color: #ffffff; text-align: center; }
.index_about .con .data_con li .data { margin-bottom: 40px; }
.index_about .con .data_con li .data span { font-size: 100px; line-height: 100px; }
.index_about .con .more { width: 178px; height: 58px; display: block; border: 3px solid #ffffff; margin: 90px auto auto auto; font-size: 20px; text-align: center; line-height: 58px; color: #ffffff; transition: 0.2s; }
.index_about .con .more:hover { background-color: #ffffff; color: #0068CA; }
/****首页搜索，关键字*******/
.index_sou { width: 100%; line-height: 70px; height: 70px; }
.index_sou .con { width: 1560px; margin: auto; }
.index_sou .con .keywords { float: left; color: #999999; }
.index_sou .con .keywords span { font-weight: bold; }
.index_sou .con .sou_con { width: 320px; height: 36px; float: right; background-color: #F6F6F6; border-radius: 4px; margin-top: 17px; }
.index_sou .con .sou_con .input { width: 200px; float: left; height: 28px; line-height: 28px; border: 0px; padding-left: 20px; background-color: #ffffff; margin-top: 5px; background-color: #F6F6F6; }
.index_sou .con .sou_con .sou_submit { width: 43px; height: 36px; border: 0px; cursor: pointer; outline: none; background: url(../img/search_bg.png) 5px center no-repeat; float: right; }
.nav_more { display: none; }
/****轮播图*************/
.main_banner { position: relative; z-index: 0 }
.main_banner ul { z-index: 0; }
.main_banner ul li img { width: 100%; }
.main_banner .prev_banner { width: 40px; height: 60px; display: block; background: url(../img/prev_banner.png) center center no-repeat; position: absolute; left: 30px; top: 45%; z-index: 10; }
.main_banner .next_banner { width: 72px; height: 72px; display: block; background: url(../img/next_banner.png) center center no-repeat; position: absolute; right: 30px; top: 45%; z-index: 10; }
.inner_banner { margin: auto; }
.inner_banner img { display: block; margin: auto; max-width: 100%; }
/****合作链接-友情链接**********/
.link_title { width: 1560px; font-size: 18px; font-weight: bold; color: #0F61AE; margin: 35px auto auto auto; }
.partner_ul { width: 1560px; margin: 22px auto auto auto; }
.partner_ul .partner_li { width: 48.33%; float: left; }
.partner_ul .partner_li .li_title { width: 13.75%; float: left; background-color: #0068CA; color: #ffffff; font-size: 18px; text-align: center; padding: 10px 0px; }
.partner_ul .partner_li .li_con { width: 79.96%; float: right; padding: 9px 2%; border: 1px solid #e7e7e7; overflow: hidden; height: 48px; }
.partner_ul .partner_li .li_con li { color: #666666; line-height: 22px; margin-right: 13px; display: inline-block; }
.partner_ul .partner_li .li_con li a { color: #666666; }
.partner_ul .partner_li:last-child { float: right; }
.link_con { width: 1560px; margin: 22px auto auto auto; }
.link_con .link_li { }
.link_con .link_li .li_title { width: 6.7%; float: left; background-color: #0068CA; color: #ffffff; font-size: 18px; text-align: center; padding: 10px 0px; }
.link_con .link_li .li_con { width: 100%; float: right; padding: 9px; border: 1px solid #e7e7e7; overflow: hidden; }
.link_con .link_li .li_con ul { height: 44px;overflow: hidden; }
.link_con .link_li .li_con li { color: #666666; line-height: 22px; margin-right: 9px; display: inline-block; }
.link_con .link_li .li_con li a { color: #666666; }
/****底部*************/
.main_bottom { padding: 40px 0px 30px 0; background-color: #0068CA; }
.main_bottom .con { width: 1560px; margin: auto; }
.main_bottom .con .left_view_con { width: 21.66%; float: left; }
.main_bottom .con .left_view_con .title { font-size: 18px; color: #ffffff; }
.main_bottom .con .left_view_con .view_ul { }
.main_bottom .con .left_view_con .view_ul li { color: #B8CBEB; height: 16px; line-height: 16px; margin-top: 10px; }
.main_bottom .con .left_view_con .view_ul li .title_con { width: 60%; float: left; height: 16px; overflow: hidden; color: #B8CBEB; }
.main_bottom .con .left_view_con .view_ul li .date { width: 85px; float: right; text-align: right; }
.main_bottom .con .nav_ul { float: left; margin-left: 7%; }
.main_bottom .con .nav_ul li { font-size: 18px; color: #ffffff; float: left; margin-right: 55px; }
.main_bottom .con .nav_ul li .sub_a { display: block; color: #B8CBEB; font-size: 14px; height: 16px; line-height: 16px; margin-top: 10px; }
.main_bottom .con .contact_con { width: 21.25%; font-size: 18px; color: #ffffff; float: left; margin-left: 4%; }
.main_bottom .con .contact_con .list { color: #B8CBEB; font-size: 14px; line-height: 30px; margin-top: 5px; }
.main_bottom .con .ewm { width: 13.3%; float: right; }
.main_bottom .con .ewm .pic { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.main_bottom .con .ewm .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main_bottom .con .ewm span { display: block; text-align: center; color: #ffffff; margin-top: 10px; }
.main_bottom .con .copyright { line-height: 26px; color: #B8CBEB; text-align: center; margin-top: 20px; }
.main_bottom .con .copyright a { color: #B8CBEB; }
.main_bottom .con .partner_title { font-size: 18px; color: #ffffff; text-align: center; margin-top: 10px; }
.main_bottom .con .partner_con { text-align: center; margin-top: 20px; }
.main_bottom .con .partner_con li { display: inline-block; margin-right: 20px; }
.main_bottom .con .partner_con li:last-child { margin-right: auto; }
.main_bottom .con .partner_con li a {  color: #B8CBEB; }
.location { width: 100%; height: 79px; background: url(../img/location_bg.jpg);margin-top: 99px;}
.location .con { width: 1560px; margin: auto auto auto auto; font-size: 16px; line-height: 25px; color: #ffffff; padding-top: 25px; }
.location .con a { color: #ffffff; }
/****内页导航*****/
.inner_category { margin-top: 38px; text-align: center; }
.inner_category li { color: #363636; display: inline-block; ; font-size: 16px; margin-right: 40px; margin-bottom: 10px; }
.inner_category li a { color: #363636; }
.inner_category li:hover a { color: #0068CA; }
.inner_category li.curr a { color: #0068CA; }
.inner_category li:last-child { margin-right: auto; }
/****内页导航*****/
.inner_category2 { margin-top: 38px; text-align: center; }
.inner_category2 li { width: 178px; height: 54px; text-align: center; line-height: 54px; display: inline-block; ; font-size: 16px; margin-right: 32px; border: 1px solid #E0E0E0; }
.inner_category2 li a { color: #363636; }
.inner_category2 li:hover { border: 1px solid #0068CA; }
.inner_category2 li:hover a { color: #0068CA; }
.inner_category2 li.on { border: 1px solid #0068CA; }
.inner_category2 li.on a { color: #0068CA; }
.inner_category2 li:last-child { margin-right: auto; }
/****公司简介*****/
.about_title { font-weight: bold; font-size: 36px; text-align: center; line-height: 36px; margin-top: 50px; }
.about_title span { display: block; font-size: 16px; font-weight: normal; margin-top: 10px; }
.about_brand { width: 100%; padding: 1px 0px 71px 0px; background: url(../img/about_bg.jpg); margin-top: 40px; }
.about_brand .con { width: 1560px; margin: 35px auto auto auto; padding: 60px 0px 50px 0px; background-color: #ffffff; }
.about_brand .con .img { display: block; margin: auto; }
.about_brand .con .content { font-size: 16px; line-height: 28px; margin-top: 50px; text-align: center; }
.about_con { width: 1560px; margin: 30px auto auto auto; }
/**联系我们**/
.inner_con { width: 100%; padding: 30px 0px 50px 0px; background-color: #F5F8FA; margin-top: 40px; }
.contact { width: 1560px; margin: auto auto auto auto; padding: 40px 0px 60px 0px; background-color: #ffffff; }
.contact .contact_title { font-size: 24px; display: inline-block; border-bottom: 2px solid #0068CA; margin-left: 4.1%; padding-bottom: 20px; }
.contact .contact_line { width: 100%; height: 1px; background-color: #F5F8FA }
.contact .map { width: 53.33%; margin: 45px auto auto 4.1%; float: left; height: 395px; }
.contact .right_con { width: 33.33%; float: right; margin: 45px 4.1% auto auto; }
.contact .right_con li { margin-bottom: 25px; }
.contact .right_con li .li_title { padding-left: 40px; height: 28px; line-height: 28px; font-size: 16px; }
.contact .right_con li .li_con { padding-left: 40px; line-height: 22px; margin-top: 8px; }
.contact .right_con li.l1 .li_title { background: url(../img/contact_tel.jpg) left center no-repeat; }
.contact .right_con li.l2 .li_title { background: url(../img/contact_phone.jpg) left center no-repeat; }
.contact .right_con li.l3 .li_title { background: url(../img/contact_service.jpg) left center no-repeat; }
.contact .right_con li.l4 .li_title { background: url(../img/contact_address.jpg) left center no-repeat; }
/**搜浪团队**/
.team_con { width: 100%; padding: 1px 0px 55px 0px; background-color: #F5F8FA; margin-top: 40px; }
.team_con .team_ul { width: 1560px; margin: 40px auto auto auto; }
.team_con .team_ul li { width: 18.33%; float: left; margin-right: 2%; }
.team_con .team_ul li .pic { width: 100%; padding-top: 100%; overflow: hidden; position: relative; }
.team_con .team_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.team_con .team_ul li .li_con { padding: 18px 8% 20px 8%; background-color: #ffffff; }
.team_con .team_ul li .li_con .title { font-size: 16px; }
.team_con .team_ul li .li_con .title span { font-weight: bold; font-size: 24px; }
.team_con .team_ul li .li_con .des { line-height: 28px; height: 84px; color: #666666; font-size: 16px; overflow: hidden; margin-top: 20px; }
.team_con .team_ul li:last-child { margin-right: auto; }
.team_picture { width: 1560px; margin: 55px auto auto auto; }
.team_picture .left_pic { width: 62.5%; float: left; }
.team_picture .left_pic img { width: 100%; }
.team_picture .right_pic { width: 35.83%; float: right; }
.team_picture .right_pic .pic_ul { }
.team_picture .right_pic .pic_ul li { width: 100%; padding-top: 59.53%; overflow: hidden; position: relative; margin-bottom: 18px; }
.team_picture .right_pic .pic_ul li img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
/**文化**/
.culture_con { padding: 30px 0px 55px 0; background-color: #F5F8FA; margin-top: 40px; }
.culture_con .con { width: 1457px; padding: 50px 50px 70px 50px; margin: auto; background-color: #ffffff; }
.culture_con .con .our_culture { padding: 70px 0px 90px 0; background: url(../img/culture_bg.jpg); }
.culture_con .con .our_culture .title { font-weight: bold; color: #ffffff; font-size: 36px; line-height: 36px; text-align: center; }
.culture_con .con .our_culture .des { color: #ffffff; line-height: 30px; font-size: 16px; text-align: center; margin-top: 15px; }
.culture_con .con .slogan { margin-top: 60px; }
.culture_con .con .slogan li { width: 30.33%; float: left; padding: 0px 1.5%; text-align: center; }
.culture_con .con .slogan li .title { font-size: 20px; }
.culture_con .con .slogan li .des { text-align: center; font-size: 18px; line-height: 2; margin-top: 15px; }
.culture_line { width: 100%; height: 1px; background-color: #e0e0e0; margin-top: 60px; }
.culture_title { text-align: center; font-size: 24px; margin-top: 40px; }
.culture_des { text-align: center; margin-top: 5px; }
.culture_pic_con { margin-top: 40px; }
.culture_pic_con li { width: 93%; padding-top: 140%; overflow: hidden; position: relative; }
.culture_pic_con li img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
/**搜浪之路**/
.road_con { padding: 30px 0px 55px 0; background-color: #F5F8FA; margin-top: 40px; }
.road_con .con { width: 1457px; padding: 50px 50px 50px 50px; margin: auto; background-color: #ffffff; }
.road_con .con .our_road { padding: 105px 0px 105px 0; background: url(../img/road_bg.jpg);background-size: cover; }
.road_con .con .our_road .title { font-weight: bold; color: #ffffff; font-size: 36px; line-height: 36px; text-align: center; }
.road_con .con .our_road .des { color: #ffffff; line-height: 30px; font-size: 16px; text-align: center; margin-top: 15px; }
.road_all { margin-top: 40px; padding: 1px 0px; background: url(../img/road_pic.jpg) 25% top no-repeat; }
.road_all ul { }
.road_all ul li { overflow: hidden; font-size: 16px; }
.road_all ul li .left_date { width: 13.63%; float: left; margin-left: 8%; height: 65px; font-size: 18px;}
.road_all ul li .right_con { width: 69%; float: right; height: 65px; font-size: 18px;}
/**搜浪招聘**/
.zhao { width: 100%; padding: 30px 0px 45px 0px; background-color: #F5F8FA; margin-top: 40px; }
.zhao .con { width: 1130px; padding: 40px 35px; background-color: #ffffff; margin: auto }
.zhao .con .zhao_ul { }
.zhao .con .zhao_ul li { margin-bottom: 40px; }
.zhao .con .zhao_ul li .title_con { height: 56px; line-height: 56px; padding: 0 3%; background-color: #F5F8FA; font-size: 20px; overflow: hidden; }
.zhao .con .zhao_ul li .title_con .show { display: block; float: right; }
.zhao .con .zhao_ul li .title_con .show .arrow { cursor: pointer; }
.zhao .con .zhao_ul li .li_con { width: 94%; margin: 30px auto auto auto; display: none; }
.zhao .con .zhao_ul li .li_con .list { width: 30%; height: 18px; line-height: 18px; overflow: hidden; color: #999999; float: left; font-size: 16px; margin-bottom: 15px; }
.zhao .con .zhao_ul li .li_con .list span { color: #363636; }
.zhao .con .zhao_ul li .li_con .zhao_detail { margin-top: 15px; }
.zhao_detail { width: 1560px; margin: auto; background-color: #ffffff; padding: 40px 0px 80px 0px; }
.zhao_detail .zhao_title { font-size: 24px; display: inline-block; padding-bottom: 25px; border-bottom: 2px solid #0068CA; margin-left: 4%; }
.zhao_detail .zhao_line { width: 100%; height: 1px; background-color: #F5F8FA; }
.zhao_detail .zhao_con { width: 90%; margin: 40px auto auto auto; }
.zhao_detail .zhao_con .list { width: 30%; float: left; margin-right: 5%; margin-bottom: 28px; }
.zhao_detail .zhao_con .list_name { font-size: 16px; }
.zhao_detail .zhao_con .list .input { width: 97%; padding-left: 3%; height: 44px; line-height: 44px; margin-top: 5px; border: 1px solid #E0E0E0; }
.zhao_detail .zhao_con .list:nth-child(3n) { margin-right: auto; }
.zhao_detail .zhao_con .textarea { width: 97%; padding: 5px 1.5%; height: 125px; line-height: 25px; border: 1px solid #E0E0E0; margin-top: 5px; margin-bottom: 15px; }
.zhao_detail .zhao_con .code_input { width: 19%; padding-left: 1%; height: 44px; line-height: 44px; margin-top: 5px; border: 1px solid #E0E0E0; }
.zhao_detail .zhao_con .code_img { width: 20%; height: 44px; margin-left: 10px; }
.zhao_detail .zhao_con .submit { width: 180px; height: 44px; line-height: 44px; text-align: center; background-color: #0068CA; color: #ffffff; font-size: 16px; border: 0px; margin-left: 25px; cursor: pointer; }
/**搜浪动态**/
.dongtai { width: 1458px; padding: 50px 50px; background-color: #ffffff; margin: auto; }
.dongtai .ul { }
.dongtai .ul li { padding-bottom: 45px; border-bottom: 1px solid #F4F7FA; margin-bottom: 35px; }
.dongtai .ul li .pic { width: 22%; float: left; padding-top: 11%; position: relative; overflow: hidden; }
.dongtai .ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.dongtai .ul li .right_con { width: 75%; float: right; }
.dongtai .ul li .right_con .title { height: 22px; line-height: 22px; overflow: hidden; font-size: 20px; }
.dongtai .ul li .right_con .title a { }
.dongtai .ul li .right_con .title a:hover{color: #0169ca}
.dongtai .ul li .right_con .des { height: 52px; line-height: 26px; color: #666666; overflow: hidden; margin-top: 15px;    font-size: 14px; }
.dongtai .ul li .right_con .date_con { color: #A9A9A9; margin-top: 30px;     font-size: 14px;}
.dongtai .ul li .right_con .date_con .more { width: 110px; height: 36px; display: block; border-radius: 4px; background-color: #0068CA; color: #ffffff; text-align: center; line-height: 36px; float: right; }
.dongtai_detail { width: 1560px; margin: auto; }
.dongtai_detail .left_con { width: 66.25%; padding: 20px 3.33% 50px 3.33%; float: left; background-color: #ffffff }
.dongtai_detail .right_con { width: 25%; float: right; }
.dongtai_detail .right_con .relative_news { padding: 30px 0px; background-color: #ffffff; }
.dongtai_detail .right_con .relative_news .title_con { width: 80%; height: 20px; font-weight: bold; font-size: 20px; border-left: 5px solid #0068CA; margin: auto; line-height: 20px; padding-left: 10px; }
.dongtai_detail .right_con .relative_news .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .relative_news ul { width: 85%; margin: auto; }
.dongtai_detail .right_con .relative_news ul li { padding-bottom: 20px; border-bottom: 1px solid #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .relative_news ul li .left_date { width: 17.69%; float: left; font-size: 12px; border: 1px solid #E0E0E0; text-align: center; line-height: 16px; padding: 4px 0px; color: #666666; }
.dongtai_detail .right_con .relative_news ul li .left_date span { display: block; }
.dongtai_detail .right_con .relative_news ul li .right_con_news { width: 76.92%; float: right; }
.dongtai_detail .right_con .relative_news ul li .right_con_news .title { height: 16px; display: block; width: 100%; overflow: hidden; font-weight: bold; color: #666666; line-height: 16px; }
.dongtai_detail .right_con .relative_news ul li .right_con_news .des { height: 16px; line-height: 16px; overflow: hidden; color: #666666; margin-top: 7px; }
.dongtai_detail .right_con .hot_news { padding: 30px 0px; background-color: #ffffff; margin-top: 20px; }
.dongtai_detail .right_con .hot_news .title_con { width: 80%; height: 20px; font-weight: bold; font-size: 20px; border-left: 5px solid #0068CA; margin: auto; line-height: 20px; padding-left: 10px; }
.dongtai_detail .right_con .hot_news .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .hot_news ul { width: 85%; margin: 25px auto auto auto; }
.dongtai_detail .right_con .hot_news ul li { height: 16px; line-height: 16px; overflow: hidden; margin-bottom: 30px; }
.dongtai_detail .right_con .hot_news ul li a { color: #666666; }
/**新闻资讯**/
.news { width: 1560px; margin: auto; }
.news .left_news { width: 67%; padding: 30px 3% 30px 2.5%; background-color: #ffffff; margin: auto; float: left; }
.news .left_news .news_ul { }
.news .left_news .news_ul li { padding-bottom: 28px; border-bottom: 1px solid #F4F7FA; margin-bottom: 28px; }
.news .left_news .news_ul li .pic { width: 22%; float: left; padding-top: 15%; position: relative; overflow: hidden; }
.news .left_news .news_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.news .left_news .news_ul li .right_con { width: 75%; float: right; }
.news .left_news .news_ul li .right_con .title { height: 22px; line-height: 22px; overflow: hidden; font-size: 20px; }
.news .left_news .news_ul li .right_con .title a { }
.news .left_news .news_ul li .right_con .des { height: 52px; line-height: 26px; color: #666666; overflow: hidden; margin-top: 15px; }
.news .left_news .news_ul li .right_con .date_con { color: #A9A9A9; margin-top: 30px; }
.news .left_news .news_ul li .right_con .date_con .more { width: 110px; height: 36px; display: block; border-radius: 4px; background-color: #0068CA; color: #ffffff; text-align: center; line-height: 36px; float: right; }
.news .right_keywords { width: 25%; float: right; background-color: #ffffff; padding: 20px 0px 35px 0px; }
.news .right_keywords .title { width: 82%; height: 20px; line-height: 20px; font-weight: bold; font-size: 20px; border-left: 4px solid #0068CA; padding-left: 10px; margin: auto; }
.news .right_keywords .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 18px; }
.news .right_keywords .keywords_ul { width: 88%; margin: auto; }
.news .right_keywords .keywords_ul li { width: 47%; height: 35px; line-height: 35px; text-align: center; color: #666666; float: left; margin-top: 15px; background-color: #F5F8FA; border-radius: 5px; }
.news .right_keywords .keywords_ul li a { color: #666666; }
.news .right_keywords .keywords_ul li:nth-child(2n) { float: right; }
/**展示案例-详情**/
.case_detail { width: 1100px; padding: 40px 50px; background-color: #ffffff; margin: auto; }
.case_detail .title { font-size: 24px; line-height: 28px; text-align: center; }
.case_detail .list_title { height: 70px; font-size: 20px; line-height: 70px; background-color: #F5F8FA; padding-left: 5%; margin-top: 30px; }
.case_detail .detail_con { margin-top: 20px; }
/**萌老板财务管理系统**/
.mengcw_category { text-align: center; margin-top: 32px; }
.mengcw_category li { width: 180px; height: 54px; border: 1px solid #e0e0e0; text-align: center; line-height: 54px; font-size: 18px; display: inline-block; margin-right: 31px; }
.mengcw_category li:last-child { margin-right: auto; }
.mengcw_category li:hover a { color: #0068CA; }
.mengcw_category li:hover { border: 1px solid #0068CA; }
.mengcw_banner { width: 100%; padding: 65px 0px 65px 0; background: url(../img/mengcw_bg.jpg) center top no-repeat; margin-top: 35px; background-color: #FEFEFE; }
.mengcw_banner .title { font-size: 36px; font-weight: bold; text-align: center; color: #ffffff; line-height: 36px; }
.mengcw_banner .des { text-align: center; font-weight: bold; font-size: 16px; color: #ffffff; margin-top: 15px; }
.mengcw_banner .img { display: block; margin: 50px auto auto auto; }
/**萌老板财务管理系统-功能**/
.meng_function { width: 1560px; margin: 90px auto auto auto; }
.meng_function li { width: 16.66%; float: left; margin-right: 11.12%; }
.meng_function li:last-child { margin-right: auto; }
.meng_function li .pic { height: 56px; }
.meng_function li .pic .img { display: block; margin: auto; transition: 0.2s; }
.meng_function li .title { font-size: 18px; text-align: center; margin-top: 15px; }
.meng_function li .des { height: 100px; line-height: 25px; overflow: hidden; text-align: center; margin-top: 10px; }
.meng_function li:hover .pic .img { box-shadow: 1px 2px 15px 2px #BFD4FF; }
/****萌老板财务管理系统-相关资讯*******/
.meng_news { width: 1560px; margin: 45px auto auto auto; }
.meng_news li { width: 17.5%; float: left; margin-right: 10%; }
.meng_news li .main_title { font-size: 20px; line-height: 26px; height: 56px; overflow: hidden; display: block; }
.meng_news li .des { line-height: 28px; height: 56px; overflow: hidden; margin-top: 10px; display: block; color: #999999; }
.meng_news li .icon_title { height: 20px; line-height: 20px; color: #A2A2A2; display: block; margin-top: 10px; color: #999999; }
.meng_news li:last-child { margin-right: auto; }
.meng_news li:hover .main_title { color: #0F61AE; }
.meng_news li:hover .des { color: #0F61AE; }
.meng_news li:hover .icon_title { color: #0F61AE; }
.more_meng_news { width: 178px; height: 48px; display: block; border-radius: 30px; border: 1px solid #e1e1e1; line-height: 48px; text-align: center; margin: 40px auto auto auto; transition: 0.2s; }
.more_meng_news:hover { background-color: #0068CA; color: #ffffff; }
/**萌老板客户管理系统**/
.mengkh_banner { width: 100%; padding: 113px 0px 40px 0; background: url(../img/mengkh_bg.jpg) center top no-repeat; margin-top: 35px; background-color: #FEFEFE; }
.mengkh_banner .con { width: 1560px; margin: auto; }
.mengkh_banner .con .pic { width: 55.08%; float: right; display: block; }
.mengkh_banner .con .left_con { width: 32.5%; background: url(../img/mengkh_tou_blue.png); border-radius: 10px; padding: 40px 0px; margin-top: 30px; float: left; }
.mengkh_banner .con .left_con li { padding-left: 12%; color: #ffffff; font-size: 16px; margin-bottom: 25px; }
.mengkh_banner .con .left_con li .li_index { font-size: 36px; font-style: italic; }
/**萌老板客户管理系统**/
.mengkh_function { width: 100%; padding: 75px 0px 25px 0; background-color: #F5F8FA; }
.mengkh_function .con { width: 1560px; margin: auto; }
.mengkh_function .con .pic { width: 59.5%; float: left; display: block; margin-left: -5%; margin-top: 30px; }
.mengkh_function .con .right_con { width: 37.5%; background-color: #ffffff; border-radius: 20px; padding: 60px 0px; float: right; }
.mengkh_function .con .right_con li { padding-left: 12%; font-size: 16px; margin-bottom: 30px; }
.mengkh_function .con .right_con li .li_index { font-size: 36px; font-style: italic; color: #0068CA; }
.mengkh_function .con .right_con li:last-child { margin-bottom: auto; }
/**电商运营推广**/
.dianshang_tianmao { width: 100%; padding: 60px 0; margin-top: 35px; background: url(../img/dianshang_bg_1.jpg) center top no-repeat; }
.dianshang_tianmao .title { font-size: 36px; font-weight: bold; text-align: center; line-height: 36px; }
.dianshang_tianmao .des { text-align: center; font-size: 16px; margin-top: 13px; }
.dianshang_tianmao .tianmao { width: 1560px; margin: 40px auto auto auto; }
.dianshang_tianmao .tianmao li { width: 26.66%; padding: 28px 2.3%; margin-right: 3.11%; background-color: #ffffff; border-radius: 8px; float: left; margin-bottom: 25px; }
.dianshang_tianmao .tianmao li:nth-child(3n) { margin-right: auto; }
.dianshang_tianmao .tianmao li .li_title { padding-left: 55px; height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; }
.dianshang_tianmao .tianmao li .li_des { height: 100px; line-height: 25px; overflow: hidden; margin-top: 13px; text-align: justify;    font-size: 16px; }
.dianshang_tianmao .tianmao li:nth-child(1) .li_title { background: url(../img/dianshang_1_1.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(2) .li_title { background: url(../img/dianshang_1_2.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(3) .li_title { background: url(../img/dianshang_1_3.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(4) .li_title { background: url(../img/dianshang_1_4.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(5) .li_title { background: url(../img/dianshang_1_5.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(6) .li_title { background: url(../img/dianshang_1_6.png) left center no-repeat; }
/**电商运营推广-阿里巴巴**/
.dianshang_ali { width: 100%; padding: 70px 0px 130px 0px; background: url(../img/dianshang_bg_2.jpg) center top no-repeat; }
.dianshang_ali .title { font-size: 36px; font-weight: bold; text-align: center; line-height: 36px; color: #ffffff; }
.dianshang_ali .des { text-align: center; font-size: 16px; margin-top: 13px; color: #ffffff; }
.dianshang_ali .ali_ul { width: 1560px; margin: 55px auto auto auto; }
.dianshang_ali .ali_ul li { width: 25%; float: left; margin-right: 12.5%; color: #ffffff; text-align: center; }
.dianshang_ali .ali_ul li:last-child { margin-right: auto; }
.dianshang_ali .ali_ul li .li_title { font-size: 20px; }
.dianshang_ali .ali_ul li .li_des { font-size: 16px; margin-top: 13px; }
.dianshang_ali .ali_ul li .li_line { width: 20px; height: 3px; background-color: #ffffff; margin: 20px auto auto auto; }
.dianshang_ali .ali_img { display: block; margin: 60px auto auto auto; }
.dianshang_ali_adv { width: 100%; padding: 80px 0px 50px 0px; background-color: #F5F8FA; }
.dianshang_ali_adv .con { width: 1560px; margin: auto; }
.dianshang_ali_adv .con li { width: 20.83%; float: left; margin: auto 5.56% 50px auto; cursor: pointer; }
.dianshang_ali_adv .con li .li_pic { width: 150px; height: 150px; border-radius: 50%; background-color: #ffffff; margin: auto; border: 1px solid #ffffff; transition: 0.2s; }
.dianshang_ali_adv .con li .li_pic .img { display: block; margin: 43px auto auto auto; }
.dianshang_ali_adv .con li .li_title { font-size: 24px; margin-top: 15px; text-align: center; color: #363636; }
.dianshang_ali_adv .con li:nth-child(4n) { margin-right: auto; }
.dianshang_ali_adv .con li:hover .li_pic { box-shadow: 2px 2px 25px 10px #EAEFF6; }
/**全网推广**/
.quanwang_banner { width: 100%; padding: 85px 0px 100px 0; margin-top: 35px; background: url(../img/quanwang_bg_1.jpg) center top no-repeat; }
.quanwang_banner .title { font-weight: bold; font-size: 36px; color: #ffffff; text-align: center; }
.quanwang_banner .des { font-size: 16px; text-align: center; margin-top: 15px; color: #ffffff; }
.quanwang_banner .adv_ul { width: 1560px; margin: 65px auto auto auto; }
.quanwang_banner .adv_ul li { width: 20%; float: left; color: #ffffff; text-align: center; }
.quanwang_banner .adv_ul li .li_title { font-size: 60px; font-weight: bold; line-height: 60px; }
.quanwang_banner .adv_ul li .li_des { font-size: 20px; line-height: 20px; margin-top: 15px; }
/**全网推广- 曝光平台**/
.quanwang_bao { width: 100%; padding: 80px 0px 60px 0px; background-color: #F5F8FA; }
.quanwang_bao .title { font-weight: bold; font-size: 36px; text-align: center; color: #363636; }
.quanwang_bao .bao_ul { width: 1560px; margin: 36px auto auto auto; }
.quanwang_bao .bao_ul li { width: 23.33%; float: left; background-color: #ffffff; border-radius: 8px; padding: 30px 0px 30px 0px; margin-right: 2.2%; margin-bottom: 30px; }
.quanwang_bao .bao_ul li:nth-child(4n) { margin-right: auto; }
.quanwang_bao .bao_ul li .pic { height: 63px; }
.quanwang_bao .bao_ul li .pic img { display: block; margin: auto; }
.quanwang_bao .bao_ul li .li_title { font-size: 18px; margin-top: 15px; text-align: center; }
.quanwang_bao .bao_ul li .li_des { width: 95%; height: 20px; line-height: 20px; text-align: center; margin: 5px auto auto auto; }
/**全网推广- 搜索分析**/
.quanwang_sou_title { font-weight: bold; font-size: 36px; text-align: center; margin-top: 70px; }
.quanwang_sou_ul { width: 1560px; margin: 65px auto auto auto; }
.quanwang_sou_ul li { width: 16.66%; float: left; }
.quanwang_sou_ul li .pic { height: 110px; }
.quanwang_sou_ul li .pic img { display: block; margin: auto; }
.quanwang_sou_ul li .li_title { font-size: 18px; text-align: center; line-height: 18px; margin-top: 30px; }
.quanwang_sou_ul li .li_des { color: #999999; text-align: center; margin-top: 10px; }
/**全网推广- 战术优势**/
.quanwang_adv { width: 100%; padding: 75px 0px 85px 0px; background: url(../img/quanwang_bg_2.jpg) center top no-repeat; margin-top: 70px; }
.quanwang_adv .title { text-align: center; font-size: 36px; font-weight: bold; color: #ffffff; }
.quanwang_adv .con { width: 1560px; margin: 60px auto auto auto; }
.quanwang_adv .con li { width: 18.33%; float: left; border-radius: 8px; overflow: hidden; background-color: #ffffff; padding-bottom: 33px; margin-right: 2%; }
.quanwang_adv .con li .li_pic { height: 160px; border-top: 1px solid transparent; }
.quanwang_adv .con li .li_pic img { display: block; margin: 46px auto auto auto; }
.quanwang_adv .con li .li_des { font-size: 16px; text-align: center; margin-top: 36px; }
.quanwang_adv .con li:nth-child(1) .li_pic { background: linear-gradient(to right, #88A3CB, #A2B8D5); }
.quanwang_adv .con li:nth-child(2) .li_pic { background: linear-gradient(to right, #01B1DC, #15CCE2); }
.quanwang_adv .con li:nth-child(3) .li_pic { background: linear-gradient(to right, #2DBD67, #36D18A); }
.quanwang_adv .con li:nth-child(4) .li_pic { background: linear-gradient(to right, #5080F7, #25ACF9); }
.quanwang_adv .con li:nth-child(5) .li_pic { background: linear-gradient(to right, #F2BB23, #F6C93F); }
.quanwang_adv .con li:last-child { margin-right: auto; }
.quanwang_adv1 { width: 1560px; margin: 100px auto auto auto; }
.quanwang_adv1 li { width: 21.25%; float: left; margin-right: 5%; }
.quanwang_adv1 li .pic { width: 100%; padding-top: 98%; overflow: hidden; position: relative; }
.quanwang_adv1 li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.quanwang_adv1 li .li_title { font-size: 18px; text-align: center; margin-top: 20px; }
.quanwang_adv1 li .li_des { width: 95%; margin: 8px auto auto auto; height: 40px; line-height: 20px; overflow: hidden; text-align: center;font-size: 16px; }
.quanwang_adv1 li:last-child { margin-right: auto; }
.quanwang_adv2 { width: 100%; padding: 115px 0px 85px 0px; background: url(../img/quanwang_bg_3.jpg) center top no-repeat; margin-top: 50px; background-color: #F5F8FA }
.quanwang_adv2 .con { width: 1560px; margin: auto; }
.quanwang_adv2 .con li { width: 24.16%; float: left; padding: 45px 3.75% 40px 3.75%; background-color: #ffffff; border-radius: 8px; margin-right: 2.5%; }
.quanwang_adv2 .con li .li_title { font-size: 20px; text-align: center; }
.quanwang_adv2 .con li .li_des { height: 120px; line-height: 30px; font-size: 16px; text-align: center; margin-top: 20px; }
.quanwang_adv2 .con li .li_pic { height: 230px; margin: 20px auto auto auto; }
.quanwang_adv2 .con li .li_pic img { max-width: 100%; display: block; margin: auto; }
.quanwang_adv2 .con li:nth-child(3n) { margin-right: auto; }
/**全网推广- 服务保障**/
.quanwang_promise_title { font-weight: bold; font-size: 36px; text-align: center; margin-top: 85px; }
.quanwang_promise_ul { width: 1560px; margin: 60px auto auto auto; }
.quanwang_promise_ul li { width: 10.41%; float: left; margin-right: 7.5%; }
.quanwang_promise_ul li .pic { height: 90px; }
.quanwang_promise_ul li .pic img { display: block; margin: auto; }
.quanwang_promise_ul li .title { line-height: 30px; text-align: center; font-size: 20px; margin-top: 15px; }
.quanwang_promise_ul li:last-child { margin-right: auto; }
/**网站seo推广-1**/
.seo_main_title { font-size: 36px; font-weight: bold; text-align: center; margin-top: 60px; line-height: 36px; }
.seo_main_des { text-align: center; font-size: 16px; margin-top: 20px; line-height: 30px; }
.seo_part1 { width: 1300px; background: url(../img/seo_1_3.jpg) right 170px no-repeat; margin: 10px auto auto auto; }
.seo_part1 .con { width: 1560px; margin: auto auto auto auto; }
.seo_part1 .con .pic { display: block; float: left; }
.seo_part1 .con .text { padding-left: 40px; background: url(../img/seo_1_2.jpg) left top no-repeat; float: left; margin-top: 120px; line-height: 32px; font-size: 16px; }
.seo_part1 .con .text .bold { font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.seo_part1 .con .text .bold span { font-size: 30px; }
.seo_part2 { width: 100%; padding: 74px 0px 80px 0px; background: url(../img/seo_bg_1.jpg); margin-top: 50px; }
.seo_part2 .con { width: 1560px; margin: auto; }
.seo_part2 .con .pic { display: block; float: right; }
.seo_part2 .con .left_con { width: 52%; float: left; margin: 60px auto auto 2%; }
.seo_part2 .con .left_con li { width: 42%; height: 68px; border-radius: 8px; border: 1px solid #ffffff; padding-left: 4%; font-size: 20px; line-height: 68px; color: #ffffff; float: left; margin-bottom: 30px; }
.seo_part2 .con .left_con li .span_index { font-size: 36px; display: inline-block; }
.seo_part2 .con .left_con li .span_con { font-size: 20px; margin-top: -15px; display: inline-block; vertical-align: middle }
.seo_part2 .con .left_con li:nth-child(2n) { float: right; }
.seo_part3 { width: 100%; padding: 60px 0px 70px 0px; background-color: #F5F8FA; }
.seo_part3 .con { width: 1560px; margin: auto; }
.seo_part3 .con li { width: 15.8%; float: left; margin-right: 5.25%; }
.seo_part3 .con li .pic { height: 100px; }
.seo_part3 .con li .pic img { display: block; margin: auto; }
.seo_part3 .con li .li_title { text-align: center; font-size: 18px; margin-top: 20px; }
.seo_part3 .con li:last-child { margin-right: auto; }
/**官网网站建设**/
.web_make { width: 100%; padding: 65px 0px 0px 0px; background: url(../img/web_bg_1.jpg) center top no-repeat; margin-top: 35px; }
.web_make .title { font-weight: bold; font-size: 36px; color: #ffffff; text-align: center; line-height: 36px; }
.web_make .des { font-size: 16px; text-align: center; color: #ffffff; margin-top: 12px; }
.web_make .des1 { font-size: 16px; text-align: center; color: #ffffff; margin-top: 25px; line-height: 32px; }
.web_make .img { display: block; margin: 40px auto auto auto; }
.web_style { width: 1560px; margin: 60px auto auto auto; }
.web_style li { width: 20%; float: left; margin-right: 6.66% }
.web_style li .pic { height: 142px; }
.web_style li .pic img { display: block; margin: auto; }
.web_style li .title { text-align: center; font-size: 20px; margin-top: 30px; }
.web_style li .des { height: 120px; line-height: 30px; text-align: center; margin-top: 15px; font-size: 14px;font-size: 14px;}
.web_style li:last-child { margin-right: auto; }
.web_style li:hover .title { color: #0F61AE; }
.web_style li:hover .des { color: #0F61AE; }
.web_confsion { width: 100%; padding: 75px 0px 60px 0px; background: url(../img/web_bg_2.jpg) center top no-repeat; margin-top: 80px; }
.web_confsion .con { width: 1560px; margin: auto; }
.web_confsion .con .left_part { width: 41.66%; float: left; margin-left: 5%; }
.web_confsion .con .left_part .title { font-weight: bold; font-size: 30px; color: #ffffff; line-height: 40px; }
.web_confsion .con .left_part .left_part_con { margin: 25px auto auto auto; padding: 25px 0px 30px 50px; font-size: 16px; line-height: 36px; color: #ffffff; background: url(../img/web_bg_3.png) left top no-repeat; }
.web_confsion .con .right_part { width: 51.25%; float: right; }
.web_confsion .con .right_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.web_confsion .con .right_part .best_web { margin-top: 40px; }
.web_confsion .con .right_part .best_web li { color: #ffffff; margin-bottom: 30px; }
.web_confsion .con .right_part .best_web li .li_title { font-size: 20px; }
.web_confsion .con .right_part .best_web li .li_title span { font-size: 14px; }
.web_confsion .con .right_part .best_web li .li_des { margin-top: 10px; font-size: 14px;}
.web_confsion .con .right_part .consult { width: 180px; height: 50px; background-color: #0068CA; display: block; border-radius: 5px; font-size: 16px; color: #ffffff; margin-top: 115px; text-align: center; line-height: 50px; }
.web_choice { width: 1200px; margin: 80px auto auto auto; }
.web_choice .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_choice .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_choice .choice_title_con { margin-top: 40px; }
.web_choice .choice_title_con li { width: 315px; font-weight: bold; font-size: 18px; line-height: 18px; margin-left: 22.5%; float: left; text-align: center; }
.web_choice .choice_title_con li:nth-child(2n) { float: right; margin: auto 22.5% auto auto; color: #0068CA; }
.web_choice .choice_ul { margin: 30px auto auto auto; padding: 45px 0px 90px 0px; background: url(../img/web_bg_3.jpg) center top no-repeat; }
.web_choice .choice_ul li { width: 191px; text-align: center; background-color: #666666; color: #ffffff; float: left; border-radius: 5px; padding: 12px 0; margin-bottom: 60px; }
.web_choice .choice_ul li:nth-child(even) { float: right; background-color: #0068CA; }
.web_choice .choice_ul li:nth-child(odd) { clear: both; }
.web_adv { margin: 40px auto auto auto; }
.web_adv .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_adv .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_adv .con { margin: 50px auto auto auto; height: 29vw; }
.web_adv .con .left_pic { width: 50%; float: left; height: 100% }
.web_adv .con .left_pic img { width: 100%; height: 100% }
.web_adv .con .right_con { width: 50%; padding: 6vw 0px 5vw 0px; background: linear-gradient(to right, #27B0FF, #4266FE); float: right; }
.web_adv .con .right_con li { height: 2vw; line-height: 2vw; font-size: 18px; color: #ffffff; margin-bottom: 1vw; margin-left: 7.2%; padding-left: 38px; background: url(../img/web_gou.png) left center no-repeat; }
.web_skill { width: 1560px; margin: 85px auto auto auto; }
.web_skill .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_skill .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_skill .con { margin: auto auto auto auto; }
.web_skill .con li { width: 24.16%; float: left; margin: 65px 13.76% auto auto; }
.web_skill .con li .pic { height: 52px; }
.web_skill .con li .pic img { display: block; margin: auto; transition: 0.3s; }
.web_skill .con li .li_title { text-align: center; font-size: 22px; margin-top: 20px; }
.web_skill .con li .li_des { text-align: center; line-height: 30px; margin-top: 10px; height: 60px; font-size: 14px;}
.web_skill .con li:nth-child(3n) { margin-right: auto; }
.web_skill .con li:hover .pic img { box-shadow: 1px 1px 15px 3px #DDDDDD; }
/**商城网站*/
.shop_banner { width: 100%; margin: 35px auto auto auto; }
.shop_banner img { width: 100%; }
.shop_style { width: 100%; padding: 75px 0px 70px 0px; background-color: #F5F8FA; }
.shop_style .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.shop_style .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.shop_style .con { width: 1560px; margin: 60px auto auto auto; }
.shop_style .con li { width: 23.33%; float: left; background-color: #ffffff; padding: 50px 0px 60px 0px; border-radius: 10px; margin-right: 2.22%; transition: 0.2s; }
.shop_style .con li .li_title { font-weight: bold; font-size: 20px; text-align: center; }
.shop_style .con li .li_des { line-height: 30px; font-size: 16px; text-align: center; width: 65%; margin: 15px auto auto auto; height: 60px; }
.shop_style .con li .li_pic { height: 72px; margin-top: 70px; }
.shop_style .con li .li_pic img { display: block; margin: auto; }
.shop_style .con li:last-child { margin-right: auto; }
.shop_style .con li:hover { box-shadow: 1px 2px 15px 3px #CDCDCD; }
/**商城网站-标准商城*/
.shop_biaozhun { width: 1560px; margin: 95px auto auto auto; }
.shop_biaozhun .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_2_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff;     background-size: 100%;}
.shop_biaozhun .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_biaozhun .left_part .des { line-height: 30px; margin-top: 25px; font-size: 15px;}
.shop_biaozhun .left_part .ul { margin-top: 42px; }
.shop_biaozhun .left_part .ul li { height: 70px; padding-left: 96px; line-height: 30px; margin-bottom: 22px; font-size: 15px;}
.shop_biaozhun .left_part .ul li.l1 { background: url(../img/shop_2_1_1.png) left center no-repeat; }
.shop_biaozhun .left_part .ul li.l2 { background: url(../img/shop_2_1_2.png) left center no-repeat; }
.shop_biaozhun .left_part .ul li.l3 { background: url(../img/shop_2_1_3.png) left center no-repeat; }
.shop_biaozhun .left_part .consult { font-size: 16px; margin-top: 15px; color: #ffffff; }
.shop_biaozhun .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_2_bg_2.jpg); }
.shop_biaozhun .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_biaozhun .right_part .con_ul { margin: 50px auto auto 7.5%; }
.shop_biaozhun .right_part .con_ul li { width: 20.2%; float: left; background-color: #ffffff; margin: auto 3.25% 26px auto; padding-bottom: 20px; transition: 1s; height: 108px; }
.shop_biaozhun .right_part .con_ul li .pic { height: 32px; margin: 22px auto auto auto; transition: 0.3s; }
.shop_biaozhun .right_part .con_ul li .pic img { display: block; margin: auto; }
.shop_biaozhun .right_part .con_ul li .li_title { text-align: center; font-size: 16px; margin-top: 20px; margin-bottom: 10px; transition: 0.3s; }
.shop_biaozhun .right_part .con_ul li:hover .li_title { color: #0F61B5; }
.shop_biaozhun .right_part .con_ul li:hover .pic { margin: 12px auto auto auto; }
/**商城网站-分销商城*/
.shop_fenxiao { width: 1560px; margin: 75px auto auto auto; }
.shop_fenxiao .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_3_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff;     background-size: 100%;}
.shop_fenxiao .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_fenxiao .left_part .des { line-height: 30px; margin-top: 25px; font-size: 16px; }
.shop_fenxiao .left_part .con { line-height: 24px; margin-top: 95px; font-size: 16px;}
.shop_fenxiao .left_part .line { width: 40px; height: 4px; background-color: #ffffff; margin-top: 20px; }
.shop_fenxiao .left_part .consult { font-size: 16px; margin-top: 175px; color: #ffffff; display: block; }
.shop_fenxiao .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_3_bg_2.jpg); }
.shop_fenxiao .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_fenxiao .right_part .cate_ul { margin-top: 20px; text-align: center; }
.shop_fenxiao .right_part .cate_ul li { width: 198px; height: 40px; display: inline-block; text-align: center; font-size: 16px; line-height: 40px; border: 1px solid #E0E0E0; }
.shop_fenxiao .right_part .cate_ul li.on { color: #0068CA; }
.shop_fenxiao .right_part .con { margin-top: 20px; }
.shop_fenxiao .right_part .con .left_con { width: 29.375%; float: left; margin: 140px auto auto 12%; font-size: 16px; line-height: 30px; }
.shop_fenxiao .right_part .con .right_pic { width: 46.125%; float: left; }
/**商城网站-代理分销商城*/
.shop_daili { width: 1560px; margin: 75px auto auto auto; }
.shop_daili .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_4_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff;     background-size: 100%;}
.shop_daili .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_daili .left_part .des { line-height: 30px; margin-top: 25px; font-size: 15px;}
.shop_daili .left_part .consult { font-size: 16px; margin-top: 290px; color: #ffffff; display: block; }
.shop_daili .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_4_bg_2.jpg); }
.shop_daili .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_daili .right_part .ul { width: 89%; margin: 40px auto auto auto; }
.shop_daili .right_part .ul li { width: 30.89%; float: left; border-radius: 8px; padding: 28px 0px 30px 0px; background-color: #ffffff; margin-right: 3.665%; }
.shop_daili .right_part .ul li .pic { height: 110px; }
.shop_daili .right_part .ul li .pic img { display: block; margin: auto; }
.shop_daili .right_part .ul li .li_title { text-align: center; font-weight: bold; font-size: 20px; margin-top: 38px; line-height: 20px; }
.shop_daili .right_part .ul li .li_line { width: 90%; height: 1px; background-color: #E0E0E0; margin: 30px auto auto auto; }
.shop_daili .right_part .ul li .li_des { line-height: 30px; text-align: center; font-size: 16px; margin-top: 20px; }
.shop_daili .right_part .ul li:last-child { margin-right: auto; }
.shop_daili .right_part .ul li:hover .li_title { color: #0F61B5; }
.shop_daili .right_part .ul li:hover .li_des { color: #0F61B5; }
/**商城网站-核心功能*/
.shop_function { width: 1560px; margin: 75px auto auto auto; }
.shop_function .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_5_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff;     background-size: 100%;}
.shop_function .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_function .left_part .des { line-height: 30px; margin-top: 25px;font-size: 15px; }
.shop_function .left_part .consult { font-size: 16px; margin-top: 260px; color: #ffffff; display: block; }
.shop_function .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_5_bg_2.jpg); }
.shop_function .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_function .right_part .ul { width: 87.75%; margin: 30px auto auto auto; }
.shop_function .right_part .ul li { width: 33.62%; height: 90px; border-radius: 8px; padding-left: 14.81%; float: left; margin-bottom: 22px; transition: 0.3s; }
.shop_function .right_part .ul li:nth-child(1) { background: url(../img/shop_5_2_1.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(2) { background: url(../img/shop_5_2_2.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(3) { background: url(../img/shop_5_2_3.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(4) { background: url(../img/shop_5_2_4.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(5) { background: url(../img/shop_5_2_5.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(6) { background: url(../img/shop_5_2_6.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(7) { background: url(../img/shop_5_2_7.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(8) { background: url(../img/shop_5_2_8.png) 8.82% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(2n) { float: right; }
.shop_function .right_part .ul li .li_title { font-size: 18px; margin-top: 20px; }
.shop_function .right_part .ul li .li_des { font-size: 16px; color: #666666; margin-top: 3px; }
.shop_function .right_part .ul li:hover { margin-bottom: 32px; margin-top: -10px; box-shadow: 1px 1px 15px 2px #EFEFEF }
/**网站系统开发*/
.system { width: 100%; padding: 1px 0px 60px 0px; background-color: #F5F8FA; margin-top: 35px; }
.system .con { width: 1560px; margin: auto; }
.system .con .sys_con { width: 41.33%; padding: 38px 3.5% 20px 3.5%; float: left; margin-top: 38px; background-color: #ffffff; }
.system .con .sys_con .sys_title { font-size: 18px; }
.system .con .sys_con .sys_ul { margin-top: 28px; }
.system .con .sys_con .sys_ul li { width: 27.87%; float: left; margin-right: 8.195%; }
.system .con .sys_con .sys_ul li .pic { width: 100%; padding-top: 100%; position: relative; overflow: hidden; transition: 0.3s; }
.system .con .sys_con .sys_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.system .con .sys_con .sys_ul li .li_title { line-height: 18px; width: 90%; margin: 18px auto auto auto; text-align: center; height: 36px; overflow: hidden;    font-size: 16px; }
.system .con .sys_con .sys_ul li:hover .li_title { color: #0F61AE; }
.system .con .sys_con .sys_ul li:hover .pic { box-shadow: 1px 2px 15px 2px #A7E7FF }
.system .con .sys_con .sys_ul li:nth-child(3n) { margin-right: auto; }
.system .con .sys_con:nth-child(2n) { float: right; }
/**公众号开发**/
.gongzonghao_style { width: 100%; background-color: #F5F8FA; margin: 35px auto auto auto; padding: 45px 0px 80px 0px; }
.gongzonghao_style .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.gongzonghao_style .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.gongzonghao_style .con { width: 1560px; margin: 55px auto auto auto; }
.gongzonghao_style .con li { width: 25%; float: left; margin-right: 12.5%; }
.gongzonghao_style .con li .pic { height: 81px; }
.gongzonghao_style .con li .pic img { display: block; margin: auto; transition: 0.3s; }
.gongzonghao_style .con li .li_title { font-size: 18px; text-align: center; margin-top: 30px; }
.gongzonghao_style .con li .li_des { height: 78px; line-height: 26px; overflow: hidden; text-align: center; margin-top: 10px;font-size: 14px; }
.gongzonghao_style .con li:last-child { margin-right: auto; }
.gongzonghao_style .con li:hover .pic img { box-shadow: 1px 1px 15px 2px #3CA0FD; }
.gongzonghao_style .con li:hover .li_title { color: #0F61AE; }
.gongzonghao_style .con li:hover .li_des { color: #0F61AE; }
.gongzonghao_function { width: 100%; padding: 55px 0px 60px 0px; background: url(../img/gongzonghao_2_bg_1.jpg); }
.gongzonghao_function .title { font-size: 36px; text-align: center; color: #ffffff; line-height: 36px; }
.gongzonghao_function .con { width: 1560px; margin: 55px auto auto auto; }
.gongzonghao_function .con li { width: 15%; float: left; margin-right: 2% }
.gongzonghao_function .con li .pic { width: 100%; padding-top: 211%; overflow: hidden; position: relative; }
.gongzonghao_function .con li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.gongzonghao_function .con li .li_title { font-size: 18px; text-align: center; color: #ffffff; margin-top: 10px; }
.gongzonghao_function .con li:last-child { margin-right: auto; }
.gongzonghao_need { width: 100%; padding: 60px 0px 70px 0; background-color: #F5F8FA; }
.gongzonghao_need .title { font-size: 36px; text-align: center; line-height: 36px; }
.gongzonghao_need .con { width: 1560px; margin: 50px auto auto auto; }
.gongzonghao_need .con li { width: 18.33%; float: left; margin-right: 2.0875%; transition: 0.1s; }
.gongzonghao_need .con li .li_title { height: 120px; line-height: 120px; text-align: center; font-weight: bold; font-size: 24px; color: #ffffff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.gongzonghao_need .con li:last-child { margin-right: auto; }
.gongzonghao_need .con li:nth-child(1) .li_title { background-color: #12B5B1; }
.gongzonghao_need .con li:nth-child(2) .li_title { background-color: #0075E4; }
.gongzonghao_need .con li:nth-child(3) .li_title { background-color: #DE1FEF; }
.gongzonghao_need .con li:nth-child(4) .li_title { background-color: #FF0000; }
.gongzonghao_need .con li:nth-child(5) .li_title { background-color: #FFBA00; }
.gongzonghao_need .con li .child_list { padding: 30px 0px 30px 22.45%; border-bottom: 1px solid #E0E0E0; font-size: 18px; background-color: #ffffff; height: 37px; transition: 0.3s; }
.gongzonghao_need .con li .child_list img { transition: 0.3s; }
.gongzonghao_need .con li .child_list:last-child { border-bottom: 1px solid #ffffff; }
.gongzonghao_need .con li:hover { margin-top: -10px; }
.gongzonghao_need .consult { width: 270px; height: 50px; border-radius: 30px; background-color: #ffffff; display: block; margin: 45px auto auto auto; line-height: 50px; text-align: center; }
.gongzonghao_need .con li .child_list:hover img { transform: rotate(360deg); }
/**小程序开发**/
.xiaochengxu_wx { width: 100%; margin-top: 50px; padding: 0px 0px 60px 0px; background: url(../img/xiaochengxu_1_bg.jpg) center bottom no-repeat; }
.xiaochengxu_wx .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.xiaochengxu_wx .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.xiaochengxu_wx .con { width: 1560px; margin: 40px auto auto auto; }
.xiaochengxu_wx .con .left_img { width: 49%; float: left; }
.xiaochengxu_wx .con .right_ul { width: 50%; float: right; margin-top: 90px; }
.xiaochengxu_wx .con .right_ul li { width: 46%; padding: 0 2%; float: left; margin-bottom: 70px; }
.xiaochengxu_wx .con .right_ul li .li_pic { height: 47px; }
.xiaochengxu_wx .con .right_ul li .li_pic img { display: block; margin: auto; }
.xiaochengxu_wx .con .right_ul li .li_title { text-align: center; font-size: 18px; margin-top: 15px; }
.xiaochengxu_wx .con .right_ul li .li_des { text-align: center; margin-top: 7px;     font-size: 16px;}
.xiaochengxu_wx_function { width: 1560px; margin: 90px auto auto auto; }
.xiaochengxu_wx_function li { width: 20%; float: left; margin-right: 6.66%; }
.xiaochengxu_wx_function li .li_title { font-size: 22px; text-align: center; }
.xiaochengxu_wx_function li .li_des { text-align: center; line-height: 30px; margin-top: 12px;     font-size: 16px;}
.xiaochengxu_wx_function li:last-child { margin-right: auto; }
.xiaochengxu_wx_function li:hover .li_title { color: #0F61AE; }
.xiaochengxu_wx_function li:hover .li_des { color: #0F61AE; }
.xiaochengxu_baidu { width: 100%; padding: 70px 0px 100px 0px; background-color: #F5F8FA; margin-top: 100px; }
.xiaochengxu_baidu .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.xiaochengxu_baidu .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.xiaochengxu_baidu .con { width: 1560px; margin: 60px auto auto auto; }
.xiaochengxu_baidu .con li { width: 14.33%; float: left; margin-right: 2.8%; }
.xiaochengxu_baidu .con li .li_pic { width: 100%; padding-top: 208%; overflow: hidden; position: relative; }
.xiaochengxu_baidu .con li .li_pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.xiaochengxu_baidu .con li .li_title { font-size: 20px; text-align: center; margin-top: 15px; }
.xiaochengxu_baidu .con li:last-child { margin-right: auto; }
.xiaochengxu_baidu_function { width: 1560px; margin: 55px auto auto auto; }
.xiaochengxu_baidu_function li { width: 19.16%; float: left; margin-right: 7.78%; }
.xiaochengxu_baidu_function li .li_pic { height: 49px; }
.xiaochengxu_baidu_function li .li_pic img { display: block; margin: auto; }
.xiaochengxu_baidu_function li .li_title { text-align: center; font-size: 22px; margin-top: 15px; }
.xiaochengxu_baidu_function li .li_des { text-align: center; line-height: 30px; margin-top: 12px;     font-size: 14px;}
.xiaochengxu_baidu_function li:last-child { margin-right: auto; }
/**客户案例*/
.clientcase { width: 1560px; margin: 55px auto auto auto; }
.clientcase li { width: 31.83%; float: left; margin: auto 2.25% 28px auto; transition: 0.2s; }
.clientcase li:nth-child(3n) { margin-right: auto; }
.clientcase li .pic { width: 100%; padding-top: 78.27%; position: relative; overflow: hidden; }
.clientcase li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.clientcase li .pic .title_con { width: 40.4%; padding: 74px 1% 10px 1%; font-size: 16px; color: #ffffff; text-align: center; font-weight: bold; line-height: 26px; height: 52px; overflow: hidden; position: absolute; left: 28.8%; top: 20%; background: url(../img/clientcase_title_bg.png); background-size: 100% 100%; opacity: 0; transition: 0.2s; }
.clientcase li:hover { box-shadow: 1px 5px 15px 3px #BABABA; }
.clientcase li:hover .title_con { opacity: 1; }
/**在线留言**/
.message { padding: 50px 0; background-color: #F6F6F6; }
.message .con { width: 1560px; background-color: #ffffff; margin: auto; padding: 75px 0px 110px 0px; }
.message .con .main_title { font-size: 30px; color: #58A245; text-align: center; font-weight: bold; padding-bottom: 60px; border-bottom: 1px solid #F0F0F0; }
.message .con .mes_con { width: 66.66%; margin: 60px auto auto auto; }
.message .con .mes_con .list { margin-bottom: 30px; }
.message .con .mes_con .list .input { width: 96%; padding-left: 3%; line-height: 48px; height: 48px; border: 1px solid #F0F0F0; font-size: 18px; }
.message .con .mes_con .list .input::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .input:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .textarea { padding: 5px 3%; width: 93%; border: 1px solid #F0F0F0; font-size: 18px; line-height: 30px; height: 90px; }
.message .con .mes_con .list .textarea::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .textarea:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_input { width: 40%; padding-left: 3%; line-height: 48px; height: 48px; border: 1px solid #F0F0F0; font-size: 18px; }
.message .con .mes_con .list .code_input::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_input:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_img { width: 190px; }
.message .con .mes_con .submit { width: 180px; height: 50px; font-size: 18px; text-align: center; line-height: 50px; color: #ffffff; border-radius: 25px; background-color: #58A245; border: 0; cursor: pointer; }
/****新闻详情**/
.news_detail { width: 90%; padding: 32px 5% 50px 5%; margin: auto; background-color: #ffffff; }
.news_detail .title { height: 20px; line-height: 20px; font-size: 18px; text-align: center; overflow: hidden; font-weight: bold; }
.news_detail .date { text-align: center; color: #999999; margin-top: 15px; }
.news_detail .content { margin-top: 30px; }
.prev_next_article { margin-top: 10px; font-size: 14px; }
/*分页*/
.pagess { clear: both; overflow: hidden; text-align: center; font-size: 12px; }
.pagess .epages { clear: both; line-height: 32px; margin: 15px auto; }
.pagess .epages a, .pagess .epages b { display: inline-block; margin: 3px; padding: 0 10px; min-width: 32px; height: 32px; line-height: 32px; border: 1px solid #ccc; box-sizing: border-box; font-weight: 400; }
.pagess .epages a { background: #fff; color: #999; }
.pagess .epages b { background: #0068CA; color: #fff; }
.pagess .epages a:hover { border: 1px solid #0068CA; background: #0068CA; color: #fff; }
#fengxiangx { margin: 15px auto auto auto; }
.m_main_nav { display: none; }
.sp_nav { display: none; }
.sjj_nav { position: fixed; top: -1000%; left: 0; }
/**浮窗***/
.float_window { width: 135px; position: fixed; top: 40%; right: 5px; z-index: 11; display: none; }
.float_window ul { padding: 20px 9px; background-color: #0C79E1; border-radius: 4px; }
.float_window ul li { border-bottom: 1px solid #F5F5F5; margin-bottom: 15px; padding-bottom: 10px; position: relative; }
.float_window ul li .icon { display: block; margin: auto; }
.float_window ul li .ewm { width: 107px; height: 107px; display: block; margin: auto; }
.float_window ul li .tel_con { width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; position: absolute; top: 0; left: -150px; background-color: #0C79E1; display: none; }
.float_window ul li:hover .tel_con { display: block; }
.float_window ul li span { text-align: center; color: #ffffff; display: block; margin-top: 5px; }
.float_window ul li:last-child { margin-bottom: 0; border-bottom: 0px; padding-bottom: 0px; }
.float_window .go_up { padding: 10px 9px; background-color: #0C79E1; border-radius: 4px; margin-top: 10px; }
.float_window .go_up img { display: block; margin: auto; }
.float_window .go_up span { text-align: center; color: #ffffff; display: block; margin-top: 5px; }
/****手机底部导航*******/
.m_foot { display: none; }
/*支付方式*/
.pay_way { margin-bottom: 50px; max-width: 1560px; margin: auto; }
.pay_way .box { width: 44%; margin-left: 3%; margin-right: 3%; margin-top: 60px; float: left; height: 140px; border-radius: 3px; border: 1px solid #ddd; box-sizing: border-box; }
.pay_way .box .img_box { width: 23%; height: 140px; padding-left: 10px; vertical-align: middle; display: table-cell; box-sizing: border-box; }
.pay_way .box img { width: 100%; max-width: 110px; }
.pay_way .box .txt { width: 100vw; height: 140px; vertical-align: middle; display: table-cell; box-sizing: border-box; padding-left: 10px; }
.pay_way .box .txt p { font-size: 16px; line-height: 1.8; }
 @Media screen and (max-width: 1500px) {
.web_adv { margin: 40px auto auto auto; }
.web_adv .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_adv .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_adv .con { margin: 50px auto auto auto; height: 29vw; }
.web_adv .con .left_pic { width: 50%; float: left; height: 100% }
.web_adv .con .left_pic img { width: 100%; height: 100% }
.web_adv .con .right_con { width: 50%; padding: 6vw 0px 5vw 0px; background: linear-gradient(to right, #27B0FF, #4266FE); float: right; }
.web_adv .con .right_con li { height: 2vw; line-height: 2vw; font-size: 16px; color: #ffffff; margin-bottom: 1vw; margin-left: 5%; padding-left: 35px; background: url(../img/web_gou.png) left center no-repeat; }
}
@Media screen and (max-width: 1340px) {
.seo_part1 { width: 97%; background: url(../img/seo_1_3.jpg) right 190px no-repeat; margin: 10px auto auto auto; background-size: 120px 115px; }
.seo_part1 .con { width: 97%; margin: auto auto auto auto; }
.seo_part1 .con .pic { display: block; float: left; width: 60%; }
.seo_part1 .con .text { padding-left: 35px; background: url(../img/seo_1_2.jpg) left top no-repeat; float: left; margin-top: 120px; line-height: 32px; font-size: 14px; }
.seo_part1 .con .text .bold { font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.seo_part1 .con .text .bold span { font-size: 20px; }
}
 @Media screen and (max-width: 1236px) {
/****顶部*******/
.sl_top { margin: auto; height: 40px; background-color: #F8f8f8; line-height: 40px; }
.sl_top .con { width: 97%; margin: auto; color: #666666; }
.sl_top .con ul { float: right; }
.sl_top .con li { display: inline-block; height: 20px; line-height: 20px; margin-right: 4px }
.sl_top .con li a { color: #666666; }
.sl_head { width: 97%; height: 90px; margin: auto; }
.sl_head .logo { float: left; margin-top: 14px; width: 16.75%; }
.sl_head .nav { float: right; margin-top: 45px; }
.sl_head .nav .nav_li { float: left; font-size: 15px; position: relative; }
.sl_head .nav .nav_li .main_a { color: #363636; padding: 0px 8px; }
.sl_head .nav .nav_li .main_a:hover { color: #0F61AE; font-weight: bold; }
.sl_head .nav .nav_li .sub_ul { width: 125%; position: absolute; min-width: 120px; left: -10%; top: 30px; padding: 10px 0px; z-index: 10; background-color: #EDEDED; opacity: 0.9; display: none; }
.sl_head .nav .nav_li .sub_ul .sub_li { text-align: center; font-size: 13px; line-height: 28px; }
.sl_head .nav .nav_li .sub_ul .sub_li .sub_a { color: #333333; }
.web_top { }
.web_top .sl_sub_nav { padding: 25px 0px; background-color: #E6F1FA; height: auto; display: none; }
.web_top .sl_sub_nav .nav_con { width: 97%; margin: auto; font-size: 14px; }
.web_top .sl_sub_nav .nav_con .web_nav { margin-left: 15%; display: none; }
.web_top .sl_sub_nav .nav_con .seo_nav { margin-left: 40%; display: none; }
.web_top .sl_sub_nav .nav_con .meng_nav { margin-left: 45%; display: none; }
.web_top .sl_sub_nav .nav_con .solve_nav { margin-left: 50%; display: none; }
.web_top .sl_sub_nav .nav_con .case_nav { margin-left: 5%; display: none; }
.web_top .sl_sub_nav .nav_con .news_nav { margin-left: 68%; display: none; }
.web_top .sl_sub_nav .nav_con .about_nav { margin-left: 30%; display: none; }
.web_top .sl_sub_nav .nav_con li { font-size: 14px; margin-right: 3.75%; display: inline-block; }
.web_top .sl_sub_nav .nav_con li:hover a { color: #0068CA; }
.web_top .sl_sub_nav .nav_con li.on a { color: #0068CA; }
.web_top .sl_sub_nav .nav_con li:last-child { margin-right: auto; }
/****首页主要业务*******/
.index_link { width: 97%; margin: 65px auto auto auto; }
.index_link li { width: 19%; float: left; margin-right: 8%; }
.index_link li .main_title { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; display: block; }
.index_link li .des { line-height: 28px; height: 28px; overflow: hidden; margin-top: 5px; display: block; }
.index_link li .icon_title { height: 20px; padding-left: 25px; line-height: 20px; color: #A2A2A2; display: block; margin-top: 10px; }
.index_link li.l1 .icon_title { background: url(../img/index_icon1.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l1 .icon_title :hover { background: url(../img/index_icon5.jpg) left center no-repeat; color: #1162AF; }
.index_link li.l2 .icon_title { background: url(../img/index_icon2.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l2 .icon_title:hover { background: url(../img/index_icon6.jpg) left center no-repeat; color: #1162AF; }
.index_link li.l3 .icon_title { background: url(../img/index_icon3.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l3 .icon_title:hover { background: url(../img/index_icon7.jpg) left center no-repeat; color: #1162AF; }
.index_link li.l4 .icon_title { background: url(../img/index_icon4.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l4 .icon_title:hover { background: url(../img/index_icon8.jpg) left center no-repeat; color: #1162AF; }
.index_link li:last-child { margin-right: auto; }
/****首页板块标题*******/
.index_title { text-align: center; font-size: 30px; margin-top: 80px; }
/****首页核心业务*******/
.index_business { width: 97%; margin: 65px auto 75px auto; }
.index_business li { width: 29.83%; float: left; border: 1px solid #E7E7E7; border-radius: 8px; padding: 0px 0px 0px 0px; transition: 0.2s; margin-right: 4.4%; }
.index_business li .li_title { font-size: 20px; text-align: center; color: #363636; line-height: 24px; margin-top: 60px; transition: 0.2s; }
.index_business li .li_des { font-size: 15px; text-align: center; color: #363636; line-height: 20px; margin-top: 15px; transition: 0.2s; height: 40px; }
.index_business li .li_img { height: 66px; margin-top: 35px; }
.index_business li .li_img img { display: block; margin: auto; }
.index_business li .li_img .img2 { display: none; }
.index_business li:hover .li_title { color: #ffffff; }
.index_business li:hover .li_des { color: #ffffff; }
.index_business li:hover .li_img .img1 { display: none; }
.index_business li:hover .li_img .img2 { display: block; }
.index_business li:hover { background-color: #0068CA; }
.index_business li .li_line { width: 90%; height: 1px; background-color: #E7E7E7; margin: 40px auto auto auto; transition: 0.2s; }
.index_business li .li_con { font-size: 15px; color: #363636; line-height: 20px; text-align: center; margin: 50px auto 40px auto; transition: 0.2s; height: 60px; }
.index_business li:hover .li_line { background-color: #ffffff; }
.index_business li:last-child { margin-right: auto; }
.index_business li:hover .li_con { color: #ffffff; }
.index_business li .cate_con { width: 100%; height: 80%; padding-top: 20%;/*background:url(../img/tou_black.png);*/ background-size: 100% 100%; opacity: 0; transition: 0.2s; position: absolute; left: 0; top: 0; border-top: 1px solid transparent; border-radius: 8px; background-color: #0068CA; }
.index_business li:hover .cate_con { opacity: 1; text-align: center; }
.index_business li:hover .cate_con .cate_a { line-height: 30px; font-size: 16px; color: #ffffff; margin-bottom: 25px; display: block; font-weight: bold; }
/*.index_business{width:97%;margin:85px auto auto auto;}
.index_business li{width:23.33%;float:left;padding:59px 0px 40px 0px;margin-right: 15%;cursor: pointer;transition: 0.3s;}
.index_business li:last-child{margin-right: auto;}
.index_business li .pic{height:55px;transition: 0.3s;}
.index_business li.l1 .pic{background:url(../img/index_business_icon1.png) center center no-repeat;}
.index_business li.l2 .pic{background:url(../img/index_business_icon2.png) center center no-repeat;}
.index_business li.l3 .pic{background:url(../img/index_business_icon3.png) center center no-repeat;}
.index_business li .title{font-size: 20px;text-align: center;margin-top: 25px;transition: 0.3s;}
.index_business li.on{background-color: #0068CA;}
.index_business li.on.l1 .pic{background:url(../img/index_business_icon4.png) center center no-repeat;}
.index_business li.on.l2 .pic{background:url(../img/index_business_icon5.png) center center no-repeat;}
.index_business li.on.l3 .pic{background:url(../img/index_business_icon6.png) center center no-repeat;}
.index_business li.on .title{color:#ffffff;}
*/
.index_business_con { width: 100%; height: 250px; background-color: #0068CA; border-top: 1px solid #0068CA; }
.index_business_con .con { width: 97%; margin: auto; font-size: 20px; }
.index_business_con .con .ul1 { margin-top: 110px; display: none; }
.index_business_con .con .ul1 li { float: left; margin-left: 5%; }
.index_business_con .con .ul1 li a { color: #ffffff; }
.index_business_con .con .ul2 { margin-top: 110px; text-align: center; display: none; }
.index_business_con .con .ul2 li { display: inline-block; margin-left: 5%; }
.index_business_con .con .ul2 li a { color: #ffffff; }
.index_business_con .con .ul3 { margin-top: 110px; text-align: right; display: none; }
.index_business_con .con .ul3 li { display: inline-block; margin-right: 5%; }
.index_business_con .con .ul3 li a { color: #ffffff; }
.index_business_con .con .on { display: block; }
/****首页解决方案*******/
.index_solve { width: 97%; margin: 60px auto auto auto; background-color: #fafafa; }
.index_solve li { width: 30%; float: left; border-right: 1px solid #E7E7E7; height: 500px; cursor: pointer; }
.index_solve li .li_head { font-size: 22px; height: 94px; line-height: 94px; text-align: center; color: #363636; border-bottom: 1px solid #E7E7E7; }
.index_solve li .li_con1 { width: 85%; margin: 60px auto auto auto; }
.index_solve li .li_con1 .list { font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 80px; }
.index_solve li .li_con2 { margin: auto; display: none; }
.index_solve li .li_con2 .list { border-bottom: 1px solid #E7E7E7; width: 85%; padding: 28px 7.5% 25px; }
.index_solve li .li_con2 .list:nth-child(odd) { background-color: #ffffff; }
.index_solve li .li_con2 .list .title { width: 100%; display: block; height: 22px; line-height: 22px; font-size: 18px; overflow: hidden; }
.index_solve li .li_con2 .list .des { margin-top: 15px; height: 44px; line-height: 22px; overflow: hidden; }
.index_solve li .li_con2 .list:last-child { border-bottom: 0px; }
.index_solve li.on { width: 39.5%; box-shadow: 1px 2px 20px 5px #E1E1E1; }
.index_solve li.on .li_head { background-color: #0068CA; color: #ffffff; }
.index_solve li.on .li_con2 { display: block; }
.index_solve li.on .li_con1 { display: none; }
.index_solve li:last-child { border-right: 0px; }
/****首页搜索，关键字*******/
.index_sou { width: 100%; line-height: 70px; height: auto; }
.index_sou .con { width: 97%; margin: auto; }
.index_sou .con .keywords { float: left; color: #999999; }
.index_sou .con .keywords span { font-weight: bold; }
.index_sou .con .sou_con { width: 320px; height: 36px; float: right; background-color: #F6F6F6; border-radius: 4px; margin-top: 17px; }
.index_sou .con .sou_con .input { width: 200px; float: left; height: 28px; line-height: 28px; border: 0px; padding-left: 20px; background-color: #ffffff; margin-top: 5px; background-color: #F6F6F6; }
.index_sou .con .sou_con .sou_submit { width: 43px; height: 36px; border: 0px; cursor: pointer; outline: none; background: url(../img/search_bg.png) 5px center no-repeat; float: right; }
/****首页携手客户*******/
.index_customer { width: 97%; margin: 50px auto auto auto; }
.index_customer .list_con { }
.index_customer .list_con .item_con { width: 14.16%; float: left; cursor: pointer; padding-bottom: 8px; border-bottom: 3px solid #E7E7E7; transition: 0.2s; }
.index_customer .list_con .item_con .img { padding-top: 60%; width: 60%; overflow: hidden; position: relative; margin: auto; }
.index_customer .list_con .item_con .img img { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 0; }
.index_customer .list_con .item_con .title { width: 98%; height: 36px; line-height: 18px; font-size: 15px; text-align: center; margin: 18px auto auto auto; }
.index_customer .list_con .item_con:hover { border-bottom: 3px solid #0F61AE; }
.index_customer .list_con .more { font-size: 20px; float: right; display: block; margin-top: 50px; }
.index_customer .list_con .line { width: 100%; height: 3px; background-color: #E7E7E7; margin-top: -3px; }
.index_customer .con { width: 75%; margin: 60px auto auto auto; }
.index_customer .con .conn { }
.index_customer .con .conn .left_con { width: 13.94%; float: left; }
.index_customer .con .conn .left_con .pic { width: 95%; padding-top: 95%; overflow: hidden; position: relative; border-radius: 50%; border: 1px solid #cccccc; margin: auto; }
.index_customer .con .conn .left_con .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.index_customer .con .conn .left_con .title { width: 100%; height: 40px; display: block; line-height: 20px; overflow: hidden; font-size: 16px; text-align: center; margin-top: 15px; }
.index_customer .con .conn .right_con { width: 74.34%; float: right; font-size: 16px; line-height: 35px; text-align: justify; }
.index_customer .con .conn .right_con .dh2 { display: block; float: right; }
.index_customer .con .conn .right_con .more_con { font-size: 16px; margin: 20px auto auto auto; text-align: center; }
/**轮播图***/
.main_banner .prev_banner { width: 40px; height: 40px; display: block; background: url(../img/prev_banner.png) center center no-repeat; position: absolute; left: 30px; top: 45%; background-size: 100% 100%; }
.main_banner .next_banner { width: 40px; height: 40px; display: block; background: url(../img/next_banner.png) center center no-repeat; position: absolute; right: 30px; top: 45%; background-size: 100% 100%; }
/****首页关于我们*******/
.index_about { padding: 1px 0px 83px 0px; background: url(../img/index_about_bg.jpg); margin-top: 60px; }
.index_about .con { width: 97%; margin: auto; }
.index_about .con .des { text-align: center; line-height: 26px; font-size: 16px; color: #ffffff; margin-top: 20px; }
.index_about .con .data_con { margin-top: 85px; }
.index_about .con .data_con li { width: 33.33%; float: left; font-size: 30px; color: #ffffff; text-align: center; }
.index_about .con .data_con li .data { margin-bottom: 40px; }
.index_about .con .data_con li .data span { font-size: 70px; line-height: 70px; }
.index_about .con .more { width: 178px; height: 58px; display: block; border: 3px solid #ffffff; margin: 90px auto auto auto; font-size: 20px; text-align: center; line-height: 58px; color: #ffffff; transition: 0.2s; }
.index_about .con .more:hover { background-color: #ffffff; color: #0068CA; }
/****底部*************/
.main_bottom { padding: 40px 0px 30px 0; background-color: #0068CA; }
.main_bottom .con { width: 97%; margin: auto; }
.main_bottom .con .left_view_con { width: 21.66%; float: left; display: none; }
.main_bottom .con .left_view_con .title { font-size: 18px; color: #ffffff; }
.main_bottom .con .left_view_con .view_ul { }
.main_bottom .con .left_view_con .view_ul li { color: #B8CBEB; height: 16px; line-height: 16px; margin-top: 10px; }
.main_bottom .con .left_view_con .view_ul li .title_con { width: 60%; float: left; height: 16px; overflow: hidden; }
.main_bottom .con .left_view_con .view_ul li .date { width: 85px; float: right; text-align: right; }
.main_bottom .con .nav_ul { float: left; margin-left: 1%; }
.main_bottom .con .nav_ul li { font-size: 18px; color: #ffffff; float: left; margin-right: 55px; }
.main_bottom .con .nav_ul li .sub_a { display: block; color: #B8CBEB; font-size: 14px; line-height: 14px; margin-top: 13px; }
.main_bottom .con .contact_con { width: 35%; font-size: 18px; color: #ffffff; float: left; }
.main_bottom .con .contact_con .list { color: #B8CBEB; font-size: 14px; line-height: 30px; margin-top: 5px; }
.main_bottom .con .ewm { width: 13.3%; float: right; }
.main_bottom .con .ewm .pic { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.main_bottom .con .ewm .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main_bottom .con .ewm span { display: block; text-align: center; color: #ffffff; margin-top: 10px; }
.main_bottom .con .copyright { line-height: 26px; color: #B8CBEB; text-align: center; margin-top: 20px; }
.main_bottom .con .copyright a { color: #B8CBEB; }
.main_bottom .con .partner_title { font-size: 18px; color: #ffffff; text-align: center; margin-top: 10px; }
.main_bottom .con .partner_con { text-align: center; margin-top: 20px; }
.main_bottom .con .partner_con li { display: inline-block; margin-right: 20px; }
.main_bottom .con .partner_con li:last-child { margin-right: auto; }
/****合作链接-友情链接**********/
.link_title { width: 97%; font-size: 18px; font-weight: bold; color: #0F61AE; margin: 35px auto auto auto; }
.partner_ul { width: 97%; margin: 22px auto auto auto; }
.partner_ul .partner_li { width: 48.33%; float: left; }
.partner_ul .partner_li .li_title { width: 13.75%; float: left; background-color: #0068CA; color: #ffffff; font-size: 18px; text-align: center; padding: 10px 0px; }
.partner_ul .partner_li .li_con { width: 79.96%; float: right; padding: 9px 2%; border: 1px solid #e7e7e7; overflow: hidden; height: 48px; }
.partner_ul .partner_li .li_con li { color: #666666; line-height: 22px; margin-right: 13px; display: inline-block; }
.partner_ul .partner_li .li_con li a { color: #666666; }
.partner_ul .partner_li:last-child { float: right; }
.link_con { width: 97%; margin: 22px auto auto auto; }
.link_con .link_li { }
.link_con .link_li .li_title { width: 6.7%; float: left; background-color: #0068CA; color: #ffffff; font-size: 18px; text-align: center; padding: 10px 0px; }
.link_con .link_li .li_con { width: 88.2%; float: right; padding: 9px 2%; border: 1px solid #e7e7e7; overflow: hidden; height: 48px; }
.link_con .link_li .li_con li { color: #666666; line-height: 22px; margin-right: 13px; display: inline-block; }
.link_con .link_li .li_con li a { color: #666666; }
.location { width: 100%; height: 79px; background: url(../img/location_bg.jpg); }
.location .con { width: 97%; margin: auto auto auto auto; font-size: 14px; line-height: 25px; color: #ffffff; padding-top: 15px; }
.location .con a { color: #ffffff; }
/****内页导航*****/
.inner_category { margin-top: 38px; text-align: center; }
.inner_category li { color: #363636; display: inline-block; ; font-size: 14px; margin-right: 20px; }
.inner_category li a { color: #363636; }
.inner_category li:hover a { color: #0068CA; }
.inner_category li:last-child { margin-right: auto; }
/****内页导航*****/
.inner_category2 { margin-top: 38px; text-align: center; }
.inner_category2 li { width: 148px; height: 50px; text-align: center; line-height: 50px; display: inline-block; ; font-size: 16px; margin-right: 20px; border: 1px solid #E0E0E0; }
.inner_category2 li a { color: #363636; }
.inner_category2 li:hover { border: 1px solid #0068CA; }
.inner_category2 li:hover a { color: #0068CA; }
.inner_category2 li.on { border: 1px solid #0068CA; }
.inner_category2 li.on a { color: #0068CA; }
.inner_category2 li:last-child { margin-right: auto; }
/****公司简介*****/
.about_title { font-weight: bold; font-size: 36px; text-align: center; line-height: 36px; margin-top: 50px; }
.about_title span { display: block; font-size: 16px; font-weight: normal; margin-top: 10px; }
.about_brand { width: 100%; padding: 1px 0px 71px 0px; background: url(../img/about_bg.jpg); margin-top: 40px; }
.about_brand .con { width: 97%; margin: 35px auto auto auto; padding: 60px 0px 50px 0px; background-color: #ffffff; }
.about_brand .con .img { display: block; margin: auto; }
.about_brand .con .content { font-size: 16px; line-height: 28px; margin-top: 50px; text-align: center; }
.about_con { width: 97%; margin: 30px auto auto auto; }
/**联系我们**/
.inner_con { width: 100%; padding: 40px 0px 50px 0px; background-color: #F5F8FA; margin-top: 40px; }
.contact { width: 97%; margin: auto auto auto auto; padding: 40px 0px 60px 0px; background-color: #ffffff; }
.contact .contact_title { font-size: 24px; display: inline-block; border-bottom: 2px solid #0068CA; margin-left: 4.1%; padding-bottom: 20px; }
.contact .contact_line { width: 100%; height: 1px; background-color: #F5F8FA }
.contact .map { width: 53.33%; margin: 45px auto auto 4.1%; float: left; height: 395px; }
.contact .right_con { width: 33.33%; float: right; margin: 45px 4.1% auto auto; }
.contact .right_con li { margin-bottom: 25px; }
.contact .right_con li .li_title { padding-left: 40px; height: 28px; line-height: 28px; font-size: 16px; }
.contact .right_con li .li_con { padding-left: 40px; line-height: 22px; margin-top: 8px; }
.contact .right_con li.l1 .li_title { background: url(../img/contact_tel.jpg) left center no-repeat; }
.contact .right_con li.l2 .li_title { background: url(../img/contact_phone.jpg) left center no-repeat; }
.contact .right_con li.l3 .li_title { background: url(../img/contact_service.jpg) left center no-repeat; }
.contact .right_con li.l4 .li_title { background: url(../img/contact_address.jpg) left center no-repeat; }
/**搜浪团队**/
.team_con { width: 100%; padding: 1px 0px 55px 0px; background-color: #F5F8FA; margin-top: 40px; }
.team_con .team_ul { width: 97%; margin: 40px auto auto auto; }
.team_con .team_ul li { width: 18.33%; float: left; margin-right: 2%; }
.team_con .team_ul li .pic { width: 100%; padding-top: 100%; overflow: hidden; position: relative; }
.team_con .team_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.team_con .team_ul li .li_con { padding: 18px 8% 20px 8%; background-color: #ffffff; }
.team_con .team_ul li .li_con .title { font-size: 14px; }
.team_con .team_ul li .li_con .title span { font-weight: bold; font-size: 18px; }
.team_con .team_ul li .li_con .des { line-height: 24px; height: 84px; color: #666666; font-size: 14px; overflow: hidden; margin-top: 20px; }
.team_con .team_ul li:last-child { margin-right: auto; }
.team_picture { width: 97%; margin: 55px auto auto auto; }
.team_picture .left_pic { width: 62.5%; float: left; }
.team_picture .left_pic img { width: 100%; }
.team_picture .right_pic { width: 35.83%; float: right; }
.team_picture .right_pic .pic_ul { }
.team_picture .right_pic .pic_ul li { width: 100%; padding-top: 59.53%; overflow: hidden; position: relative; margin-bottom: 18px; }
.team_picture .right_pic .pic_ul li img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
/**文化**/
.culture_con { padding: 30px 0px 55px 0; background-color: #F5F8FA; }
.culture_con .con { width: 88%; padding: 50px 4.1% 70px 4.1%; margin: auto; background-color: #ffffff; }
.culture_con .con .our_culture { padding: 70px 0px 30px 0; background: url(../img/culture_bg.jpg); }
.culture_con .con .our_culture .title { font-weight: bold; color: #ffffff; font-size: 30px; line-height: 30px; text-align: center; }
.culture_con .con .our_culture .des { color: #ffffff; line-height: 30px; font-size: 15px; text-align: left; width: 90%; margin: 15px auto auto auto; }
.culture_con .con .slogan { margin-top: 60px; }
.culture_con .con .slogan li { width: 30.33%; float: left; padding: 0px 1.5%; text-align: center; }
.culture_con .con .slogan li .title { font-size: 18px; }
.culture_con .con .slogan li .des { text-align: center; font-size: 15px; margin-top: 15px; }
.culture_line { width: 100%; height: 1px; background-color: #e0e0e0; margin-top: 60px; }
.culture_title { text-align: center; font-size: 24px; margin-top: 40px; }
.culture_des { text-align: center; margin-top: 5px; }
.culture_pic_con { margin-top: 40px; }
.culture_pic_con li { width: 93%; padding-top: 54.14%; overflow: hidden; position: relative; }
.culture_pic_con li img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
/**搜浪之路**/
.road_con { padding: 30px 0px 55px 0; background-color: #F5F8FA; margin-top: 40px; }
.road_con .con { width: 88%; padding: 50px 4.1% 50px 4.1%; margin: auto; background-color: #ffffff; }
.road_con .con .our_road { padding: 105px 0px 105px 0; background: url(../img/road_bg.jpg); }
.road_con .con .our_road .title { font-weight: bold; color: #ffffff; font-size: 36px; line-height: 36px; text-align: center; }
.road_con .con .our_road .des { color: #ffffff; line-height: 30px; font-size: 16px; text-align: center; margin-top: 15px; }
.road_all { margin-top: 40px; padding: 1px 0px; background: url(../img/road_pic.jpg) 25% top no-repeat; }
.road_all ul { }
.road_all ul li { overflow: hidden; font-size: 16px; }
.road_all ul li .left_date { width: 20.13%; float: left; margin-left: 1.5%; height: 65px; }
.road_all ul li .right_con { width: 69%; float: right; height: 65px; }
.road_all ul li .height1 { height: 100px; }
.road_all ul li .height2 { height: 155px; }
/**搜浪招聘**/
.zhao { width: 100%; padding: 30px 0px 45px 0px; background-color: #F5F8FA; }
.zhao .con { width: 90%; padding: 40px 3%; background-color: #ffffff; margin: auto }
.zhao .con .zhao_ul { }
.zhao .con .zhao_ul li { margin-bottom: 40px; }
.zhao .con .zhao_ul li .title_con { height: 56px; line-height: 56px; padding: 0 3%; background-color: #F5F8FA; font-size: 16px; overflow: hidden; }
.zhao .con .zhao_ul li .title_con .show { display: block; float: right; }
.zhao .con .zhao_ul li .li_con { width: 94%; margin: 30px auto auto auto; display: none; }
.zhao .con .zhao_ul li .li_con .list { width: 30%; height: 18px; line-height: 18px; overflow: hidden; color: #999999; float: left; font-size: 14px; margin-bottom: 15px; }
.zhao .con .zhao_ul li .li_con .list span { color: #363636; }
.zhao .con .zhao_ul li .li_con .zhao_detail { margin-top: 15px; }
.zhao_detail { width: 97%; margin: auto; background-color: #ffffff; padding: 40px 0px 80px 0px; }
.zhao_detail .zhao_title { font-size: 24px; display: inline-block; padding-bottom: 25px; border-bottom: 2px solid #0068CA; margin-left: 4%; }
.zhao_detail .zhao_line { width: 100%; height: 1px; background-color: #F5F8FA; }
.zhao_detail .zhao_con { width: 90%; margin: 40px auto auto auto; }
.zhao_detail .zhao_con .list { width: 30%; float: left; margin-right: 5%; margin-bottom: 28px; }
.zhao_detail .zhao_con .list_name { font-size: 16px; }
.zhao_detail .zhao_con .list .input { width: 97%; padding-left: 3%; height: 44px; line-height: 44px; margin-top: 5px; border: 1px solid #E0E0E0; }
.zhao_detail .zhao_con .list:nth-child(3n) { margin-right: auto; }
.zhao_detail .zhao_con .textarea { width: 97%; padding: 5px 1.5%; height: 125px; line-height: 25px; border: 1px solid #E0E0E0; margin-top: 5px; margin-bottom: 15px; }
.zhao_detail .zhao_con .code_input { width: 19%; padding-left: 1%; height: 44px; line-height: 44px; margin-top: 5px; border: 1px solid #E0E0E0; }
.zhao_detail .zhao_con .code_img { width: 20%; height: 44px; margin-left: 10px; }
.zhao_detail .zhao_con .submit { width: 180px; height: 44px; line-height: 44px; text-align: center; background-color: #0068CA; color: #ffffff; font-size: 16px; border: 0px; margin-left: 25px; cursor: pointer; }
/**搜浪动态**/
.dongtai { width: 88%; padding: 50px 4.1%; background-color: #ffffff; margin: auto; }
.dongtai .ul { }
.dongtai .ul li { padding-bottom: 45px; border-bottom: 1px solid #F4F7FA; margin-bottom: 35px; }
.dongtai .ul li .pic { width: 22%; float: left; padding-top: 13.63%; position: relative; overflow: hidden; }
.dongtai .ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.dongtai .ul li .right_con { width: 75%; float: right; }
.dongtai .ul li .right_con .title { height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; }
.dongtai .ul li .right_con .title a { }
.dongtai .ul li .right_con .des { height: 52px; line-height: 26px; color: #666666; overflow: hidden; margin-top: 15px; }
.dongtai .ul li .right_con .date_con { color: #A9A9A9; margin-top: 30px; }
.dongtai .ul li .right_con .date_con .more { width: 110px; height: 36px; display: block; border-radius: 4px; background-color: #0068CA; color: #ffffff; text-align: center; line-height: 36px; float: right; }
.dongtai_detail { width: 97%; margin: auto; }
.dongtai_detail .left_con { width: 66.25%; padding: 20px 3.33% 50px 3.33%; float: left; background-color: #ffffff }
.dongtai_detail .right_con { width: 25%; float: right; }
.dongtai_detail .right_con .relative_news { padding: 30px 0px; background-color: #ffffff; }
.dongtai_detail .right_con .relative_news .title_con { width: 80%; height: 20px; font-weight: bold; font-size: 18px; border-left: 5px solid #0068CA; margin: auto; line-height: 20px; padding-left: 10px; }
.dongtai_detail .right_con .relative_news .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .relative_news ul { width: 92%; margin: auto; }
.dongtai_detail .right_con .relative_news ul li { padding-bottom: 20px; border-bottom: 1px solid #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .relative_news ul li .left_date { width: 17.69%; float: left; font-size: 12px; border: 1px solid #E0E0E0; text-align: center; line-height: 16px; padding: 4px 0px; color: #666666; }
.dongtai_detail .right_con .relative_news ul li .left_date span { display: block; }
.dongtai_detail .right_con .relative_news ul li .right_con_news { width: 76.92%; float: right; }
.dongtai_detail .right_con .relative_news ul li .right_con_news .title { height: 16px; display: block; width: 100%; overflow: hidden; font-weight: bold; color: #666666; line-height: 16px; }
.dongtai_detail .right_con .relative_news ul li .right_con_news .des { height: 16px; line-height: 16px; overflow: hidden; color: #666666; margin-top: 7px; }
.dongtai_detail .right_con .hot_news { padding: 30px 0px; background-color: #ffffff; margin-top: 20px; }
.dongtai_detail .right_con .hot_news .title_con { width: 80%; height: 20px; font-weight: bold; font-size: 18px; border-left: 5px solid #0068CA; margin: auto; line-height: 20px; padding-left: 10px; }
.dongtai_detail .right_con .hot_news .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .hot_news ul { width: 85%; margin: 25px auto auto auto; }
.dongtai_detail .right_con .hot_news ul li { height: 16px; line-height: 16px; overflow: hidden; margin-bottom: 30px; }
.dongtai_detail .right_con .hot_news ul li a { color: #666666; }
/**新闻资讯**/
.news { width: 97%; margin: auto; }
.news .left_news { width: 67%; padding: 30px 3% 30px 2.5%; background-color: #ffffff; margin: auto; float: left; }
.news .left_news .news_ul { }
.news .left_news .news_ul li { padding-bottom: 28px; border-bottom: 1px solid #F4F7FA; margin-bottom: 28px; }
.news .left_news .news_ul li .pic { width: 22%; float: left; padding-top: 13.63%; position: relative; overflow: hidden; }
.news .left_news .news_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.news .left_news .news_ul li .right_con { width: 75%; float: right; }
.news .left_news .news_ul li .right_con .title { height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; }
.news .left_news .news_ul li .right_con .title a { }
.news .left_news .news_ul li .right_con .des { height: 52px; line-height: 26px; color: #666666; overflow: hidden; margin-top: 15px; }
.news .left_news .news_ul li .right_con .date_con { color: #A9A9A9; margin-top: 30px; }
.news .left_news .news_ul li .right_con .date_con .more { width: 110px; height: 36px; display: block; border-radius: 4px; background-color: #0068CA; color: #ffffff; text-align: center; line-height: 36px; float: right; }
.news .right_keywords { width: 25%; float: right; background-color: #ffffff; padding: 20px 0px 35px 0px; }
.news .right_keywords .title { width: 82%; height: 20px; line-height: 20px; font-weight: bold; font-size: 20px; border-left: 4px solid #0068CA; padding-left: 10px; margin: auto; }
.news .right_keywords .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 18px; }
.news .right_keywords .keywords_ul { width: 88%; margin: auto; }
.news .right_keywords .keywords_ul li { width: 47%; height: 35px; line-height: 35px; text-align: center; color: #666666; float: left; margin-top: 15px; background-color: #F5F8FA; border-radius: 5px; }
.news .right_keywords .keywords_ul li a { color: #666666; }
.news .right_keywords .keywords_ul li:nth-child(2n) { float: right; }
/**展示案例-详情**/
.case_detail { width: 87%; padding: 40px 4.1%; background-color: #ffffff; margin: auto; }
.case_detail .title { font-size: 20px; line-height: 28px; text-align: center; }
.case_detail .list_title { height: 70px; font-size: 18px; line-height: 70px; background-color: #F5F8FA; padding-left: 5%; margin-top: 30px; }
.case_detail .detail_con { margin-top: 20px; }
/**萌老板财务管理系统**/
.mengcw_category { text-align: center; margin-top: 32px; }
.mengcw_category li { width: 180px; height: 54px; border: 1px solid #e0e0e0; text-align: center; line-height: 54px; font-size: 16px; display: inline-block; margin-right: 31px; }
.mengcw_category li:last-child { margin-right: auto; }
.mengcw_category li:hover a { color: #0068CA; }
.mengcw_category li:hover { border: 1px solid #0068CA; }
.mengcw_banner { width: 100%; padding: 65px 0px 65px 0; background: url(../img/mengcw_bg.jpg) center top no-repeat; margin-top: 35px; }
.mengcw_banner .title { font-size: 36px; font-weight: bold; text-align: center; color: #ffffff; line-height: 36px; }
.mengcw_banner .des { text-align: center; font-weight: bold; font-size: 16px; color: #ffffff; margin-top: 15px; }
.mengcw_banner .img { display: block; margin: 50px auto auto auto; width: 85%; }
/**萌老板财务管理系统-功能**/
.meng_function { width: 97%; margin: 90px auto auto auto; }
.meng_function li { width: 20%; float: left; margin-right: 6.66%; }
.meng_function li:last-child { margin-right: auto; }
.meng_function li .pic { height: 56px; }
.meng_function li .pic .img { display: block; margin: auto; transition: 0.2s; }
.meng_function li .title { font-size: 18px; text-align: center; margin-top: 15px; }
.meng_function li .des { height: 100px; line-height: 25px; overflow: hidden; text-align: center; margin-top: 10px; }
.meng_function li:hover .pic .img { box-shadow: 1px 2px 15px 2px #BFD4FF; }
/****萌老板财务管理系统-相关资讯*******/
.meng_news { width: 97%; margin: 45px auto auto auto; }
.meng_news li { width: 21.25%; float: left; margin-right: 5%; }
.meng_news li .main_title { font-size: 18px; line-height: 26px; height: 56px; overflow: hidden; display: block; }
.meng_news li .des { line-height: 28px; height: 56px; overflow: hidden; margin-top: 10px; display: block; color: #999999; }
.meng_news li .icon_title { height: 20px; line-height: 20px; color: #A2A2A2; display: block; margin-top: 10px; color: #999999; font-size: 13px; }
.meng_news li:last-child { margin-right: auto; }
.meng_news li:hover .main_title { color: #0F61AE; }
.meng_news li:hover .des { color: #0F61AE; }
.meng_news li:hover .icon_title { color: #0F61AE; }
/**萌老板客户管理系统**/
.mengkh_banner { width: 100%; padding: 113px 0px 50px 0; background: url(../img/mengkh_bg.jpg) center top no-repeat; margin-top: 35px; background-color: #FEFEFE; }
.mengkh_banner .con { width: 97%; margin: auto; }
.mengkh_banner .con .pic { width: 55.08%; float: right; display: block; }
.mengkh_banner .con .left_con { width: 36%; background: url(../img/mengkh_tou_blue.png); border-radius: 10px; padding: 20px 0px; margin-top: 10px; float: left; }
.mengkh_banner .con .left_con li { padding-left: 2%; color: #ffffff; font-size: 14px; margin-bottom: 20px; }
.mengkh_banner .con .left_con li .li_index { font-size: 28px; font-style: italic; }
/**萌老板客户管理系统**/
.mengkh_function { width: 100%; padding: 75px 0px 45px 0; background-color: #F5F8FA; }
.mengkh_function .con { width: 97%; margin: auto; }
.mengkh_function .con .pic { width: 50.5%; float: left; display: block; margin-left: 0%; margin-top: 10px; }
.mengkh_function .con .right_con { width: 41.5%; background-color: #ffffff; border-radius: 20px; padding: 30px 0px; float: right; }
.mengkh_function .con .right_con li { padding-left: 2%; font-size: 14px; margin-bottom: 30px; }
.mengkh_function .con .right_con li .li_index { font-size: 28px; font-style: italic; color: #0068CA; }
.mengkh_function .con .right_con li:last-child { margin-bottom: auto; }
/**电商运营推广**/
.dianshang_tianmao { width: 100%; padding: 60px 0; margin-top: 35px; background: url(../img/dianshang_bg_1.jpg) center top no-repeat; }
.dianshang_tianmao .title { font-size: 36px; font-weight: bold; text-align: center; line-height: 36px; }
.dianshang_tianmao .des { text-align: center; font-size: 16px; margin-top: 13px; }
.dianshang_tianmao .tianmao { width: 97%; margin: 40px auto auto auto; }
.dianshang_tianmao .tianmao li { width: 26.66%; padding: 28px 2.3%; margin-right: 3.11%; background-color: #ffffff; border-radius: 8px; float: left; margin-bottom: 25px; }
.dianshang_tianmao .tianmao li:nth-child(3n) { margin-right: auto; }
.dianshang_tianmao .tianmao li .li_title { padding-left: 55px; height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; }
.dianshang_tianmao .tianmao li .li_des { height: 110px; line-height: 22px; overflow: hidden; margin-top: 13px; text-align: justify; }
.dianshang_tianmao .tianmao li:nth-child(1) .li_title { background: url(../img/dianshang_1_1.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(2) .li_title { background: url(../img/dianshang_1_2.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(3) .li_title { background: url(../img/dianshang_1_3.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(4) .li_title { background: url(../img/dianshang_1_4.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(5) .li_title { background: url(../img/dianshang_1_5.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(6) .li_title { background: url(../img/dianshang_1_6.png) left center no-repeat; }
/**电商运营推广-阿里巴巴**/
.dianshang_ali { width: 100%; padding: 70px 0px 130px 0px; background: url(../img/dianshang_bg_2.jpg) center top no-repeat; }
.dianshang_ali .title { font-size: 36px; font-weight: bold; text-align: center; line-height: 36px; color: #ffffff; }
.dianshang_ali .des { text-align: center; font-size: 16px; margin-top: 13px; color: #ffffff; }
.dianshang_ali .ali_ul { width: 97%; margin: 55px auto auto auto; }
.dianshang_ali .ali_ul li { width: 25%; float: left; margin-right: 12.5%; color: #ffffff; text-align: center; }
.dianshang_ali .ali_ul li:last-child { margin-right: auto; }
.dianshang_ali .ali_ul li .li_title { font-size: 18px; }
.dianshang_ali .ali_ul li .li_des { font-size: 14px; margin-top: 13px; }
.dianshang_ali .ali_ul li .li_line { width: 20px; height: 3px; background-color: #ffffff; margin: 20px auto auto auto; }
.dianshang_ali .ali_img { display: block; margin: 60px auto auto auto; }
.dianshang_ali_adv { width: 100%; padding: 80px 0px 50px 0px; background-color: #F5F8FA; }
.dianshang_ali_adv .con { width: 97%; margin: auto; }
.dianshang_ali_adv .con li { width: 20.83%; float: left; margin: auto 5.56% 50px auto; cursor: pointer; }
.dianshang_ali_adv .con li .li_pic { width: 150px; height: 150px; border-radius: 50%; background-color: #ffffff; margin: auto; border: 1px solid #ffffff; transition: 0.2s; }
.dianshang_ali_adv .con li .li_pic .img { display: block; margin: 43px auto auto auto; }
.dianshang_ali_adv .con li .li_title { font-size: 22px; margin-top: 15px; text-align: center; color: #363636; }
.dianshang_ali_adv .con li:nth-child(4n) { margin-right: auto; }
.dianshang_ali_adv .con li:hover .li_pic { box-shadow: 2px 2px 25px 10px #EAEFF6; }
/**全网推广**/
.quanwang_banner { width: 100%; padding: 85px 0px 100px 0; margin-top: 35px; background: url(../img/quanwang_bg_1.jpg) center top no-repeat; }
.quanwang_banner .title { font-weight: bold; font-size: 36px; color: #ffffff; text-align: center; }
.quanwang_banner .des { font-size: 16px; text-align: center; margin-top: 15px; color: #ffffff; }
.quanwang_banner .adv_ul { width: 97%; margin: 65px auto auto auto; }
.quanwang_banner .adv_ul li { width: 20%; float: left; color: #ffffff; text-align: center; }
.quanwang_banner .adv_ul li .li_title { font-size: 40px; font-weight: bold; line-height: 60px; }
.quanwang_banner .adv_ul li .li_des { font-size: 16px; line-height: 20px; margin-top: 15px; }
/**全网推广- 曝光平台**/
.quanwang_bao { width: 100%; padding: 80px 0px 60px 0px; background-color: #F5F8FA; }
.quanwang_bao .title { font-weight: bold; font-size: 36px; text-align: center; color: #363636; }
.quanwang_bao .bao_ul { width: 97%; margin: 36px auto auto auto; }
.quanwang_bao .bao_ul li { width: 23.33%; float: left; background-color: #ffffff; border-radius: 8px; padding: 30px 0px 30px 0px; margin-right: 2.2%; margin-bottom: 30px; }
.quanwang_bao .bao_ul li:nth-child(4n) { margin-right: auto; }
.quanwang_bao .bao_ul li .pic { height: 63px; }
.quanwang_bao .bao_ul li .pic img { display: block; margin: auto; max-width: 90%; }
.quanwang_bao .bao_ul li .li_title { font-size: 18px; margin-top: 15px; text-align: center; }
.quanwang_bao .bao_ul li .li_des { width: 95%; height: 40px; line-height: 20px; text-align: center; margin: 5px auto auto auto; font-size: 13px; }
/**全网推广- 搜索分析**/
.quanwang_sou_title { font-weight: bold; font-size: 36px; text-align: center; margin-top: 70px; }
.quanwang_sou_ul { width: 97%; margin: 65px auto auto auto; }
.quanwang_sou_ul li { width: 16.66%; float: left; }
.quanwang_sou_ul li .pic { height: 110px; }
.quanwang_sou_ul li .pic img { display: block; margin: auto; max-width: 60%; }
.quanwang_sou_ul li .li_title { font-size: 18px; text-align: center; line-height: 18px; margin-top: 30px; }
.quanwang_sou_ul li .li_des { color: #999999; text-align: center; margin-top: 10px; }
/**全网推广- 战术优势**/
.quanwang_adv { width: 100%; padding: 75px 0px 85px 0px; background: url(../img/quanwang_bg_2.jpg) center top no-repeat; margin-top: 70px; }
.quanwang_adv .title { text-align: center; font-size: 36px; font-weight: bold; color: #ffffff; }
.quanwang_adv .con { width: 97%; margin: 60px auto auto auto; }
.quanwang_adv .con li { width: 18.33%; float: left; border-radius: 8px; overflow: hidden; background-color: #ffffff; padding-bottom: 33px; margin-right: 2%; }
.quanwang_adv .con li .li_pic { height: 160px; border-top: 1px solid transparent; }
.quanwang_adv .con li .li_pic img { display: block; margin: 46px auto auto auto; }
.quanwang_adv .con li .li_des { font-size: 14px; text-align: center; margin-top: 26px; height: 60px; line-height: 20px; }
.quanwang_adv .con li:nth-child(1) .li_pic { background: linear-gradient(to right, #88A3CB, #A2B8D5); }
.quanwang_adv .con li:nth-child(2) .li_pic { background: linear-gradient(to right, #01B1DC, #15CCE2); }
.quanwang_adv .con li:nth-child(3) .li_pic { background: linear-gradient(to right, #2DBD67, #36D18A); }
.quanwang_adv .con li:nth-child(4) .li_pic { background: linear-gradient(to right, #5080F7, #25ACF9); }
.quanwang_adv .con li:nth-child(5) .li_pic { background: linear-gradient(to right, #F2BB23, #F6C93F); }
.quanwang_adv .con li:last-child { margin-right: auto; }
.quanwang_adv1 { width: 97%; margin: 100px auto auto auto; }
.quanwang_adv1 li { width: 21.25%; float: left; margin-right: 5%; }
.quanwang_adv1 li .pic { width: 100%; padding-top: 98%; overflow: hidden; position: relative; }
.quanwang_adv1 li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.quanwang_adv1 li .li_title { font-size: 18px; text-align: center; margin-top: 20px; }
.quanwang_adv1 li .li_des { width: 95%; margin: 8px auto auto auto; height: 40px; line-height: 20px; overflow: hidden; text-align: center; }
.quanwang_adv1 li:last-child { margin-right: auto; }
.quanwang_adv2 { width: 100%; padding: 115px 0px 85px 0px; background: url(../img/quanwang_bg_3.jpg) center top no-repeat; margin-top: 50px; background-color: #F5F8FA }
.quanwang_adv2 .con { width: 97%; margin: auto; }
.quanwang_adv2 .con li { width: 24.16%; float: left; padding: 45px 3.75% 40px 3.75%; background-color: #ffffff; border-radius: 8px; margin-right: 2.5%; }
.quanwang_adv2 .con li .li_title { font-size: 18px; text-align: center; }
.quanwang_adv2 .con li .li_des { height: 144px; line-height: 24px; font-size: 14px; text-align: center; margin-top: 20px; }
.quanwang_adv2 .con li .li_pic { height: 230px; margin: 20px auto auto auto; }
.quanwang_adv2 .con li .li_pic img { max-width: 100%; display: block; margin: auto; }
.quanwang_adv2 .con li:nth-child(3n) { margin-right: auto; }
/**全网推广- 服务保障**/
.quanwang_promise_title { font-weight: bold; font-size: 36px; text-align: center; margin-top: 85px; }
.quanwang_promise_ul { width: 97%; margin: 60px auto auto auto; }
.quanwang_promise_ul li { width: 10.41%; float: left; margin-right: 7.5%; }
.quanwang_promise_ul li .pic { height: 90px; }
.quanwang_promise_ul li .pic img { display: block; margin: auto; max-width: 80%; }
.quanwang_promise_ul li .title { line-height: 30px; text-align: center; font-size: 16px; margin-top: 15px; }
.quanwang_promise_ul li:last-child { margin-right: auto; }
.seo_part2 { width: 100%; padding: 74px 0px 80px 0px; background: url(../img/seo_bg_1.jpg); margin-top: 50px; }
.seo_part2 .con { width: 97%; margin: auto; }
.seo_part2 .con .pic { display: block; float: right; width: 40.58%; }
.seo_part2 .con .left_con { width: 52%; float: left; margin: 20px auto auto 2%; }
.seo_part2 .con .left_con li { width: 44%; height: 68px; border-radius: 8px; border: 1px solid #ffffff; padding-left: 2%; font-size: 20px; line-height: 68px; color: #ffffff; float: left; margin-bottom: 20px; }
.seo_part2 .con .left_con li .span_index { font-size: 22px; display: inline-block; }
.seo_part2 .con .left_con li .span_con { font-size: 16px; margin-top: -7px; display: inline-block; vertical-align: middle }
.seo_part2 .con .left_con li:nth-child(2n) { float: right; }
.seo_part3 { width: 100%; padding: 60px 0px 70px 0px; background-color: #F5F8FA; }
.seo_part3 .con { width: 97%; margin: auto; }
.seo_part3 .con li { width: 15.8%; float: left; margin-right: 5.25%; }
.seo_part3 .con li .pic { height: 100px; }
.seo_part3 .con li .pic img { display: block; margin: auto; }
.seo_part3 .con li .li_title { text-align: center; font-size: 16px; margin-top: 20px; }
.seo_part3 .con li:last-child { margin-right: auto; }
/**官网网站建设**/
.web_make { width: 100%; padding: 65px 0px 0px 0px; background: url(../img/web_bg_1.jpg) center top no-repeat; margin-top: 35px; }
.web_make .title { font-weight: bold; font-size: 36px; color: #ffffff; text-align: center; line-height: 36px; }
.web_make .des { width: 92%; font-size: 16px; text-align: center; color: #ffffff; margin: 12px auto auto auto; }
.web_make .des1 { width: 92%; font-size: 16px; text-align: center; color: #ffffff; margin: 25px auto auto auto; line-height: 32px; }
.web_make .img { display: block; margin: 40px auto auto auto; width: 69.6%; }
.web_style { width: 97%; margin: 60px auto auto auto; }
.web_style li { width: 20%; float: left; margin-right: 6.66% }
.web_style li .pic { height: 142px; }
.web_style li .pic img { display: block; margin: auto; max-width: 80%; }
.web_style li .title { text-align: center; font-size: 18px; margin-top: 30px; }
.web_style li .des { height: 175px; line-height: 25px; text-align: center; margin-top: 15px; }
.web_style li:last-child { margin-right: auto; }
.web_confsion { width: 100%; padding: 35px 0px 60px 0px; background: url(../img/web_bg_2.jpg) center top no-repeat; margin-top: 80px; }
.web_confsion .con { width: 97%; margin: auto; }
.web_confsion .con .left_part { width: 41.66%; float: left; margin-left: 5%; }
.web_confsion .con .left_part .title { font-weight: bold; font-size: 30px; color: #ffffff; line-height: 40px; }
.web_confsion .con .left_part .left_part_con { margin: 25px auto auto auto; padding: 25px 0px 30px 50px; font-size: 16px; line-height: 30px; color: #ffffff; background: url(../img/web_bg_3.png) left top no-repeat; }
.web_confsion .con .right_part { width: 51.25%; float: right; }
.web_confsion .con .right_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.web_confsion .con .right_part .best_web { margin-top: 40px; }
.web_confsion .con .right_part .best_web li { color: #ffffff; margin-bottom: 30px; }
.web_confsion .con .right_part .best_web li .li_title { font-size: 20px; }
.web_confsion .con .right_part .best_web li .li_title span { font-size: 14px; }
.web_confsion .con .right_part .best_web li .li_des { margin-top: 10px; }
.web_confsion .con .right_part .consult { width: 180px; height: 50px; background-color: #0068CA; display: block; border-radius: 5px; font-size: 16px; color: #ffffff; margin-top: 85px; text-align: center; line-height: 50px; }
.web_choice { width: 97%; margin: 80px auto auto auto; }
.web_choice .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_choice .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_choice .choice_title_con { margin-top: 40px; }
.web_choice .choice_title_con li { width: 26.25%; font-weight: bold; font-size: 18px; line-height: 18px; margin-left: 22.5%; float: left; text-align: center; }
.web_choice .choice_title_con li:nth-child(2n) { float: right; margin: auto 22.5% auto auto; color: #0068CA; }
.web_choice .choice_ul { margin: 30px auto auto auto; padding: 45px 0px 90px 0px; background: url(../img/web_bg_3.jpg) center top no-repeat; background-size: 68.16% auto; }
.web_choice .choice_ul li { width: 161px; text-align: center; background-color: #666666; color: #ffffff; float: left; border-radius: 5px; padding: 12px 0; margin-bottom: 3.5vw; }
.web_choice .choice_ul li:nth-child(even) { float: right; background-color: #0068CA; }
.web_choice .choice_ul li:nth-child(odd) { clear: both; }
.web_adv { margin: 40px auto auto auto; }
.web_adv .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_adv .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_adv .con { margin: 50px auto auto auto; height: 29vw; }
.web_adv .con .left_pic { width: 50%; float: left; height: 100% }
.web_adv .con .left_pic img { width: 100%; height: 100% }
.web_adv .con .right_con { width: 50%; padding: 6vw 0px 5vw 0px; background: linear-gradient(to right, #27B0FF, #4266FE); float: right; }
.web_adv .con .right_con li { height: auto; line-height: 2vw; font-size: 15px; color: #ffffff; margin-bottom: 1vw; margin-left: 2%; padding-left: 30px; background: url(../img/web_gou.png) left center no-repeat; }
.web_skill { width: 97%; margin: 85px auto auto auto; }
.web_skill .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.web_skill .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.web_skill .con { margin: auto auto auto auto; }
.web_skill .con li { width: 30%; float: left; margin: 65px 5% auto auto; }
.web_skill .con li .pic { height: 52px; }
.web_skill .con li .pic img { display: block; margin: auto; }
.web_skill .con li .li_title { text-align: center; font-size: 16px; margin-top: 20px; }
.web_skill .con li .li_des { text-align: center; line-height: 25px; margin-top: 10px; height: 75px; }
.web_skill .con li:nth-child(3n) { margin-right: auto; }
/*商城网站**/
.shop_style { width: 100%; padding: 75px 0px 70px 0px; background-color: #F5F8FA; }
.shop_style .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.shop_style .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.shop_style .con { width: 97%; margin: 60px auto auto auto; }
.shop_style .con li { width: 23.33%; float: left; background-color: #ffffff; padding: 50px 0px 60px 0px; border-radius: 10px; margin-right: 2.22%; }
.shop_style .con li .li_title { font-weight: bold; font-size: 20px; text-align: center; }
.shop_style .con li .li_des { line-height: 25px; font-size: 16px; text-align: center; width: 85%; margin: 15px auto auto auto; height: 75px; }
.shop_style .con li .li_pic { height: 72px; margin-top: 50px; }
.shop_style .con li .li_pic img { display: block; margin: auto; }
.shop_style .con li:last-child { margin-right: auto; }
/**商城网站-标准商城*/
.shop_biaozhun { width: 97%; margin: 95px auto auto auto; }
.shop_biaozhun .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_2_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff; }
.shop_biaozhun .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_biaozhun .left_part .des { line-height: 30px; margin-top: 25px; }
.shop_biaozhun .left_part .ul { margin-top: 42px; }
.shop_biaozhun .left_part .ul li { height: 70px; padding-left: 86px; line-height: 30px; margin-bottom: 22px; }
.shop_biaozhun .left_part .ul li.l1 { background: url(../img/shop_2_1_1.png) left center no-repeat; }
.shop_biaozhun .left_part .ul li.l2 { background: url(../img/shop_2_1_2.png) left center no-repeat; }
.shop_biaozhun .left_part .ul li.l3 { background: url(../img/shop_2_1_3.png) left center no-repeat; }
.shop_biaozhun .left_part .consult { font-size: 16px; margin-top: 15px; color: #ffffff; }
.shop_biaozhun .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_2_bg_2.jpg); }
.shop_biaozhun .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_biaozhun .right_part .con_ul { margin: 50px auto auto 7.5%; }
.shop_biaozhun .right_part .con_ul li { width: 20.2%; float: left; background-color: #ffffff; margin: auto 3.25% 26px auto; padding-bottom: 20px; }
.shop_biaozhun .right_part .con_ul li .pic { height: 32px; margin: 22px auto auto auto; }
.shop_biaozhun .right_part .con_ul li .pic img { display: block; margin: auto; }
.shop_biaozhun .right_part .con_ul li .li_title { text-align: center; font-size: 15px; margin-top: 20px; }
/**商城网站-分销商城*/
.shop_fenxiao { width: 97%; margin: 75px auto auto auto; }
.shop_fenxiao .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_3_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff; }
.shop_fenxiao .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_fenxiao .left_part .des { line-height: 30px; margin-top: 25px; font-size: 16px; }
.shop_fenxiao .left_part .con { line-height: 24px; margin-top: 75px; }
.shop_fenxiao .left_part .line { width: 40px; height: 4px; background-color: #ffffff; margin-top: 20px; }
.shop_fenxiao .left_part .consult { font-size: 16px; margin-top: 155px; color: #ffffff; display: block; }
.shop_fenxiao .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_3_bg_2.jpg); }
.shop_fenxiao .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_fenxiao .right_part .cate_ul { margin-top: 20px; text-align: center; }
.shop_fenxiao .right_part .cate_ul li { width: 148px; height: 40px; display: inline-block; text-align: center; font-size: 16px; line-height: 40px; border: 1px solid #E0E0E0; }
.shop_fenxiao .right_part .cate_ul li.on { color: #0068CA; }
.shop_fenxiao .right_part .con { margin-top: 20px; }
.shop_fenxiao .right_part .con .left_con { width: 35%; float: left; margin: 70px auto auto 6%; font-size: 14px; line-height: 30px; }
.shop_fenxiao .right_part .con .right_pic { width: 46.125%; float: left; }
/**商城网站-代理分销商城*/
.shop_daili { width: 97%; margin: 75px auto auto auto; }
.shop_daili .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_4_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff; }
.shop_daili .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_daili .left_part .des { line-height: 30px; margin-top: 25px; }
.shop_daili .left_part .consult { font-size: 16px; margin-top: 290px; color: #ffffff; display: block; }
.shop_daili .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_4_bg_2.jpg); }
.shop_daili .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_daili .right_part .ul { width: 89%; margin: 40px auto auto auto; }
.shop_daili .right_part .ul li { width: 30.89%; float: left; border-radius: 8px; padding: 28px 0px 30px 0px; background-color: #ffffff; margin-right: 3.665%; }
.shop_daili .right_part .ul li .pic { height: 110px; }
.shop_daili .right_part .ul li .pic img { display: block; margin: auto; }
.shop_daili .right_part .ul li .li_title { text-align: center; font-weight: bold; font-size: 20px; margin-top: 38px; line-height: 20px; }
.shop_daili .right_part .ul li .li_line { width: 90%; height: 1px; background-color: #E0E0E0; margin: 30px auto auto auto; }
.shop_daili .right_part .ul li .li_des { line-height: 30px; text-align: center; font-size: 16px; margin-top: 20px; }
.shop_daili .right_part .ul li:last-child { margin-right: auto; }
/**商城网站-核心功能*/
.shop_function { width: 97%; margin: 75px auto auto auto; }
.shop_function .left_part { width: 27.33%; float: left; height: 550px; background: url(../img/shop_5_bg_1.jpg); padding: 60px 3% 0px 3%; color: #ffffff; }
.shop_function .left_part .title { font-weight: bold; font-size: 36px; color: #ffffff; line-height: 36px; }
.shop_function .left_part .des { line-height: 30px; margin-top: 25px; }
.shop_function .left_part .consult { font-size: 16px; margin-top: 230px; color: #ffffff; display: block; }
.shop_function .right_part { width: 66.67%; float: right; height: 610px; background: url(../img/shop_5_bg_2.jpg); }
.shop_function .right_part .title { font-size: 30px; text-align: center; margin-top: 58px; line-height: 30px; }
.shop_function .right_part .ul { width: 87.75%; margin: 30px auto auto auto; }
.shop_function .right_part .ul li { width: 33.62%; height: 90px; border-radius: 8px; padding-left: 14.81%; float: left; margin-bottom: 22px; }
.shop_function .right_part .ul li:nth-child(1) { background: url(../img/shop_5_2_1.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(2) { background: url(../img/shop_5_2_2.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(3) { background: url(../img/shop_5_2_3.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(4) { background: url(../img/shop_5_2_4.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(5) { background: url(../img/shop_5_2_5.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(6) { background: url(../img/shop_5_2_6.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(7) { background: url(../img/shop_5_2_7.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(8) { background: url(../img/shop_5_2_8.png) 8% center no-repeat; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(2n) { float: right; }
.shop_function .right_part .ul li .li_title { font-size: 18px; margin-top: 15px; }
.shop_function .right_part .ul li .li_des { font-size: 14px; color: #666666; margin-top: 2px; line-height: 22px; }
/**网站系统开发*/
.system { width: 100%; padding: 1px 0px 60px 0px; background-color: #F5F8FA; margin-top: 35px; }
.system .con { width: 97%; margin: auto; }
.system .con .sys_con { width: 41.33%; padding: 38px 3.5% 20px 3.5%; float: left; margin-top: 38px; background-color: #ffffff; }
.system .con .sys_con .sys_title { font-size: 18px; }
.system .con .sys_con .sys_ul { margin-top: 28px; }
.system .con .sys_con .sys_ul li { width: 27.87%; float: left; margin-right: 8.195%; }
.system .con .sys_con .sys_ul li .pic { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.system .con .sys_con .sys_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.system .con .sys_con .sys_ul li .li_title { line-height: 18px; width: 90%; margin: 18px auto auto auto; text-align: center; height: 36px; overflow: hidden; }
.system .con .sys_con .sys_ul li:nth-child(3n) { margin-right: auto; }
.system .con .sys_con:nth-child(2n) { float: right; }
/**公众号开发**/
.gongzonghao_style { width: 100%; background-color: #F5F8FA; margin: 35px auto auto auto; padding: 45px 0px 80px 0px; }
.gongzonghao_style .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.gongzonghao_style .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.gongzonghao_style .con { width: 97%; margin: 55px auto auto auto; }
.gongzonghao_style .con li { width: 30%; float: left; margin-right: 5%; }
.gongzonghao_style .con li .pic { height: 81px; }
.gongzonghao_style .con li .pic img { display: block; margin: auto; }
.gongzonghao_style .con li .li_title { font-size: 16px; text-align: center; margin-top: 30px; }
.gongzonghao_style .con li .li_des { height: 130px; line-height: 26px; overflow: hidden; text-align: center; margin-top: 10px; }
.gongzonghao_style .con li:last-child { margin-right: auto; }
.gongzonghao_function { width: 100%; padding: 55px 0px 60px 0px; background: url(../img/gongzonghao_2_bg_1.jpg); }
.gongzonghao_function .title { font-size: 36px; text-align: center; color: #ffffff; line-height: 36px; }
.gongzonghao_function .con { width: 97%; margin: 55px auto auto auto; }
.gongzonghao_function .con li { width: 15%; float: left; margin-right: 2% }
.gongzonghao_function .con li .pic { width: 100%; padding-top: 211%; overflow: hidden; position: relative; }
.gongzonghao_function .con li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.gongzonghao_function .con li .li_title { font-size: 16px; text-align: center; color: #ffffff; margin-top: 10px; }
.gongzonghao_function .con li:last-child { margin-right: auto; }
.gongzonghao_need { width: 100%; padding: 60px 0px 70px 0; background-color: #F5F8FA; }
.gongzonghao_need .title { font-size: 36px; text-align: center; line-height: 36px; }
.gongzonghao_need .con { width: 97%; margin: 50px auto auto auto; }
.gongzonghao_need .con li { width: 18.33%; float: left; margin-right: 2.0875%; }
.gongzonghao_need .con li .li_title { height: 120px; line-height: 120px; text-align: center; font-weight: bold; font-size: 24px; color: #ffffff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.gongzonghao_need .con li:last-child { margin-right: auto; }
.gongzonghao_need .con li:nth-child(1) .li_title { background-color: #12B5B1; }
.gongzonghao_need .con li:nth-child(2) .li_title { background-color: #0075E4; }
.gongzonghao_need .con li:nth-child(3) .li_title { background-color: #DE1FEF; }
.gongzonghao_need .con li:nth-child(4) .li_title { background-color: #FF0000; }
.gongzonghao_need .con li:nth-child(5) .li_title { background-color: #FFBA00; }
.gongzonghao_need .con li .child_list { padding: 30px 0px 30px 18.45%; border-bottom: 1px solid #E0E0E0; font-size: 16px; background-color: #ffffff; height: 37px; }
.gongzonghao_need .con li .child_list:last-child { border-bottom: 1px solid #ffffff; }
/**小程序开发**/
.xiaochengxu_wx { width: 100%; margin-top: 50px; padding: 0px 0px 60px 0px; background: url(../img/xiaochengxu_1_bg.jpg) center bottom no-repeat; }
.xiaochengxu_wx .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.xiaochengxu_wx .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.xiaochengxu_wx .con { width: 97%; margin: 40px auto auto auto; }
.xiaochengxu_wx .con .left_img { width: 49%; float: left; }
.xiaochengxu_wx .con .right_ul { width: 50%; float: right; margin-top: 90px; }
.xiaochengxu_wx .con .right_ul li { width: 46%; padding: 0 2%; float: left; margin-bottom: 70px; }
.xiaochengxu_wx .con .right_ul li .li_pic { height: 47px; }
.xiaochengxu_wx .con .right_ul li .li_pic img { display: block; margin: auto; }
.xiaochengxu_wx .con .right_ul li .li_title { text-align: center; font-size: 18px; margin-top: 15px; }
.xiaochengxu_wx .con .right_ul li .li_des { text-align: center; margin-top: 7px; }
.xiaochengxu_wx_function { width: 97%; margin: 90px auto auto auto; }
.xiaochengxu_wx_function li { width: 20%; float: left; margin-right: 6.66%; }
.xiaochengxu_wx_function li .li_title { font-size: 18px; text-align: center; }
.xiaochengxu_wx_function li .li_des { text-align: center; line-height: 30px; }
.xiaochengxu_wx_function li:last-child { margin-right: auto; }
.xiaochengxu_baidu { width: 100%; padding: 70px 0px 100px 0px; background-color: #F5F8FA; margin-top: 100px; }
.xiaochengxu_baidu .title { font-weight: bold; text-align: center; font-size: 36px; color: #363636; }
.xiaochengxu_baidu .des { text-align: center; font-size: 16px; color: #363636; margin-top: 20px; }
.xiaochengxu_baidu .con { width: 97%; margin: 60px auto auto auto; }
.xiaochengxu_baidu .con li { width: 14.33%; float: left; margin-right: 2.8%; }
.xiaochengxu_baidu .con li .li_pic { width: 100%; padding-top: 208%; overflow: hidden; position: relative; }
.xiaochengxu_baidu .con li .li_pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.xiaochengxu_baidu .con li .li_title { font-size: 16px; text-align: center; margin-top: 15px; }
.xiaochengxu_baidu .con li:last-child { margin-right: auto; }
.xiaochengxu_baidu_function { width: 97%; margin: 55px auto auto auto; }
.xiaochengxu_baidu_function li { width: 19.16%; float: left; margin-right: 7.78%; }
.xiaochengxu_baidu_function li .li_pic { height: 49px; }
.xiaochengxu_baidu_function li .li_pic img { display: block; margin: auto; }
.xiaochengxu_baidu_function li .li_title { text-align: center; font-size: 18px; margin-top: 15px; }
.xiaochengxu_baidu_function li .li_des { text-align: center; line-height: 30px; margin-top: 12px; }
.xiaochengxu_baidu_function li:last-child { margin-right: auto; }
/**客户案例*/
.clientcase { width: 97%; margin: 55px auto auto auto; }
.clientcase li { width: 31.83%; float: left; margin: auto 2.25% 28px auto; transition: 0.2s; }
.clientcase li:nth-child(3n) { margin-right: auto; }
.clientcase li .pic { width: 100%; padding-top: 78.27%; position: relative; overflow: hidden; }
.clientcase li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.clientcase li .pic .title_con { width: 40.4%; padding: 74px 1% 10px 1%; font-size: 14px; color: #ffffff; text-align: center; font-weight: bold; line-height: 26px; height: 52px; overflow: hidden; position: absolute; left: 28.8%; top: 20%; background: url(../img/clientcase_title_bg.png); background-size: 100% 100%; opacity: 0; transition: 0.2s; }
.clientcase li:hover { box-shadow: 1px 5px 15px 3px #BABABA; }
.clientcase li:hover .title_con { opacity: 1; }
/**在线留言**/
.message { padding: 50px 0; background-color: #F6F6F6; }
.message .con { width: 97%; background-color: #ffffff; margin: auto; padding: 75px 0px 110px 0px; }
.message .con .main_title { font-size: 22px; color: #58A245; text-align: center; font-weight: bold; padding-bottom: 60px; border-bottom: 1px solid #F0F0F0; }
.message .con .mes_con { width: 66.66%; margin: 60px auto auto auto; }
.message .con .mes_con .list { margin-bottom: 30px; }
.message .con .mes_con .list .input { width: 96%; padding-left: 3%; line-height: 48px; height: 48px; border: 1px solid #F0F0F0; font-size: 18px; }
.message .con .mes_con .list .input::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .input:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .textarea { padding: 5px 3%; width: 93%; border: 1px solid #F0F0F0; font-size: 18px; line-height: 30px; height: 90px; }
.message .con .mes_con .list .textarea::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .textarea:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_input { width: 40%; padding-left: 3%; line-height: 48px; height: 48px; border: 1px solid #F0F0F0; font-size: 18px; }
.message .con .mes_con .list .code_input::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_input:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_img { width: 190px; }
.message .con .mes_con .submit { width: 180px; height: 50px; font-size: 18px; text-align: center; line-height: 50px; color: #ffffff; border-radius: 25px; background-color: #58A245; border: 0; cursor: pointer; }
/****工程案例**/
.case { }
.case li { width: 31.74%; float: left; margin-right: 2.39%; margin-bottom: 32px; background-color: #ffffff; transition: 0.2s; }
.case li .pic { width: 100%; padding-top: 71.428%; overflow: hidden; position: relative; }
.case li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; transition: 0.2s; }
.case li .li_con { padding: 25px 7.5% 20px 7.5%; margin: auto; }
.case li .li_con .title { width: 100%; height: 22px; line-height: 22px; display: block; overflow: hidden; font-size: 16px; }
.case li .li_con .des { height: 48px; line-height: 24px; overflow: hidden; margin: 10px auto auto auto; }
.case li:nth-child(3n) { margin-right: auto; }
.case li:hover { box-shadow: 1px 2px 15px 5px #EAEAEA; }
/****新闻详情**/
.news_detail { width: 92%; padding: 32px 2.5% 50px 2.5%; background-color: #ffffff; margin: auto; }
.news_detail .title { height: 20px; line-height: 20px; font-size: 18px; text-align: center; overflow: hidden; font-weight: bold; }
.news_detail .date { text-align: center; color: #999999; margin-top: 15px; }
.news_detail .content { margin-top: 30px; }
.prev_next_article { margin-top: 10px; font-size: 16px; }
.prev_next_article .prev_article { width: 40%; float: left; }
.prev_next_article .back_to_list { width: 20%; text-align: center; float: left; display: inline-block; }
.prev_next_article .next_article { width: 40%; text-align: right; float: left; }
.prev_next { width: 86%; margin: 46px auto auto auto; }
.prev_next li { width: 31.3%; height: 54px; line-height: 54px; text-align: center; background-color: #2F8F21; color: white; float: left; margin-right: 3%; font-size: 16px; }
.prev_next li a { color: white; }
.prev_next li:last-child { margin-right: 0px; }
}

/*@Media screen and (max-width: 900px){
.sl_head{width:97%;height:100px;margin:auto;}
.sl_head .logo{float:left;margin-top: 14px;width:16.75%;}
.sl_head .nav{float:right;margin-top: 35px;}
.sl_head .nav li{float:left;margin-left: 15px;font-size: 15px;}
.sl_head .nav li.on a{color:#0F61AE;}
}
*/

@Media screen and (max-width: 768px) {
/****顶部*******/
#video_external { display: none; }
/****顶部*******/
.sl_top { margin: auto; height: 50px; background-color: #F8f8f8; line-height: 50px; display: none; }
.sl_top .con { width: 97%; margin: auto; color: #666666; }
.sl_top .con ul { float: right; }
.sl_top .con li { display: inline-block; height: 20px; line-height: 20px; margin-right: 4px }
.sl_top .con li a { color: #666666; }
.sl_head { width: 92%; height: auto; margin: auto; }
.sl_head .logo { float: left; margin-top: 5px; width: 32%; }
.sl_head .nav { float: right; margin-top: 35px; display: none; }
.sl_head .nav li { float: left; margin-left: 30px; font-size: 15px; }
.sl_head .nav li.on a { color: #0F61AE; }
.web_top.index { background-color: #ffffff; opacity: 0.7; }
/****首页主要业务*******/
.index_link { width: 92%; margin: 35px auto auto auto; display: none; }
.index_link li { width: 47%; float: left; margin-right: auto; margin-bottom: 25px; }
.index_link li .main_title { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; display: block; }
.index_link li .des { line-height: 28px; height: 28px; overflow: hidden; margin-top: 5px; display: block; }
.index_link li .icon_title { height: 20px; padding-left: 25px; line-height: 20px; color: #A2A2A2; display: block; margin-top: 10px; }
.index_link li.l1 .icon_title { background: url(../img/index_icon1.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l1 .icon_title:hover { background: url(../img/index_icon5.jpg) left center no-repeat; color: #1162AF; }
.index_link li.l2 .icon_title { background: url(../img/index_icon2.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l2 .icon_title:hover { background: url(../img/index_icon6.jpg) left center no-repeat; color: #1162AF; }
.index_link li.l3 .icon_title { background: url(../img/index_icon3.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l3 .icon_title:hover { background: url(../img/index_icon7.jpg) left center no-repeat; color: #1162AF; }
.index_link li.l4 .icon_title { background: url(../img/index_icon4.jpg) left center no-repeat; transition: 0.2s; }
.index_link li.l4 .icon_title:hover { background: url(../img/index_icon8.jpg) left center no-repeat; color: #1162AF; }
.index_link li:last-child { margin-right: auto; }
.index_link li:nth-child(2n) { float: right; }
/****首页搜索，关键字*******/
.index_sou { width: 100%; line-height: 70px; height: auto; display: none; }
.index_sou .con { width: 97%; margin: auto; }
.index_sou .con .keywords { float: left; color: #999999; }
.index_sou .con .keywords span { font-weight: bold; }
.index_sou .con .sou_con { width: 320px; height: 36px; float: right; background-color: #F6F6F6; border-radius: 4px; margin-top: 17px; }
.index_sou .con .sou_con .input { width: 200px; float: left; height: 28px; line-height: 28px; border: 0px; padding-left: 20px; background-color: #ffffff; margin-top: 5px; background-color: #F6F6F6; }
.index_sou .con .sou_con .sou_submit { width: 43px; height: 36px; border: 0px; cursor: pointer; outline: none; background: url(../img/search_bg.png) 5px center no-repeat; float: right; }
/****首页板块标题*******/
.index_title { text-align: center; font-size: 18px; margin-top: 45px; }
/****首页核心业务*******/
/*
.index_business{width:92%;margin:35px auto 25px auto;}
.index_business li{width:80%;float:none;border:1px solid #E7E7E7;border-radius: 8px;padding:0px 0px 0px 0px;transition: 0.2s;margin:auto auto 20px auto;}
.index_business li .li_title{font-size: 14px;text-align:center;color:#363636;line-height: 14px;margin-top: 60px;transition: 0.2s;}
.index_business li .li_des{font-size: 12px;text-align:center;color:#363636;line-height: 15px;margin-top: 15px;transition: 0.2s;height:30px;}
.index_business li .li_img{height:46px;margin-top: 15px;}
.index_business li .li_img img{display: block;margin:auto;max-height: 46px;}
.index_business li .li_img .img2{display: none;}
.index_business li:hover .li_title{color:#ffffff;}
.index_business li:hover .li_des{color:#ffffff;}
.index_business li:hover .li_img .img1{display: none;}
.index_business li:hover .li_img .img2{display: block;}
.index_business li:hover{background-color: #0068CA;}
.index_business li .li_line{width:90%;height:1px;background-color:#E7E7E7;margin:30px auto auto auto;transition: 0.2s;}
.index_business li .li_con{font-size: 11px;color:#363636;line-height: 15px;text-align: center;margin:20px auto 20px auto;transition: 0.2s;height:60px;}
.index_business li:hover .li_line{background-color: #ffffff;}
.index_business li:last-child{margin-right: auto;}
.index_business li:hover .li_con{color:#ffffff;}
.index_business li .cate_con{width:100%;height:80%;padding-top:20%;text-align:center;background-size: 100% 100%;opacity: 0;transition: 0.2s;position: absolute;left:0;top:0;border-top:1px solid transparent;border-radius: 8px;background-color: #0068CA;}
.index_business li .cate_con .cate_a{line-height: 30px;font-size: 15px;color:#ffffff;margin-bottom: 15px;display: block;font-weight: bold;}
.index_business li:hover .cate_con{opacity: 1;text-align:center;}
.index_business li:hover .cate_con .cate_a{line-height: 30px;font-size: 15px;color:#ffffff;margin-bottom: 15px;display: block;font-weight: bold;}
*/

.index_business { width: 92%; margin: 35px auto 25px auto; }
.index_business li { width: 80%; float: none; border: 1px solid #E7E7E7; border-radius: 8px; padding: 0px 0px 0px 0px; transition: 0.2s; margin: auto auto 20px auto; }
.index_business li .li_title { font-size: 15px; text-align: center; color: #363636; line-height: 14px; margin-top: 30px; transition: 0.2s; }
.index_business li .li_des { font-size: 12px; text-align: center; color: #363636; line-height: 15px; margin-top: 15px; transition: 0.2s; height: 30px; }
.index_business li .li_img { height: 46px; margin-top: 10px; }
.index_business li .li_img img { display: block; margin: auto; max-height: 46px; }
.index_business li .li_img .img2 { display: none; }
.index_business li:hover .li_title { color: #ffffff; }
.index_business li:hover .li_des { color: #ffffff; }
.index_business li:hover .li_img .img1 { display: none; }
.index_business li:hover .li_img .img2 { display: block; }
.index_business li:hover { background-color: #0068CA; }
.index_business li .li_line { width: 90%; height: 1px; background-color: #E7E7E7; margin: 20px auto auto auto; transition: 0.2s; }
.index_business li .li_con { font-size: 11px; color: #363636; line-height: 15px; text-align: center; margin: 10px auto 10px auto; transition: 0.2s; height: 60px; }
.index_business li:hover .li_line { background-color: #ffffff; }
.index_business li:last-child { margin-right: auto; }
.index_business li:hover .li_con { color: #ffffff; }
.index_business li .cate_con { width: 100%; height: 90%; padding-top: 10%; text-align: center;/*background:url(../img/tou_black.png);*/ background-size: 100% 100%; opacity: 0; transition: 0.2s; position: absolute; left: 0; top: 0; border-top: 1px solid transparent; border-radius: 8px; background-color: #0068CA; }
.index_business li .cate_con .cate_a { line-height: 30px; font-size: 15px; color: #ffffff; margin-bottom: 15px; display: block; font-weight: bold; }
.index_business li:hover .cate_con { opacity: 1; text-align: center; }
.index_business li:hover .cate_con .cate_a { line-height: 30px; font-size: 15px; color: #ffffff; margin-bottom: 12px; display: block; font-weight: bold; }
/*.index_business{width:92%;margin:55px auto auto auto;}
.index_business li{width:33.33%;float:left;padding:20px 0px 20px 0px;margin-right: auto;cursor: pointer;transition: 0.3s;}
.index_business li:last-child{margin-right: auto;}
.index_business li .pic{height:55px;transition: 0.3s;}
.index_business li.l1 .pic{background:url(../img/index_business_icon1.png) center center no-repeat;}
.index_business li.l2 .pic{background:url(../img/index_business_icon2.png) center center no-repeat;}
.index_business li.l3 .pic{background:url(../img/index_business_icon3.png) center center no-repeat;}
.index_business li .title{font-size: 15px;text-align: center;margin-top: 25px;transition: 0.3s;}
.index_business li.on{background-color: #0068CA;}
.index_business li.on.l1 .pic{background:url(../img/index_business_icon4.png) center center no-repeat;}
.index_business li.on.l2 .pic{background:url(../img/index_business_icon5.png) center center no-repeat;}
.index_business li.on.l3 .pic{background:url(../img/index_business_icon6.png) center center no-repeat;}
.index_business li.on .title{color:#ffffff;}*/

.index_business_con { width: 100%; height: 150px; background-color: #0068CA; border-top: 1px solid #0068CA; }
.index_business_con .con { width: 92%; margin: auto; font-size: 15px; }
.index_business_con .con .ul1 { margin-top: 50px; display: none; }
.index_business_con .con .ul1 li { float: left; margin-left: 5%; }
.index_business_con .con .ul1 li a { color: #ffffff; }
.index_business_con .con .ul2 { margin-top: 50px; text-align: center; display: none; }
.index_business_con .con .ul2 li { display: inline-block; margin-left: 5%; }
.index_business_con .con .ul2 li a { color: #ffffff; }
.index_business_con .con .ul3 { margin-top: 50px; text-align: right; display: none; }
.index_business_con .con .ul3 li { display: inline-block; margin-right: 5%; }
.index_business_con .con .ul3 li a { color: #ffffff; }
.index_business_con .con .on { display: block; }
/****首页解决方案*******/
.index_solve { width: 92%; margin: 30px auto auto auto; background-color: #fafafa; }
.index_solve li { width: 100%; float: none; border-right: 1px solid #E7E7E7; height: auto; cursor: pointer; box-shadow: 1px 2px 20px 5px #E1E1E1; margin-bottom: 20px; }
.index_solve li .li_head { font-size: 18px; height: 54px; line-height: 54px; text-align: center; color: #363636; border-bottom: 1px solid #E7E7E7; background-color: #0068CA; color: #ffffff; }
.index_solve li .li_con1 { width: 85%; margin: 60px auto auto auto; display: none; }
.index_solve li .li_con1 .list { font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 80px; }
.index_solve li .li_con2 { margin: auto; display: block; }
.index_solve li .li_con2 .list { border-bottom: 1px solid #E7E7E7; width: 85%; padding: 18px 7.5% 15px; }
.index_solve li .li_con2 .list:nth-child(odd) { background-color: #ffffff; }
.index_solve li .li_con2 .list .title { width: 100%; display: block; height: 22px; line-height: 22px; font-size: 15px; overflow: hidden; }
.index_solve li .li_con2 .list .des { margin-top: 10px; height: 44px; line-height: 22px; overflow: hidden; }
.index_solve li .li_con2 .list:last-child { border-bottom: 0px; }
.index_solve li.on { width: 100%; box-shadow: 1px 2px 20px 5px #E1E1E1; }
.index_solve li.on .li_head { background-color: #0068CA; color: #ffffff; }
.index_solve li.on .li_con2 { display: block; }
.index_solve li.on .li_con1 { display: none; }
.index_solve li:last-child { border-right: 0px; }
/****首页携手客户*******/
.index_customer { width: 92%; margin: 50px auto auto auto; }
.index_customer .list_con { }
.index_customer .list_con .item_con { width: 25%; float: left; cursor: pointer; padding-bottom: 10px; border-bottom: 3px solid #E7E7E7; transition: 0.2s; }
.index_customer .list_con .item_con .img { padding-top: 60%; width: 60%; overflow: hidden; position: relative; margin: auto; }
.index_customer .list_con .item_con .img img { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 0; }
.index_customer .list_con .item_con .title { width: 98%; height: 34px; line-height: 17px; font-size: 13px; text-align: center; margin: 10px auto auto auto; }
.index_customer .list_con .item_con:nth-child(n+4) { display: none; }
.index_customer .list_con .item_con:hover { border-bottom: 3px solid #0F61AE; }
.index_customer .list_con .more { font-size: 15px; float: right; display: block; margin-top: 40px; }
.index_customer .list_con .line { width: 100%; height: 3px; background-color: #E7E7E7; margin-top: -3px; }
.index_customer .con { width: 100%; margin: 40px auto auto auto; }
.index_customer .con .conn { }
.index_customer .con .conn .left_con { width: 17%; float: left; }
.index_customer .con .conn .left_con .pic { width: 95%; padding-top: 95%; overflow: hidden; position: relative; border-radius: 50%; border: 1px solid #cccccc; margin: auto; }
.index_customer .con .conn .left_con .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.index_customer .con .conn .left_con .title { width: 100%; height: 48px; display: block; line-height: 16px; overflow: hidden; font-size: 12px; text-align: center; margin-top: 10px; }
.index_customer .con .conn .right_con { width: 74.34%; float: right; font-size: 14px; line-height: 30px; text-align: justify; }
.index_customer .con .conn .right_con .dh2 { display: block; float: right; }
.index_customer .con .conn .right_con .more_con { font-size: 15px; margin: 20px auto auto auto; text-align: center; }
/****首页关于我们*******/
.index_about { padding: 1px 0px 43px 0px; background: url(../img/index_about_bg.jpg); margin-top: 40px; }
.index_about .con { width: 92%; margin: auto; }
.index_about .con .des { text-align: center; line-height: 22px; font-size: 13px; color: #ffffff; margin-top: 20px; }
.index_about .con .data_con { margin-top: 55px; }
.index_about .con .data_con li { width: 33.33%; float: left; font-size: 16px; color: #ffffff; text-align: center; }
.index_about .con .data_con li .data { margin-bottom: 15px; }
.index_about .con .data_con li .data span { font-size: 35px; line-height: 35px; }
.index_about .con .more { width: 148px; height: 48px; display: block; border: 3px solid #ffffff; margin: 50px auto auto auto; font-size: 16px; text-align: center; line-height: 48px; color: #ffffff; transition: 0.2s; }
.index_about .con .more:hover { background-color: #ffffff; color: #0068CA; }
/****底部*************/
.main_bottom { padding: 30px 0px 20px 0; background-color: #0068CA; display: none; }
.main_bottom .con { width: 92%; margin: auto; }
.main_bottom .con .left_view_con { width: 21.66%; float: left; display: none; }
.main_bottom .con .left_view_con .title { font-size: 18px; color: #ffffff; }
.main_bottom .con .left_view_con .view_ul { }
.main_bottom .con .left_view_con .view_ul li { color: #B8CBEB; height: 16px; line-height: 16px; margin-top: 10px; }
.main_bottom .con .left_view_con .view_ul li .title_con { width: 60%; float: left; height: 16px; overflow: hidden; }
.main_bottom .con .left_view_con .view_ul li .date { width: 85px; float: right; text-align: right; }
.main_bottom .con .nav_ul { float: none; margin: auto auto auto auto; display: none; }
.main_bottom .con .nav_ul li { font-size: 14px; color: #ffffff; float: left; margin-right: 55px; }
.main_bottom .con .nav_ul li .sub_a { display: block; color: #B8CBEB; font-size: 13px; line-height: 13px; margin-top: 13px; }
.main_bottom .con .contact_con { width: 100%; font-size: 14px; color: #ffffff; float: none; margin: 15px auto auto auto; display: none; }
.main_bottom .con .contact_con .list { color: #B8CBEB; font-size: 14px; line-height: 30px; margin-top: 5px; }
.main_bottom .con .ewm { width: 30%; float: none; margin: 10px auto auto auto; }
.main_bottom .con .ewm .pic { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.main_bottom .con .ewm .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main_bottom .con .ewm span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 13px; }
.main_bottom .con .copyright { line-height: 22px; color: #B8CBEB; text-align: center; margin-top: 20px; font-size: 13px; }
.main_bottom .con .copyright a { color: #B8CBEB; }
.main_bottom .con .partner_title { font-size: 18px; color: #ffffff; text-align: center; margin-top: 10px; display: none; }
.main_bottom .con .partner_con { text-align: center; margin-top: 20px; display: none; }
.main_bottom .con .partner_con li { display: inline-block; margin-right: 20px; margin-bottom: 15px; }
.main_bottom .con .partner_con li:last-child { margin-right: auto; }
/****合作链接-友情链接**********/
.link_title { width: 97%; font-size: 18px; font-weight: bold; color: #0F61AE; margin: 35px auto auto auto; display: none; }
.partner_ul { width: 97%; margin: 22px auto auto auto; display: none; }
.partner_ul .partner_li { width: 48.33%; float: left; }
.partner_ul .partner_li .li_title { width: 13.75%; float: left; background-color: #0068CA; color: #ffffff; font-size: 18px; text-align: center; padding: 10px 0px; }
.partner_ul .partner_li .li_con { width: 79.96%; float: right; padding: 9px 2%; border: 1px solid #e7e7e7; overflow: hidden; height: 48px; }
.partner_ul .partner_li .li_con li { color: #666666; line-height: 22px; margin-right: 13px; display: inline-block; }
.partner_ul .partner_li .li_con li a { color: #666666; }
.partner_ul .partner_li:last-child { float: right; }
.link_con { width: 97%; margin: 22px auto auto auto; display: none; }
.link_con .link_li { }
.link_con .link_li .li_title { width: 6.7%; float: left; background-color: #0068CA; color: #ffffff; font-size: 18px; text-align: center; padding: 10px 0px; }
.link_con .link_li .li_con { width: 88.2%; float: right; padding: 9px 2%; border: 1px solid #e7e7e7; overflow: hidden; height: 48px; }
.link_con .link_li .li_con li { color: #666666; line-height: 22px; margin-right: 13px; display: inline-block; }
.link_con .link_li .li_con li a { color: #666666; }
.location { width: 100%; height: auto; background: url(../img/location_bg.jpg); padding: 7px 0px; margin-top: 5px; }
.location .con { width: 92%; margin: auto; font-size: 12px; line-height: 20px; color: #ffffff; padding-top: 0px }
.location .con a { color: #ffffff; }
/****内页导航*****/
.inner_category { width: 90%; margin: 28px auto auto auto; text-align: center; }
.inner_category li { color: #363636; display: inline-block; width: 45%; font-size: 15px; border: 1px solid #4D4D4D; margin-bottom: 15px; margin-right: 4%; height: 35px; line-height: 35px; }
.inner_category li a { color: #363636; }
.inner_category li:hover a { color: #0068CA; }
.inner_category li:hover { border: 1px solid #0068CA; }
.inner_category li.curr a { color: #0068CA; }
.inner_category li.curr { border: 1px solid #0068CA; }
.inner_category li:last-child { margin-right: auto; }
.inner_category li:nth-child(2n) { margin-right: 0px }
/****内页导航*****/
.inner_category2 { width: 90%; margin: 28px auto auto auto; text-align: center; }
.inner_category2 li { color: #363636; display: inline-block; width: 45%; font-size: 15px; border: 1px solid #4D4D4D; margin-bottom: 15px; margin-right: 4%; height: 35px; line-height: 35px; }
.inner_category2 li a { color: #363636; }
.inner_category2 li:hover a { color: #0068CA; }
.inner_category2 li:hover { border: 1px solid #0068CA; }
.inner_category2 li.on a { color: #0068CA; }
.inner_category2 li.on { border: 1px solid #0068CA; }
.inner_category2 li:last-child { margin-right: auto; }
.inner_category2 li:nth-child(2n) { margin-right: 0px; }
/****公司简介*****/
.about_title { font-weight: bold; font-size: 20px; text-align: center; line-height: 20px; margin-top: 30px; }
.about_title span { display: block; font-size: 14px; font-weight: normal; margin-top: 10px; }
.about_brand { width: 100%; padding: 1px 0px 41px 0px; background: url(../img/about_bg.jpg); margin-top: 30px; }
.about_brand .con { width: 92%; margin: 35px auto auto auto; padding: 30px 0px 30px 0px; background-color: #ffffff; }
.about_brand .con .img { display: block; margin: auto; max-width: 80%; }
.about_brand .con .content { font-size: 14px; line-height: 24px; margin-top: 30px; text-align: center; padding: 0px 5%; }
.about_con { width: 92%; margin: 25px auto auto auto; }
/**联系我们**/
.inner_con { width: 100%; padding: 20px 0px 50px 0px; background-color: #F5F8FA; margin-top: 20px; }
.contact { width: 92%; margin: auto auto auto auto; padding: 20px 0px 30px 0px; background-color: #ffffff; }
.contact .contact_title { font-size: 16px; display: inline-block; border-bottom: 2px solid #0068CA; margin-left: 4.1%; padding-bottom: 10px; }
.contact .contact_line { width: 100%; height: 1px; background-color: #F5F8FA }
.contact .map { width: 100%; margin: 15px auto auto auto; float: none; height: 395px; }
.contact .right_con { width: 94%; float: none; margin: 20px auto auto auto; padding: 0 3%; }
.contact .right_con li { margin-bottom: 15px; }
.contact .right_con li .li_title { padding-left: 40px; height: 28px; line-height: 28px; font-size: 15px; }
.contact .right_con li .li_con { padding-left: 40px; line-height: 22px; margin-top: 4px; }
.contact .right_con li.l1 .li_title { background: url(../img/contact_tel.jpg) left center no-repeat; }
.contact .right_con li.l2 .li_title { background: url(../img/contact_phone.jpg) left center no-repeat; }
.contact .right_con li.l3 .li_title { background: url(../img/contact_service.jpg) left center no-repeat; }
.contact .right_con li.l4 .li_title { background: url(../img/contact_address.jpg) left center no-repeat; }
/**搜浪团队**/
.team_con { width: 100%; padding: 1px 0px 25px 0px; background-color: #F5F8FA; margin-top: 30px; }
.team_con .team_ul { width: 92%; margin: 30px auto auto auto; }
.team_con .team_ul li { width: 47.5%; float: left; margin-right: auto; margin-bottom: 20px; }
.team_con .team_ul li .pic { width: 100%; padding-top: 100%; overflow: hidden; position: relative; }
.team_con .team_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.team_con .team_ul li .li_con { padding: 18px 8% 10px 8%; background-color: #ffffff; }
.team_con .team_ul li .li_con .title { font-size: 13px; }
.team_con .team_ul li .li_con .title span { font-weight: bold; font-size: 16px; }
.team_con .team_ul li .li_con .des { line-height: 20px; height: 60px; color: #666666; font-size: 13px; overflow: hidden; margin-top: 10px; }
.team_con .team_ul li:last-child { margin-right: auto; }
.team_con .team_ul li:nth-child(2n) { float: right; }
.team_picture { width: 92%; margin: 55px auto auto auto; }
.team_picture .left_pic { width: 62.5%; float: left; }
.team_picture .left_pic img { width: 100%; }
.team_picture .right_pic { width: 35.83%; float: right; }
.team_picture .right_pic .pic_ul { }
.team_picture .right_pic .pic_ul li { width: 100%; padding-top: 59.53%; overflow: hidden; position: relative; margin-bottom: 18px; }
.team_picture .right_pic .pic_ul li img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
/**文化**/
.culture_con { padding: 20px 0px 35px 0; background-color: #F5F8FA; margin-top: 20px; }
.culture_con .con { width: 82%; padding: 30px 4.1% 50px 4.1%; margin: auto; background-color: #ffffff; }
.culture_con .con .our_culture { padding: 30px 0px 30px 0; background: url(../img/culture_bg.jpg); }
.culture_con .con .our_culture .title { font-weight: bold; color: #ffffff; font-size: 18px; line-height: 18px; text-align: center; }
.culture_con .con .our_culture .des { color: #ffffff; line-height: 26px; font-size: 13px; text-align: left; width: 90%; margin: 15px auto auto auto; }
.culture_con .con .slogan { margin-top: 30px; }
.culture_con .con .slogan li { width: 30.33%; float: left; padding: 0px 1.5%; text-align: center; }
.culture_con .con .slogan li .title { font-size: 16px; }
.culture_con .con .slogan li .des { text-align: center; font-size: 13px; margin-top: 10px; line-height: 20px; }
.culture_line { width: 100%; height: 1px; background-color: #e0e0e0; margin-top: 30px; }
.culture_title { text-align: center; font-size: 17px; margin-top: 30px; }
.culture_des { text-align: center; margin-top: 5px; line-height: 20px; font-size: 12px; }
.culture_pic_con { margin-top: 30px; }
.culture_pic_con li { width: 93%; padding-top: 136%; overflow: hidden; position: relative; }
.culture_pic_con li img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
/**搜浪之路**/
.road_con { padding: 30px 0px 55px 0; background-color: #F5F8FA; margin-top: 40px; }
.road_con .con { width: 90%; padding: 30px 2% 30px 2%; margin: auto; background-color: #ffffff; }
.road_con .con .our_road { padding: 55px 0px 55px 0; background: url(../img/road_bg.jpg); }
.road_con .con .our_road .title { font-weight: bold; color: #ffffff; font-size: 20px; line-height: 36px; text-align: center; }
.road_con .con .our_road .des { color: #ffffff; line-height: 30px; font-size: 14px; text-align: center; margin-top: 15px; }
.road_all { margin-top: 40px; padding: 1px 0px; background: url(../img/road_pic.jpg) 25% top no-repeat; }
.road_all ul { }
.road_all ul li { overflow: hidden; font-size: 13px; }
.road_all ul li .left_date { width: 21.63%; float: left; margin-left: 0%; height: 65px; }
.road_all ul li .right_con { width: 69%; float: right; height: 65px; line-height: 22px; }
.road_all ul li .height1 { height: 100px; }
.road_all ul li .height2 { height: 155px; }
/**搜浪招聘**/
.zhao { width: 100%; padding: 30px 0px 35px 0px; background-color: #F5F8FA; margin-top: 30px; }
.zhao .con { width: 87%; padding: 20px 3%; background-color: #ffffff; margin: auto }
.zhao .con .zhao_ul { }
.zhao .con .zhao_ul li { margin-bottom: 40px; }
.zhao .con .zhao_ul li .title_con { height: 56px; line-height: 56px; padding: 0 3%; background-color: #F5F8FA; font-size: 15px; overflow: hidden; }
.zhao .con .zhao_ul li .title_con .show { display: block; float: right; }
.zhao .con .zhao_ul li .li_con { width: 94%; margin: 10px auto auto auto; display: none; }
.zhao .con .zhao_ul li .li_con .list { width: 50%; height: 18px; line-height: 18px; overflow: hidden; color: #999999; float: left; font-size: 13px; margin-bottom: 10px; }
.zhao .con .zhao_ul li .li_con .list span { color: #363636; }
.zhao .con .zhao_ul li .li_con .zhao_detail { margin-top: 10px; }
.zhao_detail { width: 92%; margin: auto; background-color: #ffffff; padding: 20px 0px 30px 0px; }
.zhao_detail .zhao_title { font-size: 18px; display: inline-block; padding-bottom: 15px; border-bottom: 2px solid #0068CA; margin-left: 4%; }
.zhao_detail .zhao_line { width: 100%; height: 1px; background-color: #F5F8FA; }
.zhao_detail .zhao_con { width: 90%; margin: 20px auto auto auto; }
.zhao_detail .zhao_con .list { width: 45%; float: left; margin-right: auto; margin-bottom: 15px; }
.zhao_detail .zhao_con .list_name { font-size: 14px; }
.zhao_detail .zhao_con .list .input { width: 97%; padding-left: 3%; height: 38px; line-height: 38px; margin-top: 5px; border: 1px solid #E0E0E0; }
.zhao_detail .zhao_con .list:nth-child(3n) { margin-right: auto; }
.zhao_detail .zhao_con .list:nth-child(2n) { float: right; }
.zhao_detail .zhao_con .textarea { width: 97%; padding: 5px 1.5%; height: 125px; line-height: 25px; border: 1px solid #E0E0E0; margin-top: 5px; margin-bottom: 15px; }
.zhao_detail .zhao_con .code_input { width: 39%; padding-left: 1%; height: 44px; line-height: 38px; margin-top: 5px; border: 1px solid #E0E0E0; }
.zhao_detail .zhao_con .code_img { width: 50%; height: 44px; margin-left: 10px; }
.zhao_detail .zhao_con .submit { width: 180px; height: 38px; line-height: 38px; text-align: center; background-color: #0068CA; color: #ffffff; font-size: 15px; border: 0px; margin: 15px auto auto auto; cursor: pointer; }
/**搜浪动态**/
.dongtai { width: 88%; padding: 30px 2%; background-color: #ffffff; margin: auto; }
.dongtai .ul { }
.dongtai .ul li { padding-bottom: 20px; border-bottom: 1px solid #F4F7FA; margin-bottom: 15px; }
.dongtai .ul li .pic { width: 22%; float: left; padding-top: 13.63%; position: relative; overflow: hidden; }
.dongtai .ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.dongtai .ul li .right_con { width: 75%; float: right; }
.dongtai .ul li .right_con .title { height: 22px; line-height: 22px; overflow: hidden; font-size: 15px; }
.dongtai .ul li .right_con .title a { }
.dongtai .ul li .right_con .des { height: 40px; line-height: 20px; color: #666666; overflow: hidden; margin-top: 5px; font-size: 12px; }
.dongtai .ul li .right_con .date_con { color: #A9A9A9; margin-top: 5px; font-size: 12px; }
.dongtai .ul li .right_con .date_con .more { width: 110px; height: 36px; display: block; border-radius: 4px; background-color: #0068CA; color: #ffffff; text-align: center; line-height: 36px; float: right; margin-top: 5px; }
.dongtai_detail { width: 92%; margin: auto; }
.dongtai_detail .left_con { width: 93%; padding: 20px 3.33% 30px 3.33%; float: none; background-color: #ffffff }
.dongtai_detail .right_con { width: 100%; float: none; margin-top: 20px; }
.dongtai_detail .right_con .relative_news { padding: 20px 0px; background-color: #ffffff; }
.dongtai_detail .right_con .relative_news .title_con { width: 80%; height: 18px; font-weight: bold; font-size: 16px; border-left: 5px solid #0068CA; margin: auto; line-height: 18px; padding-left: 10px; }
.dongtai_detail .right_con .relative_news .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 15px; }
.dongtai_detail .right_con .relative_news ul { width: 92%; margin: auto; }
.dongtai_detail .right_con .relative_news ul li { padding-bottom: 20px; border-bottom: 1px solid #F4F7FA; margin-top: 20px; }
.dongtai_detail .right_con .relative_news ul li .left_date { width: 17.69%; float: left; font-size: 12px; border: 1px solid #E0E0E0; text-align: center; line-height: 16px; padding: 4px 0px; color: #666666; }
.dongtai_detail .right_con .relative_news ul li .left_date span { display: block; }
.dongtai_detail .right_con .relative_news ul li .right_con_news { width: 76.92%; float: right; }
.dongtai_detail .right_con .relative_news ul li .right_con_news .title { height: 16px; display: block; width: 100%; overflow: hidden; font-weight: bold; color: #666666; line-height: 16px; }
.dongtai_detail .right_con .relative_news ul li .right_con_news .des { height: 16px; line-height: 16px; overflow: hidden; color: #666666; margin-top: 7px; }
.dongtai_detail .right_con .hot_news { padding: 30px 0px; background-color: #ffffff; margin-top: 20px; }
.dongtai_detail .right_con .hot_news .title_con { width: 80%; height: 18px; font-weight: bold; font-size: 16px; border-left: 5px solid #0068CA; margin: auto; line-height: 18px; padding-left: 10px; }
.dongtai_detail .right_con .hot_news .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 15px; }
.dongtai_detail .right_con .hot_news ul { width: 85%; margin: 15px auto auto auto; }
.dongtai_detail .right_con .hot_news ul li { height: 16px; line-height: 16px; overflow: hidden; margin-bottom: 20px; }
.dongtai_detail .right_con .hot_news ul li a { color: #666666; }
/**新闻资讯**/
.news { width: 92%; margin: auto; }
.news .left_news { width: 94.5%; padding: 20px 3% 20px 2.5%; background-color: #ffffff; margin: auto; float: none; }
.news .left_news .news_ul { }
.news .left_news .news_ul li { padding-bottom: 18px; border-bottom: 1px solid #F4F7FA; margin-bottom: 18px; }
.news .left_news .news_ul li .pic { width: 22%; float: left; padding-top: 13.63%; position: relative; overflow: hidden; }
.news .left_news .news_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.news .left_news .news_ul li .right_con { width: 75%; float: right; }
.news .left_news .news_ul li .right_con .title { height: 16px; line-height: 16px; overflow: hidden; font-size: 15px; }
.news .left_news .news_ul li .right_con .title a { }
.news .left_news .news_ul li .right_con .des { height: 40px; line-height: 20px; color: #666666; overflow: hidden; margin-top: 5px; font-size: 12px; }
.news .left_news .news_ul li .right_con .date_con { color: #A9A9A9; margin-top: 5px; font-size: 12px; }
.news .left_news .news_ul li .right_con .date_con .more { width: 80px; height: 30px; display: block; border-radius: 4px; background-color: #0068CA; color: #ffffff; text-align: center; line-height: 30px; float: right; }
.news .right_keywords { width: 100%; float: none; background-color: #ffffff; padding: 20px 0px 35px 0px; margin-top: 15px; }
.news .right_keywords .title { width: 82%; height: 20px; line-height: 20px; font-weight: bold; font-size: 16px; border-left: 4px solid #0068CA; padding-left: 10px; margin: auto; }
.news .right_keywords .line { width: 100%; height: 1px; background-color: #F4F7FA; margin-top: 18px; }
.news .right_keywords .keywords_ul { width: 90%; margin: auto; }
.news .right_keywords .keywords_ul li { width: 47%; height: 35px; line-height: 35px; text-align: center; color: #666666; float: left; margin-top: 15px; background-color: #F5F8FA; border-radius: 5px; }
.news .right_keywords .keywords_ul li a { color: #666666; }
.news .right_keywords .keywords_ul li:nth-child(2n) { float: right; }
/**展示案例-详情**/
.case_detail { width: 88%; padding: 30px 1.5%; background-color: #ffffff; margin: auto; }
.case_detail .title { font-size: 18px; line-height: 28px; text-align: center; }
.case_detail .list_title { height: 40px; font-size: 15px; line-height: 40px; background-color: #F5F8FA; padding-left: 5%; margin-top: 30px; }
.case_detail .detail_con { margin-top: 20px; }
/**萌老板财务管理系统**/
.mengcw_category { text-align: center; margin-top: 25px; }
.mengcw_category li { width: 180px; height: 44px; border: 1px solid #e0e0e0; text-align: center; line-height: 44px; font-size: 14px; display: block; margin: auto auto 10px auto; }
.mengcw_category li:last-child { margin-right: auto; }
.mengcw_category li:hover a { color: #0068CA; }
.mengcw_category li:hover { border: 1px solid #0068CA; }
.mengcw_banner { width: 100%; padding: 35px 0px 35px 0; background: url(../img/mengcw_bg.jpg) center top no-repeat; margin-top: 35px; }
.mengcw_banner .title { font-size: 18px; font-weight: bold; text-align: center; color: #ffffff; line-height: 36px; }
.mengcw_banner .des { text-align: center; font-weight: bold; font-size: 13px; color: #ffffff; margin: 10px auto auto auto; width: 92%; }
.mengcw_banner .img { display: block; margin: 50px auto auto auto; width: 90%; }
/**萌老板财务管理系统-功能**/
.meng_function { width: 92%; margin: 60px auto auto auto; }
.meng_function li { width: 46%; float: left; margin-right: auto; margin-bottom: 20px; }
.meng_function li:last-child { margin-right: auto; }
.meng_function li .pic { height: 56px; }
.meng_function li .pic .img { display: block; margin: auto; }
.meng_function li .title { font-size: 16px; text-align: center; margin-top: 10px; }
.meng_function li .des { height: 100px; line-height: 25px; overflow: hidden; text-align: center; margin-top: 10px; font-size: 13px; }
.meng_function li:nth-child(2n) { float: right; }
/****萌老板财务管理系统-相关资讯*******/
.meng_news { width: 92%; margin: 45px auto auto auto; }
.meng_news li { width: 46%; float: left; margin-right: auto; margin-bottom: 25px; }
.meng_news li .main_title { font-size: 16px; line-height: 23px; height: 46px; overflow: hidden; display: block; }
.meng_news li .des { line-height: 26px; height: 52px; overflow: hidden; margin-top: 10px; display: block; color: #999999; }
.meng_news li .icon_title { height: 20px; line-height: 20px; color: #A2A2A2; display: block; margin-top: 7px; color: #999999; font-size: 13px; }
.meng_news li:last-child { margin-right: auto; }
.meng_news li:hover .main_title { color: #0F61AE; }
.meng_news li:hover .des { color: #0F61AE; }
.meng_news li:hover .icon_title { color: #0F61AE; }
.meng_news li:nth-child(2n) { float: right; }
.more_meng_news { width: 178px; height: 48px; display: block; border-radius: 30px; border: 1px solid #e1e1e1; line-height: 48px; text-align: center; margin: 20px auto auto auto; transition: 0.2s; }
.more_meng_news:hover { background-color: #0068CA; color: #ffffff; }
/**萌老板客户管理系统**/
.mengkh_banner { width: 100%; padding: 50px 0px 50px 0; background: url(../img/mengkh_bg.jpg) center top no-repeat; margin-top: 35px; background-color: #FEFEFE; background-size: auto 100%; }
.mengkh_banner .con { width: 92%; margin: auto; }
.mengkh_banner .con .pic { width: 90%; float: none; display: block; margin: auto; }
.mengkh_banner .con .left_con { width: 95%; background: url(../img/mengkh_tou_blue.png); border-radius: 10px; padding: 20px 0px; margin-top: 10px; float: none; margin: 30px auto auto auto; }
.mengkh_banner .con .left_con li { padding-left: 1%; color: #ffffff; font-size: 14px; margin-bottom: 20px; }
.mengkh_banner .con .left_con li .li_index { font-size: 28px; font-style: italic; }
/**萌老板客户管理系统**/
.mengkh_function { width: 100%; padding: 45px 0px 45px 0; background-color: #F5F8FA; }
.mengkh_function .con { width: 92%; margin: auto; }
.mengkh_function .con .pic { width: 90%; float: none; display: block; margin: auto auto auto auto; }
.mengkh_function .con .right_con { width: 95%; background-color: #ffffff; border-radius: 20px; padding: 30px 0px; float: none; margin: 30px auto auto auto; }
.mengkh_function .con .right_con li { padding-left: 1%; font-size: 14px; margin-bottom: 30px; }
.mengkh_function .con .right_con li .li_index { font-size: 28px; font-style: italic; color: #0068CA; }
.mengkh_function .con .right_con li:last-child { margin-bottom: auto; }
/**电商运营推广**/
.dianshang_tianmao { width: 100%; padding: 40px 0; margin-top: 35px; background: url(../img/dianshang_bg_1.jpg) center top no-repeat; background-size: auto 100%; }
.dianshang_tianmao .title { font-size: 20px; font-weight: bold; text-align: center; line-height: 20px; }
.dianshang_tianmao .des { text-align: center; font-size: 14px; margin-top: 13px; }
.dianshang_tianmao .tianmao { width: 92%; margin: 40px auto auto auto; }
.dianshang_tianmao .tianmao li { width: 85%; padding: 20px 5%; margin-right: auto; background-color: #ffffff; border-radius: 8px; float: none; margin: auto auto 20px auto; }
.dianshang_tianmao .tianmao li:nth-child(3n) { margin-right: auto; }
.dianshang_tianmao .tianmao li .li_title { padding-left: 55px; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold; }
.dianshang_tianmao .tianmao li .li_des { height: 88px; line-height: 22px; overflow: hidden; margin-top: 13px; text-align: justify; }
.dianshang_tianmao .tianmao li:nth-child(1) .li_title { background: url(../img/dianshang_1_1.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(2) .li_title { background: url(../img/dianshang_1_2.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(3) .li_title { background: url(../img/dianshang_1_3.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(4) .li_title { background: url(../img/dianshang_1_4.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(5) .li_title { background: url(../img/dianshang_1_5.png) left center no-repeat; }
.dianshang_tianmao .tianmao li:nth-child(6) .li_title { background: url(../img/dianshang_1_6.png) left center no-repeat; }
/**电商运营推广-阿里巴巴**/
.dianshang_ali { width: 100%; padding: 50px 0px 80px 0px; background: url(../img/dianshang_bg_2.jpg) center top no-repeat; }
.dianshang_ali .title { font-size: 20px; font-weight: bold; text-align: center; line-height: 20px; color: #ffffff; }
.dianshang_ali .des { text-align: center; font-size: 14px; margin: 10px auto auto auto; color: #ffffff; width: 92%; }
.dianshang_ali .ali_ul { width: 92%; margin: 55px auto auto auto; }
.dianshang_ali .ali_ul li { width: 30%; float: left; margin-right: 5%; color: #ffffff; text-align: center; }
.dianshang_ali .ali_ul li:last-child { margin-right: auto; }
.dianshang_ali .ali_ul li .li_title { font-size: 16px; }
.dianshang_ali .ali_ul li .li_des { font-size: 13px; margin-top: 13px; }
.dianshang_ali .ali_ul li .li_line { width: 20px; height: 3px; background-color: #ffffff; margin: 20px auto auto auto; }
.dianshang_ali .ali_img { display: block; margin: 60px auto auto auto; width: 65%; }
.dianshang_ali_adv { width: 100%; padding: 50px 0px 30px 0px; background-color: #F5F8FA; }
.dianshang_ali_adv .con { width: 90%; margin: auto; }
.dianshang_ali_adv .con li { width: 45%; float: left; margin: auto auto 20px auto; cursor: pointer; }
.dianshang_ali_adv .con li .li_pic { width: 120px; height: 120px; border-radius: 50%; background-color: #ffffff; margin: auto; border: 1px solid #ffffff; transition: 0.2s; }
.dianshang_ali_adv .con li .li_pic .img { display: block; margin: 35px auto auto auto; }
.dianshang_ali_adv .con li .li_title { font-size: 16px; margin-top: 15px; text-align: center; color: #363636; }
.dianshang_ali_adv .con li:nth-child(2n) { float: right; }
.dianshang_ali_adv .con li:hover .li_pic { box-shadow: 2px 2px 25px 10px #EAEFF6; }
/**全网推广**/
.quanwang_banner { width: 100%; padding: 55px 0px 100px 0; margin-top: 35px; background: url(../img/quanwang_bg_1.jpg) center top no-repeat; }
.quanwang_banner .title { font-weight: bold; font-size: 20px; color: #ffffff; text-align: center; }
.quanwang_banner .des { font-size: 14px; text-align: center; margin-top: 10px; color: #ffffff; }
.quanwang_banner .adv_ul { width: 92%; margin: 35px auto auto auto; }
.quanwang_banner .adv_ul li { width: 45%; float: left; color: #ffffff; text-align: center; margin-bottom: 25px; }
.quanwang_banner .adv_ul li .li_title { font-size: 30px; font-weight: bold; line-height: 30px; }
.quanwang_banner .adv_ul li .li_des { font-size: 14px; line-height: 20px; margin-top: 10px; }
.quanwang_banner .adv_ul li:nth-child(2n) { float: right; }
.quanwang_banner .adv_ul li:last-child { float: none; margin: auto; }
/**全网推广- 曝光平台**/
.quanwang_bao { width: 100%; padding: 40px 0px 30px 0px; background-color: #F5F8FA; }
.quanwang_bao .title { font-weight: bold; font-size: 20px; text-align: center; color: #363636; }
.quanwang_bao .bao_ul { width: 92%; margin: 36px auto auto auto; }
.quanwang_bao .bao_ul li { width: 47%; float: left; background-color: #ffffff; border-radius: 8px; padding: 13px 0px 20px 0px; margin-right: auto; margin-bottom: 20px; }
.quanwang_bao .bao_ul li:nth-child(2n) { float: right; }
.quanwang_bao .bao_ul li .pic { height: 63px; }
.quanwang_bao .bao_ul li .pic img { display: block; margin: auto; max-width: 80%; }
.quanwang_bao .bao_ul li .li_title { font-size: 16px; margin-top: 5px; text-align: center; }
.quanwang_bao .bao_ul li .li_des { width: 95%; height: 40px; line-height: 20px; text-align: center; margin: 5px auto auto auto; }
/**全网推广- 搜索分析**/
.quanwang_sou_title { font-weight: bold; font-size: 20px; text-align: center; margin-top: 40px; }
.quanwang_sou_ul { width: 92%; margin: 45px auto auto auto; }
.quanwang_sou_ul li { width: 45%; float: left; margin-bottom: 10px; }
.quanwang_sou_ul li .pic { height: 80px; }
.quanwang_sou_ul li .pic img { display: block; margin: auto; max-width: 50%; max-height: 65px; }
.quanwang_sou_ul li .li_title { font-size: 15px; text-align: center; line-height: 15px; margin-top: 5px; }
.quanwang_sou_ul li .li_des { color: #999999; text-align: center; margin-top: 10px; font-size: 12px; height: 60px; line-height: 20px; }
.quanwang_sou_ul li:nth-child(2n) { float: right; }
/**全网推广- 战术优势**/
.quanwang_adv { width: 100%; padding: 45px 0px 45px 0px; background: url(../img/quanwang_bg_2.jpg) center top no-repeat; margin-top: 20px; background-size: auto 100%; }
.quanwang_adv .title { text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; }
.quanwang_adv .con { width: 88%; margin: 30px auto auto auto; }
.quanwang_adv .con li { width: 46.5%; float: left; border-radius: 8px; overflow: hidden; background-color: #ffffff; padding-bottom: 8px; margin-right: auto; margin-bottom: 20px; }
.quanwang_adv .con li .li_pic { height: 100px; border-top: 1px solid transparent; }
.quanwang_adv .con li .li_pic img { display: block; margin: 16px auto auto auto; }
.quanwang_adv .con li .li_des { font-size: 12px; text-align: center; margin-top: 16px; height: 60px; line-height: 20px; }
.quanwang_adv .con li:nth-child(1) .li_pic { background: linear-gradient(to right, #88A3CB, #A2B8D5); }
.quanwang_adv .con li:nth-child(2) .li_pic { background: linear-gradient(to right, #01B1DC, #15CCE2); }
.quanwang_adv .con li:nth-child(3) .li_pic { background: linear-gradient(to right, #2DBD67, #36D18A); }
.quanwang_adv .con li:nth-child(4) .li_pic { background: linear-gradient(to right, #5080F7, #25ACF9); }
.quanwang_adv .con li:nth-child(5) .li_pic { background: linear-gradient(to right, #F2BB23, #F6C93F); }
.quanwang_adv .con li:last-child { margin-right: auto; float: none; margin: auto; }
.quanwang_adv .con li:nth-child(2n) { float: right; }
.quanwang_adv1 { width: 92%; margin: 50px auto auto auto; }
.quanwang_adv1 li { width: 46%; float: left; margin-right: auto; margin-bottom: 25px; }
.quanwang_adv1 li .pic { width: 100%; padding-top: 98%; overflow: hidden; position: relative; }
.quanwang_adv1 li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.quanwang_adv1 li .li_title { font-size: 15px; text-align: center; margin-top: 10px; }
.quanwang_adv1 li .li_des { width: 95%; margin: 5px auto auto auto; height: 40px; line-height: 20px; overflow: hidden; text-align: center; font-size: 12px; }
.quanwang_adv1 li:last-child { margin-right: auto; }
.quanwang_adv1 li:nth-child(2n) { float: right; }
.quanwang_adv2 { width: 100%; padding: 70px 0px 25px 0px; background: url(../img/quanwang_bg_3.jpg) center top no-repeat; margin-top: 50px; background-color: #F5F8FA }
.quanwang_adv2 .con { width: 88%; margin: auto; }
.quanwang_adv2 .con li { width: 85%; float: left; padding: 35px 7.5% 30px 7.5%; background-color: #ffffff; border-radius: 8px; margin-right: auto; margin-bottom: 25px; }
.quanwang_adv2 .con li .li_title { font-size: 16px; text-align: center; }
.quanwang_adv2 .con li .li_des { height: 120px; line-height: 24px; font-size: 14px; text-align: center; margin-top: 10px; }
.quanwang_adv2 .con li .li_pic { height: 230px; margin: 20px auto auto auto; }
.quanwang_adv2 .con li .li_pic img { max-width: 100%; display: block; margin: auto; }
.quanwang_adv2 .con li:nth-child(3n) { margin-right: auto; }
/**全网推广- 服务保障**/
.quanwang_promise_title { font-weight: bold; font-size: 20px; text-align: center; margin-top: 55px; }
.quanwang_promise_ul { width: 85%; margin: 40px auto auto auto; }
.quanwang_promise_ul li { width: 43%; float: left; margin-right: auto; margin-bottom: 20px; }
.quanwang_promise_ul li .pic { height: 90px; }
.quanwang_promise_ul li .pic img { display: block; margin: auto; max-width: 80%; }
.quanwang_promise_ul li .title { line-height: 25px; text-align: center; font-size: 15px; margin-top: 10px; }
.quanwang_promise_ul li:last-child { margin-right: auto; }
.quanwang_promise_ul li:nth-child(2n) { float: right; }
/**网站seo推广-1**/
.seo_main_title { font-size: 20px; font-weight: bold; text-align: center; margin-top: 40px; line-height: 20px; }
.seo_main_des { text-align: center; font-size: 14px; margin: 15px auto auto auto; line-height: 26px; width: 92%; }
.seo_part1 { width: 100%; background: url(../img/seo_1_3.jpg) right 360px no-repeat; margin: 10px auto auto auto; background-size: 100px 95px; }
.seo_part1 .con { width: 92%; margin: auto auto auto auto; }
.seo_part1 .con .pic { display: block; float: none; width: 100%; }
.seo_part1 .con .text { padding-left: 35px; background: url(../img/seo_1_2.jpg) left top no-repeat; float: none; margin-top: 30px; line-height: 32px; font-size: 14px; }
.seo_part1 .con .text .bold { font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.seo_part1 .con .text .bold span { font-size: 20px; }
.seo_part2 { width: 100%; padding: 54px 0px 40px 0px; background: url(../img/seo_bg_1.jpg); margin-top: 40px; background-size: auto 100%; }
.seo_part2 .con { width: 92%; margin: auto; }
.seo_part2 .con .pic { display: block; float: none; width: 80%; margin: auto; }
.seo_part2 .con .left_con { width: 100%; float: none; margin: 40px auto auto auto; }
.seo_part2 .con .left_con li { width: 46%; height: 48px; border-radius: 8px; border: 1px solid #ffffff; padding-left: 2%; font-size: 20px; line-height: 48px; color: #ffffff; float: left; margin-bottom: 20px; }
.seo_part2 .con .left_con li .span_index { font-size: 20px; display: inline-block; }
.seo_part2 .con .left_con li .span_con { font-size: 13px; margin-top: -5px; display: inline-block; vertical-align: middle }
.seo_part2 .con .left_con li:nth-child(2n) { float: right; }
.seo_part3 { width: 100%; padding: 60px 0px 40px 0px; background-color: #F5F8FA; }
.seo_part3 .con { width: 90%; margin: auto; }
.seo_part3 .con li { width: 48%; float: left; margin-right: auto; margin-bottom: 20px; }
.seo_part3 .con li .pic { height: 100px; }
.seo_part3 .con li .pic img { display: block; margin: auto; }
.seo_part3 .con li .li_title { text-align: center; font-size: 14px; margin-top: 15px; line-height: 20px; }
.seo_part3 .con li:last-child { margin: auto auto auto auto; clear: both; float: none; }
.seo_part3 .con li:nth-child(2n) { float: right; }
/**官网网站建设**/
.web_make { width: 100%; padding: 55px 0px 0px 0px; background: url(../img/web_bg_1.jpg) center top no-repeat; margin-top: 15px; }
.web_make .title { font-weight: bold; font-size: 20px; color: #ffffff; text-align: center; line-height: 20px; }
.web_make .des { width: 92%; font-size: 13px; text-align: center; color: #ffffff; margin: 12px auto auto auto; }
.web_make .des1 { width: 92%; font-size: 13px; text-align: center; color: #ffffff; margin: 25px auto auto auto; line-height: 26px; }
.web_make .img { display: block; margin: 20px auto auto auto; width: 100%; }
.web_style { width: 92%; margin: 60px auto auto auto; }
.web_style li { width: 47%; float: left; margin-right: auto; margin-bottom: 10px; }
.web_style li .pic { height: 90px; }
.web_style li .pic img { display: block; margin: auto; max-width: 60%; max-height: 90px; }
.web_style li .title { text-align: center; font-size: 16px; margin-top: 10px; }
.web_style li .des { height: 140px; line-height: 20px; text-align: center; margin-top: 10px; font-size: 12px; }
.web_style li:last-child { margin-right: auto; }
.web_style li:nth-child(2n) { float: right; }
.web_confsion { width: 100%; padding: 35px 0px 30px 0px; background: none; margin-top: 10px; background-color: #0075E8; }
.web_confsion .con { width: 90%; margin: auto; }
.web_confsion .con .left_part { width: 100%; float: none; margin-left: auto; }
.web_confsion .con .left_part .title { font-weight: bold; font-size: 18px; color: #ffffff; line-height: 24px; }
.web_confsion .con .left_part .left_part_con { margin: 25px auto auto auto; padding: 25px 0px 30px 40px; font-size: 14px; line-height: 36px; color: #ffffff; background: url(../img/web_bg_3.png) left top no-repeat; }
.web_confsion .con .right_part { width: 100%; float: none; }
.web_confsion .con .right_part .title { font-weight: bold; font-size: 16px; color: #ffffff; line-height: 16px; }
.web_confsion .con .right_part .best_web { margin-top: 25px; }
.web_confsion .con .right_part .best_web li { color: #ffffff; margin-bottom: 25px; }
.web_confsion .con .right_part .best_web li .li_title { font-size: 16px; }
.web_confsion .con .right_part .best_web li .li_title span { font-size: 14px; }
.web_confsion .con .right_part .best_web li .li_des { margin-top: 10px; }
.web_confsion .con .right_part .consult { width: 120px; height: 45px; background-color: #0068CA; display: block; border-radius: 5px; font-size: 15px; color: #ffffff; margin-top: 35px; text-align: center; line-height: 45px; }
.web_choice { width: 92%; margin: 40px auto auto auto; }
.web_choice .title { font-weight: bold; text-align: center; font-size: 18px; color: #363636; }
.web_choice .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.web_choice .choice_title_con { margin-top: 40px; }
.web_choice .choice_title_con li { width: 50%; font-weight: bold; font-size: 16px; line-height: 16px; margin-left: auto; float: left; text-align: center; }
.web_choice .choice_title_con li:nth-child(2n) { float: right; margin: auto auto auto auto; color: #0068CA; }
.web_choice .choice_ul { margin: 30px auto auto auto; padding: 5px 0px 30px 0px; background: none; background-size: 68.16% auto; }
.web_choice .choice_ul li { width: 48%; text-align: center; background-color: #666666; color: #ffffff; float: left; border-radius: 5px; padding: 12px 0; margin-bottom: 4.5vw; font-size: 13px; }
.web_choice .choice_ul li:nth-child(even) { float: right; background-color: #0068CA; }
.web_choice .choice_ul li:nth-child(odd) { clear: both; }
.web_adv { margin: 00px auto auto auto; }
.web_adv .title { font-weight: bold; text-align: center; font-size: 18px; color: #363636; }
.web_adv .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.web_adv .con { margin: 35px auto auto auto; height: auto }
.web_adv .con .left_pic { width: 100%; float: none; height: auto; }
.web_adv .con .left_pic img { width: 100%; height: auto; }
.web_adv .con .right_con { width: 90%; padding: 40px 5% 40px 5%; background: linear-gradient(to right, #27B0FF, #4266FE); float: none; margin: auto auto auto auto; }
.web_adv .con .right_con li { height: auto; line-height: 20px; font-size: 14px; color: #ffffff; margin-bottom: 20px; margin-left: 2%; padding-left: 30px; background: url(../img/web_gou.png) left center no-repeat; }
.web_skill { width: 92%; margin: 55px auto auto auto; }
.web_skill .title { font-weight: bold; text-align: center; font-size: 18px; color: #363636; }
.web_skill .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.web_skill .con { margin: auto auto auto auto; }
.web_skill .con li { width: 48%; float: left; margin: 35px auto auto auto; }
.web_skill .con li .pic { height: 52px; }
.web_skill .con li .pic img { display: block; margin: auto; }
.web_skill .con li .li_title { text-align: center; font-size: 15px; margin-top: 15px; }
.web_skill .con li .li_des { text-align: center; line-height: 20px; margin-top: 10px; height: 60px; font-size: 13px; }
.web_skill .con li:nth-child(2n) { float: right; }
/*商城网站**/
.shop_style { width: 100%; padding: 35px 0px 30px 0px; background-color: #F5F8FA; }
.shop_style .title { font-weight: bold; text-align: center; font-size: 18px; color: #363636; }
.shop_style .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.shop_style .con { width: 92%; margin: 30px auto auto auto; }
.shop_style .con li { width: 47%; float: left; background-color: #ffffff; padding: 20px 0px 25px 0px; border-radius: 10px; margin-right: auto; margin-bottom: 20px; }
.shop_style .con li .li_title { font-weight: bold; font-size: 15px; text-align: center; }
.shop_style .con li .li_des { line-height: 22px; font-size: 14px; text-align: center; width: 85%; margin: 15px auto auto auto; height: 66px; }
.shop_style .con li .li_pic { height: 72px; margin-top: 15px; }
.shop_style .con li .li_pic img { display: block; margin: auto; }
.shop_style .con li:last-child { margin-right: auto; }
.shop_style .con li:nth-child(2n) { float: right; }
/**商城网站-标准商城*/
.shop_biaozhun { width: 92%; margin: 55px auto auto auto; }
.shop_biaozhun .left_part { width: 90%; float: none; height: auto; background: url(../img/shop_2_bg_1.jpg) center top no-repeat; padding: 40px 5% 25px 5%; color: #ffffff; background-size: cover; }
.shop_biaozhun .left_part .title { font-weight: bold; font-size: 18px; color: #ffffff; line-height: 18px; }
.shop_biaozhun .left_part .des { line-height: 26px; margin-top: 15px; }
.shop_biaozhun .left_part .ul { margin-top: 32px; }
.shop_biaozhun .left_part .ul li { height: 70px; padding-left: 86px; line-height: 30px; margin-bottom: 22px; }
.shop_biaozhun .left_part .ul li.l1 { background: url(../img/shop_2_1_1.png) left center no-repeat; }
.shop_biaozhun .left_part .ul li.l2 { background: url(../img/shop_2_1_2.png) left center no-repeat; }
.shop_biaozhun .left_part .ul li.l3 { background: url(../img/shop_2_1_3.png) left center no-repeat; }
.shop_biaozhun .left_part .consult { font-size: 14px; margin-top: 15px; color: #ffffff; }
.shop_biaozhun .right_part { width: 100%; float: none; height: auto; background: url(../img/shop_2_bg_2.jpg); background-size: cover; padding-top: 35px; }
.shop_biaozhun .right_part .title { font-size: 20px; text-align: center; margin-top: 0px; line-height: 20px; }
.shop_biaozhun .right_part .con_ul { width: 95%; margin: 30px auto auto auto; }
.shop_biaozhun .right_part .con_ul li { width: 23%; float: left; background-color: #ffffff; margin: auto 2.66% 26px auto; padding-bottom: 10px; height: 88px; }
.shop_biaozhun .right_part .con_ul li .pic { height: 32px; margin: 12px auto auto auto; }
.shop_biaozhun .right_part .con_ul li .pic img { display: block; margin: auto; }
.shop_biaozhun .right_part .con_ul li .li_title { text-align: center; font-size: 12px; margin-top: 10px; }
.shop_biaozhun .right_part .con_ul li:nth-child(4n) { margin-right: auto; }
/**商城网站-分销商城*/
.shop_fenxiao { width: 92%; margin: 45px auto auto auto; }
.shop_fenxiao .left_part { width: 90%; float: none; height: auto; background: url(../img/shop_3_bg_1.jpg); padding: 30px 5% 25px 5%; color: #ffffff; background-size: cover; }
.shop_fenxiao .left_part .title { font-weight: bold; font-size: 18px; color: #ffffff; line-height: 18px; }
.shop_fenxiao .left_part .des { line-height: 24px; margin-top: 15px; font-size: 14px; }
.shop_fenxiao .left_part .con { line-height: 24px; margin-top: 35px; }
.shop_fenxiao .left_part .line { width: 40px; height: 3px; background-color: #ffffff; margin-top: 20px; }
.shop_fenxiao .left_part .consult { font-size: 14px; margin-top: 25px; color: #ffffff; display: block; }
.shop_fenxiao .right_part { width: 100%; float: none; height: auto; background: url(../img/shop_3_bg_2.jpg); background-size: cover; padding-top: 35px; padding-bottom: 20px; }
.shop_fenxiao .right_part .title { font-size: 20px; text-align: center; margin-top: 0px; line-height: 20px; }
.shop_fenxiao .right_part .cate_ul { margin-top: 20px; text-align: center; }
.shop_fenxiao .right_part .cate_ul li { width: 148px; height: 36px; display: block; text-align: center; font-size: 14px; line-height: 36px; border: 1px solid #E0E0E0; margin: auto; }
.shop_fenxiao .right_part .cate_ul li.on { color: #0068CA; }
.shop_fenxiao .right_part .con { margin-top: 20px; }
.shop_fenxiao .right_part .con .left_con { width: 80%; float: none; margin: 40px auto auto 6%; font-size: 14px; line-height: 30px; }
.shop_fenxiao .right_part .con .right_pic { width: 90%; float: none; }
/**商城网站-代理分销商城*/
.shop_daili { width: 92%; margin: 75px auto auto auto; }
.shop_daili .left_part { width: 90%; float: none; height: auto; background: url(../img/shop_4_bg_1.jpg); padding: 30px 5% 20px 5%; color: #ffffff; background-size: cover; }
.shop_daili .left_part .title { font-weight: bold; font-size: 18px; color: #ffffff; line-height: 18px; }
.shop_daili .left_part .des { line-height: 24px; margin-top: 15px; }
.shop_daili .left_part .consult { font-size: 14px; margin-top: 25px; color: #ffffff; display: block; }
.shop_daili .right_part { width: 100%; float: none; height: auto; background: url(../img/shop_4_bg_2.jpg); padding-top: 35px; padding-bottom: 20px; }
.shop_daili .right_part .title { font-size: 20px; text-align: center; margin-top: 0px; line-height: 20px; }
.shop_daili .right_part .ul { width: 98%; margin: 40px auto auto auto; }
.shop_daili .right_part .ul li { width: 30.89%; float: left; border-radius: 8px; padding: 18px 0px 20px 0px; background-color: #ffffff; margin-right: 3.665%; }
.shop_daili .right_part .ul li .pic { height: 60px; }
.shop_daili .right_part .ul li .pic img { display: block; margin: auto; max-width: 50%; max-height: 60px; }
.shop_daili .right_part .ul li .li_title { text-align: center; font-weight: bold; font-size: 15px; margin-top: 10px; line-height: 15px; }
.shop_daili .right_part .ul li .li_line { width: 90%; height: 1px; background-color: #E0E0E0; margin: 15px auto auto auto; }
.shop_daili .right_part .ul li .li_des { line-height: 24px; text-align: center; font-size: 13px; margin-top: 15px; }
.shop_daili .right_part .ul li:last-child { margin-right: auto; }
/**商城网站-核心功能*/
.shop_function { width: 92%; margin: 55px auto auto auto; }
.shop_function .left_part { width: 90%; float: none; height: auto; background: url(../img/shop_5_bg_1.jpg); padding: 30px 5% 20px 5%; color: #ffffff; }
.shop_function .left_part .title { font-weight: bold; font-size: 18px; color: #ffffff; line-height: 18px; }
.shop_function .left_part .des { line-height: 24px; margin-top: 15px; }
.shop_function .left_part .consult { font-size: 14px; margin-top: 25px; color: #ffffff; display: block; }
.shop_function .right_part { width: 100%; float: none; height: auto; background: url(../img/shop_5_bg_2.jpg); padding-top: 35px; padding-bottom: 20px; }
.shop_function .right_part .title { font-size: 20px; text-align: center; margin-top: 0px; line-height: 20px; }
.shop_function .right_part .ul { width: 95%; margin: 30px auto auto auto; }
.shop_function .right_part .ul li { width: 33.62%; height: 90px; border-radius: 8px; padding-left: 14.81%; float: left; margin-bottom: 22px; }
.shop_function .right_part .ul li:nth-child(1) { background: url(../img/shop_5_2_1.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(2) { background: url(../img/shop_5_2_2.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(3) { background: url(../img/shop_5_2_3.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(4) { background: url(../img/shop_5_2_4.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(5) { background: url(../img/shop_5_2_5.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(6) { background: url(../img/shop_5_2_6.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(7) { background: url(../img/shop_5_2_7.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(8) { background: url(../img/shop_5_2_8.png) 6% center no-repeat; background-size: 35px 35px; background-color: #ffffff; }
.shop_function .right_part .ul li:nth-child(2n) { float: right; }
.shop_function .right_part .ul li .li_title { font-size: 15px; margin-top: 12px; }
.shop_function .right_part .ul li .li_des { font-size: 12px; color: #666666; margin-top: 2px; line-height: 20px; }
/**网站系统开发*/
.system { width: 100%; padding: 1px 0px 30px 0px; background-color: #F5F8FA; margin-top: 35px; }
.system .con { width: 92%; margin: auto; }
.system .con .sys_con { width: 90%; padding: 12px 5% 10px 5%; float: none; margin-top: 18px; background-color: #ffffff; }
.system .con .sys_con .sys_title { font-size: 16px; }
.system .con .sys_con .sys_ul { margin-top: 12px; }
.system .con .sys_con .sys_ul li { width: 27.87%; float: left; margin-right: 8.195%; }
.system .con .sys_con .sys_ul li .pic { width: 100%; padding-top: 100%; position: relative; overflow: hidden; }
.system .con .sys_con .sys_ul li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.system .con .sys_con .sys_ul li .li_title { line-height: 18px; width: 90%; margin: 10px auto auto auto; text-align: center; height: 36px; overflow: hidden; font-size: 12px; }
.system .con .sys_con .sys_ul li:nth-child(3n) { margin-right: auto; }
.system .con .sys_con:nth-child(2n) { float: none; }
/**公众号开发**/
.gongzonghao_style { width: 100%; background-color: #F5F8FA; margin: 35px auto auto auto; padding: 45px 0px 80px 0px; }
.gongzonghao_style .title { font-weight: bold; text-align: center; font-size: 20px; color: #363636; }
.gongzonghao_style .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.gongzonghao_style .con { width: 88%; margin: 35px auto auto auto; }
.gongzonghao_style .con li { width: 100%; float: none; margin-right: auto; margin-bottom: 30px; }
.gongzonghao_style .con li .pic { height: 81px; }
.gongzonghao_style .con li .pic img { display: block; margin: auto; }
.gongzonghao_style .con li .li_title { font-size: 16px; text-align: center; margin-top: 15px; }
.gongzonghao_style .con li .li_des { height: 78px; line-height: 26px; overflow: hidden; text-align: center; margin-top: 10px; }
.gongzonghao_style .con li:last-child { margin-right: auto; }
.gongzonghao_function { width: 100%; padding: 35px 0px 30px 0px; background: url(../img/gongzonghao_2_bg_1.jpg); background-size: cover; }
.gongzonghao_function .title { font-size: 20px; text-align: center; color: #ffffff; line-height: 20px; }
.gongzonghao_function .con { width: 92%; margin: 35px auto auto auto; }
.gongzonghao_function .con li { width: 31%; float: left; margin-right: 3.5%; margin-bottom: 20px; }
.gongzonghao_function .con li .pic { width: 100%; padding-top: 211%; overflow: hidden; position: relative; }
.gongzonghao_function .con li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0 }
.gongzonghao_function .con li .li_title { font-size: 13px; text-align: center; color: #ffffff; margin-top: 10px; }
.gongzonghao_function .con li:last-child { margin-right: auto; }
.gongzonghao_function .con li:nth-child(3n) { margin-right: auto; }
.gongzonghao_need { width: 100%; padding: 30px 0px 30px 0; background-color: #F5F8FA; }
.gongzonghao_need .title { font-size: 20px; text-align: center; line-height: 20px; }
.gongzonghao_need .con { width: 88%; margin: 30px auto auto auto; }
.gongzonghao_need .con li { width: 45%; float: left; margin-right: auto; margin-bottom: 20px; }
.gongzonghao_need .con li .li_title { height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 16px; color: #ffffff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.gongzonghao_need .con li:last-child { margin-right: auto; clear: both; float: none; margin: auto auto auto auto; }
.gongzonghao_need .con li:nth-child(1) .li_title { background-color: #12B5B1; }
.gongzonghao_need .con li:nth-child(2) .li_title { background-color: #0075E4; }
.gongzonghao_need .con li:nth-child(3) .li_title { background-color: #DE1FEF; }
.gongzonghao_need .con li:nth-child(4) .li_title { background-color: #FF0000; }
.gongzonghao_need .con li:nth-child(5) .li_title { background-color: #FFBA00; }
.gongzonghao_need .con li .child_list { padding: 10px 0px 10px 15.45%; border-bottom: 1px solid #E0E0E0; font-size: 14px; background-color: #ffffff; height: 37px; }
.gongzonghao_need .con li .child_list:last-child { border-bottom: 1px solid #ffffff; }
.gongzonghao_need .con li:nth-child(2n) { float: right; }
.gongzonghao_need .consult { width: 200px; height: 40px; border-radius: 30px; background-color: #ffffff; display: block; margin: 15px auto auto auto; line-height: 40px; text-align: center; }
.gongzonghao_need .con li:hover { margin-bottom: 30px; }
/**小程序开发**/
.xiaochengxu_wx { width: 100%; margin-top: 30px; padding: 0px 0px 0px 0px; background: url(../img/xiaochengxu_1_bg.jpg) center bottom no-repeat; }
.xiaochengxu_wx .title { font-weight: bold; text-align: center; font-size: 20px; color: #363636; }
.xiaochengxu_wx .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.xiaochengxu_wx .con { width: 92%; margin: 20px auto auto auto; }
.xiaochengxu_wx .con .left_img { width: 90%; float: none; display: block; margin: auto; }
.xiaochengxu_wx .con .right_ul { width: 100%; float: none; margin: 30px auto auto auto; }
.xiaochengxu_wx .con .right_ul li { width: 46%; padding: 0 2%; float: left; margin-bottom: 70px; }
.xiaochengxu_wx .con .right_ul li .li_pic { height: 47px; }
.xiaochengxu_wx .con .right_ul li .li_pic img { display: block; margin: auto; }
.xiaochengxu_wx .con .right_ul li .li_title { text-align: center; font-size: 16px; margin-top: 10px; }
.xiaochengxu_wx .con .right_ul li .li_des { text-align: center; margin-top: 7px; }
.xiaochengxu_wx_function { width: 92%; margin: 40px auto auto auto; }
.xiaochengxu_wx_function li { width: 46%; float: left; margin-right: auto; margin-bottom: 25px; }
.xiaochengxu_wx_function li .li_title { font-size: 16px; text-align: center; }
.xiaochengxu_wx_function li .li_des { text-align: center; line-height: 25px; height: 100px; overflow: hidden; }
.xiaochengxu_wx_function li:last-child { margin-right: auto; }
.xiaochengxu_wx_function li:nth-child(2n) { float: right; }
.xiaochengxu_baidu { width: 100%; padding: 40px 0px 3px 0px; background-color: #F5F8FA; margin-top: 15px; }
.xiaochengxu_baidu .title { font-weight: bold; text-align: center; font-size: 20px; color: #363636; line-height: 20px; }
.xiaochengxu_baidu .des { text-align: center; font-size: 14px; color: #363636; margin-top: 10px; }
.xiaochengxu_baidu .con { width: 92%; margin: 40px auto auto auto; }
.xiaochengxu_baidu .con li { width: 30%; float: left; margin-right: 5%; margin-bottom: 25px; }
.xiaochengxu_baidu .con li .li_pic { width: 100%; padding-top: 208%; overflow: hidden; position: relative; }
.xiaochengxu_baidu .con li .li_pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.xiaochengxu_baidu .con li .li_title { font-size: 14px; text-align: center; margin-top: 15px; }
.xiaochengxu_baidu .con li:last-child { margin-right: auto; }
.xiaochengxu_baidu .con li:nth-child(3n) { margin-right: auto; }
.xiaochengxu_baidu_function { width: 90%; margin: 35px auto auto auto; }
.xiaochengxu_baidu_function li { width: 47%; float: left; margin-right: auto; margin-bottom: 20px; }
.xiaochengxu_baidu_function li .li_pic { height: 49px; }
.xiaochengxu_baidu_function li .li_pic img { display: block; margin: auto; }
.xiaochengxu_baidu_function li .li_title { text-align: center; font-size: 16px; margin-top: 15px; }
.xiaochengxu_baidu_function li .li_des { text-align: center; height: 72px; line-height: 24px; margin-top: 12px; }
.xiaochengxu_baidu_function li:last-child { margin-right: auto; }
.xiaochengxu_baidu_function li:nth-child(2n) { float: right; }
/**客户案例*/
.clientcase { width: 92%; margin: 15px auto auto auto; }
.clientcase li { width: 47.5%; float: left; margin: auto auto 20px auto; transition: 0.2s; }
.clientcase li:nth-child(3n) { margin-right: auto; }
.clientcase li .pic { width: 100%; padding-top: 78.27%; position: relative; overflow: hidden; }
.clientcase li .pic img { width: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.clientcase li .pic .title_con { width: 60%; padding: 50px 1% 10px 1%; font-size: 14px; color: #ffffff; text-align: center; font-weight: bold; line-height: 20px; height: 40px; overflow: hidden; position: absolute; left: 19%; top: 5%; background: url(../img/clientcase_title_bg.png); background-size: 100% 100%; opacity: 1; transition: 0.2s; }
.clientcase li:hover { box-shadow: 1px 5px 15px 3px #BABABA; }
.clientcase li:hover .title_con { opacity: 1; }
.clientcase li:nth-child(2n) { float: right; }
/**在线留言**/
.message { padding: 30px 0; background-color: #F6F6F6; }
.message .con { width: 95%; background-color: #ffffff; margin: auto; padding: 45px 0px 50px 0px; }
.message .con .main_title { font-size: 20px; color: #58A245; text-align: center; font-weight: bold; padding-bottom: 30px; border-bottom: 1px solid #F0F0F0; }
.message .con .mes_con { width: 80%; margin: 30px auto auto auto; }
.message .con .mes_con .list { margin-bottom: 30px; }
.message .con .mes_con .list .input { width: 96%; padding-left: 3%; line-height: 48px; height: 48px; border: 1px solid #F0F0F0; font-size: 15px; }
.message .con .mes_con .list .input::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .input:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .textarea { padding: 5px 3%; width: 93%; border: 1px solid #F0F0F0; font-size: 18px; line-height: 30px; height: 90px; }
.message .con .mes_con .list .textarea::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .textarea:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_input { width: 40%; padding-left: 3%; line-height: 48px; height: 48px; border: 1px solid #F0F0F0; font-size: 15px; }
.message .con .mes_con .list .code_input::-webkit-input-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_input:-moz-placeholder {
color:#DADADA;
}
.message .con .mes_con .list .code_img { width: 190px; }
.message .con .mes_con .submit { width: 180px; height: 50px; font-size: 16px; text-align: center; line-height: 50px; color: #ffffff; border-radius: 25px; background-color: #58A245; border: 0; cursor: pointer; }
/****新闻详情**/
.news_detail { width: 92%; padding: 32px 2.5% 50px 2.5%; background-color: #ffffff; margin: auto; }
.news_detail .title { height: 20px; line-height: 20px; font-size: 18px; text-align: center; overflow: hidden; font-weight: bold; }
.news_detail .date { text-align: center; color: #999999; margin-top: 15px; }
.news_detail .content { margin-top: 30px; }
.prev_next_article { margin-top: 15px; font-size: 13px; }
.prev_next_article .prev_article { width: 100%; float: none; }
.prev_next_article .back_to_list { width: 100%; text-align: left; float: none; margin-top: 5px; }
.prev_next_article .next_article { width: 100%; text-align: left; float: none; margin-top: 5px; }
.prev_next { width: 95%; margin: 36px auto auto auto; }
.prev_next li { width: 100%; height: 44px; line-height: 44px; text-align: center; background-color: #2F8F21; color: white; float: none; margin-right: 3%; font-size: 14px; margin-bottom: 15px; }
.prev_next li a { color: white; }
.prev_next li:last-child { margin-right: auto; }
.nav_more { display: block; position: relative; margin-top: 0.1rem; margin-right: 5px; width: 45px; height: 40px; float: right; cursor: pointer; opacity: 0.9; margin-bottom: 0.1rem; }
.nav_more span { display: block; position: absolute; height: 4px; top: 22px; left: 8px; right: 0px; background-color: #0F61AE }
.nav_more span:before, .nav_more span:after { content: ""; display: block; position: absolute; width: 100%; height: 4px; background: #0F61AE; }
.nav_more span:before { top: -10px; }
.nav_more span:after { bottom: -10px; }
/*.m_main_nav{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;display:none;}
.m_main_nav ul{width:100%;height:100%;position:absolute;left:0px;top:0px;width:50%;text-align: left;background-color: #0F61AE;}
.m_main_nav ul li{font-size:0.36rem;line-height:0.90rem;border-bottom:1px solid white;overflow:hidden;width:100%;}
.m_main_nav ul li a{color:white;display:block;padding-left: 10px;}
.m_main_nav ul li a:hover{background-color:#ffffff;color:#0F61AE;}
.m_main_nav ul li.clo{position:absolute;bottom:0px;background-color:#1C58A3;}
.m_main_nav ul li.clo a{color:white;}*/

/*.m_main_nav{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;display:none;}
.m_main_nav ul{width:100%;height:100%;position:absolute;left:0px;top:0px;width:50%;text-align: left;background-color: #2771B6;}
.m_main_nav ul li{font-size:0.36rem;line-height:0.7rem;border-bottom:1px solid white;overflow:hidden;width:100%;}
.m_main_nav ul li .main_a{color:white;display:block;padding-left: 10px;}
.m_main_nav ul li .sub_a{color:white;display:block;padding-left: 15px;font-size:0.32rem;line-height: 0.6rem;}
.m_main_nav ul li .main_a:hover{background-color:#ffffff;color:#2771B6;}
.m_main_nav ul li.clo{position:absolute;bottom:0px;background-color:#2771B6;}
.m_main_nav ul li.clo .main_a{color:white;}*/

.sp_nav { width: 50px; float: right; position: relative; cursor: pointer; height: 30px; margin-top: 15px; display: block; }
.sp_nav span { display: block; background: #0068CA; width: 30px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top: 0px }
.sp_nav span:nth-of-type(2) { top: 10px }
.sp_nav span:nth-of-type(3) { top: 20px }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg) }
.sjj_nav { position: fixed; z-index: 9; background: #fff; width: 100%; height: calc(100% - 104px); font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 70px; z-index: 9999; }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav>ul>li:first-child .language { float: right; width: 70px; overflow: hidden; line-height: 30px; margin-top: 5px }
.sjj_nav>ul>li:first-child .language a { width: 35px; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 15px }
.sjj_nav>ul >li:last-child { border-bottom: 1px #ddd solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #666; width: 80% }
.sjj_nav ul li ul li a { color: #999; display: block; text-align: left; }
.sjj_nav ul li i svg { width: 20px; height: 20px; fill: #555; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #c9141e }
.sjj_nav ul li ul li>ul { margin-left: 10px }
.m_foot { width: 100%; position: fixed; height: 40px; background-color: #56A343; display: block; bottom: 0; left: 0; padding: 2px 0; z-index: 998; }
.m_foot li { width: 33.33%; float: left; position: relative; }
.m_foot li .img { display: block; width: 25px; height: 25px; margin: auto; }
.m_foot li .ewm { width: 80px; height: 80px; position: absolute; top: -80px; left: 7px; display: none; }
.m_foot li span { display: block; text-align: center; font-size: 13px; color: #ffffff; line-height: 14px; }
.web_top.fixed { position: fixed; top: 0; left: 0; }
.myfooter { height: 4em; position: fixed; left: 0; width: 100%; z-index: 999; bottom: 0; background: #272727; display: none; }
.empty_div { display: block; width: 100%; height: 60px; }
.myfooter li { width: 33.3%; float: left; position: relative; font-size: 0.9em; text-align: center; color: #fff; line-height: 1em; height: 5.33em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.2); }
.myfooter li:last-child:before { height: 0; }
.myfooter li em { width: 28.125%; display: block; margin: 0 auto; padding: 0.3em 0 0.10em 0; }
.myfooter li em img { width: 28px; height: auto; }
.myfooter li a { color: #fff; }
.foot_fixed { width: 94%; max-width: 750px; height: 40px; position: fixed; bottom: 20px; left: 3%; display: block; }
.foot_fixed .box { width: 170px; max-width: 48%; height: 40px; display: block; float: left; }
.foot_fixed .box .pic { height: 100%; }
.foot_fixed .box:nth-child(2) { float: right; }
.col-md-4 { padding: 0 15px; }
/*支付方式*/
.pay_way { margin-bottom: 50px; max-width: 1560px; margin: auto; width: 92%; }
.pay_way .box { width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px; float: left; height: 140px; border-radius: 3px; border: 1px solid #ddd; box-sizing: border-box; }
.pay_way .box .img_box { width: 23%; height: 140px; padding-left: 10px; vertical-align: middle; display: table-cell; box-sizing: border-box; }
.pay_way .box img { width: 100%; max-width: 110px; }
.pay_way .box .txt { width: 100vw; height: 140px; vertical-align: middle; display: table-cell; box-sizing: border-box; padding-left: 10px; }
.pay_way .box .txt p { font-size: 15px; }
}
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { margin-right: -15px; margin-left: -15px; }
 @media (min-width: 1560px) {
.container { width: 1180px; min-width: 1180px; }
.col-md-4 { width: 33.33333333%; float: left; }
}
