@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */

.clear {

	clear:both;

	height:0;

	font-size:0;

	line-height:0;

	padding:0;

	float:0;

}

/*头部*/



a {

	text-decoration:none;

	color:#666;

	font-family:  Tahoma, Arial, sans-serif;

}

a:hover {

	color:#00a1e9;

	text-decoration:none;

}

.top {

	width:100%;

	height:auto;

	position:relative;

	z-index: 1;

}

.top img {

	width:100%;

	height:auto;

}

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	margin:0;

	padding:0;

	border:none;

}

body {

	font-size:14px;

	font-family: "Source Han Serif SC", sans-serif;

	background-color:#fff;

}

#preview {

	position:absolute;

	border:1px solid #ccc;

	background:#eee;

	padding:5px;

	display:none;

	color:#fff;

	width:900px;

	height:509px;

}

#preview img {

	width:100%;

	height:100%;

}

.top_text {

	position:absolute;

	bottom:50px;

	left:5%;

	z-index: 200;

	color:#fff;

	text-align:left;

}

.top_text .p1 {

	font-size: 16px;

	padding-bottom: 10px;

}

.top_text .p2 {

	font-size: 48px;

	font-weight: bold;

}

.top_logo {

	z-index: 10;

	width: 66px;

	height: 66px;

	float:left;

	margin-left: 10%;

	margin-right: 5%;/* display: none; */

}

.nav {

	font-size:14px;

	line-height:28px;

	color:#fff;

	margin-top:20px;

	text-align:left;

	padding-left:5%;

}

.nav a {

	padding:0 15px;

	color:#fff;

}

.one {

	width: 100%;

	height: 66px;

	background-color:rgba(0, 0, 0, 0.8);

	position:absolute;

	z-index: 9;

}

.fix {

	position: fixed;

	left: 0;

	top: 0;

	background-color:rgba(0, 0, 0, 0.8);

}

ul, ol {

	list-style:none;

}

img {

	border: none;

	vertical-align: middle;

}

#preview {

	position:absolute;

	border:1px solid #ccc;

	background:#eee;

	padding:5px;

	display:none;

	color:#fff;

}

/*清楚浮动*/

.clearfix:after, .clearfix:before {

	content:"";

	display:table;

}

.clearfix:after {

	clear:both;

}

.clearfix {

*zoom:1;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.f_blue {

	color:#0166ce;

}

.f_red {

	color:#CA0F26;

	font-size:1.5em;

	font-style:italic;

	padding:0 5px;

	font-weight:600;

}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/









.sp_header {

	height:50px;

	overflow:hidden;

	background:#fff;

	position:fixed;

	z-index:10;

	width:100%;

}

.sp_logo {

	padding:10px;

	float:left;

	height:50px

}

.sp_logo img {

	margin:auto;

	max-height:30px;

}

.sp_nav {

	width:50px;

	float:right;

	position:relative;

	cursor:pointer;

	height:30px;

	margin-top:15px

}

.sp_nav span {

	display:block;

	background:#171918;

	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:#eee;

	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:50px;

}

.sjj_nav>ul>li:first-child {

	overflow:hidden;

	border-top:0;

}

.sjj_nav>ul>li:first-child>a {

	float:left;

	width:calc(100% - 70px);

	font-size: 1em;

}

.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:14px;

	line-height: 40px;

}

.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%;

	font-size: 1em;

}

.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

}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*





/*网站案例页面*/

.al_title {

	width:100%;

	height:auto;

	padding:50px 0;

	text-align:center;

}

.al_title h1 {

	font-size:4em;

	line-height:2.5em;

	color:#454444;

}

.al_title p {

	font-size:1.5em;

	color:#9e9d9d;

}

.al_nav_warp {

	width:100%;

	height:auto;

	border-bottom:1px solid #c8c7c7;

	border-top:1px solid #c8c7c7;

	margin-bottom:20px;

	overflow:hidden;

}

.al_nav {

	width:750px;

	margin:0 auto;

}

.al_nav li {

	float:left;

	width:100px;

	margin:20px 10px;

	background:#F4F4F4;

	color:#676767;

}

.al_nav li a {

	width:100px;

	height:30px;

	text-align:center;

	font-size:16px;

	line-height:30px;

	color:#676767;

	display:block;

}

.al_nav li a:hover, .al_nav li a.now {

	width:100px;

	line-height:30px;

	font-size:16px;

	color:#fff;

	background:#2C2A2B;

	font-weight:bold;

	text-align:center;

}

.al_nav li .current a {

	background: #2C2A2B;

	color: #fff;

	border-radius: 10px;

	display: block;

}

.al_conter {

	width:1024px;

	height:auto;

	border-bottom:1px solid #c8c7c7;

	padding:2% 0;

	margin:0 auto;

	overflow:hidden;

	background: #fbfbfb;

	margin-bottom: 2%;

	border-radius: 10px;

}

.al_conter .left {

	width:30%;

	height:auto;

	float:left;

	margin: 0% 2%;

}

.al_conter:hover {

	background-color: #fff;

	box-shadow: 0px 0px 10px #f1f1f1;

}

.al_conter .left img {

	width:100%;

	height:auto;

}

.al_conter .right {

	width:62%;

	height:auto;

	float:left;

	text-align:left;

	margin-left: 3%;

}

.al_conter .right h1 {

	font-size:2em;

	color:#555556;

	margin-bottom:2%;

	font-weight:300;

}

.al_conter .right h4 {

	font-size:1.3em;

	color:#737373;

	/*margin-bottom:5%;*/

	font-weight:300;

}

.al_conter .right p {

	font-size:0.9em;

	color:#737373;

	margin-bottom:1%;

	margin-top: 10px;

	width:70%;

	line-height:25px;

	height: 60px;

	overflow: hidden;

}

.al_conter .right #more2 {

	display: table;

	border: 1px #f1f1f1 solid;

	padding: 2% 4%;

	border-radius: 15px;

}

.al_conter .right #more2:hover, .al_conter .right #more2:hover a {

	background-color: #393939;

	color: #fff

}

.al_conter .right .more {

	font-size:0.9em;

	background:#474141;

	padding:5px;

	color:#fff;

	width:80px;

	text-align:center;

	float:left;

	border-radius: 10px;

}

.al_conter .right .more a {

	background:#474141;

	color:#fff;

}

.case {

	width:100%;

	height:auto;

	overflow:hidden;

}

.case .tab_wrap {

	padding:25px 0;

	width:100%;

	text-align:center;

	margin-bottom:50px;

	border-top:1px solid #E0E0E0;

	border-bottom:1px solid #E0E0E0;

	overflow:hidden;

}

.case .tab {

	width:500px;

	height:auto;

	margin:0 auto;

}

.case .tab a {

	width:100px;

	height:30px;

	text-align:center;

	font-size:14px;

	line-height:30px;

	color:#676767;

	display:block;

	border-radius:20px;

	float:left;

	margin:0 10px;

}

.case .tab a:hover {

	width:100px;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

	margin:0 10px;

	cursor: pointer;

}

.case .tab a.on {

	width:100px;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

}

.case .content {

	overflow:hidden;

	width:1200px;

	height:2750px;

	position:relative;

	margin:0 auto;

}

.case .content ul {

	position:absolute;

	left:0;

}

.case .content li {

	width:1200px;

	height:auto;

	float:left;

	padding:20px 0;

	overflow:hidden;

}

/*网站模板页面*/

.moban_title {

	width:1200px;

	height:auto;

	padding:5% 0;

	margin:0 auto;

	text-align:center;

}

.moban_top {

	width:100%;

	height:auto;

	padding:4% 0;

	text-align:center;

	border-bottom:3px solid #EAEAEA;

}

.moban_top h1 {

	color:#333;

	font-size:40px;

}

.moban_top p {

	color:#999;

	font-size:17px;

	margin-top:18px;

}

.moban_list {

	width:1200px;

	height:auto;

	margin:0 auto;

	overflow:hidden;

}

/*搜索*/

.search_top_warp {

	width:100%;

	height:auto;

	padding:15px 0;

	background-image:url(../../images/mskj/search_topbg.jpg);

	background-size:100% auto;

}

.search_top {

	width:1000px;

	height:auto;

	margin:0 auto;

	overflow:hidden;

}

.search_top .logo {

	width:157px;

	height:40px;

	float:left;

}

.search_top img {

	width:157px;

	height:40px;

}

.search_top .slogan {

	font-size:16px;

	line-height:32px;

	color:#fff;

	float:right;

}

.search_main {

	width:1200px;

	height:400px;

	background:url(../../images/mskj/search_main.jpg) no-repeat;

	margin:0 auto;

	margin-top:100px;

	margin-bottom:100px;

}

.search_jieguo {

	font-size:15px;

	line-height:30px;

	color:#666;

	margin-top:30px;

	margin-left:100px;

}

.search_wrap {

	width:500px;

	height:50px;

	float:left;

	margin-top:10px;

	margin-left:350px;

}

div.search {

	padding:10px;

}

.bar6 input {

	border-radius:50px;

	background:#F2F3F5;/*	background:transparent;



	opacity: 0.9;



	top:0;



	right:0;*/

}

.bar6 button {

	background:#c5464a;

	opacity: 0.9;

	width:22px;

	height:22px;

	top:0;

	right:0;

	background:url(../../images/mskj/so.png);

	cursor:pointer;

}

/*.bar6 button:before {



	content:"搜索";



	font-size:13px;



	color:#F9F0DA;



}*/







input, button {

	border:none;

	outline:none;

}

.search_wrap input {

	width:500px;

	height:36px;

	padding-left:13px;

}

.search_wrap button {

	height:28px;

	width:28px;

	cursor:pointer;

	position:absolute;

	margin-top:3px;

	margin-right:15px;

}

.search_wrap form {

	position:relative;

	width:500px;

	margin:0 auto;

}

.search_center {

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:0 auto;

	margin-top:35px;

	background:#fff;

	min-height:600px;

}

.search_l {

	width:300px;

	height:auto;

	overflow:hidden;

	float:left;

	margin-right:15px;

	background:#F8F8F8;

}

.search_menu {

	width:300px;

	height:auto;

	overflow:hidden;

}

.search_menu .menu {

	width:250px;

	height:48px;

	line-height:48px;

	display:block;

	font-size:16px;

	color:#222;

	vertical-align:middle;

	text-align:left;

	padding-left:50px;

	background:url(../../images/mskj/menu_icon1.png) no-repeat 0 0;

	border-bottom:1px dashed #D9D9D9;

}

.search_menu .menu:hover {

	color:#D33931;

}

.search_menu_on {

	width:300px;

	height:48px;

	line-height:48px;

	background:#f8f8f8;

	display:block;

	font-size:16px;

	vertical-align:middle;

	text-align:center;

	background:#0066CD;

	color:#fff;

}

.search_menu_on:hover {

	color:#fff;

}

.search_menu .menuhover img {

	width:20px;

	height:20px;

	margin-left:20px;

	margin-right:20px;

	vertical-align:-8%;

}

.search_menu .menuhover {

	width:300px;

	height:48px;

	line-height:48px;

	display:block;

	font-size:16px;

	color:#222;

	vertical-align:middle;

	text-align:left;

	background:#0066CD;

	color:#fff;

	font-weight:bold;

}

.search_r {

	width:855px;

	height:auto;

	padding:15px;

	overflow:hidden;

	float:left;

}

.search_list_wrap {

	width:1180px;

	height:auto;

	float:left;

	margin-left:10px;

	position:relative;

	overflow:hidden;

	margin-top:50px;

}

.bar7 input {

	border:1px solid #E0DCDD;

	border-radius:5px;

	background:transparent;

	top:0;

	right:0;

	width:500px;

	height:30px;

	padding:5px 20px;

	background:#EEECED;

	position:absolute;

	left:320px;

	font-size:14px;

	letter-spacing:1px;

}

.bar7 button {

	background:#0066CD;

	border-radius:0 5px 5px 0;

	width:60px;

	height:42px;

	position:absolute;

	top:0;

	left:805px;

	cursor:pointer;

}

.bar7 button:before {

	content:"搜索";

	font-size:16px;

	color:#F9F0DA;

	letter-spacing:8px;

	margin-left:8px;

}

.search_back {

	width:30px;

	height:auto;

	padding:15px;

	text-align:center;

	font-size:15px;

	line-height:15px;

	border-radius:15%;

	color:#333;

	margin-left:150px;

	background:#2b323c;

}

.search_back:hover {

	background:#0066cd;

	color:#fff;

}

.search_back a {

	color:#fff;

}

.search_jieguo2 {

	width:1180px;

	height:30px;

	padding:20px 0;

	font-size:14px;

	line-height:28px;

	border-bottom:1px dashed #CCC;

	color:#999;

	text-align:center;

	margin-top:20px;

}

.search_list {

	width:800px;

	height:auto;

	padding:20px 0;

	margin-top:130px;

}

.search_list li {

	width:100%;

	height:auto;

	padding:20px 0;

	border-bottom:1px solid #ccc;

	overflow:hidden;

}

.search_list li .pho {

	width:125px;

	height:85px;

	overflow:hidden;

	margin-right:20px;

	float:left;

}

.search_list li .pho img {

	width:125px;

	height:85px;

}

.search_list li h2 {

	font-size:18px;

	line-height:18px;

	margin-bottom:10px;

	color:#222;

}

.search_list li p {

	font-size:14px;

	line-height:22px;

	color:#666;

	height:50px;

	margin-bottom:5px;

	width:90%;

}

.search_list li .date {

	float:right;

	font-size:12px;

	line-height:12px;

	margin-right:12%;

	color:#999;

}

.search_list li:hover {

	background:#F2F2F2;

}

.moban_nav_wrap {

	width:100%;

	height:auto;

	padding:10px 0;

	border-bottom:1px solid #bfbfbf;

	border-top:1px solid #bfbfbf;

	text-align:center;

	overflow:hidden;

	margin-bottom:50px;

}

.moban_nav {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.moban_nav li {

	float:left;

	width:80px;

	color:#676767;

	border-radius:20px;

	margin-right:25px;

	margin-top:8px;

}

.moban_nav li a {

	/*width:100px;*/

	height:30px;

	text-align:center;

	font-size:14px;

	line-height:30px;

	color:#676767;

	display:block;

	border-radius:20px;

}

.moban_nav li a:hover {

	width:100px;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

}

.moban_nav li a.now {

	width:100px;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #0066CD;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

}

/*.moban {width:90%; height:auto; margin:0 auto; margin-bottom:40px; overflow:hidden;}

.moban li {width:25%; height:auto; float:left; margin:1% 4%;}

.moban li .pho {width:100%; height:auto; margin:auto 0; margin-bottom:6%; position:relative;}

.moban li .pho img {width:100%; height:auto; }

.moban li span {color:#414142; font-size:1em;}*/



.moban_content {

	width:1200px;

	height:auto;

	margin:0 auto;

	padding:4% 0;

}

.moban_content .left {

	width:65%;

	height:auto;

	margin-right:2%;

	float:left;

	margin-bottom:3%;

}

.moban_content .left .title {

	width:80%;

	height:320px;

	overflow:hidden;

}

.moban_content .left .title h1 {

	font-size:3em;

	color:#010206;

	margin-bottom:20px;

}

.moban_content .left .title .info {

	width:100%;

	padding:10px 0;

	margin-bottom:50px;

	color:#605f5f;

	font-size:1em;

}

.moban_content .left .title .info span {

	margin-right:15px;

}

.moban_content .left .title p {

	font-size:16px;

	line-height:30px;

	color:#757474;

}

.moban_content .left .nr {

	width:100%; /*min-height:950px;*/

	background:#fff;

	padding:6% 0;

}

.moban_content .left .nr .pc {

	width:700px;

	height:527px;

	margin:0 auto;

	background:url(../../images/mskj/pc_al.jpg) no-repeat;

	margin-bottom:50px;

	position:relative;

}

.moban_content .left .nr .pc .box {

	width:646px;

	height:366px;

	background:#000;

	position:absolute;

	left:27px;

	top:26px;

	overflow:hidden;

}

.moban_content .left .nr .pc .box img {

	width:646px;

	height:365px;

}

.moban_content .left .nr .mob {

	width:293px;

	height:600px;

	background:url(../../images/mskj/mob_al.jpg) no-repeat;

	margin:0 auto;

	margin-bottom:50px;

	position:relative;

}

.moban_content .left .nr .mob .box {

	width:252px;

	height:446px;

	background:#000;

	position:absolute;

	left:22px;

	top:75px;

	overflow:hidden;

}

.moban_content .left .nr .mob .box img {

	width:252px;

	height:446px;

}

.moban_content .left .nr .label {

	width:450px;

	margin:0 auto;

	margin-bottom:80px;

}

.moban_content .left .nr .label_1 {

	width:200px;

	height:50px;

	background:url(../../images/mskj/label_1.png) no-repeat;

	font-size:15px;

	color:#999;

	line-height:50px;

	text-align:center;

	margin-right:50px;

}

.moban_content .left .nr .label_2 {

	width:200px;

	height:50px;

	background:url(../../images/mskj/label_2.png) no-repeat;

	font-size:15px;

	color:#999;

	line-height:50px;

	text-align:center;

}

.moban_content .left .nr .info {

	width:80%;

	height:auto;

	margin:0 auto;

}

.moban_content .left .nr .info .bt {

	font-size:1em;

	padding:3px 5px;

	background:#1167d3;

	color:#fff;

	width:60px;

	margin-bottom:20px;

}

.moban_content .left .nr .info p {

	font-size:1em;

	line-height:20px;

	color:#737373;

	margin-bottom:20px;

}

.moban_content .right {

	width:380px;

	height:auto;

	float:left;

}

.moban_content .right .ewm {

	width:100%;

	height:320px;

	text-align:center;

}

.moban_content .right .ewm img {

	width:191px;

	height:187px;

	margin-bottom:20px;

}

.moban_content .right .ewm p {

	font-size:16px;

	line-height:30px;

	color:#020b15;

}

.moban_content .right .nr {

	width:100%;

	height:auto;

}

.moban_content .right .nr_works {

	width:100%;

	height:auto;

	background:#fff;

	overflow:hidden;

}

.moban_content .right .nr_works .bt {

	background:#000000;

	color:#fff;

	font-size:16px;

	padding:10px 0;

}

.moban_content .right .nr_works .icon {

	width:5px;

	height:15px;

	background:#02F8F5;

	overflow:hidden;

	margin:5px 10px;

	float:left;

}

.moban_content .right .nr_works ul {

	margin-top:20px;

}

.moban_content .right .nr_works li {

	width:185px;

	float:left;

	text-align:center;

	padding:0 2px;

}

.moban_content .right .nr_works li img {

	width:100%;

}

.moban_content .right .nr_works li p {

	font-size:14px;

	line-height:24px;

	color:#757474;

	margin:10px 0;

}

.moban_box {

	width:100%;

	height:auto;

	overflow:hidden;

}

.moban_nav {

	width:100%;

	padding:10px 0;

	border-bottom:1px solid #eee;

	border-top:1px solid #eee;

	overflow:hidden;

}

.moban_nav li {

	width:28%;

	height:30px;

	text-align:center;

	font-size:14px;

	line-height:30px;

	color:#676767;

	display:block;

	border-radius:20px;

	float:left;

	margin:5px 5px;

}

.moban_nav li:hover {

	width:28%;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

	margin:0 5px;

}

.moban_nav .on {

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

}

.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;

}

.moban_con li .pic {

	width:300px;

	height:245px;

	margin:0 auto;

}

.moban_con li .pic img {

	width:300px;

	height:245px;

}

.moban_con li .tit {

	float:left;

}

.moban_con li .bianhao {

	float:right;

}

.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;

}

.mb_fw_wrap {

	width:100%;

	height:auto;

	padding:80px 0;

	background:#fff;

	overflow:hidden;

}

.mb_fw {

	width:1200px;

	margin:0 auto;

}

.mb_fw .nav_di {

	width:550px;

	height:auto;

}

.mb_fw .nav_di li {

	width:25%;

	height:auto;

	float:left;

	text-align:center;

}

.mb_fw .nav_di li img {

	width:100px;

	height:100px;

}

.mb_fw .nav_di li p {

	font-size:16px;

	line-height:35px;

	color:#333;

}

.mb_fw .lx {

	float:right;

	text-align:center;

}

.mb_fw .lx h1 {

	font-size:4em;

	color:#4D4948;

	margin-bottom:30px;

}

.mb_fw .lx p {

	font-size:1.3em;

	color:#A8A4A6;

}

.tabbox2 {

	width:100%;

	height:1000px;

	overflow:hidden;

}

.tabbox2 .tab_wrap {

	padding:25px 0;

	width:100%;

	text-align:center;

	margin-bottom:50px;

	border-top:1px solid #E0E0E0;

	border-bottom:1px solid #E0E0E0;

	overflow:hidden;

}

.tabbox2 .tab {

	width:1100px;

	height:auto;

	margin:0 auto;

}

.tabbox2 .tab a {

	width:100px;

	height:30px;

	text-align:center;

	font-size:14px;

	line-height:30px;

	color:#676767;

	display:block;

	border-radius:20px;

	float:left;

	margin:0 5px;

}

.tabbox2 .tab a:hover {

	width:100px;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

	margin:0 5px;

}

.tabbox2 .tab a.on {

	width:100px;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #0066CD;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

	margin:0 5px;

}

.tabbox2 .content {

	overflow:hidden;

	width:1200px;

	height:1050px;

	position:relative;

	margin:0 auto;

}

.tabbox2 .content ul {

	position:absolute;

	left:0;

}

.tabbox2 .content li {

	width:1200px;

	height:auto;

	float:left;

	padding:20px 0;

	overflow:hidden;

}

.tabbox2 .content li p {

	padding:10px;

}

.moban {

	width:326px;

	height:350px;

	float:left;

	margin:0 35px;

}

.moban img {

	width:326px;

	height:266px;

	margin-bottom:20px;

}

.moban p {

	font-size:15px;

	line-height:30px;

	color:#414142;

}

.more {

	width:30%;

	color:#333;

	text-align:center;

	background:#E4E4E4;

	padding:10px;

	margin:0 auto;/*margin-top:50px;

	margin-bottom:50px;*/

}

.more2 {

	margin-top:50px;

	margin-bottom:50px;

}

.more:hover, .more:hover a {

	background:#666;

	color:#fff;

	overflow:hidden;

}

.more a {

	color:#333;

}

/* 搜索页面 */



.search_box {

	width:90%;

	height:auto;

	margin:0 auto;

	padding:5%;

	text-align:center;

}

.search_con {

	width:90%;

	height:auto;

	margin:0 auto;

	padding:5%;

	text-align:left;

}

/* 模板显示特效*/

.flexslider {

	position:relative;

	width:654px;

	height:364px;

	overflow:hidden;

	zoom:1;

}

.flex-viewport {

	max-height:2000px;

	-webkit-transition:all 1s ease;

	-moz-transition:all 1s ease;

	transition:all 1s ease;

}

.flexslider .slides {

	zoom:1;

}

.flex-direction-nav a {

	width:60px;

	height:90px;

	line-height:99em;

	overflow:hidden;

	margin:-60px 0 0;

	display:block;

	background:url(../../images/mskj/ad_ctr.png) no-repeat;

	position:absolute;

	top:50%;

	z-index:10;

	cursor:pointer;

	opacity:0;

	filter:alpha(opacity=0);

-webkit-transition:all .3s ease;

}

.flex-direction-nav .flex-next {

	background-position:0 -90px;

	right:0;

}

.flex-direction-nav .flex-prev {

	left:0;

}

.flexslider:hover .flex-next {

	opacity:0.8;

	filter:alpha(opacity=25);

}

.flexslider:hover .flex-prev {

	opacity:0.8;

	filter:alpha(opacity=25);

}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	opacity:1;

	filter:alpha(opacity=50);

}

.flex-control-nav {

	width:100%;

	position:absolute;

	bottom:10px;

	text-align:center;

}

.flex-control-nav li {

	margin:0 5px;

	display:inline-block;

	zoom:1;

*display:inline;

}

.flex-control-paging li a {

	background:url(../../images/mskj/dot.png) no-repeat 0 -16px;

	display:block;

	height:16px;

	overflow:hidden;

	text-indent:-99em;

	width:16px;

	cursor:pointer;

}

.flex-control-paging li a.flex-active {

	background-position:0 0;

}

.flexslider_phone {

	position:relative;

	width:252px;

	height:446px;

	overflow:hidden;

	zoom:1;

}

.flex-viewport {

	max-height:2000px;

	-webkit-transition:all 1s ease;

	-moz-transition:all 1s ease;

	transition:all 1s ease;

}

.flexslider_phone .slides {

	zoom:1;

}

.flex-direction-nav a {

	width:60px;

	height:90px;

	line-height:99em;

	overflow:hidden;

	margin:-60px 0 0;

	display:block;

	background:url(../../images/mskj/ad_ctr.png) no-repeat;

	position:absolute;

	top:50%;

	z-index:10;

	cursor:pointer;

	opacity:0;

	filter:alpha(opacity=0);

-webkit-transition:all .3s ease;

}

.flex-direction-nav .flex-next {

	background-position:0 -90px;

	right:0;

}

.flex-direction-nav .flex-prev {

	left:0;

}

.flexslider:hover .flex-next {

	opacity:0.8;

	filter:alpha(opacity=25);

}

.flexslider:hover .flex-prev {

	opacity:0.8;

	filter:alpha(opacity=25);

}

.flexslider_phone:hover .flex-next:hover, .flexslider_phone:hover .flex-prev:hover {

	opacity:1;

	filter:alpha(opacity=50);

}

.flex-control-nav {

	width:100%;

	position:absolute;

	bottom:10px;

	text-align:center;

}

.flex-control-nav li {

	margin:0 5px;

	display:inline-block;

	zoom:1;

*display:inline;

}

.flex-control-paging li a {

	background:url(../../images/mskj/dot.png) no-repeat 0 -16px;

	display:block;

	height:16px;

	overflow:hidden;

	text-indent:-99em;

	width:16px;

	cursor:pointer;

}

.flex-control-paging li a.flex-active {

	background-position:0 0;

}

.gg1 {

	width:100%;

	height:auto;

	margin:20px 0;

}

.gg2 {

	width:100%;

	height:auto;

}

/* 新闻中心 */

.news_bt {

	width:1200px;

	height:auto;

	padding:50px 0 30px 0;

	margin:0 auto;

	margin-bottom:50px;

}

.news_bt .name {

	font-size:2.5em;

	color:#424041;

	font-weight:bold;

}

.news_bt .slogan {

	font-size:1em;

	color:#B0B0B2;

	margin-top:30px;

	width: 15%;

}

.news_bt .slogan .menu {

	float:left;

	width: 50%;

}

.news_bt .slogan .menu a {

	background-color: #0b0b3a;

	color: #fff;

	padding: 8% 17%;

	border-radius: 15px;

}

.news_bt .slogan .menu:hover a {

	box-shadow: 0px 0px 5px #0b0b3a;

}

.news {

	width:1200px;

	height:auto;

	margin:0 auto;

	overflow:hidden;

}

/*.news .pic1 {width:215px; height:370px; float:left;  position:relative; overflow:hidden;}

.news .pic2 {width:235px; height:180px; float:left; position:relative;}

.news .pic3 {width:480px; height:370px; float:left;  position:relative;}

.news .pic4 {width:215px; height:180px; float:left;  position:relative;}

.news .pic5 {width:490px; height:370px; float:left; }

.news .pic1 p,.news .pic2 p,.news .pic3 p,.news .pic4 p {width:100%; height:auto; font-size:15px; color:#fff; padding:8px 0; text-align:center;background:#000; filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3; position:absolute; bottom:0;}

.news img {width:100%; height:auto; cursor: pointer; transition: all 0.6s;}

.news img:hover {transform: scale(1.4);}

*/

.mb01 {

	margin-right:10px;

}

.mb02 {

	margin-bottom:10px;

}

.pic1 {

	width:230px;

	height:370px;

	float:left;

	position:relative;

	overflow:hidden;

	background:#012040;

}

.pic1 .menu {

	border:1px solid #bfbfbf;

	color:#fff;

	padding:5px;

	margin:20px 10px;

	float:left;

	margin-bottom:130px;

}

.pic1 .menu a {

	color:#fff;

}

.pic1 h1 {

	font-size:50px;

	color:#fff;

	font-weight:200;

	padding-left:5px;

}

.pic1 h2 {

	font-size:45px;

	color:#fff;

	padding-left:5px;

}

.pic1 h5 {

	font-size:14px;

	color:#fff;

	font-weight:200;

	padding-left:5px;

}

.pic2 {

	width:230px;

	height:180px;

	float:left;

	position:relative;

	overflow:hidden;

}

.pic3 {

	width:470px;

	height:370px;

	float:left;

	position:relative;

	overflow:hidden;

}

.pic4 {

	width:215px;

	height:180px;

	float:left;

	position:relative;

	overflow:hidden;

}

.pic5 {

	width:480px;

	height:370px;

	float:left;

}

.pic1 p, .pic2 p, .pic3 p, .pic4 p {

	width:100%;

	height:auto;

	font-size:15px;

	color:#fff;

	padding:8px 0;

	text-align:center;

	background:rgba(0, 0, 0, 0.6);

	position:absolute;

	bottom:0;

}

.pic1 img {

	width:100%;

}

.pic2 img {

	width:235px;

	cursor: pointer;

	transition: all 0.6s;

}

.pic3 img {

	width:480px;

	height:370px;

	cursor: pointer;

	transition: all 0.6s;

}

.pic4 img {

	width:215px;

	cursor: pointer;

	transition: all 0.6s;

}

.pic2 img:hover, .pic3 img:hover, .pic4 img:hover {

	transform: scale(1.2);

}

.neiye_top {

	width:100%;

	height:auto;

	padding:10px 0;

	border-bottom:1px solid #CACACA;

	background:#eee;

}

.location_top {

	width:70%;

	height:auto;

	margin:0 auto;

	overflow:hidden;

	color:#666;

}

.location_top img {

	margin: 0 15px;

}

.location_top a {

	color:#666;

}

.news_cont {

	width:1200px;

	height:auto;

	padding:30px 0;

	margin:0 auto;

	overflow:hidden;/* display: table-cell; */

}

.news_cont .location {

	font-size:15px;

	color:#939290;

	padding-bottom: 30px;

}

.news_cont .location img {

	margin-right:20px;

}

.news_cont .location .dw {

	float:left;

}

.news_cont .left {

	width:830px;

	height:auto;

	min-height:700px;

	background:#fff;

	margin-right:10px;

	float:left;

	padding:2% 30px;

	margin: auto;

}

.news_cont .right {

	width:300px;

	height:auto;

	background:#fff;

	float:left;

}

.news_cont .title {

	width:100%;

	border-bottom:1px solid #E5E5E5;

	text-align:center;

	padding-bottom:30px;

}

.news_cont .title h1 {

	font-size:2.2em;

	color:#3A3635;

	margin-bottom:30px;

}

.news_cont .title span {

	margin:0 20px;

	font-size:15px;

	color:#999;

}

.news_cont .nr {

	width:94%;

	margin:20px 0;

	margin-bottom:80px;

	color:#404040;

	line-height:30px;

	font-size:15px;

	padding:2% 3%;

}

.news_cont .nr p {

	font-size:15px;

	color:#404040;

	line-height:30px;

	margin-bottom:20px;

}

.news_cont .nr img {

	margin:5px;

}

.news_cont .before {

	width:40%;

	height:auto;

	background:#F5F5F5;

	padding:2px;

	text-align:left;

	float:left;

	color:#656565;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.news_cont .before1 {

	text-align: right;

}

.news_cont .before img {

	padding-right:5px;

}

.news_cont .after {

	width:40%;

	height:auto;

	background:#F5F5F5;

	padding:2px;

	text-align:right;

	float:right;

	color:#656565;

	padding-right:10px;

}

.news_cont .after img {

	padding-left:2px;

}

.news_cont .before, .news_cont .after {

	margin-bottom:30px;

}

.news_cont .Interest {

	width:100%;

	height:auto;

}

.news_cont .Interest .bt {

	width:100%;

	height:auto;

	border-bottom:1px solid #DBDBDB;

	padding:15px 0;

	font-size:1.5em;

	color:#001A35;

	font-weight:bold;

}

.news_cont .Interest .bt .icon {

	width:5px;

	height:30px;

	background:#001A35;

	overflow:hidden;

	margin:0 20px;

}

.news_cont .Interest li {

	width:32%;

	height:180px;

	margin-bottom:10px;

	float:left;

	margin-right:10px;

	margin-top:20px;

}

.news_cont .Interest li img {

	width:100%;

	height:164px;

	margin-bottom:10px;

}

.news_cont .Interest li p {

	font-size:15px;

	line-height:24px;

	color:#6E6E6E;

}

.news_cont .zx {

	width:100%;

	height:auto;

	padding:15px 0;

}

.news_cont .zx .bt {

	font-size:20px;

	line-height:35px;

	font-weight:bold;

	color:#313131;

	border-bottom:1px solid #eee;

}

.news_cont .zx .bt .icon {

	width:5px;

	height:20px;

	background:#06B2C0;

	overflow:hidden;

	margin-top:10px;

	margin-right:20px;

}

.news_cont .list {

	width:260px;

	height:700px;

	margin-top:20px;

	margin-left:0;

	overflow:hidden;

	position:relative;

}

.news_cont .list ul {

	margin-left:15px;

	border-left:1px solid #eee;

	padding-bottom:40px;

	padding-right:10px;

}

.news_cont .list li {

	margin-bottom:20px;

}

.news_cont .list li .wai_cicle {

	width:40px;

	height:40px;

	background:url(../../images/mskj/yuan.png) no-repeat;

	margin-left:-21px;

	margin-top:-5px;

	display:inline-block;

	opacity:0;

}

.news_cont .list li .animate-dot {

	width:20px;

	height:23px;

	display:inline-block;

	margin-left:-26.5px;

	background:url(../../images/mskj/small_dot.jpg) no-repeat;

}

.news_cont .list li .nl_detail {

	display:block;

	margin-top:-15px;

	cursor:pointer;

}

.news_cont .list li .nl-title {

	font-size:14px;

	display:inline-block;

	color:#999;

	margin-left:14px;

	margin-top:-20px;

	line-height:22px;

}

.news_cont .list li a:hover {

	color:#1e1f1f;

}

.news_cont .list li .nl-title .nl-time {

	color:#ccc;

	float:right;

	margin-top:20px;

}

.news_list {

	width:100%;

	height:auto;

	margin:0 auto;

	background:#fff;

	padding:20px 0;

}

.news_list ul {

	width:65%;

	margin: auto;

}

.news_list li {

	width:100%;

	height:auto;

	border-bottom:1px dashed #CCCCCC;

	padding:15px 0;

	margin:0 auto;

	overflow:hidden;

}

.news_list li img {

	width:195px;

	height:120px;

	overflow:hidden;

	margin: 0px 3%;

	float:left;

}

.news_list li h3 {

	font-size:20px;

	line-height:24px;

	color:#282626;

	padding-bottom:10px;

	display:table;

}

.news_list li p {

	font-size:14px;

	line-height:22px;

	color:#797777;

	padding-bottom:10px;

	display:table;

}

 .news_list li p:nth-child(3) {

 height: 55px !important;

 overflow: hidden !important;

}

.news_list li span {

	font-size:15px;

	line-height:15px;

	padding:8px 15px;

	border:1px solid #DBDBDB;

	border-radius: 10px;

	overflow:hidden;

	float:right;

}

.news_list li a:hover {

	color:#1e1f1f;

}

.news_list li:hover {

	background:#F7F7F7;

}

.lf-newest {

	width:260px;

	margin-left:20px;

}

.lf-newest .newest-lists {

	width:255px;

	height:800px;

	overflow-x:hidden;

	overflow-y:hidden;

	margin-top:20px;

	position:relative;

	margin-left:-15px

}

.lf-newest .newest-lists ul {

	margin-left:15px;

	border-left:1px solid #eee;

	padding-bottom:40px;

	padding-right:10px

}

.lf-newest .newest-lists li {

	margin-bottom:27px

}

.lf-newest .newest-lists .wai_cicle {

	width:40px;

	height:40px;

	background:url(../../images/mskj/waiyuan.png) no-repeat;

	margin-left:-20.5px;

	margin-top:-5px;

	display:inline-block;

	opacity:0;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	-khtml-opacity:0;

	-ms-transform:scale(0);

	transform:scale(0);

	-webkit-transform:scale(0)

}

.lf-newest .newest-lists .animate-dot {

	width:20px;

	height:23px;

	display:inline-block;

	margin-left:-27px;

	background:url(../../images/mskj/small_dot.jpg) no-repeat

}

.lf-newest .newest-lists .nl_detail {

	display:block;

	margin-top:-15px;

	cursor:pointer

}

.lf-newest .newest-lists .nl-title {

	font-size:14px;

	display:inline-block;

	color:#999;

	margin-left:14px;

	margin-top:-20px;

	line-height:22px

}

.lf-newest .newest-lists .nl-title span {

	color:#159b46

}

.lf-newest .newest-lists .nl-title .nl-time {

	color:#ccc;

	float:right;


}

.lf-newest .newest-lists .newest-list-desc a {

	text-decoration:none

}

.lf-newest .newest-lists .newest-list-desc p {

	color:#fff;

	padding:10px

}

.lf-newest .newest-lists .newest-list-desc em {

	color:#005100

}

.lf-newest .newest-lists .newest-list-desc.show {

	margin-top:20px;

	opacity:1;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity:1;

	-ms-transform:scale(1);

	transform:scale(1);

	-webkit-transform:scale(1);

	max-height:90px

}

.lf-newest .newest-lists .newest-list-desc.show span {

	opacity:1;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity:1

}

@keyframes cicle {

0% {

opacity:.5;

filter:alpha(opacity=50);

-moz-opacity:.5;

-khtml-opacity:.5;

-ms-transform:scale(0.4);

transform:scale(0.4);

-webkit-transform:scale(0.4)

}

40% {

opacity:.5;

filter:alpha(opacity=50);

-moz-opacity:.5;

-khtml-opacity:.5;

-ms-transform:scale(0.7);

transform:scale(0.7);

-webkit-transform:scale(0.7)

}

100% {

opacity:0;

filter:alpha(opacity=0);

-moz-opacity:0;

-khtml-opacity:0;

-ms-transform:scale(0.7);

transform:scale(0.7);

-webkit-transform:scale(0.7)

}

}

@-webkit-keyframes cicle {

0% {

opacity:.5;

filter:alpha(opacity=50);

-moz-opacity:.5;

-khtml-opacity:.5;

-ms-transform:scale(0.4);

transform:scale(0.4);

-webkit-transform:scale(0.4)

}

40% {

opacity:.5;

filter:alpha(opacity=50);

-moz-opacity:.5;

-khtml-opacity:.5;

-ms-transform:scale(0.7);

transform:scale(0.7);

-webkit-transform:scale(0.7)

}

100% {

opacity:0;

filter:alpha(opacity=00);

-moz-opacity:0;

-khtml-opacity:0;

-ms-transform:scale(0.7);

transform:scale(0.7);

-webkit-transform:scale(0.7)

}

}

.lf-newest .newest-lists li:hover .wai_cicle {

animation:cicle .32s .2s;

-webkit-animation:cicle .32s .2s

}

.lf-newest .newest-lists li:hover .animate-dot {

	margin-left:-33px;

	height:33px;

	background:url(../../images/mskj/yuanquan.png) no-repeat;

	-ms-transform:scale(0.6);

	transform:scale(0.6);

	-webkit-transform:scale(0.6)

}

.lf-newest .newest-lists li:hover .nl-title {

	color:#404040

}

/*网站服务*/

.site_title {

	width:100%;

	height:auto;

	padding:50px 0;

	border-bottom:2px solid #eee;

	background:#fff;

}

.site_title .text {

	width:90%;

	height:auto;

	margin:0 auto;

	text-align:center;

}

.site_title .text h1 {

	font-size:4em;

	color:#3A3A3A;

	margin-bottom:40px;

}

.site_title .text p {

	width:90%;

	height:auto;

	color:#5a5a5a;

	font-size:1.1em;

	line-height:2em;

	margin:0 auto;

}

.site_yw_main {

	width:100%;

	height:auto;

	padding:20px 0;

	background:#fff;

	overflow:hidden;

}

.site_yw {

	width:1200px;

	height:auto;

	margin:0 auto;

	margin-top:50px;

}

.site_yw li {

	width:43%;

	height:260px;

	float:left;

}

.site_yw li .icon {

	width:17px;

	height:20px;

	float:left;

	margin-right:15px;

	margin-top:8px;

}

.site_yw li .cont {

	width:92%;

	height:300px;

	float:left;

}

.site_yw li .cont h2 {

	font-size:26px;

	line-height:35px;

	color:#10104;

	font-weight:200;

	margin-bottom:30px;

}

.site_yw li .cont p {

	font-size:15px;

	line-height:26px;

	color:#7f7e80;

}

.site_yw .mb03 {

	margin-right:14%;

}

.site_al {

	width:90%;

	height:auto;

	padding:50px 0;

	margin:0 auto;

	overflow:hidden;

}

.site_al li {

	width:27%;

	height:auto;

	margin:0 3%;

	float:left;

}

.site_al li img {

	width:100%;

	height:320px;

}

.site_al li h3 {

	font-size:20px;

	line-height:40px;

	color:#38373C;

	margin-top:15px;

}

.site_al li p {

	font-size:14px;

	color:#7f7f7f;

	line-height:24px;

	margin-bottom:15px;

}

.site_al .title {

	width:1200px;

	height:auto;

	margin:0 auto;

	text-align:center;

}

.site_al .title h1 {

	font-size:4em;

	color:#3A3A3A;

	margin-bottom:30px;

}

.site_al .title p {

	height:auto;

	color:#5a5a5a;

	font-size:1.1em;

	line-height:2em;

	margin-bottom:30px;

}

/* 微信小程序 */



.mb05 {

	margin-right:50px;

}

.wyx_wrap {

	width:100%;

	height:auto;

	padding:50px 0;

	overflow:hidden;

}

.wyx_bghui {

	background:#F7F7F7;

}

.wyx {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.wyx .title {

	text-align:center;

	width:1200px;

}

.wyx .title h2 {

	font-size:30px;

	line-height:30px;

	color:#08071b;

	margin-bottom:30px;

}

.wyx .title p {

	font-size:16px;

	color:#565757;

	line-height:32px;

}

.wyx .pic {

	width:400px;

	height:400px;

	float:left;

}

.wyx .text {

	width:700px;

	float:left;

}

.wyx .text .con {

	/*width:350px;*/

	height:auto;

	float:left;

	margin-bottom:20px;

	margin-left: 30px;

}

.wyx .text .con .f_nr {

	font-size:14px;

	line-height:25px;

	color:#787878;

	float:left;

	margin-bottom:10px;

	width:250px;

	float:left;

}

.con-top {

	display: table;

	width: 100%;

}

.wyx .text .con-top h3 {

	font-size:18px;

	line-height:24px;

	color:#08071b;

	line-height: 40px;

	text-align: left;

}

.wyx_icon1, .wyx_icon2, .wyx_icon3, .wyx_icon4, .wyx_icon5, .wyx_icon6, .wyx_icon7 {

	background-image:url(../../images/mskj/wyx_icon.png);

	background-repeat:no-repeat;

	float:left;

	margin-right:15px;

}

.wyx_icon1 {

	width:49px;

	height:38px;

	background-position:0 0;

}

.wyx_icon2 {

	width:49px;

	height:41px;

	background-position:0 -68px;

}

.wyx_icon3 {

	width:49px;

	height:39px;

	background-position:0 -135px;

}

.wyx_icon4 {

	width:49px;

	height:44px;

	background-position:0 -202px;

}

.wyx_icon5 {

	width:49px;

	height:37px;

	background-position:0 -276px;

}

.wyx_icon6 {

	width:49px;

	height:43px;

	background-position:0 -342px;

}

.wyx_icon7 {

	width:49px;

	height:40px;

	background-position:0 -418px;

}

.wyx_al {

	width:100%;

	height:auto;

	padding:30px 0;

}

.wyx_al ul {

	margin:20px 0;

}

.wyx_al li {

	width:16%;

	height:auto;

	margin:0 2%;

	text-align:center;

	float:left;

}

.wyx_al li p {

	font-size:16px;

	line-height:30px;

	color:#2c2b2b;

	margin-top:20px;

}

.wyx_al li img {

	width:100%;

	height:auto;

}

.scrolltitle {

	height:24px;

	font-size:14px;

	width:1200px;

	border-bottom:solid 1px #ddd;

	margin:20px auto 15px auto;

}

a.abtn {

	display:block;

	height:74px;

	width:40px;

	overflow:hidden;

	background:url(../../images/mskj/focus_btn.png) no-repeat 0px 50%;

	margin-top:200px;

}

a.aleft {

	float:left;

	background-position:0 0;

}

a.agrayleft {

	cursor:default;

	background-position:0px -74px;

}

a.aright {

	float:right;

	background-position:-40px -74px;

}

a.agrayright {

	cursor:default;

	background-position:-40px 0;

}

.scrolllist {

	width:1200px;

	height:600px;

	margin:0 auto;

	margin-top:30px;

}

.scrolllist .imglist_w {

	width:1040px;

	height:550px;

	overflow:hidden;

	float:left;

	position:relative;

	margin-left:35px;

}

.scrolllist .imglist_w ul {

	width:20000px;

	position:absolute;

	left:0px;

	top:0px;

}

.scrolllist .imglist_w li {

	width:240px;

	height:550px;

	float:left;

	margin:0 10px;

	text-align:center;

	color:#333;

}

.scrolllist .imglist_w li p {

	font-size:14px;

	line-height:24px;

}

.scrolllist .imglist_w li .name {

	font-size:18px;

	line-height:30px;

	margin-top:10px;

}

.scrolllist .imglist_w li img {

	width:240px;

	height:488px;

	padding:0px;

	border:solid 0px #ddd;

}

.scrolllist .imglist_w li a {

	color:#fff;

	text-decoration:none;

}

.scrolllist .imglist_w li a:hover img {

	filter:alpha(opacity=86);

	-moz-opacity:0.86;

	opacity:0.86;

}

/* 联系我们 */

.lxwm_title {

	width:100%;

	height:auto;

	padding:40px 0;

	border-bottom:3px solid #eee;

	text-align:center;

}

.lxwm_title h1 {

	font-size:4em;

	margin-bottom:10px;

	color:#1D1E20;

	margin-bottom:30px;

}

.lxwm_title h2 {

	font-size:2em;

	color:#5F5F5F;

	font-weight:200;

	margin-top:80px;

}

.lxwm_title .text {

	width:70%;

	height:auto;

	color:#535455;

	text-align:left;

	font-size:15px;

	margin:0 auto;

	margin-top:40px;

	line-height:30px;

	padding-bottom:50px;

}

.lxwm_con {

	width:1200px;

	height:auto;

	padding:7% 0;

	margin:0 auto;

	overflow:hidden;

}

.lxwm_con .text {

	width:45%;

	height:auto;

	float:left;

}

.lxwm_con .text h3 {

	font-size:2em;

	color:#353535;

	margin-bottom:30px;

}

.lxwm_con .text p {

	font-size:14px;

	line-height:30px;

	color:#757575;

}

.lxwm_con .ewm {

	width:180px;

	height:auto;

	float:left;

	text-align:center;

	margin-right:60px;

	margin-top:30px;

}

.lxwm_con .ewm img {

	width:170px;

	height:auto;

	margin-bottom:30px;

}

.lxwm_con .ewm p {

	color:#353535;

}

.lxwm_info_main {

	width:100%;

	height:auto;

	border-top:1px solid #eee;

	overflow:hidden;

}

.lxwm_info {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.lxwm_info li {

	width:33%;

	height:auto;

	padding:8% 0;

	text-align:center;

	float:left;

	border-right:1px solid #E9E9E9;

}

.lxwm_info li img {

}

.lxwm_info li h3 {

	color:#1E1F21;

	font-size:2em;

	font-weight:200;

}

.lxwm_info li p {

	color:#B7B7B7;

	font-size:15px;

	line-height:30px;

}

/* 分页 */



.page {

	width:97%;

	height:auto;

	line-height: 20px;

	margin:30px auto;

	text-align:center;

	overflow: hidden;

}

.page a {

	display: inline-block;

	color: #333333;

	border: 1px solid #c9c9c9;

	padding: 5px 13px;

	overflow: hidden;

}

.page a:hover, .page a.cur {

	color: #fff;

	background-color:#474141;

}

.page2 {

	width:100%;

	margin-top:50px;

}

.page2 a {

	display: block;

	line-height: 25px;

	font-size: 13px;

	color: #666;

}

.page2 a:first-child {

	border-bottom: 1px solid #c4c5c5;

}

.page2 a label {

}

.page2 a:hover {

	color: #2057a4;

}

#pages {

	padding-top:30px;

	text-align:center;

	margin-bottom:30px;

}

#pages a {

	display:inline-block;

	padding:0px 14px;

	height:25px;

	font-size:16px;

	line-height:25px;

	background:#fff;

	border:1px solid #e3e3e3;

	text-align:center;

	color:#333

}

#pages a.a1 {

	padding:0px 14px;

	height:25px;

	line-height:25px;

	margin-top:0px;

}

#pages a:hover {

	background:#f1f1f1;

	color:#000;

	text-decoration:none;

}

#pages span {

	display:inline-block;

	padding:0px 14px;

	height:25px;

	line-height:25px;

	background:#333;

	border:1px solid #333;

	color:#fff;

	text-align:center;

}

.pagee .noPage {

	display:inline-block;

	padding:0px 14px;

	height:25px;

	line-height:25px;

	border:1px solid #e3e3e3;

	text-align:center;

	color:#a4a4a4;

}

/* 底部 */

.foot {

	width:100%;

	height:auto;

	padding:45px 0;

	text-align:center;

	color:#fff;

	font-size:1em;

	background:#0C0E1B;

}

/* seo 页面样式 */

.brand_wrap {

	width:100%;

	height:auto;

	padding:60px 0 50px 0;

	background:#F0F0F0;

	overflow:hidden;

}

.brand {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.brand h2 {

	font-size:30px;

	line-height:30px;

	margin-bottom:20px;

	font-weight:200;

}

.brand p {

	font-size:16px;

	line-height:36px;

	color:#535455;

	width:660px;

}

.brand .f1 {

	font-size:48px;

	line-height:48px;

	font-style:italic;

	color:#1d538b;

}

.brand .f2 {

	font-size:44px;

	line-height:44px;

	color:#d83236;

}

.brand h4 {

	font-size:21px;

	line-height:21px;

	color:#383838;

	margin-bottom:20px;

	font-weight:200;

	margin-top:100px;

}

.brand .slogan {

	font-size:18px;

	line-height:18px;

	background:#1E1E1E;

	color:#fff;

	padding:5px 3px;

}

.reason {

	width:1200px;

	overflow:hidden;

	overflow:hidden;

	padding:80px 0;

	margin:0 auto;

	text-align:center;

}

.reason h1 {

	font-size:50px;

	line-height:50px;

	color:#535455;

	margin-bottom:30px;

}

.reason .f3 {

	font-size:68px;

	line-height:68px;

	color:#1d538b;

	font-style:italic;

	padding:0 20px;

	font-weight:200;

}

.reason p {

	font-size:20px;

	line-height:20px;

	color:#535455;

}

.reason_sel {

	width:1200px;

	height:880px;

	background:url(../../images/mskj/reason_bg.jpg) no-repeat;

	margin:0 auto;

	position:relative;

	margin-top:30px;

}

.reason_sel_01 {

	width:240px;

	height:245px;

	overflow:hidden;

	position:absolute;

	top:625px;

	left:35px;

}

.reason_sel_01 img {

	width:86px;

	height:83px;

	margin-bottom:30px;

	margin-top:20px;

}

.reason_sel_01 h2 {

	font-size:26px;

	line-height:26px;

	color:#1e70b8;

	margin-bottom:30px;

}

.reason_sel_01 p {

	font-size:16px;

	line-height:24px;

	color:#1e70b8;

	text-indent:2em;

	text-align:left;

}

.reason_sel_02 {

	width:240px;

	height:245px;

	overflow:hidden;

	position:absolute;

	top:60px;

	left:230px;

}

.reason_sel_02 img {

	width:78px;

	height:91px;

	margin-bottom:30px;

	margin-top:20px;

}

.reason_sel_02 h2 {

	font-size:26px;

	line-height:26px;

	color:#169dd6;

	margin-bottom:30px;

}

.reason_sel_02 p {

	font-size:16px;

	line-height:24px;

	color:#169dd6;

	text-indent:2em;

	text-align:left;

}

.reason_sel_03 {

	width:240px;

	height:245px;

	overflow:hidden;

	position:absolute;

	top:544px;

	left:440px;

}

.reason_sel_03 img {

	width:83px;

	height:76px;

	margin-bottom:30px;

	margin-top:20px;

}

.reason_sel_03 h2 {

	font-size:26px;

	line-height:26px;

	color:#3ec2d1;

	margin-bottom:30px;

}

.reason_sel_03 p {

	font-size:16px;

	line-height:24px;

	color:#3ec2d1;

	text-indent:2em;

	text-align:left;

}

.reason_sel_04 {

	width:240px;

	height:245px;

	overflow:hidden;

	position:absolute;

	top:15px;

	left:664px;

}

.reason_sel_04 img {

	width:90px;

	height:85px;

	margin-bottom:30px;

	margin-top:20px;

}

.reason_sel_04 h2 {

	font-size:26px;

	line-height:26px;

	color:#40bc95;

	margin-bottom:20px;

}

.reason_sel_04 p {

	font-size:16px;

	line-height:24px;

	color:#40bc95;

	text-indent:2em;

	text-align:left;

}

.reason_sel_05 {

	width:240px;

	height:245px;

	overflow:hidden;

	position:absolute;

	top:465px;

	left:887px;

}

.reason_sel_05 img {

	width:90px;

	height:85px;

	margin-bottom:30px;

	margin-top:20px;

}

.reason_sel_05 h2 {

	font-size:26px;

	line-height:26px;

	color:#80c562;

	margin-bottom:30px;

}

.reason_sel_05 p {

	font-size:16px;

	line-height:24px;

	color:#80c562;

	text-indent:2em;

	text-align:left;

}

.cost_warp {

	width:100%;

	height:auto;

	background:#F6F6F6;

	overflow:hidden;

	padding:50px 0;

}

.cost {

	width:1200px;

	height:auto;

	margin:0 auto;

	overflow:hidden;

	margin-top:30px;

}

.cost .text {

	width:400px;

	height:430px;

	overflow:hidden;

	float:left;

}

.cost .text p {

	font-size:16px;

	line-height:24px;

	color:#4b4b4b;

}

.cost .text img {

	margin-bottom:10px;

}

.cost_jianzhan {

	width:785px;

	height:187px;

	margin:0 auto;

	overflow:hidden;

}

.cost_jianzhan .name {

	width:185px;

	height:185px;

	margin-right:30px;

	background:url(../../images/mskj/cost_jianzhan_name.png) no-repeat;

}

.cost_jianzhan .name p {

	font-size:33px;

	line-height:100px;

	color:#181717;

	margin-left:10px;

	width:160px;

	height:145px;

	text-align:center;

	margin-top:35px;

}

.cost_jianzhan .text {

	margin-top:40px;

	font-size:24px;

	line-height:48px;

	color:#2c2c2b;

}

.service_wrap {

	width:100%;

	height:auto;

	overflow:hidden;

	padding:50px 0;

}

.service_title {

	width:1200px;

	height:auto;

	overflow:hidden;

	text-align:center;

	margin:0 auto;

}

.service_title h1 {

	font-size:55px;

	line-height:55px;

	color:#272727;

	margin-bottom:30px;

}

.service_title p {

	font-size:24px;

	line-height:30px;

	color:#4c4c4c;

}

.service_main {

	width:100%;

	height:auto;

	overflow:hidden;

	background:url(../../images/mskj/zg_part10.jpg) no-repeat;

}

.service_6 {

	width:1200px;

	height:420px;

	margin:0 auto;

	position:relative;

	margin-top:30px;

}

.service_01 {

	width:200px;

	height:180px;

	background:url(../../images/mskj/service_01.png) no-repeat;

	position:absolute;

	left:8px;

	top:120px;

}

.service_01 p {

	font-size:22px;

	line-height:36px;

	color:#fff;

	margin-top:50px;

	text-align:center;

}

.service_02 {

	width:125px;

	height:113px;

	background:url(../../images/mskj/service_02.png) no-repeat;

	position:absolute;

	left:241px;

	top:235px;

	text-align:center;

}

.service_03 {

	width:230px;

	height:208px;

	background:url(../../images/mskj/service_03.png) no-repeat;

	position:absolute;

	left:437px;

	top:105px;

	text-align:center;

}

.service_03 p {

	font-size:24px;

	line-height:36px;

	color:#fff;

	margin-top:50px;

}

.service_04 {

	width:170px;

	height:154px;

	background:url(../../images/mskj/service_04.png) no-repeat;

	position:absolute;

	left:758px;

	top:180px;

	text-align:center;

}

.service_04 p {

	font-size:16px;

	line-height:30px;

	color:#fff;

	margin-top:50px;

	text-align:center;

}

.service_05 {

	width:170px;

	height:154px;

	background:url(../../images/mskj/service_04.png) no-repeat;

	position:absolute;

	left:1023px;

	top:90px;

	text-align:center;

}

.service_05 p {

	font-size:18px;

	line-height:36px;

	color:#fff;

	margin-top:50px;

	text-align:center;

}

.service_user {

	width:1000px;

	height:180px;

	overflow:hidden;

	margin:0 auto;

}

.service_user .name {

	width:220px;

	height:180px;

	float:left;

	background:url(../../images/mskj/user_name.png) no-repeat;

	margin-right:30px;

}

.service_user .name p {

	width:160px;

	height:113px;

	text-align:center;

	font-size:28px;

	line-height:40px;

	color:#fff;

	margin-left:50px;

	margin-top:50px;

}

.service_user .text {

	font-size:22px;

	line-height:40px;

	color:#0f0e0e;

	margin-top:50px;

}

.seo_list_wrap {

	width:100%;

	height:auto;

	padding:50px 0;

	background:#F8F8F8;

	overflow:hidden;

}

.seo_list {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.seo_list_con {

	width:33%;

	height:370px;

	float:left;

}

.seo_list_con .title {

	width:33%;

	/*height:50px;*/

	font-size:20px;

	line-height:16px;

	color:#222;

	/*background:url(../../images/mskj/seo_list_title.jpg) top no-repeat;*/

	margin-top:15px;

	margin-bottom:15px;

	border-left: 3px #000 solid;

	padding-left: 2%;

}

.seo_list_con li {

	font-size:16px;

	line-height:36px;

	color:#424343;

}

.seo_list_con li a:hover {

	margin-left: 3%;

}

.seo_foot_wrap {

	width:100%;

	height:auto;

	padding:10px 0;

	background:#0d0e1c;

	overflow:hidden;

}

.seo_foot {

	width:1200px;

	height:auto;

	margin:0 auto;

}

.seo_foot .name {

	font-size:20px;

	line-height:24px;

	color:#bfbdbd;

	margin-top:20px;

}

.seo_foot .link {

	width:100%;

	height:auto;

	overflow:hidden;

	padding:20px 0;

	border-bottom:1px solid #60626F;

}

.seo_foot .link .title {

	font-size:16px;

	line-height:16px;

	margin-bottom:20px;

	color:#bfbdbd;

}

.seo_foot .link li {

	font-size:14px;

	line-height:24px;

	color:#bfbdbd;

	float:left;

	width:10%;

}

.seo_foot .info {

	width:1200px;

	height:auto;

	padding:15px 0;

	font-size:14px;

	color:#bfbdbd;

	text-align:center;

}

.moban_f1 {

	font-size:14px;

	line-height:48px;

	color:#999;

}

/*向上返回*/



/*.cd-top {

	display: inline-block;

	height: 30px;

	width: 30px;

	position: fixed;

	bottom: 40px;

	right: 10px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	background: rgba(200, 200, 200, 0.8) url(../../images/mskj/back-top.png) no-repeat center 50%;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	border-radius:20%;

}

.cd-top.cd-is-visible {

  visibility: visible;

	opacity: 1;

}

.cd-top.cd-fade-out {

  opacity: .5;

}

.no-touch .cd-top:hover {

	background-color: #e86256;

	opacity: 1;

}

*/

.moban_nav {

	padding: 25px 0;

	width: 100%;

	text-align: center;

	margin-bottom: 50px;

	border-top: 1px solid #E0E0E0;

	border-bottom: 1px solid #E0E0E0;

	overflow: hidden;

	text-align:center;

}

.moban_nav ul {

	width:1100px;

	margin:0 auto;

}

.moban_nav li {

	width: 100px;

	height: 30px;

	text-align: center;

	font-size: 14px;

	line-height: 30px;

	color: #676767;

	display: block;

	border-radius: 20px;

	float: left;

	margin: 0 5px;

}

.moban_nav li:hover {

	width: 100px;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	color: #fff;

	background: #333;

	font-weight: bold;

	text-align: center;

	margin: 0 5px;

}

.case_nav {

	width:100%;

	padding:10px 0;

	border-bottom:1px solid #eee;

	border-top:1px solid #eee;

	overflow:hidden;

}

.case_nav ul {

	width:500px;

	margin:0 auto;

}

.case_nav li {

	width:23%;

	height:30px;

	text-align:center;

	font-size:14px;

	line-height:30px;

	color:#fff;

	display:block;

	border-radius:20px;

	float:left;

	margin:5px 1%;

}

.case_nav li:hover {

	width:23%;

	line-height:30px;

	font-size:14px;

	color:#fff;

	background: #333;

	font-weight:bold;

	text-align:center;

	border-radius:20px;

	margin:5px 1%;

}

.case_nav a:hover {

	color:#fff;

}

.case_con {

	width:100%;

	height:auto;

	overflow:hidden;

}

 @media screen and (max-width: 768px) {

 .moban_content .right {

 width: 100%;

}

 .top {

 padding-top: 13%;

}

 .news_list ul {

 width: 100%;

}

 .cd-top {

right: 20px;

}

.top_text {

top:20px;

}

.top_text .p1 {

font-size:1em;

padding-bottom:5px;

}

.top_text .p2 {

font-size:1.8em;
margin-top:20px;


}

.wyx_wrap {

padding:0;

padding-top:30px;

}

.wyx {

width:94%;

padding:0 3%;

text-align:center;

}

.wyx .title {

width:100%;

}

.wyx .title h2 {

font-size:1.2em;

margin-bottom:10px;

}

.wyx .title p {

font-size:14px;

line-height:24px;

text-align:left;

}

.wyx .pic {

width:260px;

height:260px;

float:none;

margin:0 auto;

overflow:hidden;

margin-bottom:20px;

}

.wyx .pic img {

width:260px;

height:260px;

}

 .scrolllist .imglist_w {

margin-left:0px;

}

.wyx .text .con .f_nr {

width:100%;

}

.wyx .text {

width:100%;

padding: 5px 0;

}

.wyx .text .con .f_nr {

text-align:left;

}

.wyx .text .con {

height:auto !important;

width: 100%;

}

.wyx .text .cons {

height:auto !important;

width: 50%;

}

.foot {

padding:15px 0;

}

.con1 {

width: 90%;

margin: auto;

display: table;

}

.wyx_icon5 {

width: 100%;

background-position:70px -276px;

}

.wyx_icon6 {

width: 100%;

background-position:70px -342px;

}

.wyx_icon7 {

width: 100%;

background-position:70px -418px;

}

.con1 .wyx_icon3 {

width: 100%;

background-position:70px -135px;

}

.con1 .f_nr h3 {

text-align: center;

line-height: 40px;

}

.con1 .f_nr p {

height: 130px;

overflow: hidden;

}

/*网站建设*/

.site_title {

padding:30px 0;

}

.site_title .text {

width:100%;

}

.site_title .text h1 {

font-size:1.5em;

margin-bottom:20px;

}

.site_title .text p {

font-size:14px;

line-height:24px;

text-align:left;

text-indent:2em;

}

.site_yw {

width:100%;

margin-top:0;

margin-right:0;

}

.site_yw .mb03 {

margin-right:0;

}

.site_yw li {

width:94%;

padding:0 3%;

height:auto;

margin-bottom:15px;

}

.site_yw li .icon {

margin-right:10px;

width:13px;

height:15px;

}

.site_yw li .cont h2 {

font-size:1.2em;

margin-bottom:5px;

}

.site_yw li .cont {

height:auto;

}

.site_yw li .cont p {

font-size:14px;

line-height:24px;

}

.site_al {

padding:0;

}

.site_al .title {

width:100%;

}

.site_al .title h1 {

font-size:2em;

margin:15px 0;

}

.site_al .title p {

font-size:14px;

line-height:24px;

margin-bottom:0;

}

.grid figure {

width:48%;

}

.grid figure h2 {

font-size:1em;

font-weight:100;

}



/*客户案例*/

.moban_title {

width:100%;

}

.search {

width:80%;

margin:0 auto;

}

 .tabbox2 .content {

width:100%;

height:700px;

}

.moban {

width:100%;

margin:0;

}



/*列表*/



.news_cont {

width:100%;

padding:0;

}

.news_cont .location {

font-size:14px;

padding:10px 0;

border-bottom: 1px solid #eee;

}

.news_list {

width:100%;

}

.news_list li {

width:94%;

padding:10px 3%;

height:90px;

}

.news_list li img {

width:120px;

height:60px;

margin-right:8px;

overflow:hidden;

}

.news_list li h3 {

font-size:1.1em;

font-weight:100;

}

#pages {

}

#pages a {

font-size:12px;

margin-bottom:10px;

margin-top: 20px;

}

 .list_nav {

width:100%;

padding:10px 0;

border-bottom:0px solid #eee;

border-top:0px solid #eee;

overflow:hidden;

text-align:center;

}

 .list_nav li {

 width:30%;

 height:30px;

 text-align:center;

 font-size:14px;

 line-height:30px;

 color:#fff;

 display:block;

 border-radius:20px;

 float:left;

 margin:5px 4%;

 border:1px solid #eee;

 margin-left:10%;

}

.list_nav li:hover {

 width:30%;

 line-height:30px;

 font-size:14px;

 color:#fff;

 background: #333;

 font-weight:bold;

 text-align:center;

 border-radius:20px;

 margin:5px 4%;

 margin-left:10%;

}

.list_nav a:hover {

color:#fff;

}

 .fanhui {

background-color: #fff;

border-radius: 50%;

width: 41px;

height: 41px;

position: fixed;

bottom: 83px;

right: 15px;

}

.fanhui img {

width: 41px;

height: 41px;

}





/*内容*/

.news_cont .left {

width:100%;

padding:0;

}

.news_cont .title h1 {

font-size:1.2em;

margin-bottom:15px;

margin-top:20px;

padding:0 8px;

}

.news_cont .title span {

font-size:12px;

margin:0 10px;

}

.news_cont .nr {

width:100%;

padding:8px 5%;

}

.news_cont .nr img {

width:90%;

height:auto;

}

.news_cont .nr p {

font-size:14px;

line-height:24px;

margin-bottom:15px;

}

.news_cont .before {

width:100%;

}

.news_cont .before img {

width:33px;

height:26px;

}

.news_cont .after {

width:100%;

}

.news_cont .after img {

width:33px;

height:26px;

}

.news_cont .Interest .bt .icon {

height:20px;

}

.news_cont .Interest .bt {

font-size:1.2em;

}

.news_cont .Interest li {

width:100%;

height:auto;

padding:0 3%;

margin-bottom:0;

}

.news_cont .Interest li p {

font-size:14px;

text-align:center;

}

.news_cont .right {

width:100%;

}

.lf-newest {

width:100%;

}

.lf-newest .newest-lists {

width:90%;

height:500px;

}

.news_cont .zx {

margin-top:15px;

}



/*案例*/

.al_title {

width:100%;

padding:15px 0;

}

.al_title h1 {

font-size:18px;

line-height:24px;

margin-bottom:20px;

}

.al_title p {

font-size:14px;

line-height:24px;

}

.case_nav {

 width:100%;

 padding:10px 0;

 border-bottom:1px solid #eee;

 border-top:1px solid #eee;

 overflow:hidden;

}

 .case_nav ul {

width:100%;

}

 .case_nav li {

 width:23%;

 height:30px;

 text-align:center;

 font-size:15px;

 line-height:30px;

 color:#fff;

 display:block;

 border-radius:20px;

 float:left;

 margin:5px 1%;

}

.case_nav li:hover {

 width:23%;

 line-height:30px;

 font-size:14px;

 color:#fff;

 background: #333;

 font-weight:bold;

 text-align:center;

 border-radius:20px;

 margin:5px 1%;

}

.case_nav a:hover {

color:#fff;

}

.case_con {

width:100%;

height:auto;

overflow:hidden;

}

.case_con li {

/*width:94%;*/

height:auto;

padding:10px 3%;

overflow:hidden;

color:#414142;

font-size:14px;

line-height:24px;

border-bottom: 1px #393939 dashed;

}

.case_con li .pic {

width:300px;

height:205px;

margin:0 auto;

}

.case_con li .pic img {

width:100%;

height:185px;

}

.case_con li h2 {

font-size:18px;

line-height:36px;

margin-bottom:10px;

text-align:center;

}

.case_con li p {

font-size:12px;

line-height:16px;

margin-bottom:10px;

text-align:center;

}

 .case_con .more {

width:100%;

height:auto;

font-size:14px;

line-height:24px;

text-align:center;

background:#eee;

color:#333;

margin:15px 0;

}

.case_con .more a {

background:#eee;

color:#333;

}

 .search_wrap {

width:100%;

margin-left:0;

margin-bottom:20px;

}

.search_wrap input {

width:80%;

}

.search_wrap form {

width:100%;

margin-bottom:20px;

}

.search bar6 {

overflow:hidden;

}

.search_wrap button {

margin-right:35px;

}

 .lxwm_title {

padding:20px 0;

}

.lxwm_title h1 {

font-size:2em;

}

.lxwm_title img {

widh:100%;

}

.lxwm_title .text {

width:85%;

margin-top:0;

text-align:left;

}

.lxwm_con {

width:100%;

}

.lxwm_con .text {

width:90%;

padding:5px 5%;

}

.lxwm_con .text h3 {

font-size:1.5em;

margin-bottom:0;

}

.lxwm_con .ewm {

width:50%;

margin-right:0;

margin-top:0;

}

.lxwm_con .ewm img {

width:100px;

height:100px;

margin-bottom:0;

margin-top:20px;

}



/*网站模板*/



.moban_top {

width:100%;

}

.moban_top h1 {

font-size:1.5em;

}

.moban_top p {

font-size:14px;

margin-top:10px;

}

.moban_list {

width:100%;

}

.moban {

width:94%;

height:auto;

padding:5px 3%;

text-align:center;

}

.moban img {

width:90%;

height:auto;

}

 .moban_nav ul {

width:100%;

}

 .moban_nav li {

 width: 28%;

 height: 30px;

 text-align: center;

 font-size: 14px;

    /* line-height: 30px; */

    color: #676767;

 float: left;

 margin: 5px 2%;

 border:1px solid #eee;

}

 .moban_nav li:hover {

 width: 28%;

 line-height: 30px;

 font-size: 14px;

 color: #fff;

 background: #333;

 font-weight: bold;

 text-align: center;

 margin:  5px 2%;

}

 .moban_content {

width:100%;

height:auto;

}

.moban_content .left {

width:100%;

margin-right:0;

}

.moban_content .left .title .info {

margin-bottom:15px;

}

.moban_content .left .title {

width:94%;

height:auto;

padding:8px 3%;

}

.moban_content .left .title h1 {

font-size:1.5em;

margin-bottom:10px;

}

.moban_content .left .title .info .fr {

float:left;

margin-top:5px;

}

.moban_content .left .title p {

font-size:14px;

}

.moban_content .left .nr .pc .box img {

width:300px;

height:auto;

}

.moban_content .right .nr_works li img {

 width: 100%;

 height: 150px;

}

.moban_content .right .nr_works li {

width:47%;

/* height:160px; */

height: auto;

padding:0 2%;

}

.moban_content .right .ewm {

width:100%;

height:auto;

}

.moban_content .right .ewm img {

width:30%;

height:auto;

margin-top:15px;

}

.moban_content .right .ewm p {

font-size:14px;

line-height:24px;

}

.moban_content .left .nr .label {

width:100%;

}

.moban_f1 {

font-size:14px;

line-height:24px;

}

.moban_content .left .nr {

width:100%;

height:auto;

}

 .con_pho {

width:100%;

height:auto;

padding:8px 3%;

text-align:center;

text-align:center;

}

.con_pho img {

widdth:90%;

height:auto;

}

.location_top {

width:100%;

}

 .location {

font-size:14px;

padding:10px 0;

border-bottom: 1px solid #eee;

background:#eee;

}

.location img {

margin:0 5px;

}

.al_conter {

width:100%;

}

.al_conter .left {

width:100%;

margin-right:0;

}

.al_conter .left img {

width:100%;

height:auto;

padding:0 5%;

margin-bottom:15px;

}

.al_conter .right {

width:100%;

padding-left: 3%;

padding-right: 7%;

text-align:left;

}

.al_conter .right h1 {

font-size:1.8em;

color:#000;

}

.al_conter .right h4 {

font-size:18px;

}

.al_conter .right p {

width:100%;

font-size:15px;

margin-bottom:0;

}

.al_conter .right .more {

margin:0 auto;

margin-top:15px;

margin-bottom:15px;

}

 .website {

width:100%;

height:auto;

overflow:hidden;

padding:10px 0;

}

.website li {

width:50%;

height:200px;

float:left;

text-align:center;

}

.website li img {

width:100%;

/*height:90px;*/

text-align:center;

}

.website li p {

font-size:14px;

line-height:24px;

}





/*城市页*/



.brand_wrap {

padding:15px 5px;

}

.brand {

width:100%;

}

.brand .f1 {

font-size:24px;

line-height:26px;

}

.brand h2 {

font-size:18px;

line-height:30px;

margin-bottom:10px;

}

.brand p {

width:94%;

height:auto;

padding:0 3%;

font-size:14px;

line-height:30px;

}

 .brand h4 {

margin-top:20px;

font-size:16px;

}

.brand .f2 {

font-size:24px;

line-height:26px;

}

.brand .slogan {

font-size:15px;

line-height:30px;

}

 .reason {

width:100%;

padding:20px 0;

}

.reason .f3 {

font-size:24px;

line-height:24px;

}

.reason h1 {

font-size:18px;

margin-bottom:10px;

}

.reason p {

font-size:16px;

line-height:16px;

}

 .reason_sel {

 background-image:none!important;

 width:100%;

 height:620px;

}

.reason_sel_01 {

 width:50%;

 height:auto;

 left:inherit;

 top:inherit;

 padding:0 5%;

}

.reason_sel_01 img {

 width:50px;

 height:48px;

 margin-top:10px;

}

.reason_sel_01 h2, .reason_sel_02 h2, .reason_sel_03 h2, .reason_sel_04 h2, .reason_sel_05 h2 {

 font-size:15px;

 margin-bottom:10px;

}

 .reason_sel_01 p, .reason_sel_02 p, .reason_sel_03 p, .reason_sel_04 p, .reason_sel_05 p {

text-indent:0;

}

 .reason p {

 font-size:14px;

line-height:24px;

}

 .reason_sel_02 {

width:50%;

 height:auto;

 left:50%;

 top:0;

 padding:0 5%;

}

 .reason_sel_02 img {

 width:50px;

 height:58px;

 margin-top:0;

}

 .reason_sel_03 {

 width:50%;

 height:auto;

 left:50%;

 top:220px;

 padding:0 5%;

}

.reason_sel_03 img {

 width:50px;

 height:46px;

}

 .reason_sel_04 {

 width:50%;

 height:auto;

 left:0;

 top:220px;

 padding:0 5%;

}

.reason_sel_04 img {

 width:50px;

 height:47px;

}

 .reason_sel_05 {

 width:50%;

 height:auto;

 left:inherit;

 top:400px;

 padding:0 5%;

}

.reason_sel_05 img {

 width:50px;

 height:47px;

 margin-top:30px;

}

.cost {

width:100%;

}

.cost_warp {

 padding: 0;

}

 .cost .text {

width:98%;

padding:0 1%;

height:auto;

}

.cost .text img {

 width:260px;

 height:92px;

}

 .cost .text p {

width:96%;

padding:0 2%;

font-size:15px;

}

.fr img {

width:98%;

height:auto;

padding:25px 1%;

}

 .cost_jianzhan {

width:100%;

height:auto;

}

.cost_jianzhan .name {

width:100%;

 background: url(../../images/mskj/cost_jianzhan_name.png) no-repeat center;

}

 .cost_jianzhan .name p {

 font-size:28px;

 margin-left:0;

 width:100%;

}

 .cost_jianzhan .text {

 width:100%;

 padding:30px 3%;

 font-size:15px;

 line-height:24px;

}

.cost_jianzhan .text p {

margin-top:20px;

}

.service_wrap {

padding:30px 0;

}

.service_title {

width:100%;

}

 .service_title h1 {

 font-size:18px;

 line-height:36px;

 margin-bottom:0;

}

.service_title p {

font-size:15px;

}

.service {

width:100%;

height:630px;

}

.service_01 {

left:-50px;

top:0;

width:100%;

background:url(../../images/mskj/service_01.png) no-repeat center;

}

.service_03 {

left:50px;

top:165px;

width:100%;

background:url(../../images/mskj/service_03.png) no-repeat center;

}

.service_04 {

left:-50px;

top:360px;

width:100%;

background:url(../../images/mskj/service_04.png) no-repeat center;

}

.service_05 {

left:60px;

top:490px;

width:100%;

background:url(../../images/mskj/service_04.png) no-repeat center;

}

 .service_user {

width:100%;

height:auto;

}

.service_user .name {

width:100%;

}

.service_user .text {

line-height:24px;

font-size:15px;

width:100%;

padding:0 3%;

}

.seo_list_wrap {

padding:20px 0;

}

.seo_list_con {

float:none;

}

.seo_list_con .title {

width:100%;

padding: 10px 2%;

}

 .seo_list_con li {

 font-size:16px;

 line-height:35px;

 width:100%;

}

 .seo_list_con ul {

 margin-left: 7%;

}

}

@media only screen and (min-width: 1024px) {

 .cd-top {

 height: 40px;

 width: 40px;

 right: 30px;

 bottom: 30px;

}

}



/*头部*/



a {

	text-decoration:none;

	color:#666;

}

a:hover {

	color:#00a1e9;

	text-decoration:none;

}

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	margin:0;

	padding:0;

	border:none;

}

body {

	font-size:14px;

	font-family: "Source Han Serif SC", sans-serif;

	background-color:#fff;

}

.top_6 {


	height:auto;

	z-index: 1;

	padding:30px 5%;

	overflow:hidden;

}

.toplogo_box {width:550px; height:auto; float:left;}

.top_logo6{

	padding-right:10px;

	border-right:2px solid #ABABAD;

	width:auto;

    height:53px;

	float:left;

	margin-right:20px;

}

.top_logo6 img {

	padding-right:20px;

  

	}

.top_f1 {font-size:14px; line-height:12px; color:#c5c5c5;  text-transform:uppercase; }

.top_f2 {font-size:18px; line-height:20px; color:#818082; margin-top:20px; font-weight:bold;  }

.nav6 { float:right; margin-top:30px;}

.nav6 a {color:#818082; font-size:18px; line-height:20px; padding:0 20px;}

.nav6 a:hover {color:#07a4e6; font-size:18px; line-height:20px;}



.top2_text {

	position:absolute;

	bottom:50px;

	left:5%;

	z-index: 200;

	color:#fff;

	text-align:left;

}

.top2_text .p1 {

	font-size: 16px;

	padding-bottom: 10px;

}

.top2_text .p2 {

	font-size: 48px;

	font-weight: bold;

}



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

.more {width:150px;  font-size:18px; color:#fff; text-align:center;  border:1px solid #fff; border-radius:50px; margin:0 auto; margin-top:30px; margin-bottom:20px;}

.more:hover {width:100%;  font-size:18px; color:#00a0e8; text-align:center;  border:1px solid #00a0e8; border-radius:50px; margin:0 auto; margin-top:30px; margin-bottom:20px;}

.more2 {width:100%; font-size:18px; color:#9B9595; text-align:center;  border:0px solid #9B9595; border-radius:50px; margin:0 auto;  overflow:hidden;} 
.more2:hover {width:100%;  font-size:18px; color:#00a0e8; text-align:center;  border:0px solid #00a0e8; border-radius:50px; margin:0 auto;}
.more2 a { padding:3px; margin:0 3px;}

/*banner*/

.main_banner {

	/*width:100%;
	height:800px;*/
	margin:0px;

	background:url(../../images/mskj/banner.jpg) no-repeat;
	
	background-size:100% 100%;
	
    background-attachment:fixed;
	height:800px;

	overflow:hidden;

	position:relative;

	text-align:center;

	

	}

.main_banner h3 {color:#fff; font-size:45px; margin-top:150px; font-weight:100;}

.main_banner h1 {color:#fff; font-size:70px; margin-top:80px; margin-bottom:80px; }

.main_banner_kuang {color:#fff; padding:5px 10px; border:1px solid #fff; font-size:36px; overflow:hidden;}

.main_column_box {width:100%; height:auto; position:absolute; bottom:0; padding:10px 0;  background-color:rgba(0,0,0,0.5)}

.main_column {

	width:1200px; 

	height:auto;

	margin:auto;

	color:#fff;

	 }

.main_column li {

	width:33%;

	height:auto;

	float:left;

	color:#fff;

	font-size:16px;

	line-height:24px;

	list-style-type:none;

	

}

.main_column li .num {

	font-size:50px;

	line-height:70px;

	overflow:hidden;

	

}

.main_column li p { text-align:left; float:left;}



.main_column_icon {

	width:70px;

	height:70px;

	overflow:hidden;

	float:left;

	margin-right:10px;

	margin-top:20px;}

	

.main_title {

	width:100%;

	height:auto;

	padding:20px;

	text-align:center;}

.main_title h1 {

	font-size:60px;

	line-height:60px;

	padding:30px 0;

	margin-top:15px;

	font-weight:bold;}

.main_title_bt{

	font-size:60px;

	line-height:60px;

	padding:30px 0;

	margin-top:15px;

	font-weight:bold;

	color:#343434;

	width:100%;

	text-align:center;

	}

	

.main_title p { font-size:24px; line-height:24px;  padding:10px; margin-bottom:30px;}

.f_title1 {color:#343434;}

.f_title2 {color:#fff;}

.f_title3 {color:#636364;}



/*我们的业务*/

.section{background:#Fff;padding:80px 0}

.section .container{width:1210px;margin:0 auto}

.section .mod-title{padding-bottom:35px;text-align:center;color:#333}

.section .mod-title h2{font-size:36px;margin-bottom:17px}

.section .mode-list{ height: 484px; }

.section .mode-list .mode-item{ width: 240px; height: 484px; text-align: center; float: left; overflow: hidden; margin-left: -1px; background: #fff; transition: width .4s;}

.section .mode-list .mode-wrap{ width: 750px; height: 484px;}

.section .mode-list .mode-view{ float: left; width: 238px; height: 482px; border: 1px solid #DCDCDC; opacity: 1;}

.section .mode-list .mode-view h3{ font-size: 30px; padding-top: 52px; padding-bottom: 11px;}

.section .mode-list .mode-view h4{ font-size: 14px; color: #888; }

.section .mode-list .mode-view i{ display: block; width: 120px; height: 90px; margin: 80px auto 105px;}

.section .mode-list .mode-view ul{ padding-left: 20px; }

.section .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 5px 10px 5px; background: #EDEDED; font-size:12px; }

.section .mode-list .mode-detail{ float: left; color: #fff; width: 480px; height: 484px; background: #07a4e6; opacity: 0;}

.section .mode-list .mode-detail .detail-left,

.section .mode-list .mode-detail .detail-right{ width: 240px; height: 484px; }

.section .mode-list .mode-detail .detail-left{ float: left; background: #1f1f23; overflow: hidden;}

.section .mode-list .mode-detail .detail-left i{ display: block; width: 120px; height: 90px; margin: 112px auto 70px; }

.section .mode-list .mode-detail .detail-left h3{ font-size: 30px; margin-bottom: 19px;}

.section .mode-list .mode-detail .detail-left h4{ font-size: 14px; padding: 0 25px; line-height: 1.7;}

.section .mode-list .mode-detail .detail-right{ float: left; background: #55566c;}

.section .mode-list .mode-detail .detail-right ul{ padding: 20px 20px 0 30px; }

.section .mode-list .mode-detail .detail-right li{ margin-bottom: 16px; }

.section .mode-list .mode-detail .detail-right li h3{ width: 120px; height: 28px; border: 1px solid #fff; line-height: 28px; margin-bottom: 11px;font-size: 16px;}

.section .mode-list .mode-detail .detail-right li p{ text-align: left; line-height: 1.7; font-size: 14px;}

.section .mode-list .mode-detail .detail-right .get{ width: 100px; height: 31px; line-height: 31px; padding-left: 15px; color: #07a4e6; display: block; margin-left: 30px; font-size: 16px; background: #fff url(../../images/mskj/04-jt.png) no-repeat 84px center; text-align: left;}

.section .mode-list .mode-item-1 .mode-view i{ background: url(../../images/mskj/04-img-1.png) no-repeat -120px 0; }

.section .mode-list .mode-item-1 .mode-detail .detail-left i{ background: url(../../images/mskj/04-img-1.png) no-repeat 0 0; }

.section .mode-list .mode-item-2 .mode-view i{ background: url(../../images/mskj/04-img-2.png) no-repeat -120px 0; }

.section .mode-list .mode-item-2 .mode-detail .detail-left i{ background: url(../../images/mskj/04-img-2.png) no-repeat 0 0; }

.section .mode-list .mode-item-3 .mode-view i{ background: url(../../images/mskj/04-img-3.png) no-repeat -120px 0; }

.section .mode-list .mode-item-3 .mode-detail .detail-left i{ background: url(../../images/mskj/04-img-3.png) no-repeat 0 0; }

.section .mode-list .mode-item-4 .mode-view i{ background: url(../../images/mskj/04-img-4.png) no-repeat -120px 0; }

.section .mode-list .mode-item-4 .mode-detail .detail-left i{ background: url(../../images/mskj/04-img-4.png) no-repeat 0 0; }

.section .mode-list .mode-item.active{ width: 480px; }

.section .mode-list .mode-item.active .mode-wrap{ margin-left: -240px; opacity: 1; }

.section .mode-list .mode-item.active .mode-view{ opacity: 0; }

.section .mode-list .mode-item.active .mode-detail{ opacity: 1; }



/*我们的案例*/



/*-查看详情-*/

.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}

.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}

.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}

.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}

.up-graybox .linet { top: 0;}

.up-graybox .lineb { bottom: 0;}

.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}





/*案例展示*/

.web_list_6{ }

.web_list_6 ul{}

.web_list_6 li{width:23.8%; margin:0px 0.6% 20px 0.6%; float:left;transition: 0.3s all; background:#fff; font-family:"黑体";}

/*.web_list_6 li:nth-child(3n){ margin-right:0;}*/

.web_list_6 li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}



.web_list_6 li .img_box{width:100%;  display:block; position:relative; overflow:hidden;}

.web_list_6 li .img_box img{width:100%; height:240px; display:block;transition: 0.5s all;}

.web_list_6 li .img_box:hover img{ -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}



.web_list_6 li .cont_box{width:100%;padding: 12px 5% 8px;border: 0px solid #f2f2f2; border-top:0; box-sizing:border-box;}

.web_list_6 li .cont_box .stit{ font-size:18px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.web_list_6 li .cont_box .lab_font{ line-height:28px; font-size:12px; color:#666;}

.web_list_6 li .cont_box .bot_link { margin-top: 8px; border-top: 1px solid #e5e5e5;line-height: 36px; display: block;}

.web_list_6 li .cont_box .point {display: inline-block; width: 24px; height: 36px; background: url(../../images/mskj/ico_02.png) no-repeat center;transition: 0.3s all;}

.web_list_6 li .cont_box .bot_link:hover .point {background: url(../../images/mskj/ico_02_h.png) no-repeat center;}



/*新闻中心*/

.news_box {width:75%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:50px;}

.news_box_l {width:45%; height:550px; background:#F7F7F7; margin-right:5%; float:left;}

.news_pho {width:100%; height:250px; margin-bottom:20px;}

.news_pho img {width:100%; height:auto;}



.box1 {width:90%; height:auto; padding:20px 5%; overflow:hidden;}

.box1 .time {width:100%; height:auto; padding:15px 0; border-bottom:1px solid #9C9A9B; }

.box1 .time .day {font-size:48px; line-height:48px; color:#9C9A9B; letter-spacing:6px; font-weight:bold;}

.box1 .time span { font-size:16px; line-height:16px; color:#9c9a9a; display: block;} 

.box1 h2 {font-size:18px; line-height:36px; color:#2b2a2a; font-weight:bold; margin-top:20px;}

.box1 p  { font-size:16px; line-height:30px; color:#8d8787; }

.box1_icon {float:right; margin-top:20px;}





.news_box_r {width:50%; height:550px; overflow:hidden;  float:left; }

.box2 {width:90%; height:70px; padding:25px 0; background:#F7F7F7;}

.box2 .time {width:70px; height:auto; padding:0 10px; border-right:2px solid #E5E5E5; float:left; margin-right:15px;}

.box2 .time .day {font-size:48px; line-height:48px; color:#9C9A9B; letter-spacing:6px; font-weight:bold; margin-bottom:15px;}

.box2 .time span {font-size:16px; line-height:16px; color:#9c9a9a; display: block;}

.box2 h2{font-size:18px; line-height:30px; color:#18181d; width:98%; font-weight:bold;}

.box2 p  { font-size:14px; line-height:24px; color:#8d8787; width:98%;}

.mb20 { margin-bottom:23px;}



/*新闻中心2*/



.box1 {

  width: 100%;

  height: 270px;

  box-sizing: border-box;

  background: #f7f7f7;

  padding: 0 30px;

}

.box2 {

  width: 100%;

  height: 270px;

  background: #f7f7f7;

  box-sizing: border-box;

  padding: 0 30px;

  margin-bottom: 10px;

  transition: all ease .3s;

}

.box3 {

  width: 100%;

  height: 130px;

  margin-bottom: 10px;

  box-sizing: border-box;

  padding: 30px;

  background: #f7f7f7;

  transition: all ease .3s;

}

.box1 .time, .box2 .time {

  color: #999;

  font-weight: bold;

  font-size: 48px;

  line-height: 50px;

  border-bottom: 1px solid #dbdbdb;

  padding: 22px 0 16px;

  transition: all ease .3s;

}

.box3 .time {

  font-size: 48px;

  font-weight: bold;

  line-height: 50px;

  color: #999;

  float: left;

  margin-right: 0;

  transition: all ease .3s;

  padding: 0;

  margin-right:20px;

  border-right:1px solid #999;

  padding-right:20px;

}

.box3 .titles {

  float: left;

  font-size: 16px;

  line-height: 26px;

  color: #000;

  padding-top: 5px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  margin-top: 0

}

.time span {

  font-size: 16px;

  line-height: 20px;

  font-weight: initial;

  display: block;

}

.titles {

  font-size: 16px;

  line-height: 36px;

  color: #000;

  margin-top: 30px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.newsbox {

  transition: all 0.3s;

}

.newsbox .titles i {

  display: inline-block;

  width: 0px;

  height: 1px;

  background: #fff;

  vertical-align: middle;

  transition: all 0.3s

}

.newsbox .content {

  font-size: 14px;

line-height: 24px;

color: #666;

margin-top: 14px;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.newsbox:hover {

  box-shadow: 0 0 10px 0 rgba(0,0,0,.3);

  transform: scale(1.01);

  background-color: #55566B;

}

.newsbox:hover .box1{

  background-color: #55566B;

}

.newsbox:hover .time {

  color: #fff;

}

.newsbox:hover .titles {

  color: #fff;

}

.newsbox:hover .content {

  color: #fff;

}

.newsbox:hover i {

  width: 15px;

    margin-right: 5px;

}

.newsbox a:hover {

  font-weight: 100 !important

}

.box1div {

   height: 550px;

   padding: 0;

}

.counter {

  font-size: 50px

}

@media (min-width: 768px) {

.col-sm-4 {

    float: left;

  }

.col-sm-4 {

    width: 45%;

	margin-right:5%;

  }



}









/*合作伙伴*/



.hzhb_box {
 margin:0;
 overflow:hidden; 
 background:url(../../images/mskj/bg3.jpg) no-repeat;
 background-size:100% 100%;
 background-attachment:fixed;
 height:760px; 
}

.hzhb_6 {width:80%; height:auto;  margin:0 auto; overflow:hidden;}

.hzhb_6 ul {}

.hzhb_6 li {width:20%; height:auto; float:left; padding:15px 0;}





/*客户服务*/



.service_wrap {

	width:100%;

	height:auto;

	overflow:hidden;

	padding:50px 0;

}

.service_title {

	width:1200px;

	height:auto;

	overflow:hidden;

	text-align:center;

	margin:0 auto;

}

.service_title h1 {

	font-size:55px;

	line-height:55px;

	color:#272727;

	margin-bottom:30px;

}

.service_title p {

	font-size:24px;

	line-height:30px;

	color:#4c4c4c;

}

.service_main {

	width:100%;

	height:auto;

	overflow:hidden;

	background:url(../../images/mskj/zg_part10.jpg) no-repeat;

}

.service {

	width:1200px;

	height:420px;

	margin:0 auto;

	position:relative;

	margin-top:30px;

}

.service_01 {

	width:200px;

	height:180px;

	background:url(../../images/mskj/service_01.png) no-repeat;

	position:absolute;

	left:8px;

	top:120px;

}

.service_01 p {

	font-size:22px;

	line-height:36px;

	color:#fff;

	margin-top:50px;

	text-align:center;

}

.service_02 {

	width:125px;

	height:113px;

	background:url(../../images/mskj/service_02.png) no-repeat;

	position:absolute;

	left:241px;

	top:235px;

	text-align:center;

}

.service_03 {

	width:230px;

	height:208px;

	background:url(../../images/mskj/service_03.png) no-repeat;

	position:absolute;

	left:437px;

	top:105px;

	text-align:center;

}

.service_03 p {

	font-size:24px;

	line-height:36px;

	color:#fff;

	margin-top:50px;

}

.service_04 {

	width:170px;

	height:154px;

	background:url(../../images/mskj/service_04.png) no-repeat;

	position:absolute;

	left:758px;

	top:180px;

	text-align:center;

}

.service_04 p {

	font-size:16px;

	line-height:30px;

	color:#fff;

	margin-top:50px;

	text-align:center;

}

.service_05 {

	width:170px;

	height:154px;

	background:url(../../images/mskj/service_04.png) no-repeat;

	position:absolute;

	left:1023px;

	top:90px;

	text-align:center;

}

.service_05 p {

	font-size:18px;

	line-height:36px;

	color:#fff;

	margin-top:50px;

	text-align:center;

}

.service_user {

	width:1000px;

	height:180px;

	overflow:hidden;

	margin:0 auto;

}

.service_user .name {

	width:220px;

	height:180px;

	float:left;

	background:url(../../images/mskj/user_name.png) no-repeat;

	margin-right:30px;

}

.service_user .name p {

	width:160px;

	height:113px;

	text-align:center;

	font-size:28px;

	line-height:40px;

	color:#fff;

	margin-left:50px;

	margin-top:50px;

}

.service_user .text {

	font-size:22px;

	line-height:40px;

	color:#0f0e0e;

	margin-top:50px;

}



/*底部*/

.foot_box a { color:#b7b6b7; margin:25px 25px 25px 0;} 

.foot_box a:hover { color:#fff; }



.bottom_box {width:100%; height:auto; padding:0; background:#2C3137; overflow:hidden;}

.bottom {width:1200px; height:auto; margin:0 auto; padding-top:50px;}

.bottom ul {}

.bottom li {width:auto; height:auto; float:left; margin-right:4%;}

.bottom li h3 {font-size:20px; line-height:20px; margin-bottom:20px; color:#fff;}

.bottom li p {font-size:14px; line-height:28px; color:#b7b6b7;}
.bottom a {color:#b7b6b7;}


.di {width:100%; height:auto; padding:20px 0; color:#fff; background:#0E0C0F; text-align:center;}

.di span { padding:0 20px;}
.di a {color:#fff;}
.di a:hover {color:#EFEFEF;}



/*友情链接*/

.link2 {width:1200px; height:auto; margin:0 auto ; margin-top:50px; margin-bottom:20px; }

.link2  .bt {width:100%; height:auto; padding:15px 0; font-size:14px; color:#b7b6b7; border-bottom:1px solid #575C60; margin-bottom:25px;}

.link2 a { margin-right:20px; color:#c5c3c3;}

.link2 a:hover {color:#fff;}





/*案例详情页*/

.info_clue {width:64%; 

            height:auto; 

			padding:20px 18%; 

			background:#fff;

			filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);

   		    -moz-box-shadow: 2px 2px 10px #909090;

   		    -webkit-box-shadow: 2px 2px 10px #909090;

  		    box-shadow:2px 2px 10px #909090;

			margin-bottom:30px;}





.info_clue .pho {width:24px; height:29px; float:left; margin-right:20px;}

.info_clue span {font-size:16px; line-height:28px; color:#545455;}



.al_info {width:1200px; height:auto; background:#fff; margin:0 auto; overflow:hidden; }

.al_info .pho {width:50%; height:auto; background:#F2F2F2; float:left; text-align:center; padding:50px 0;}

.al_info_phobox {width:520px; height:450px; margin:auto 0; background:url(../../images/mskj/an_img.png) center no-repeat; margin-left:30px; position: relative;}

.al_info_picture {width:474px; height:264px; background:#fff; position: absolute; left:23px; top:23px;}

.al_info_rel {width:44%; height:auto; padding:20px 3%; font-size:16px; line-height:30px; color:#616262; float:left;}

.al_info_rel h1 {font-size:36px; color:#1f1f1f; font-weight:bold; margin-bottom:30px; margin-top:30px;}

.al_info_rel h3 {font-size:16px;  color:#616262; margin-bottom:20px; background:url(../../images/mskj/al_bg01.jpg) bottom left no-repeat; padding-bottom:10px;}

.al_info_source { font-size:16px; color:#616262; line-height:30px; margin:30px 0;}

.al_icon1 {width:45px; height:45px; background:url(../../images/mskj/an_icon01.png) center no-repeat; margin-right:20px; margin-top:20px;}

.al_icon1:hover {width:45px; height:45px; background:url(../../images/mskj/an_icon01_1.png) center no-repeat; margin-right:20px; margin-top:20px;}

.al_icon2 {width:45px; height:45px; background:url(../../images/mskj/an_icon02.png) center no-repeat; margin-right:20px; margin-top:20px;}

.al_icon2:hover {width:45px; height:45px; background:url(../../images/mskj/an_icon02_2.png) center no-repeat; margin-right:20px; margin-top:20px;}

.al_con {width:1200px; height:auto; background:#fff; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:20px; }

.al_con ul {}

.al_con li {width:44%; height:auto; margin:3%; float:left; text-align:center;}

.al_con li img {width:100%; height:auto;}



.al_but {width:100%; height:auto; overflow:hidden; margin-top:30px;}

.al_but .on {width:20%; height:auto; float:left;}

.al_but .down {width:20%; height:auto; float:left; text-align:right;}

.al_but .centre {width:60%; height:auto; float:left; text-align:center;}



/*其它*/

.bg_black {width:100%; height:auto; background:#18181d; overflow:hidden; }

.mb30 {padding:30px 0;}