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

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.w800{ width: 800px;}
.w336{ width: 336px;}
.w570{ width: 570px;}
.w200{ width: 200px;}
.w960{ width: 960px;}
.marB30{ margin-bottom: 30px;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}

/*首页*/
.slider1_wrap{ position: relative; width: 1200px; height: 450px; margin: 0 auto; overflow: hidden;}
.slider1{}
.slider1 li{ position: relative; width: 1200px; height: 450px;}
.slider1 li img{ float: left; width: 800px; height: 450px; }
.slider1 .slider_wz{ float: right; width: 340px; height: 410px; padding: 20px 30px; background: url(../images/bg_slider_t.png) repeat-x left top;}
.slider1 .slider_t{ margin-bottom: 10px; font: bold 32px/48px "Microsoft Yahei";}
.slider1 .slider_t a{color: #fff;}
.slider1 .slider_des{ font-size: 18px; line-height: 36px; color: #fff; text-indent: 2em;}

.slider1_wrap .bx-wrapper{ position: relative;}
.slider1_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider1_wrap .bx-pager{ position: relative; margin-top: -30px; text-align: center; /*position: absolute; bottom: 10px; right: 10px;*/ z-index: 10;}
.slider1_wrap .bx-pager-item{ display: inline-block; margin: 0 3px; /* float: left;*/}
.slider1_wrap .bx-pager-link{ float: left; width: 24px; height: 6px; margin-left: 5px; text-indent: 999em; background: #808080; border-radius: 3px; overflow: hidden;}
.slider1_wrap .bx-pager-link:hover, .slider1_wrap .bx-pager-link.active{ background-color: #fff; text-decoration: none;}

.slider1_wrap .bx-prev, .slider1_wrap .bx-next{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; background-image: url(../images/arr1.png); text-indent: 999em; overflow: hidden;}
.slider1_wrap .bx-prev{ left: 0; background-position: 0 0;}
.slider1_wrap .bx-next{ right: 0; background-position:  -40px 0;}


.b_lmT{ height: 60px; padding: 20px 0 40px; text-align: center;}
.b_lmT_con{ position: relative; display: inline-block; *display:inline; margin: 0 auto; font: bold 30px/80px "Microsoft Yahei"; }
.b_lmT_con span.sty1{ color: #2a7bec;}
.b_lmT_con span.sty2{ color: #fff;}
.bl_bar1{ position: absolute; top: 50%; width: 18px; height: 3px; margin-top: -2px; }
.bl_bar1_l{ left: -30px;}
.bl_bar1_r{ right: -30px;}
.bl_bar1.sty1{ background-color: #2a7bec;}
.bl_bar1.sty2{ background-color: #fff;}
.bl_bar2{ position: absolute; top: 50%; width: 56px; height: 1px; margin-top: -1px; background-color: #cfcfcf;}
.bl_bar2_l{ left: -86px;}
.bl_bar2_r{ right: -86px;}
.bl_bar2.sty1{ background-color: #cfcfcf;}
.bl_bar2.sty2{ background-color: #fff;}
.bl_grid{ position: absolute; top: 0; left: -105px; width: 60px; height: 60px; background: url(../images/grid_lmT.png) no-repeat;}
.bl_grid.sty1{ background-position: 0 0}
.bl_grid.sty2{ background-position: 0 -60px}


.box_impression{ padding-bottom: 30px; background-color: #eaf8ff;}
.service_tem{ float: left; width: 378px; height: 118px; margin: 0 10px 30px 10px; border: 1px solid #dfdfdf; border-radius: 4px; background-color: #fff;}
.service_tem a{ display: block;  height: 100%;}
.service_sum{ position: relative; border: 1px solid #ddebff; background-color: #e9f2ff}
.service_sum a{ position: relative; font: bold 28px/118px "Microsoft Yahei"; color: #2a7bec; text-align: center;}
.service_sum:before{ content: ""; position: absolute; top: 48px; left: 244px; width:0; height:0; border-width:12px 0 12px 11px; border-style:solid; border-color:transparent transparent transparent #2a7bec;}
.service_tit{ max-height: 78px; padding-top: 10px; margin: 0 10px; font-size: 20px; line-height: 26px; color: #666; overflow: hidden;}
.service_icon{ position: relative; float: left; width: 118px; height: 118px; border-right: 1px solid #dfdfdf;}
.service_icon i{ position: absolute; top: 50%; left: 50%; width: 78px; height: 70px; margin: -39px 0 0 -35px; background-image: url(../images/icon_service.png);}
.service_icon1 i{ background-position: 0 0;}
.service_icon2 i{ background-position: -78px 0;}
.service_icon3 i{ background-position: -156px 0 ;}
.service_icon4 i{ background-position: 0 -70px;}
.service_icon5 i{ background-position: -78px -70px;}
.service_icon6 i{ background-position: -156px -70px;}
.service_right{ float: right; width: 238px; height: 98px; padding: 20px 0 0 20px;}
.service_right h3{ margin-bottom: 4px; font-weight: bold; font-size: 22px; line-height: 26px; color: #2a7bec}
.service_right p{ font-size: 16px; line-height: 20px; color: #2a7bec;}

.slider_service_wrap{ position: relative; width: 1200px; height: 150px; margin: 0 auto; overflow: hidden;}
.slider_service{}
.slider_service li{ position: relative; width: 1200px; height: 120px;}

.slider_service_wrap .bx-wrapper{ position: relative;}
.slider_service_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider_service_wrap .bx-pager{ position: relative; margin-top: 10px; text-align: center; /*position: absolute; bottom: 10px; right: 10px;*/ z-index: 10;}
.slider_service_wrap .bx-pager-item{ display: inline-block; margin: 0 3px; /* float: left;*/}
.slider_service_wrap .bx-pager-link{ float: left; width: 24px; height: 6px; margin-left: 5px; text-indent: 999em; background: #e1eeff; border-radius: 3px; overflow: hidden;}
.slider_service_wrap .bx-pager-link:hover, .slider_service_wrap .bx-pager-link.active{ background-color: #4088ee; text-decoration: none;}

.slider1_wrap .bx-prev, .slider1_wrap .bx-next{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; background-image: url(../images/arr1.png); text-indent: 999em; overflow: hidden;}
.slider1_wrap .bx-prev{ left: 0; background-position: 0 0;}
.slider1_wrap .bx-next{ right: 0; background-position:  -40px 0;}


.box_datacenter{ height: 466px; background: url(../images/bg_datacenter.jpg) no-repeat center top;}
.lmT_datacenter{ margin-bottom: 40px; padding-top: 40px;}
.lmT_datacenter span{ display: block; text-align: center; color: #fff;}
.lmT_datacenter span.cn{ height: 40px; font: bold 26px/40px "Microsoft Yahei"; }
.lmT_datacenter span.en{ height: 16px; line-height: 16px;}

#jcl_dc{ width:1200px; height: 266px; margin-bottom: 60px; position:relative; background-color: #0c39c9; overflow: hidden;}
.jcl_dc_block_wrap{ width: 1200px; overflow: hidden;}
.jcl_dc_container{ overflow: hidden; width:1200px; position: relative; display: block; }
.jcl_dc_container li{ position: relative; width: 200px; height: 266px; overflow: hidden;}
.jcl_dc_container li:before{ position: absolute; top: 166px; left: 50%; width: 22px; height: 3px; margin-left: -11px; background-color: #fff000; border-radius: 1px; content: "";}
.jcl_dc_container li:after{ position: absolute; top: 16px; right: 0; width: 1px; height: 163px; background-color: #1a64cb; content: "";}
.jcl_dc_container li span{ display: block; height: auto; padding: 0 10px; font-size: 16px; line-height: 20px; color: #fff; text-align: center;}
.jcl_dc_container li p{ font-size: 40px; line-height: 40px; color: #fff; text-align: center;}
.jcl_dc_container li span.dc_name{ margin-top: 32px; height: 60px; }
.dc_num{ margin-top: 20px;}
.jcl_dc_container li span.dc_unit{ margin-top: 46px; }

.jcl_dc_next, .jcl_dc_prev{ position:absolute; top: 50%; display:block; width:34px; height:34px; margin-top: -17px; background-image:url(../images/arr2.jpg);  z-index:10; cursor:pointer;}
.jcl_dc_prev{ background-position:0 0; left: 0;}
.jcl_dc_next{ background-position:-34px 0; right: 0;}


.box_city{ padding: 10px 0 60px; background-color: #f3f9ff}
.city_list{}
.city_list li{ position: relative; float: left; width: 100px; height: 439px; margin-right: 10px; box-shadow: 2px 2px 10px #666; border-radius: 4px;}
.city_list li.nomar{ margin-right: 0}
.city_list li img{ width: 100%; height: 100%;}
.city_list li:hover:after{ position: absolute; bottom: 10px; left: 50%; width: 20px; height: 3px; margin-left: -10px; background-color: #2a7bec; border-radius: 1px; content: "";}


.bggd_tem{ position: relative; float: left; width: 360px; padding-bottom: 6px; margin:0 20px;}
.bggd_tem:after{ position: absolute; bottom: -5px; left: 50%; width: 350px; height: 1px; margin-left: -175px; background-color: #e2e2e2; content: "";}
.bggd_tem img{ width: 360px; height: 204px;}
.bggd_wz{ position: relative; height: 224px; padding: 0 20px; border: 1px solid #e2e2e2; border-top: none;}
.bggd_t{ max-height: 140px; margin-bottom: 10px; padding-top: 24px; font-size: 20px; line-height: 28px; overflow: hidden;}
.bggd_pdate{ position: absolute; bottom: 16px; right: 16px; font-size: 14px; line-height: 14px; color: #666;}

#jcl_wqyx{ width:1200px;  position:relative; overflow: hidden;}
.jcl_wqyx_block_wrap{ width: 1200px; overflow: hidden;}
.jcl_wqyx_container{ overflow: hidden; width:1200px; position: relative; display: block; }
.jcl_wqyx_container li{ position: relative; width: 360px; margin:0 20px;  overflow: hidden; float: left;}

.wqyx_tem{ position: relative; width: 360px; padding-bottom: 6px; margin-right: 60px;}
.wqyx_bot{  width: 350px; height: 1px; margin: 5px auto 0; background-color: #e2e2e2; }
.wqyx_tem img{ width: 360px; height: 204px;}
.wqyx_wz{ position: relative; height: 212px; padding: 15px 20px 0; border: 1px solid #e2e2e2; border-top: none; background-color: #fff;}
.wqyx_t{ max-height: 212px; margin-bottom: 10px; font-size: 22px; line-height: 28px; overflow: hidden;}
/* .wqyx_des{ max-height: 56px; margin-bottom: 30px; font-size: 16px; line-height: 28px; color: #666666; overflow: hidden;} */
.wqyx_tem .icon_play{ position: absolute; left: 50%; top: 85px; width: 40px; height: 41px; margin-left: -20px; background: url(../images/icon_play.png) no-repeat center top;}
.wqyx_wz i{ position: absolute; bottom: 10px; right: 10px; height:30px; padding: 0 10px; font-size: 12px; line-height: 28px; color:#fff; text-align: center; background-color:#00a0e9; border-radius: 15px;}
.wqyx_wz i a{ color:#fff;}


.jcl_wqyx_next, .jcl_wqyx_prev{ position:absolute; top: 85px; display:block; width:40px; height:40px;  background-image:url(../images/arr1.png);  z-index:10; cursor:pointer;}
.jcl_wqyx_prev{ background-position:0 0; left: 20px;}
.jcl_wqyx_next{ background-position:-40px 0; right: 20px;}

/*.video_wrap{ position: relative; height: 660px; overflow: hidden;}
.etabs1{ position: absolute; top: 0; right: 0; width: 314px; z-index: 10;}
.etabs1 a{ display: block; width: 272px; height: 174px; margin-bottom: 6px; padding: 20px; border: 1px solid #e2e2e2; text-align: justify; cursor: pointer;}
.etabs1 a.active{ border-color: #2a7bec;}
.etabs1 .video_t{ max-height: 72px; margin-bottom: 10px; font: bold 20px/24px "Microsoft Yahei"; color: #333; overflow: hidden;}
.etabs1 a.active .video_t{ color: #2a7bec;}
.etabs1 .video_des{ max-height: 80px; font-size: 16px; line-height: 20px; color: #888; overflow: hidden;}

.swiper-container{ position: absolute; top: 0; left: 0; width: 880px; height: 660px; overflow: hidden;}
#swiper-container1 .swiper-slide img{ width: 100%; height: 100%;}
.swiper-slide{ position: relative;}
.swiper-slide .icon_play{ position: absolute; left: 50%; top: 50%; width: 120px; height: 122px; margin: -61px 0 0 -60px; background: url(../images/icon_play.png) no-repeat center top;}*/

/*list*/
.loc{ padding-bottom: 10px; margin-bottom: 20px; font-size: 14px; line-height: 14px; color: #666; border-bottom: 1px solid #dfdfdf;}
.loc a{ color: #666}
.loc span{ color: #666;}

.common_wrap{; margin: -20px 0 40px; padding: 30px 79px 30px; border: 1px solid #dfdfdf;}
.gl_list1{ margin-bottom: 20px; border-bottom: 1px dashed #dfdfdf;}
/*.gl_list1_tem{ width: 100%; padding: 20px 0; border-bottom: 1px solid #e4e4e4;}
.gl_list1_tem img{ float: right; width: 240px; height: 135px;}
.gl_list1_wz{ float: left; width: 690px; width: calc(100% - 270px);}
.gl_list1_t{ height: 40px; font-weight: normal; font-size: 20px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gl_list1_des{ height: 56px; margin-bottom: 8px; font-size: 16px; line-height: 28px; overflow: hidden;}
.gl_list_date{ font-size: 14px; line-height: 14px; color: #888;}*/

.gl_list1 li{ position: relative; padding-left: 18px; height: 50px; }
.gl_list1 li:before{ position: absolute; top: 50%; left: 2px; width: 6px; height: 6px; margin-top: -3px; background-color: #ddd; border-radius: 50%; content: "";}
.gl_list1 li .gl_list1_t{ width: 80%; height: 50px; font: 18px/50px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gl_list1 li .gl_list_date{ position: absolute; right: 0; top: 0; height: 50px; font-size: 14px; line-height: 40px; color: #888;}


.pages{ margin-bottom: 10px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 32px; text-align: center; color: #666; border: 1px solid #e6e6e6; border-radius: 4px; }
.pages span{ font-size: 14px; line-height: 34px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.active, .pages a:hover{ color: #fff; background-color: #0078db; border-color: #0078db;}

/*content*/
.article_wrap{}
.article_t{ margin-bottom: 30px; font: 36px/44px "Microsoft Yahei"; color: #1252c1; text-align: center; }
.article_item_wrap{ position: relative; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2;}
.article_item{ height: 16px; font-size: 14px; line-height: 16px; text-align: center;}
.article_item span{ margin: 0 8px; color: #666;}
.bdshare{ position: absolute; right: 0; top: 0;}
.bdshare_des{ float: left; margin-right: 4px; font-size: 14px; line-height: 16px;}
.bdsharebuttonbox{ float: left; margin-top: -6px;}

.article_con{}
.article_con p{ margin-bottom: 20px; font-size: 16px; line-height: 32px; color: #333;}
.article_con img{ display: block; max-width: 800px; margin: 0 auto 20px;}
.article_con #J_prismPlayer{ width: 800px !important; height: 500px !important; margin: 0 auto;}

/* 20210402 */
.left_bar{ 
	height: 1500px;
	padding: 0 25px; 
	background: #0b37c8;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #0b37c8, #2998f3); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#0b37c8),to(#2998f3));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #0b37c8, #2998f3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #0b37c8, #2998f3);
}
.left_t{ position: relative; height: 20px; padding: 30px 0; font-size: 20px; line-height: 20px; color: #fff; text-align: center;}
.left_t i{ position: absolute; top: 50%; width: 36px; height: 2px; margin-top: -1px; background-color: #fff;}
.left_t .l{ left: 0;}
.left_t .r{ right: 0;}
.left_t span{}
.left_bar_list{}
.left_bar_list li{ width: 150px; margin-bottom: 20px; font-size: 18px; line-height: 24px; text-align: center; border-radius: 20px;}
.left_bar_list li a{ color: #b6cdfc;}
.left_bar_list li.current{ background-color: #fff;}
.left_bar_list li.current a{ color: #0b37c8}
#side_lm_name{ display: none;}

.bs_t{ position: relative; height: 24px; padding-bottom: 14px; margin-bottom: 20px; font: bold 22px/24px "Microsoft Yahei"; color: #0582e3; border-bottom: 2px solid #3a85ed;}
.bs_t a{ position: absolute; right: 0; bottom: 10px; font-size: 14px; line-height: 14px; color: #0582e3;}
.bs_t.sty2{ margin-bottom: 10px;}

.i_zt_tem{ float: left; position: relative; width: 300px; padding-bottom: 6px; margin-right: 30px;}
.i_zt_tem.nomar{ margin-right: 0;}
.zt_bot{  width: 290px; height: 1px; margin: 5px auto 0; background-color: #e2e2e2; }
.i_zt_con img{ width: 300px; height: 168px;}
.zt_wz{ height: auto; padding: 0 20px 14px; border: 1px solid #e2e2e2; border-top: none; text-align: justify;}
.zt_t{ height: 112px; margin-bottom: 10px; padding-top: 14px; font-size: 20px; line-height: 28px; overflow: hidden;}
.zt_t a{ color: #000;}
.zt_des{ height: 56px; font-size: 16px; line-height: 28px; color: #666666; overflow: hidden;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

#jcl_city{ width:1200px; margin:0 auto 0; height:404px; position:relative; }
.jcl_city_wrap{ width: 1200px; overflow: hidden;}
.jcl_city_container{overflow: hidden; width:1200px; position: relative; display: block; }
.jcl_city_container li{ width: 285px; margin-right:20px;}
.jcl_city_container li img{ width:285px; height:404px;}

.jcl_city_next, .jcl_city_prev{ position:absolute; top:50%; display:block; width:64px; height:64px; margin-top: -32px; background-image:url(/images/arr6.png);  z-index:10; cursor:pointer;}
.jcl_city_prev{ background-position:0 0; left: 0; }
.jcl_city_next{ background-position:-64px 0; right: 0;}