body{background-color:#020225}

body,dd,div,dl,dt,h1,h2,h3,h4,h5,li,ol,p,ul{margin:0;padding:0}

ol,ul{list-style-type:none}

.section{overflow:hidden}

.none{opacity:0}

a{color:#515151;text-decoration:none}

a:hover{color:#31a5e7}

.clearfix{clear:both}
.clear{clear: both;display: table;content: "";}

.mskj_re_left{float:left}

.mskj_re_right{float:right}

.mskj_re_center{text-align:center}

.mskj_re_li_spec{margin-right:0!important}





/*侧边栏*/

#mskj_menu{-moz-position:fixed;-moz-right:60px;-moz-top:30%;-moz-list-style-type:none;-moz-z-index:70;-moz-width:0}
#mskj_menu{-webkit-position:fixed;-webkit-right:60px;-webkit-top:30%;-webkit-list-style-type:none;-webkit-z-index:70;-webkit-width:0}
#mskj_menu{position:fixed;right:100px;top:30%;list-style-type:none;z-index:70;width:0}

#mskj_menu li{-moz-overflow:hidden;-moz-transition:all 0.5s;-moz-float:right;-moz-width:20px;-moz-height:40px;-moz-font-size:14px;-moz-text-align:center;-moz-line-height:40px;-moz-position: relative;}
#mskj_menu li{-webkit-overflow:hidden;-webkit-transition:all 0.5s;-webkit-float:right;-webkit-width:20px;height:40px;-webkit-font-size:14px;-webkit-text-align:center;-webkit-line-height:40px;-webkit-position: relative;}
#mskj_menu li{overflow:hidden;transition:all 0.5s;/* float:right */;width:20px;height:40px;font-size:14px;text-align:center;line-height:40px;position: relative;}

#mskj_menu a{-moz-color:#fff;-moz-display: none;}
#mskj_menu a{-webkit-color:#fff;-webkit-display: none;}
#mskj_menu a{color:#fff;display: none;}

#mskj_menu .active{-moz-color:#fff;-moz-width:80px;-moz-height:40px;-moz-margin-right:-26px; }
#mskj_menu .active{-webkit-color:#fff;-webkit-width:80px;-webkit-height:40px;-webkit-margin-right:-26px; }
#mskj_menu .active{left: -30px;color:#fff;width:80px;height:40px;margin-right:-26px; }


#mskj_menu .active a{-moz-display: block;}
#mskj_menu .active a{-webkit-display: block;}
#mskj_menu .active a{display: block;}

.dot_common{-moz-width:6px;-moz-height:6px;-moz-display:inline-block;-moz-border-radius:100%;-moz-background-color:#bbb;-moz-margin-top:17px}
.dot_common{-webkit-width:6px;-webkit-height:6px;-webkit-display:inline-block;-webkit-border-radius:100%;-webkit-background-color:#bbb;-webkit-margin-top:17px}
.dot_common{width:6px;height:6px;display:inline-block;border-radius:100%;background-color:#bbb;margin-top:17px}


.mskj_dot{-moz-float:left}
.mskj_dot{-webkit-float:left}
.mskj_dot{float:left}


.dot_1{-moz-float:right;-moz-position: absolute;-moz-top: 0;right: 0;}
.dot_1{-webkit-float:right;-webkit-position: absolute;-webkit-top: 0;-webkit-right: 0;}
.dot_1{float:right;position: absolute;top: 0;right: 0;}\


#mskj_menu li:hover{-moz-width:80px;-moz-transition:all .4s;-moz-margin-right:-26px;}
#mskj_menu li:hover{-webkit-width:80px;-webkit-transition:all .4s;-webkit-margin-right:-26px;}
#mskj_menu li:hover{width:80px;transition:all .4s;margin-right:-26px;}


#mskj_menu li:hover a{-moz-display: block;}
#mskj_menu li:hover a{-webkit-display: block;}
#mskj_menu li:hover a{display: block;}

/*侧边栏结束*/



/*主体开始*/


.mskj_index_page{background-image:url(../../images/mskj/home_bg.jpg)}

.mskj_fwbg {background-image:url(../../images/mskj/home_fwbg.jpg);}

.mskj_ywbg {background-image:url(../../images/mskj/home_ywbg.jpg);}

.mskj_newsbg {background-image:url(../../images/mskj/home_newsbg.jpg);}

.mskj_lxbg {background-image:url(../../images/mskj/home_lxbg.jpg);}



/*主体结束*/



/*头部开始*/



.mskj-logo{position: fixed;z-index: 200; top: 0;width: 100%;}

.mskj-logo .mskj-public{display: none; height: 66px;background-color: #fff;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}

.mskj-logo .mskj-pnav{position: absolute; top: 0; padding-top: 0;height: 66px;z-index: 2; }

.mskj-logo .mskj-pnav a{color:#000; padding-top: 22px;}

.mskj-pnav h1{width: 66px;height: 66px;z-index: 2; float:left; margin-right: 5%;}

.mskj-pnav h1 a{background:url("../../images/mskj/logo.png") no-repeat center center;width:66px;height: 66px;display: block;line-height: 66px;text-align: center;}



.mskj-logo .logo-bg{}



.mskj-header{position: relative; width: 100%; height:100%;overflow: hidden; background-color: #000;}

.mskj-header .afocus{display: none;}



.mskj-header .pfocus video{width: auto;height:100%;min-width: 100%; min-height: 100%;}



.mskj-header .index_pfocus{position: relative;}

.mskj-header .index_pfocus video{position: absolute;z-index:2;object-fit:fill;}

.mskj-header .index_pfocus img{}

.headlist{padding-top: 30px; display:table;}

.mskj-header .pfocus img{width: 100%; height:100%;}

.mskj-header .focus-text{ bottom: 50px;}

.mskj-header .focus-text .p1{font-size: 1em;padding-bottom: 10px;}

.mskj-header .focus-text .p2{font-size: 2.5em;font-weight: bold;}

.mskj-header .focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}

.mskj-pnav{position: absolute; padding-left:10%;top: 0;left: 0; z-index:3; width: 60%;}

.mskj-pnav a{color:#fff; margin-right: 20px;z-index: 2;}

.mskj-header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}

.mskj-header .name{position: absolute;left: 65%;z-index: 3;color:#fff; bottom: 50px;}

.mskj-header .name .p1{font-size: 1.2em;padding-bottom: 10px;}

.mskj-header .name .p2{font-size: 2.5em;font-weight: bold;}



.mskj-state{border-bottom: 1px solid #dedede; position: relative;}

.mskj-state .qrcode{ position: absolute; right: 0; top: 60px; width:150px; height:150px; background-image: url(../../images/mskj/qrcode_loading.gif);background-repeat: no-repeat;background-position: center; }



/*头部结束*/



/*我的服务*/

.mskj_re_wrap{width:1200px;height:100%;margin:0 auto}

.mskj_re_service_wrap{position:relative}

.mskj_re_service_title{width:500px;height:120px;padding-bottom:60px;margin:0 auto; text-align:center;}

.mskj_re_service_title h1 {font-size:4.5em; line-height:4m; color:#c2c5c8;}

.mskj_re_service_title p {font-size:1.1em; line-height:1.2em; color:#c2c5c8;}

.mskj_re_service_title .line {width:120px; height:3px; background:#d21818; overflow:hidden; margin:0 auto; margin-bottom:15px; margin-top:15px;}

.mskj_re_service_title img{width:100%}

.mskj_re_service{height:600px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}

.mskj_re_service_content li{float:left;margin-right:22px;width:23%;height:420px;color:#fff;text-align:center;position:relative}

.mskj_re_service_content li h1{margin-top:40px;margin-bottom:16px;font-size:30px}

.mskj_re_service_content li h3{font-size:22px;margin-bottom:15px}

.mskj_re_service_content li p{margin:10px 0;line-height:22px;letter-spacing:2px;font-size:16px}

.mskj_re_service_content li img{width:100%}

.mskj_re_service_content li a img{width:50%;position:absolute;left:70px;bottom:30px}

.mskj_re_service_content_1{background-image:url(../../images/mskj/index-p2-2.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}

.mskj_re_service_content_2{background-image:url(../../images/mskj/index-p2-3.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}

.mskj_re_service_content_3{background-image:url(../../images/mskj/index-p2-4.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}

.mskj_re_service_content_4{background-image:url(../../images/mskj/index-p2-5.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}

.mskj_re_service_content_6{background-image:url(../../images/mskj/index-p2-6.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}





/*我们的业务*/

.mskj_line {width:120px; height:3px; background:#d21818; overflow:hidden; margin-bottom:15px; margin-top:15px;}



.mskj_re_client_wrap{position:relative}

.mskj_re_client{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1100px;height:560px; margin-top:2 0%;}

.mskj_re_client_left,.mskj_re_client_right{width:500px;height:500px; float:left;}

.mskj_re_client_right li{border-radius: 15%;float:left;width:150px;height:150px;text-align:center;font-size:18px;font-weight:300;color:#fff;margin-right:12px;margin-bottom:12px;background-color:#001a35;cursor:pointer}

.mskj_re_client_right li p { margin-top:20px;}

.mskj_client_icon{display:block;width:60px;height:40px;margin:0 auto;margin-top:30px}

.mskj_client_icon img{width: 100%;}

.mskj_re_client_left_content p{color:#bdbaba;font-size:14px;margin-left:0;margin-top:10px}

.mskj_re_client_left_content h2{color:#bdbaba;font-size:32px;letter-spacing:6px}

.mskj_re_client_left_content h4{color:#fff;font-size:14px;text-align:center;margin-top:10px}

.mskj_re_client_selected{background-color:#C00!important}

.mskj_re_client_left_title{width:439px;height:150px;position:relative}

.mskj_re_client_left_title h2{color:#fff;font-size:4em;text-align:left;letter-spacing:6px}

.mskj_re_client_left_title img{width:80%;height:auto;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}

.mskj_re_client_left_button{ margin-top:50px;}





/*企业动态*/



.mskj_news{background-image:url(../../images/mskj/wd_news_bg.jpg);background-size:90%;background-color:#000;background-position:center;background-repeat:no-repeat}

.mskj_re_news_wrap{position:relative;}

.mskj_new_fangkuang{width:1200px;height:600px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}

.mskj_news_light{width:90px;height:88px;position:absolute;top:120px;left:0}

.mskj_news_light_ani{-webkit-animation-name:wd_news_light;animation-name:wd_news_light;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}

.mskj_re_news_wrap img{width:100%}

.mskj_news_content{width:1200px;height:600px;position:absolute;left:2%;right:0;top:12%;bottom:38px;margin:auto}

.mskj_news_content .pho{ position:absolute;left:35%;right:0;top:70%;bottom:38px;}



/*合作伙伴*/



.mskj_re_partner li{position:relative;float:left;width:195px;height:100px;background:#bbb;background-image:url(../../images/mskj/xiegang.png);background-position:center;background-repeat:no-repeat;margin-right:5px;margin-bottom:5px}

.mskj_re_partner_wrap{position:relative}

.mskj_re_partner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:540px}

.mskj_re_partner li img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:85%;max-height:100%;width:100%;text-align:center;line-height:100px}

.mskj_re_partner_logo{width:395px!important;background-color:#030629!important}


/* allbrand */
.allbrand .brand{width:1200px;height:540px;overflow:hidden;margin:40px auto 0 auto;}
.allbrand .brand a{display:inline;
                   position:relative;
				   float:left;
				   width:185px;
				   height:90px;
				   line-height:100px;
				   text-align:center;
				   color:#fff;
				   font-size:14px;
				   margin:0 6px 5px 0;
				   background:#bbb;}
.allbrand .brand a img{position:absolute;
                   left:0px;  
				   width:80%; 
				   height:60px; 
				   border:0px solid #e9e8e8;
				   padding:8% 10%;}
				   
.allbrand .brand a b{display:none;
                   position:absolute;
				   top:36px;
				   left:0px;
				   width:100%;
				   height:70px;
				   background:#f84a54;
				   border:0px solid #e9e8e8;
				   cursor:pointer;
				   overflow:hidden;}
.main_title {widdth:1200px; height:auto; margin:0 auto; padding:40px 0; text-align:center; margin-top:50px;}
.main_title h1 {color: #fff;
                font-size: 4em;
                letter-spacing: 6px;}
.main_title p {color: #bdbaba;
               font-size: 14px;
               margin-top: 10px;}
.main_title .line {width: 120px;
               height: 3px;
               background: #d21818;
               overflow: hidden;
			   margin:0 auto;
			   margin-top:30px;
			   margin-bottom:20px;

}	






/*联系我们*/

.mskj_contact_us_wrap {width:800px; height:auto; margin:0 auto; text-align:center; margin-top:2%;}

.mskj_contact_us_wrap .lx_logo {width:323px; height:280px;   margin-bottom:100px; margin-left:20%}

.mskj_contact_us_wrap .con {width:100%; height:auto; text-align:center;}

.mskj_contact_us_wrap h1 {font-size:3em; line-height:3em; color:#d4d5d5; font-weight:300;}

.mskj_contact_us_wrap h3 {font-size:1.7em;  color:#d4d5d5; font-weight:300; margin-bottom:15px;}

.mskj_contact_us_wrap p {font-size:1em; line-height:2em; color:#d4d5d5; font-weight:300;}

.mskj_contact_us_wrap a {font-size:1em; line-height:2em; color:#d4d5d5; font-weight:300;}



.link {width:1200px; height:auto; margin:0 auto; margin-top:3%;}

.link .name { border:1px solid #525252; padding:5px 10px; font-size:14px; margin:0 10px; color:#fff; margin-bottom:12px; float:left;}

.link .name:hover { background:#333; }

.link .name a { padding:2px 5px; font-size:14px; margin:0 7px;color:#fff;}

.link .left {width:80px;  font-size:15px; margin:0 7px;color:#91bfe9; font-weight:bold; float:left;}

.link .right {width:1100px; float:left;}





/*----------------*/
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
}
 @media screen and (max-width: 1366px) {
}
 @media screen and (max-width: 1280px) {
	 
}

 @media screen and (max-width: 768px) {
.moban_box {	width:100%;	height:auto;	overflow:hidden;}

.main_nav {	width:90%;	padding:10px 0;	margin: auto;}

.too{background-color: #333!important;color: #fff!important;}
.main_nav li {
	width:25%;
	height:40px;
	text-align:center;
	font-size:14px;
	line-height:40px;
	color:#676767;
	display:block;
	float:left;
	/* background-color: #fff; */
	/* margin:5px 5px; */
}
.main_nav li:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.main_nav li:nth-child(1){display: block!important;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}

/* .main_nav li:hover {
	width:25%;
	height:40px;
	text-align:center;
	font-size:14px;
	line-height:40px;
	color:#fff;
	display:block;
	float:left;
	background:#000;
} */
.main_nav .on {
	width:25%;
	line-height:40px;
	font-size:14px;
	color:#fff;
	background: #333;
	font-weight:bold;
	text-align:center;
	border-radius:20px;
	margin:0 5px;
}
.main_nav  a:hover {color:#fff;}
.moban_con {width:100%; height:auto; overflow:hidden; }
.moban_con li {width:94%; height:auto; padding:10px 3%; overflow:hidden; color:#414142; font-size:14px; line-height:24px; text-align:center;}
.moban_con li .pic {position: relative;width:100%; height:215px; margin:0 auto;}
.moban_con li .pic img {width:100%; height:195px;}
.moban_con li .tit { float:left;}
.moban_con li .bianhao { float:right;}
.moban_con li .pic p{position: absolute;bottom:21px;background-color: rgba(0,0,0,0.3);width: 100%;color: #fff;font-size: 15px;line-height: 35px;}

.moban_con .more {width:100%; height:auto; font-size:14px; line-height:24px; text-align:center; background:#eee; color:#333; margin:15px 0;}
.moban_con .more a { background:#eee; color:#333;}	
.moban_nav a:hover {color:#fff;} 
.moban_con_piclis{display: none;}
.moban_con_piclis:nth-child(1){display: block;}




/*新闻中心*/

.main_news_list {width:100%; height:auto;  overflow:hidden;}

.main_news_list ul {}
.main_news_list ul li {width:94%; height:auto; padding:3% ; border-radius: 10px; background:#F4F4F4; margin-bottom:10px;}
.main_news_list ul li .date { text-align:left; margin-right:3%;font-size: 14px;display: table;line-height: 30px;}
.main_news_list ul li .date .day {font-size:40px; color:#4E4E4E; display:block; margin-top:8px; }
.main_news_list ul li .date .month {font-size:14px; line-height:14px; padding:5px 0; }
.main_news_list ul li .text {width:100%; height:auto;}
.main_news_list ul li .text h2 {font-size:16px; line-height:30px;  color:#4e4e4f;}
.main_news_list ul li .text p {font-size:13px; line-height:18px; color:#4e4e4f;}


.hzhb ul li {width:70px;}	
.hzhb ul li img { height:55px;} 
	 
 }




































