﻿/*----------初始代码----------------*/
body{font-size:14px; font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif;}
body,ul,table,h1,h2,h3,h4,h5,h6,b,a,p{margin:0;padding:0;}
ul{list-style:none;}
ul li{vertical-align:bottom; margin:0; padding:0;}
img{border:0; margin:0; padding:0;display:inline-block;}
a{text-decoration:none;background:none;color:#000;}
a:hover{color:#016bb7;}
.clear{clear:both;}
.noinfo{text-align:center;}

/*首页头部*/
#max_container{width:100%;overflow:hidden;min-width:1000px;}
.header_bg{width:100%;height:115px;background:#f9f9f9;padding-top:15px;border-bottom:1px solid #00a2e9;}
.header{width:1577px;margin:0px auto;}
.logo{ width:188px;height:100px;float:left;}
.navigation{width:1050px;height:114px;float:left; margin-left:20px}
.nav_link{width:1050px;text-align:right;color:#00a2e9;margin-bottom:25px;position:relative;z-index:2; right:25px;}
.nav_link a{color:#00a2e9;}
.code{position:absolute;right:0px;top:19px;display:none;z-index:5;}
.nav_menu{height:70px;padding-left:2px; float:right; padding-right:10px;}
.nav_menu li{height:70px;float:left;text-align:center;}
.nav_menu li a{color:#888888;font-size:24px;padding:0px 15px;display:inline-block;height:70px;line-height:70px;}
.nav_menu li a:hover{background:#fff;border-top:5px solid #00a2e9;color:#00a2e9; /*border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;*/height:65px;line-height:60px; box-shadow: 0px -3px 5px 1px #efefef;}
.nav_menu li a.active{background:#fff;border-top:5px solid #00a2e9;color:#00a2e9;/* border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;*/height:65px;line-height:60px; box-shadow: 0px -3px 5px 1px #efefef;}
.banner_list{width:100%;height:529px;position:relative;z-index:1;}
.banner{width:100%; max-width:1920px; min-width:1000px; margin:0 auto; overflow:hidden;height:529px;}
.banner li{width:100%;height:529px;}
.hd{position:absolute;right:335px;bottom:44px;z-index:100;}
.hd li{width:20px;height:10px;float:left;background:#00a2ea;margin-right:12px;overflow:hidden;}
.hd ul li.on{background:#ecbb06;}
/*首页主体部分*/
.part_t_bg{background: url('/styles/images/home_bg1.jpg') no-repeat center center; width:100%;}
.part_t_bg2{background: url('/styles/images/home_bg3.jpg') no-repeat center center; width:100%;}
.part_t_bg3{background: url('/styles/images/home_bg5.jpg') no-repeat center bottom; width:100%;}
.part_t{padding-top:58px;width:100%;min-width:1000px; padding-bottom:58px;}
.part{width:1000px;margin:0px auto;}
.part h2{font-size:38px; color:#333;text-align:center;}
.part h2 span{border-bottom:2px solid #20a3eb;display:inline-block;height:62px;}
.part_content{padding-top:50px;}
.part_bj{height:450px; text-align:center;}

.space{padding:145px 39px 0px 39px;}
.space li{margin-right:24px;}
.advantage{height:57px;}
.advantage li{float:left;width:291px;text-align:center;}
.advantage li span{width:152px;display:inline-block;color:#909090;}
.space_two{margin-top:100px;}
.space_two ul{padding-left:200px;}
.space_two li{margin-right:30px;}


/*我们的服务*/
.service_color{background: url('/styles/images/home_bg2.jpg') no-repeat center center; height:832px;padding-top:45px;}
.service_bg{height:685px; text-align:center;}
.service_l{width:469px;float:left;text-align:right;margin-right:40px;padding-right:11px;}
.service_l div{width:100%;height:33px;line-height:33px;margin-bottom:4px;}
.service_l div p{width:130px;height:33px;text-align:center;float:right;font-size:20px;color:#fff;line-height:30px;}
.service_l div span{font-size:20px;color:#333;}
.service_l li{margin-bottom:43px;}
.service_r{width:469px;float:left;padding-left:11px;padding-top:52px;}
.service_r div{width:100%;height:33px;line-height:33px;margin-bottom:4px;}
.service_r div p{width:130px;height:33px;text-align:center;font-size:20px;color:#fff;}
.service_r div span{font-size:20px;color:#333;}
.service_r li{margin-bottom:43px;}


/*我们的客户*/
.case_img{}
.case_img ul{border-bottom:1px solid #eaeaea;height:88px;}
.case_img li{float:left;width:199px;height:88px;border-right:1px solid #eaeaea;text-align:center; background:#fff;}
.case_img li img{vertical-align:middle;}
.case_img li span{height:100%; display:inline-block; vertical-align:middle;}
.case_img li.case_li{border-right:0px;}

/*新闻动态*/
.news_bg{background: url('/styles/images/home_bg4.jpg') no-repeat center center; height:522px;padding-top:45px;}
.news_l{width:484px;float:left;border:1px solid #01a1ed;border-top-width:2px;}
.news_space{margin-right:16px;}
.news_title{background:#01a1ed;height:50px;padding-right:10px;}
.news_title span{display:inline-block;/*width:162px;*/height:50px;line-height:50px;text-align:center;background:#fff;color:#333;font-size:25px;float:left; padding-left:33px; padding-right:33px;}
.news_title a{width:48px;height:17px;float:right;color:#fff;font-size:14px;background:url("/Styles/Images/cio_01.png") no-repeat bottom right;margin-top:16px;}
.news_l ul{width:464px;padding:30px 10px 6px 10px;background:#fff;}
.news_l li{height:40px;line-height:40px;border-bottom:1px dotted #cecece;background:url("/Styles/Images/cio_01.png") no-repeat center left;padding-left:16px; font-size:18px;}
.news_l li:last-child{border-bottom:0;}
.news_l li a{max-width:380px;color:#555555;float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_l li a:hover{color:#016bb7;}
.news_l li span{color:#888888;font-size:12px;float:right;}
.device{width:1000px; overflow:hidden;}
.device ul{}
.device ul li{width:220px;text-align:center;height:260px;float:left;border:1px solid #01a1ed;margin-right:37px; background:#fff;}
.device ul li div{height:30px;line-height:30px;background:#f0f0f0;margin-top:10px;color:#888888;}

/*底部内容*/
.footer{width:100%;height:220px;background: linear-gradient(to top, #f2fdff,#f9ffff);margin-top:60px;}
.foot{padding-top:30px;width:1000px;margin:0px auto;text-align:center;}
.foot p{margin-bottom:8px;color:#9c9c9c;}
.foot p a{color:#9c9c9c;}
.foot p a:hover{color:#016bb7;}
.foot{color:#686868;}

/*新闻列表*/
.container_box{width:1000px;margin:40px auto;}
.sider_box{width:300px;float:left;}
.list_sider{width:298px;border:1px solid #d8e2ee;border-bottom-width:0px;margin-bottom:20px;}
.list_border{border-bottom-width:1px;}
.list_sider h2{height:47px;line-height:47px;background:url("/Styles/Images/line2.png") no-repeat left bottom;color:#008EE3;padding-left:12px;font-size:18px;}
.list_sider h2 span.sider_title{display:inline-block;background:url("/Styles/Images/title_icon.gif") no-repeat left center;padding-left:22px;}
.list_menu li{height:45px;line-height:45px;border-bottom:1px solid #d8e2ee;}
.list_menu li a{width:280px;height:45px;padding-left:18px;display:inline-block;background:url("/Styles/Images/tb.png") no-repeat 260px center;}
.list_menu li a:hover{color:#fff;font-weight:bold;background:url("/Styles/Images/tb_white.png") no-repeat 260px center;background-color:#00a2e9;}
.list_menu li a.click_bg{color:#fff;font-weight:bold;background:url("/Styles/Images/tb_white.png") no-repeat 260px center;background-color:#00a2e9;}
.list_select{padding-top:10px;padding-bottom:10px;}
.list_select li{height:35px;line-height:35px;padding-left:10px;background:url("/Styles/Images/dian_02.png") no-repeat 8px center;padding-left:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list_select li a{color:#000;}
.list_select li a:hover{color:#016bb7;}
.list_box{width:678px;float:right;border:1px solid #d8e2ee;border-bottom-width:0px;}
.list_box h2{padding-left:18px;height:47px;line-height:47px;background:url("/Styles/Images/line1.png") no-repeat left bottom;color:#666;}
.list_box h2 span.title{font-size:18px;color:#008EE3;float:left;background:url("/Styles/Images/title_icon.gif") no-repeat left center;padding-left:22px;}
.list_box h2 span.address{float:right;margin-right:15px;font-size:12px;}
.list_box h2 span.address a{color:#666;}
.article_list{padding-top:15px;border-bottom:1px solid #d8e2ee;}
.article_list li{padding-left:35px;border-bottom:1px solid #d8e2ee;height:40px;line-height:40px;background:url("/Styles/Images/news_ico.gif") no-repeat 18px center;}
.article_list li a{color:#555;float:left;}
.article_list li span{float:right;padding-right:15px;font-size:12px;color:#777;}

/*联系我们侧边栏*/
.link_sider{padding:20px 0px 0px 8px;}
.link_sider p{font-size:16px;font-weight:bold;color:#00a2e9;letter-spacing:1px;}
.link_sider ul{padding-top:18px;}
.link_sider ul li{padding-left:19px;color:#000;font-size:13px;margin-bottom:20px;}
.hot_line{height:56px;margin-bottom:5px;}
.line_img{float:left;margin-right:15px;}
.line_text{float:left;line-height:24px;}
.line_phone{color:#f00;font-size:20px;font-weight:bold;letter-spacing:1px;}

/*内容页*/
.case_sider{padding:25px 8px 0px 8px;}
.case_single{height:104px;margin-bottom:20px;overflow:hidden;}
.caseimg_l{width:110px;margin-right:12px;border:1px solid #dedede;text-align:center;}
.caseimg_l span{height:100%;display:inline-block; vertical-align:middle;}
.caseimg_l img{ vertical-align:middle;}
.caseimg_r{width:156px;}
.caseimg_r p{padding-bottom:10px;font-weight:bold;color:#00a2e9;}
.case_space{height:102px;float:left;}
.caseimg_r li{font-size:12px;color:#666;line-height:18px;text-align:justify;text-justify:inter-ideograph;}
.content_box{padding:25px 14px 40px 14px;;border-bottom:1px solid #d8e2ee;}
.content_box h1{height:55px;font-size:26px;color:#333;text-align:center;}
.news_time{text-align:center;color:#000;height:32px;border-bottom:1px dotted #ccc;font-size:12px;}
.content{color:#666;padding-top:25px;word-spacing:8px;line-height:25px;text-align:justify;text-justify:inter-ideograph;}
/*.content p{text-indent:30px;margin-bottom:25px;}*/
.content h2{color:#3e3e3e;border:0px;background:none;font-weight:500;}
.content img{max-width:650px;}
.flip{margin-top:60px;height:35px;}
.prev_l{float:left;}
.prev{color:#666;font-weight:bold;width:320px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.prev a{color:#008EE3;}
.next{float:right;text-align:right;}
/*合作伙伴*/

.single_case{width:654px;height:135px;border-bottom:1px dotted #81d7fd;color:#555;margin-bottom:30px;}
.case_img_l{width:198px;height:102px; vertical-align:middle;float:left;display:table-cell;border:1px solid #d8e2ee;text-align:center;}
.case_img_l span{display:inline-block;height:100%;vertical-align:middle;}
.case_img_l img{width:180px;vertical-align:middle;max-height:100px;}
.case_txt_r{width:440px;height:102px;vertical-align:middle;float:right;overflow:hidden;line-height:21px;}
.case_txt_r p.case_txt_tle{margin-bottom:20px;color:#00a2e9;font-size:16px;}
.case_box{padding:35px 12px 0px 12px;border-bottom:1px solid #d8e2ee;}

/*联系我们*/
.contant_txt{padding-top:20px;float:left;width:313px;}
.contant_txt h3{font-size:24px;color:#00a2e9;height:45px;}
.contant_txt p{color:#333;margin-bottom:20px;}
.contant_m{margin-right:45px;}
.contant_img{padding-top:50px;float:left;width:245px;}
.online_txt{color:#333;line-height:40px; font-size:16px;}
.message{padding:30px 0px;}
.message h3{font-size:28px;color:#00a2e9;padding-bottom:15px;border-bottom:1px dotted #00a2e9;margin-bottom:30px; }
.txtarea{width:492px; height:160px;border:1px solid #d3d3d3;}
.text{border:1px solid #d3d3d3; width:256px; height:26px;}
.contant_btn{background:#0062a3;width:179px;height:39px;line-height:39px;border:0 none;cursor:pointer;color:#fff;font-size:15px;font-weight:bold;margin-left:86px;}
.img_code{ position:relative; top:8px; margin-left:10px; height:28px;}
/*分页*/

.page{text-align:center;margin-top:45px;padding-bottom:20px;color:#777777;}
.page a{padding:0px 7px;border:1px solid #d8e2ee;margin-right:5px;display:inline-block;height:20px;line-height:20px;color:#00a2e9;}
.page a:hover{background:#00a2e9;color:#fff;}
.page_txt{width:25px;text-align:center;color:#000;height:16px;line-height:16px;border:1px solid #dedede;}
.page_btn{background:#00a2e9;border:0px;width:60px;height:25px;color:#fff;font-size:14px; cursor:pointer;line-height:25px;}
.page a.current{background:#00a2e9;color:#fff;}

/*后台登录界面*/
.login_screen{width:100%;height:380px;padding-top:80px;}
.login_box{width:500px;height:350px;margin:0px auto;border:1px solid #00a2e9;}
.login_box p{height:75px;color:#fff;background:#00a2e9;font-size:28px;text-align:center;font-weight:bold;line-height:75px; letter-spacing:2px; word-spacing:8px;}
.login_box ul{width:100%;padding-top:35px;}
.login_box li{width:500px;height:50px;line-height:50px;text-align:center;margin-bottom:30px;}
.login_box input{border:0px;font-size:16px;letter-spacing:2px; word-spacing:8px;}
.login_user{width:298px;height:48px;background:url("/styles/images/loginuser.png") no-repeat left center;padding-left:44px; line-height:48px;}
.login_pwd{width:298px;height:48px;background:url("/styles/images/loginpassword.png") no-repeat left center;padding-left:44px; line-height:48px;}
.login_btn{width:344px;height:48px;line-height:40px;background:#00a2e9;cursor:pointer;color:#fff;}


.nav_menu li a,.part h2 span,.news_title span,.news_l li a,.device ul li div,.list_select li a,.link_sider ul li,.single_case,.caseimg_r li,.article_list li,.article_list li a,.content,.foot p{color:#000 !important; font-weight: 500 !important;}
.case_txt_r p.case_txt_tle{font-weight: 500;}



@media (max-width:1000px) {
.phonePage{ display:block !important; }
.align_center { display: flex; align-items: center; }
.align_start { display: flex; align-items: start; }
.align_end { display: flex; align-items: end; }
.justify_center { display: flex; align-items: center; justify-content: center }
.justify_between { display: flex; align-items: center; justify-content: space-between }
.flex_column { display: flex; flex-direction: column; align-items: center }
.flex_column_between { display: flex; flex-direction: column; justify-content: space-between; }

.grid { display: flex; flex-wrap: wrap; }
.grid_col_2 > div { width: 50%; }

.container,.popup{max-width:1000px; font-size:18px; }
.nav_daohan { height:50px; }
.sj_padding{padding:0 20px}

/* 弹出层容器样式 */
.popup { z-index: 101; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); padding: 20px; box-sizing: border-box; animation: fadeIn 0.5s ease-out;  }
/* 弹出层内容样式 */
.popup-content-left { background-color: white; padding:  20px; border-radius:  0  20px  20px 0 ; position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; animation: slideInLeft 0.3s ease-out; width: 70% }
.close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer;    font-size: 30px; }
/* 可滚动列表样式 */
.scrollable-list { max-height: 400px; overflow-y: auto; margin-top: 20px; padding-right: 10px; }

/* 弹出层从左侧滑入的动画 */
@keyframes slideInLeft {
from { transform: translateX(-100%); }
/* 初始位置在屏幕之外的左侧 */
to { transform: translateX(0); }
/* 结束位置在屏幕内的左侧边缘 */
}

/*轮播图*/
.slider_banner { position: relative; overflow: hidden; width: 100% }
.swiper-slide { background-color: #fff; }
    
.sy_bg1{background: url(/Styles/Images/mobile/bg01.png) no-repeat center top;    background-size: 100% 100%;min-height: 577px;padding:30px;box-sizing: border-box;}
.sy_text{font-size:24px; font-weight:bold; text-align:center; margin-bottom:37px; line-height: 50px;}
.sy_bg2{background: url(/Styles/Images/mobile/bg02.png) no-repeat center top;background-size: 100% 100%;min-height: 577px;padding:30px;box-sizing: border-box;}
.sy_bg3 {background: url(/Styles/Images/mobile/bg03.png) no-repeat center top;background-size: 100% 100%;min-height: 364px;padding:30px;box-sizing: border-box;}
.sy_bg4 {background: url(/Styles/Images/mobile/bg04.png) no-repeat center top;background-size: 100% 100%;min-height: 988px; padding:30px;box-sizing: border-box;}
.sy_bg5{background: url(/Styles/Images/mobile/bg05.png) no-repeat center top;background-size: 100% 100%;min-height: 555px; padding:20px;box-sizing: border-box; padding-bottom: 70px;}


.text_ellipsis {
    width: 100%; /* 或者你希望的固定宽度 */
    white-space: nowrap; /* 禁止换行 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 用省略号表示超出部分 */
    display:inline-block;
}

.fwItem{background:#fff;box-shadow:0px 3px 6px rgba(0,0,0,0.16);border-radius:5px;height:48px; color:#000;} 
.fwItem_select {background:#00a2e9; color:#fff}
.nav_daohao li{ padding:10px; border-bottom:1px solid #e2e2e2}；
.sjlogo,.sjlogo img{ height:40px; width:auto}

}