@charset "utf-8";




h1,h2,h3,h4,h5,h6{font-weight: normal;}

#main .section01 {
	margin: 0 auto;
	padding: 71px 75px 66px;
	max-width: 1148px;
	text-align: right;
}
#main .section01 h2 {
	margin-bottom: 13px;
}
#main .section01 li {
	margin-left: 33px;
	display: inline-block;
}
#main .section01 li a {
	color: #666;
	font-size: 14px;
	display: inline-block;
	line-height: 28px;
	position: relative;	
}
#main .section01 .txt {
	color: #666;
	font-size: 14px;
	display: inline-block;
	line-height: 28px;
	position: relative;	
}
#main .section01 li a:hover {
	color: #333;
}
#main .section01 li a:before {
	content:"";
	position: absolute;
	bottom: -10px;
	width: 0;
	height:2px;
	border-bottom: 2px solid #333;
	transition: all 0.4s;
}
#main .section01 li a:hover:before ,#main .section01 li a.act:before{
	width: 100%;
}
#main .section02 {
	padding: 102px 20px;
	height: 859px;
	box-sizing: border-box;
	background: url(../images/bg01.jpg) no-repeat center bottom;
	background-size: cover;
}
#main .section02 .wrap {
	margin: 0 auto;
	max-width: 1100px;
}
#main .section02 .title {
	margin-bottom: 2px;
	color: #fff;
	font-size: 72px;
	text-align: center;
}
#main .section02 .ttl {
	margin-bottom: 21px;
	color: #fff;
	font-size: 24px;
	text-align: center;
}
#main .section02 .text {
	margin-bottom: 70px;
	color: #fff;
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
}
#main .section02 ul {
	margin-bottom: 90px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section02 ul.active {
	opacity: 1;
	visibility: visible;
}
#main .section02 li {
	width: 160px;
	float: left;
}
#main .section02 .li02 {
	margin: 0 28%;
}
#main .section02 li .img {
	margin-bottom: 19px;
	padding-top: 35px;
	height: 153px;
	display: block;
	position: relative;
	box-sizing: border-box;
}
#main .section02 li .img:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	background: url(../images/bg02.png) no-repeat center top;
	content: "";
}
#main .section02 ul.active li .img:before {
	opacity: 1;
	visibility: visible;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
#main .section02 .li02 .img:before {
	background: url(../images/bg03.png) no-repeat center top;
}
#main .section02 .li03 .img:before {
	background: url(../images/bg04.png) no-repeat center top;
}
#main .section02 li .img img {
	margin: 0 auto;
	display: block;
}
#main .section02 li .txt {
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
#main .section02 li .txt span {
	display: block;
	font-size: 24px;
}
#main .section02 .more {
	margin: 0 auto;
	width: 220px;
}
#main .section02 .more a {
	padding: 0 33px;
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	border-radius: 24px;
	border: 2px solid #fff;
	background: url(../images/icon01.png) no-repeat right 28px center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section02 .more a:hover {
	color: #1C202B;
	background: #fff url(../images/icon001_over.png) no-repeat right 23px center;
}
#main .section03 {
	padding: 74px 0 144px;
	text-align: center;
}
#main .section03 .title {
	margin-bottom: 12px;
	color: #000;
	font-size: 36px;
}
#main .section03 .text {
	margin-bottom: 25px;
	color: #000;
	font-size: 18px;
}
#main .section03 ul {
	margin-bottom: 62px;
}
#main .section03 li {
	margin: 0 2px;
	padding: 0 14px;
	display: inline-block;
	color: #666;
	font-size: 14px;
	line-height: 28px;
	border-radius: 15px;
	border: 1px solid #666;
}
#main .section03 .more {
	margin: 0 auto 102px;
	width: 220px;
}
#main .section03 .more a {
	padding: 0 33px;
	display: block;
	color: #000;
	font-size: 18px;
	line-height: 42px;
	text-align: left;
	border-radius: 24px;
	border: 2px solid #000;
	background: url(../images/icon02.png) no-repeat right 28px center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section03 .more a:hover {
	border: 2px solid #000;
	color:#fff;
	background: #000 url(../images/icon02_over.png) no-repeat right 23px center;
}
#main .section03 .img {
	height: 224px;
	background: url(../images/img04.png) no-repeat center top;
}
#main .section04 {
	padding: 87px 65px 135px;
	background: #F3F3F3;
}
#main .section04 .wrap {
	margin: 0 auto;
	max-width: 1600px;
}
#main .section04 .title {
	margin-bottom: 20px;
	color: #000;
	font-size: 36px;
	text-align: center;
}
#main .section04 .text {
	margin-bottom: 65px;
	color: #666;
	font-size: 14px;
	text-align: center;
}
#main .section04 ul {
	margin: 0 -25px 72px 0;
}
#main .section04 li {
	padding-right: 25px;
	width: 20%;
	float: left;
	box-sizing: border-box;
}
#main .section04 li a {
	padding: 50px 20px;
	height: 300px;
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: #fff;
	cursor: pointer;
}
#main .section04 li a:hover {
	background: #E05800;
}
#main .section04 li a .ttl {
	margin-bottom: 35px;
	width: 100%;
	height: 80px;
	display: table;
	line-height: 1.2;
}
#main .section04 li a .ttl span {
	display: table-cell;
	color: #000;
	font-size: 48px;
	text-align: center;
	vertical-align: middle;
}
#main .section04 .li02 a .ttl span {
	font-size: 30px;
}
#main .section04 li a:hover .ttl span {
	color: #fff;
}
#main .section04 li a .txt {
	color: #333;
	font-size: 16px;
}
#main .section04 li a:hover .txt {
	color: #fff;
}
#main .section04 li a .num {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(43%);
	-webkit-transform: translateY(43%);
	color: #f3f3f3;
	font-family: "Century Gothic";
	font-size: 100px;
	font-weight: bold;
}
#main .section04 li a:hover .num {
	color: #fff;
}
#main .section04 .more {
	margin: 0 auto;
	width: 220px;
}
#main .section04 .more a {
	padding: 0 33px;
	display: block;
	color: #000;
	font-size: 18px;
	line-height: 42px;
	text-align: left;
	border-radius: 24px;
	border: 2px solid #000;
	background: url(../images/icon02.png) no-repeat right 28px center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section04 .more a:hover {
	border: 2px solid #000;
	color: #fff;
	background: #000 url(../images/icon02_over.png) no-repeat right 23px center;
}
#main .section05 {
	padding: 94px 20px;
	height: 760px;
	box-sizing: border-box;
	background: url(../images/bg05.jpg) no-repeat center top;
	background-size: cover;
}
#main .section05 .title {
	margin-bottom: 75px;
	color: #fff;
	font-size: 36px;
	text-align: center;
}

#main .section05 .wrap {
	margin: 0 auto;
	max-width: 1350px;
}
#main .section05 ul {
	margin-bottom: 76px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section05 ul.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
#main .section05 li {
	width: 33.33%;
	float: left;
	text-align: center;
}
#main .section05 li .img {
	margin: 0 auto 46px;
	padding: 40px 0 0;
	width: 160px;
	height: 160px;
	display: block;
	box-sizing: border-box;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section05 li .img img {
	margin: 0 auto;
	display: block;
}
#main .section05 li .img:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
#main .section05 li .txt {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1.7;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}
#main .section05 ul.active li .txt {
	opacity: 1;
	visibility: visible;
}
#main .section05 li .txt span {
	margin-bottom: 12px;
	display: block;
	font-size: 24px;
}
#main .section05 .more {
	margin: 0 auto;
	width: 220px;
}
#main .section05 .more a {
	padding: 0 33px;
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	text-align: left;
	border-radius: 24px;
	border: 2px solid #fff;
	background: url(../images/icon01.png) no-repeat right 28px center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section05 .more a:hover {
	border: 2px solid #fff;
	color: #3351A9;
	background: #fff url(../images/icon01_over.png) no-repeat right 23px center;
}
#main .section06 {
	margin: 0 auto;
	padding: 146px 20px 102px;
	max-width: 1136px;
}
#main .section06 .lBox {
	width: 420px;
	float: left;
}
#main .section06 .title {
	margin-bottom: 35px;
	color: #000;
	font-size: 36px;
}
#main .section06 .text {
	margin-bottom: 104px;
	color: #333;
	font-size: 14px;
	line-height: 1.7;
}
#main .section06 .more {
	width: 220px;
}
#main .section06 .more a {
	padding: 0 33px;
	display: block;
	color: #000;
	font-size: 18px;
	line-height: 42px;
	text-align: left;
	border-radius: 24px;
	border: 2px solid #000;
	background: url(../images/icon02.png) no-repeat right 28px center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section06 .more a:hover {
	border: 2px solid #000;
	color: #fff;
	background: #000 url(../images/icon02_over.png) no-repeat right 23px center;
}
#main .section06 ul {
	margin: 14px 35px 0 0;
	max-width: 340px;
	float: right;
}
#main .section06 li {
	margin-bottom: 98px;
	width: 120px;
	height: 91px;
	float: left;
	color: #000;
	font-size: 18px;
	text-align: center;
}
#main .section06 li:nth-child(2n) {
	float: right;
}
#main .section06 li img {
	margin: 0 auto 14px;
	display: block;
	transition: all 0.6s;
}
#main .section06 li a {
	transition: all 0.4s;
	display: block;
	cursor: pointer;
}
#main .section06 li a:hover {
	color: #fed400;
}
#main .section06 li a:hover img {
	margin-top: -8px;
}

/* o2o */

#main .o2o01{background: url(../images/o2o_1.jpg) no-repeat center bottom;text-align: center;}

#main .o2o01 *{color: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;}

#main .o2o01 .tt{font-size: 46px;margin: 100px 0 20px;}

#main .o2o01 .tc{font-size: 22px;color: #fff;opacity: .8;}

#main .o2o01 .ul1{opacity: 1;visibility:visible;text-align: center;margin: 50px 0;}

#main .o2o01 .ul1 li{width: auto;display: inline-block;float: none;font-size: 16px;color: #ccc;line-height: 32px;padding: 0 40px 0 0;}

#main .o2o01 .ul1 li img{display: block;float: left;margin-right: 3px;}

#main .o2o01 .omore{width: 60px;height: 60px;margin: 0 auto;border-radius: 50%;overflow: hidden;border:1px solid #797979;}

#main .o2o01 .omore img{display: block;width: 100%;position: relative;top: 0;animation:up_down 2s infinite linear;-webkit-animation:up_down 2s infinite linear;}

@-webkit-keyframes up_down{0%{top: -100%;}100%{top: 100%;}}

@keyframes up_down{0%{top: -100%;}100%{top: 100%;}}

#main .o2o02 {padding: 120px 0;background: #f5f5f5;text-align: center;}

#main .o2o02 .box{width: 67%;margin: 0 auto;max-width: 1270px;min-width: 1000px;}

#main .o2o02 .box .tt{font-size: 36px;}

#main .o2o02 .ul1{margin-top: 80px;}

#main .o2o02 .ul1 li{width: 28%;float: left;margin-right: 8%;}

#main .o2o02 .ul1 li:last-child{margin-right: 0;}

#main .o2o02 .ul1 li img{display: block;width: 46%;margin: 0 auto ;max-width: 160px;}

#main .o2o02 .ul1 li .ltt{font-size: 24px;color: #000;margin: 50px 0 25px;}

#main .o2o02 .ul1 li .ltc{color: #666;font-size: 14px;}

#main .o2o02 .ul1 li img:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);transition: all 1.5s;-webkit-transition: all 1.5s;}

#main .o2o03{background: url(../images/o2o_2.jpg) left center no-repeat;background-size: cover;padding: 120px 0;text-align: center;}

#main .o2o03 .box{width: 78%;margin: 0 auto;max-width: 1280px;min-width: 1000px;}


#main .o2o03 .box  *{color: #fff;}

#main .o2o03 .box .tt{font-size: 36px;}

#main .o2o03 .box .tc{color: #ccc;margin-top: 20px;font-size: 14px;}

#main .o2o03 .box .ul1{}

#main .o2o03 .box .ul1 li{width: 85px;float: left;color: #fff;font-size: 16px;margin-top: 90px;margin-right: 16.4%;}

#main .o2o03 .box .ul1 li:nth-child(5n){margin-right: 0;}

#main .o2o03 .box .ul1 li img{display: block;margin: 0 auto 35px;transition: all .3s;-webkit-transition: all .3s;}

#main .o2o03 .box .ul1 li:hover img{transform: translateY(-5px);-webkit-transform: transform: translateY(-5px);}

#main .o2o04{padding: 120px 0;background: #f5f5f5;text-align: center;}

#main .o2o04 .box{width: 81%;margin: 0 auto;max-width: 1540px;min-width: 1200px;}

#main .o2o04 .box .tt{font-size: 36px;}

#main .o2o04 .box .tc{color: #666;margin: 30px 0 70px;font-size: 14px;}

#main .o2o04 .box .abtn span{transition: all .5s;-webkit-transition: all .5s;display: inline-block;margin: 0 27px;font-size: 22px;padding-bottom: 10px;border-bottom: 2px solid #f5f5f5;color: #666;cursor: pointer;}

#main .o2o04 .box .abtn span.act,#main .o2o04 .box .abtn span:hover {color: #000;border-bottom: 2px solid #000;}

#main .o2o04 .box .ul1 li{display: none;}

#main .o2o04 .box .ul1 li:nth-child(1){display: block;}

#main .o2o04 .box .ul1 li .ltt{color: #666;}

#main .o2o04 .box .ul1 li .limg{margin-top: 40px;}

#main .o2o04 .box .ul1 li .limg span{transition: all .5s;-webkit-transition: all .5s;font-size: 16px;color: #000; display: block;width: 14.285%;float: left;box-sizing: border-box;padding: 30px 0;}

#main .o2o04 .box .ul1 li .limg span img{display: block;margin: 0 auto 30px;}

#main .o2o04 .box .ul1 li .limg span:hover{background: #fff;-moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd;}

#main .o2o05{padding: 120px 0;text-align: center;}

#main .o2o05 .box{width: 84%;margin: 0 auto;max-width: 1600px;min-width: 1060px;}


#main .o2o05 .box .tt{font-size: 36px;margin-bottom: 90px;}

#main .o2o05 .box .abtn a{display: block;float: left;width: 31.25%;margin-right: 3.125%;overflow: hidden;}

#main .o2o05 .box .abtn a:nth-child(3n){margin-right: 0;}

#main .o2o05 .box .abtn a img{display: block;width: 100%;}

#main .o2o05 .more {margin: 60px auto 0;width: 220px;}

#main .o2o05 .more a {padding: 0 33px;display: block;color: #000;font-size: 18px;line-height: 42px;text-align: left;border-radius: 24px;border: 2px solid #000;background: url(../images/icon02.png) no-repeat right 28px center;transition: all 0.3s;-webkit-transition: all 0.3s;}

#main .o2o05 .more a:hover {border: 2px solid #000;color: #fff;background: #000 url(../images/icon02_over.png) no-repeat right 23px center;}

#main .o2o06{padding: 120px 0;text-align: center;background: #f5f5f5;}

#main .o2o06 .box{width: 84%;margin: 0 auto;max-width: 1600px;min-width: 1200px;}

#main .o2o06 .box .tt{font-size: 36px;margin-bottom: 75px;}



#main .section08 {
	padding: 120px 60px 147px;
}
#main .section08 .title {
	margin-bottom: 81px;
	color: #000;
	font-size: 36px;
	text-align: center;
}
#main .section08 ul {
	margin: 0 auto 90px;
	max-width: 1650px;
}
#main .section08 li {
	padding: 0 25px 50px;

	width: 33.33%;
	float: left;
	position: relative;
	box-sizing: border-box;
}
#main .section08 li a {
	overflow: hidden;
	display: block;
}
#main .section08 li a img {
	transition: all 0.4s;
	display: block;width: 100%;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
}
#main .section08 li a:hover>img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#main .section08 li div {
	padding: 20px 45px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
#main .section08 li p {
	padding: 14px 38px 17px 20px;
	display: block;
	overflow: hidden;
	zoom: 1;
	background: #fff;
}
#main .section08 li p .ttl {
	display: block;
	float: left;
	color: #222;
	font-size: 24px;
	width: 50%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#main .section08 li p .txt {
	display: block;
	float: right;
	position: relative;
	color: #666;
	font-size: 13px;
	text-align: right;
	line-height: 36px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width: 45%;
}
#main .section08 li p .txt:before {
	margin-top: -13px;
	width: 3px;
	height: 26px;
	position: absolute;
	right: -17px;
	top: 50%;
	background: #F3F3F3;
	content: "";
}
#main .section08 .more {
	margin: 0 auto;
	width: 310px;
}
#main .section08 .more a {
	padding: 0 45px;
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 48px;
	border-radius: 27px;
	border: 3px solid #000;
	background: url(../images/icon03.png) no-repeat right 45px center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#main .section08 .more a:hover {
	color: #fff;
	background: #000 url(../images/icon03_over.png) no-repeat right 40px center;
}



@font-face { 
    font-family: Century;
    src: url(../font/GOTHICB.eot); /* IE9 Compat Modes */
    src: url(../fonts/gothicb.eot) format('embedded-opentype'), /* IE6-IE8 */
    url(../fonts/gothicb.woff) format('woff'), /* Modern Browsers */
    url(../fonts/gothicb.ttf)  format('truetype'); /* Safari, Android, iOS */
}

#main .o2o06 ul {margin: 0 auto;max-width: 1600px;padding: 0 60px;}

#main .o2o06 ul li {float: left;position: relative;color: #000;font-size: 18px;box-sizing: border-box;width: 33.33%;}

#main .o2o06 ul li > span {margin-bottom: -1px;display: block;font-family: "Fontsstyle";font-size: 82px;font-weight:bold;line-height: 1.2;}

#main .o2o06 ul li:nth-child(2) > span {margin-left: -10px;}

#main .o2o06 ul  li:nth-child(3) > span {margin: -8px 0 10px;}

#main .o2o06 ul  li img {margin-top: -14px;position: absolute;right: 43px;top: 50%;display: block;}

#main .o2o06 ul  li:nth-child(2) img {right: 26px;}

/* 商城 */

#main .ma1{background: url(../images/ma_1.jpg) no-repeat center bottom;text-align: center;text-align: left;}

#main .ma1 .tt{margin: 170px 0 20px;}

#main .ma1 .omore{margin: 30px 0 0;}

#main .ma1 .wrap{max-width: 1380px;}

#main .ma2{background: url(../images/ma_2.jpg) no-repeat center ;text-align: center;text-align: left;background-size: cover;padding: 180px 0;}

#main .ma2 .box{padding: 0 60px; margin: 0 auto;max-width: 1490px;position: relative;}

#main .ma2 .box .mlt{width: 330px;float: left;}

#main .ma2 .box .mlt span{display: block;width: 200px;line-height: 44px;border:1px solid #ddd;border-radius: 30px;text-align: center;color: #fff;font-size: 16px;margin-bottom: 20px;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;}

#main .ma2 .box .mlt span:hover,#main .ma2 .box .mlt span.act{background: #2951d4;border:1px solid #2951d4;}

#main .ma2 .box .mrt{width: calc(100% - 330px);float: right;position: relative;padding-top: 150px;}

#main .ma2 .box .mrt *{color: #fff;}

#main .ma2 .box .mrt .tt{font-size: 36px;}

#main .ma2 .box .mrt .tc{color: #ccc;line-height: 2;}

#main .ma2 .box .mrt .tt2{font-size: 22px;padding-bottom: 10px;}

#main .ma2 .box .mrt li{display: none;}

#main .ma2 .box .mrt li:nth-child(1){display: block;}

#main .ma2 .box .l_gg{position: absolute;width: calc(100% - 330px);top: 0;right: 0;padding: 0 60px;box-sizing: border-box;}

#main .ma2 .box .l_gg .tt{font-size: 36px;color: #fff;line-height: 1;}

#main .ma2 .box .l_gg .tc{font-size: 16px;line-height: 24px; color: #fff;opacity: .6;}




#main .ma3 {}

#main .ma3 .box .ul1{padding: 0;}

#main .ma3 .box .tc{margin: 30px 0 0;}

#main .ma3 .box .ul1 li .limg span{width: 20%;}

#main .ma4 {background: #272829;}

#main .ma4 .box .ul1 li{color: #ccc;}

#main .ma5{padding: 120px 0; background: #f2f2f2;text-align: center;}

#main .ma5 .box{padding: 0 60px; max-width: 1450px;min-width: 1200px;margin: 0 auto;}

#main .ma5 .tt{font-size: 36px;color: #000;}

#main .ma5 .tc{color: #666;margin: 30px 0 180px;}

#main .ma5 .box .ul1{background: url(../images/ma_26.png) left top no-repeat;min-height: 185px;}

#main .ma5 .box .ul1 *{transition: all .3s;-webkit-transition: all .3s;}


#main .ma5 .box .ul1 li{width: 140px;float: left;margin: 0 20px;position: relative;}

#main .ma5 .box .ul1 li img{display: block;position: relative;margin-top: -95px;z-index: 3;}

#main .ma5 .box .ul1 li .lbox{width: 140px;background: #fff;border-radius: 50%;height: 140px;margin-top: -70px;}

#main .ma5 .box .ul1 li .lbox .ltt{padding-top: 100px;font-size: 16px;color: #000;}

#main .ma5 .box .ul1 li .lbox .xian{width: 30px;height: 1px;background: #ccc;margin: 10px auto;opacity: 0;}

#main .ma5 .box .ul1 li .lbox span{display: block;font-size: 12px;color: #666;line-height: 1.8;opacity: 0;}

#main .ma5 .box .ul1 li.act .lbox{height: 250px;border-radius: 20px;}

#main .ma5 .box .ul1 li.act .lbox .xian,#main .ma5 .box .ul1 li.act .lbox span{opacity: 1;transition-delay: .1s;-webkit-transition-delay: .1s;}


/* 小程序 */

#main .sm1{background: url(../images/sm_1.jpg) center no-repeat;}

#main .sm2{padding: 120px 0;text-align: center;background: #f5f5f5;}

#main .sm2 .box{padding:  0 60px; margin: 0 auto;max-width: 1600px;}

#main .sm2 .box .tt{font-size: 36px;color: #000;}

#main .sm2 .box .tc{color: #666;margin: 30px 0;}

#main .sm2 .box .ul1{padding: 1px 0;}

#main .sm2 .box .ul1 li{width: 33.33%;float: left;text-align: center;margin:  50px 0 0;}

#main .sm2 .box .ul1 li:nth-child(3n){margin-right: 0;}

#main .sm2 .box .ul1 li .img{width: 180px;height: 180px; margin: 0 auto;border-radius: 50%;overflow: hidden;position: relative;}

#main .sm2 .box .ul1 li .img img{display: block;width: 100%;transition: all .3s;-webkit-transition: all .3s;}

#main .sm2 .box .ul1 li .img img:nth-child(1){transition-delay: .15s;-webkit-transition-delay: .15s;}

#main .sm2 .box .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);}

#main .sm2 .box .ul1 li:hover .img img:nth-child(1){transform: rotateY(90deg);-webkit-transform: rotateY(90deg);transition-delay: 0s;-webkit-transition-delay: 0s;}

#main .sm2 .box .ul1 li:hover .img img:nth-child(2){transform: rotateY(0deg);-webkit-transform: rotateY(0deg);transition-delay: .15s;-webkit-transition-delay: .15s;}

#main .sm2 .box .ul1 li .ltt{font-size: 22px;color: #000;margin: 30px 0 20px;}

#main .sm2 .box .ul1 li .xian{width: 40px;height: 2px;background: #000;margin: 0 auto;}

/* 公司简介 */

.num-active{font-family: Fontsstyle;}

#main .co1{padding: 0 0 1.3%;}

#main .co1 .box{padding: 0 65px; margin: 0 auto;max-width: 1600px;overflow: hidden;}

#main .co1 .box .co_d1{background: #f5f5f5;position: relative;}

#main .co1 .box .co_d1 .clt{width: 60%;box-sizing: border-box;padding: 80px 70px;}

#main .co1 .box .co_d1 .clt .en{font-size: 48px;font-family: Century;font-weight: bold;color: #000;}

#main .co1 .box .co_d1 .clt .tt{font-size: 18px;color: #000;margin: 10px 0 30px;}

#main .co1 .box .co_d1 .clt .tc{color: #333;text-align: justify;line-height: 1.8;font-size: 14px;}

#main .co1 .box .co_d1 .clt .abtn{margin-top: 50px;}

#main .co1 .box .co_d1 .clt .abtn *{transition: all .3s;-webkit-transition: all .3s;}

#main .co1 .box .co_d1 .clt .abtn a{display: block;width: 50px;height: 50px;border-radius: 50%;float: left;margin-right: 20px; overflow: hidden;position: relative;border:1px solid #ddd;}

#main .co1 .box .co_d1 .clt .abtn a .s1{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../images/sm_20.png);}

#main .co1 .box .co_d1 .clt .abtn a .s2{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../images/sm_21.png);}

#main .co1 .box .co_d1 .clt .abtn a s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #292929;transform: scale(.5);-webkit-transform: scale(.5);opacity: 0;border-radius: 50%;}

#main .co1 .box .co_d1 .clt .abtn a:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}

#main .co1 .box .co_d1 .clt .abtn a:hover .s1{background: url(../images/sm_20_1.png);}

#main .co1 .box .co_d1 .clt .abtn a:hover .s2{background: url(../images/sm_21_1.png);}


#main .co1 .box .co_d1 .crt{width: 40%;box-sizing: border-box;position: absolute;top: 0;right: 0;height: 100%;background: #292929;padding: 210px 0 0 50px;}

#main .co1 .box .co_d1 .crt *{color: #fff;}

#main .co1 .box .co_d1 .crt .tt{font-size: 18px;color: #919191;line-height: 1.8;margin-bottom: 50px;}

#main .co1 .box .co_d1 .crt .ul1{}

#main .co1 .box .co_d1 .crt .ul1 li{width: 30%;float: left;}

#main .co1 .box .co_d1 .crt .ul1 li:nth-child(3){width: 38%;}

#main .co1 .box .co_d1 .crt .ul1 li .lnum,#main .co1 .box .co_d1 .crt .ul1 li .lnum span{font-size: 50px;font-weight: bold;font-family: Fontsstyle;}

#main .co1 .box .co_d1 .crt .ul1 li .ltc{font-size: 14px;color: #919191;}

#main .co1 .box .co_d2{}

#main .co1 .box .co_d2 .clt{width: 58.6%;float: left;}

#main .co1 .box .co_d2 .clt img{display: block;width: 49%;float: left;margin: 2% 2% 0 0;}

#main .co1 .box .co_d2 .clt img:nth-child(2n){margin-right: 0;}

#main .co1 .box .co_d2 .crt {width: 39.9%;float: right;margin-top: 1%;}

#main .co1 .box .co_d2 .crt img{display: block;width: 100%;}

#main .co2 {padding: 120px 65px ;background: #F3F3F3;}

#main .co2 .wrap {margin: 0 auto;max-width: 1600px;}

#main .co2 .title {margin-bottom: 44px;}

#main .co2 .title span {display: block;float: left;color: #222;font-size: 24px;}

#main .co2 .title a {margin: 13px 8px 0 0;display: block;float: right;color: #222;font-size: 14px;}

#main .co2 ul {overflow: hidden;}

#main .co2 li {padding-right: 3.125%;width: 31.25%;float: left;}

#main .co2 li:last-child {padding-right: 0;}

#main .co2 li a {padding: 60px 72px 72px 78px;display: block;position: relative;text-align: center;background-color: #fff;}

#main .co2 li a:before {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;border: 20px solid #2344A7;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;content: "";}

#main .co2 li a:hover:before {visibility: visible;opacity: 1;}

#main .co2 li a:hover:before {display: block;}

#main .co2 li a .date {margin-bottom: 36px;display: block;color: #000;font-family: 'Century Gothic';font-size: 18px;font-weight: bold;line-height: 1.1;}

#main .co2 li a .date span {display: block;font-size: 60px;}

#main .co2 li a .img {margin-bottom: 23px;display: block;overflow: hidden;}

#main .co2 li a .img img {transition: all 0.4s;}

#main .co2 li a:hover .img img {transform:scale(1.1);	}

#main .co2 li a .txt {margin: 0 70px 73px 0;display: block;font-size: 18px;line-height: 1.3;text-align: left;}

#main .co2 li a .arrow {display: block;}

#main .co2 li a:hover .arrow {background: url(../images/icon04.png) no-repeat center top;}


/* 联系我们 */

.map{position: relative;}

.map .img{width: 80px;position: absolute;top: 35%;left: 44%;z-index: 5;opacity: 0;}

#map{width: 100%;height: 580px;}

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.amap-ui-control-theme-dark .amap-ui-control-zoom{border:0;}

.amap-ui-control-theme-dark .amap-ui-control-zoom a, .amap-ui-control-theme-dark .amap-ui-control-zoom-num{border-bottom-color:#666!important; }

#main .con1{padding: 120px 0;}

#main .con1 .box{max-width: 1200px;margin: 0 auto;overflow: hidden;padding: 0 65px;}

#main .con1 .box .clt{width: 45%;float: left;}

#main .con1 .box .clt .tt{font-size: 20px;color: #e22f51;margin-bottom: 10px;line-height: 1.1; letter-spacing: 3px;font-family: inherit;}

#main .con1 .box .clt .tc{font-size: 14px;color: #666;line-height: 1.8;}

#main .con1 .box .clt .abtn{margin-top: 40px;}

#main .con1 .box .clt .abtn *{transition: all .3s;-webkit-transition: all .3s;}

#main .con1 .box .clt .abtn a{display: block;width: 50px;height: 50px;border-radius: 50%;float: left;margin-right: 20px; overflow: hidden;position: relative;border:1px solid #ddd;}

#main .con1 .box .clt .abtn a .s1{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../images/sm_20.png);}

#main .con1 .box .clt .abtn a .s2{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../images/sm_21.png);}

#main .con1 .box .clt .abtn a s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #292929;transform: scale(.5);-webkit-transform: scale(.5);opacity: 0;border-radius: 50%;}

#main .con1 .box .clt .abtn a:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}

#main .con1 .box .clt .abtn a:hover .s1{background: url(../images/sm_20_1.png);}

#main .con1 .box .clt .abtn a:hover .s2{background: url(../images/sm_21_1.png);}



#main .con1 .box .crt{width: 55%;float: right;}

#main .con1 .box .crt img{display: block;max-width: 100%;}

/* 支付 */

#main .pa1{padding:  50px ;}

#main .pa1 .box{max-width: 1200px;margin: 0 auto;border-top: 2px solid #999;padding-top: 50px;box-sizing: border-box;}

#main .pa1 .box .ul1 li{width: 27%;float: left;box-sizing: border-box;}

#main .pa1 .box .ul1 li:last-child{width: 19%;}

#main .pa1 .box .ul1 li img{display: block;margin-bottom: 30px;}

#main .pa1 .box .ul1 li .ltt{font-size: 14px;color: #999;padding-bottom: 10px;line-height: 1.5;}

#main .pa1 .box .ul1 li .ltt span{display: block;width: 100%;font-size: 14px;color: #000;line-height: 1.5;}


/* 原厂观点 */

#main .ne1{padding: 0 0 120px;}

#main .ne1 .box{width: 1070px;margin: 0 auto;}

#main .ne1 .box .ul1 *{transition: all .3s;-webkit-transition: all .3s;}

#main .ne1 .box .ul1 li{padding: 40px 0;border-bottom: 1px solid #ddd;position: relative;z-index: 3;}

#main .ne1 .box .ul1 li .img{width: 360px;overflow: hidden;float: left;}

#main .ne1 .box .ul1 li .img img{display: block;width: 100%;}

#main .ne1 .box .ul1 li .lrt{width:49%;float: right;margin-right: 130px;}

#main .ne1 .box .ul1 li .lrt .time{font-size: 16px;color: #0f0b09;font-family: arial;margin-bottom:30px;}

#main .ne1 .box .ul1 li .lrt .ltt{font-size: 22px;color: #171717;margin: 10px 0 30px 0;}


#main .ne1 .box .ul1 li .lrt .ltc{color: #5f6061;font-size: 14px;line-height: 1.8;margin-bottom:30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#main .ne1 .box .ul1 li .more{display: inline-block;position: relative;color: #5f6061;font-family: arial; }


#main .ne1 .box .ul1 li .more s{display: block;position: absolute;width: 100%;left: 0;bottom: 2px;height: 1px;background: #5f6061;z-index: -1;}

#main .ne1 .box .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}

#main .ne1 .box .ul2 *{transition: all .5s;-webkit-transition: all .5s;}

#main .ne1 .box .ul2 li .ltt{font-size: 20px;color: #171717;padding-right: 100px;line-height: 24px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#main .ne1 .box .ul2 li .ltt span{width: 110px;position: absolute;top: 0;right: 0;line-height: 24px;font-size: 18px;}

#main .ne1 .box .ul2 li .ltc{margin: 20px 0 50px; color: #5f6061;font-size: 14px;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.page1{clear:both; text-align:center;font-size:18px; line-height: 45px;height: 45px;margin: 30px 0 0;position: relative;z-index: 5;}

.page1 span a{ color:#d1cfcf;padding:5px 5px; text-decoration:none;}

.page1 span a:hover,.page1 span.current a{  color:#b7b6b6;}

.page1 span{margin:2px;}

.page2{display: none;color: #000;text-align: left;border:1px solid #000;background: url(../images/icon02.png) no-repeat right 28px center; border-radius: 30px;line-height: 30px;width: 120px;padding: 0 17px; margin: 0 auto;font-size: 13px;}

.nec1{padding: 50px 0 120px 0;}

.nec1 .box{width: 1140px;margin: 0 auto;}

.nec1 .box .nelt{width:  400px;float: left;}

.nec1 .box .nelt .time{font-size: 20px; color: #5f6061;}

.nec1 .box .nelt .tc{font-size: 14px;color: #5f6061;line-height: 28px;margin-bottom: 0px;}

.nec1 .box .nelt .abtn{text-align: left;}

.nec1 .box .nelt .abtn a{transition: all .3s;-webkit-transition: all .3s;display: inline-block;color: #999;font-size: 12px;padding-right: 10px;margin-right: 5px;background: url(../images/sm_23.png) center right no-repeat;}

.nec1 .box .nelt .abtn a:last-child{background: none;color: #666;}

.nec1 .box .nelt .abtn a:hover{color: #333;}

.nec1 .box .nert{width: 700px;float: right;}

.nec1 .box .nert .tt{font-size: 24px;color: #0f0b09;line-height: 30px;padding-bottom: 37px;}

.nec1 .box .nert .sbtj{margin-bottom: 30px;display: none;}

.nec1 .box .nert .sbtj .sbtime{    font-size: 18px;line-height: 36px;    color: #5f6061;}

.nec1 .box .nert .sbtj .sbtc{font-size: 14px;color: #5f6061;line-height: 28px;}

.nec1 .box .nert .sbtj .sbabtn{text-align: right;}

.nec1 .box .nert .sbtj .sbabtn a{transition: all .3s;-webkit-transition: all .3s;display: inline-block;color: #999;font-size: 12px;padding-right: 10px;margin-right: 5px;background: url(../images/sm_23.png) center right no-repeat;}

.nec1 .box .nert .sbtj .sbabtn a:last-child{    background: none;color: #666;}


.nec1 .box .nert .tc{padding: 40px 0;margin: 0 0 30px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 14px;line-height: 2;text-align: justify; color:#5f6061;}

.nec1 .box .nert .tc img{height: auto !important;display: block;max-width: 100% !important;margin: 0 auto;}

.nec1 .box .nert .tc *{font-size: 14px !important;color: #5f6061 !important;line-height: 28px !important;font-family: pf !important;line-height: 2;}


.nec1 .box .nert .tc .stt{font-size: 18px;line-height: 1.5;padding-bottom: 5px;}

.nec1 .box .nert .abtn{}


.nec1 .box .nert .abtn>a,.nec1 .box .nert .abtn>span{display: block;width: 20px;height: 20px;float: right;margin: 0 10px;transition: all .5s;-webkit-transition: all .5s;cursor: pointer;position: relative;background-size: 100%;}

.nec1 .box .nert .abtn .fx{width: 28px;height: 28px; background: url(../images/nc_1.png) center no-repeat;float: left;margin: 0;background-size: 100%;}

.nec1 .box .nert .abtn a.ne_rt{background: url(../images/nc_4.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn a.ne_out{background: url(../images/nc_3.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn a.ne_lt{background: url(../images/nc_2.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn .fx:hover{background: url(../images/nc_1_1.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn a.ne_rt:hover{background: url(../images/nc_4_1.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn a.ne_out:hover{background: url(../images/nc_3_1.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn a.ne_lt:hover{background: url(../images/nc_2_1.png) center no-repeat;background-size: 100%;}

.nec1 .box .nert .abtn>span{position: relative;}

.nec1 .box .nert .abtn>span .sbox{padding: 10px 15px;width: 100px;position: absolute;left:  0;top:110%;border-radius: 8px;background: #363636;display:none ;z-index: 5}

.nec1 .box .nert .abtn>span .sbox a{padding: 8px 0px;display: block;color: #fff;font-size: 14px;line-height: 24px;transition: all 0.3s;-webkit-transition: all 0.3s;background: none;}

.nec1 .box .nert .abtn>span .sbox a .img{width: 25px;float: left;overflow: hidden;position: relative;height: 25px;margin-right: 10px;}

.nec1 .box .nert .abtn>span .sbox a .img img{transition: all .3s;-webkit-transition: all .3s;display: block;position: relative;width: 100%;}

.nec1 .box .nert .abtn>span .sbox a .img img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.nec1 .box .nert .abtn>span .sbox a:hover{color: #ffe514;}

.nec1 .box .nert .abtn>span .sbox a:hover .img img:nth-child(2){opacity: 1;}





/* 只看设计 */

.lo1{padding: 0 0 120px 0;}

.lo1 .box{ margin: 0 auto;max-width: 1600px;padding: 0 65px;}

.lo1 .box img{display: block;max-width: 100%;box-sizing: border-box;}

.lo1 .box .ul1{padding-bottom: 10px;}

.lo1 .box .ul1 li{margin-bottom: 16px;position: relative;}

.lo1 .box .ul1 li .img_pc{width: 100%;position: relative;box-sizing: border-box;overflow: hidden;}

.lo1 .box .ul1 li .img_pc img{display: block;width: 100%;display: block;}

.lo1 .box .ul1 li .img_pc .imgtc {position: absolute;width: 100%;height: 100% ;top: 0;left: 0;}

.lo1 .box .ul1 li .img_pc .imgtc div{width: 100%;height: 100%;background: #000;animation-timing-function:ease;}

.lo1 .box .ul1 .li1{margin: 0;}

.lo1 .box .ul1 .li1 .llt{width: calc(50% - 8px);float: left;}

.lo1 .box .ul1 .li1 .lrt{width: calc(50% - 8px);float: right;}

.lo1 .box .ul1 .li1 .lrt .img_pc{display: block;width: calc(50% - 8px);float: left;margin-bottom: 16px;}

.lo1 .box .ul1 .li1 .lrt .img_pc:nth-child(2n){float: right;}

.lo1 .box .ul1 .li2 .llt{width: calc(50% - 8px);float: left;}

.lo1 .box .ul1 .li2 .llt .img_pc{width: calc(50% - 8px);float: left;margin-bottom: 16px;box-sizing: border-box;}

.lo1 .box .ul1 .li2 .llt .img_pc:nth-child(2){float: right;}

.lo1 .box .ul1 .li2 .llt .img_pc:nth-child(3){width: 100%;margin: 0;}

.lo1 .box .ul1 .li2 .lrt{float: right;}

.lo1 .box .ul1 .li2 .lrt .img_pc img{border:1px solid #ddd ;border-radius: 5px;}

.lo1 .box .ul1 .li3 .lrt{float: left;}

.lo1 .box .ul1 .li3 .llt{float: right;}

.lo1 .box .ul1 .li3 .lrt2{float: right;}

.lo1 .box .ul1 .li4 .img_pc{display: block;box-sizing: border-box;width: calc(50% - 8px);float: left;}

.lo1 .box .ul1 .li4 .img_pc:nth-child(2){float: right;}

.lo1 .box .ul1 .li4 .img_pc:nth-child(2) img{border:1px solid #ddd;border-radius: 5px;}

.lo1 .box .ul1 .li5 .img_pc{display: block;box-sizing: border-box;width: calc(50% - 8px);float: left;}

.lo1 .box .ul1 .li5 .img_pc:nth-child(2){float: right;}


.lo1 .more{width: 220px;margin: 30px auto 0;}

.lo1 .more a{    padding: 0 33px;display: block;color: #000;font-size: 18px;line-height: 42px;text-align: left;border-radius: 24px;border: 2px solid #000;background: url(../images/icon02.png) no-repeat right 28px center;transition: all 0.3s;-webkit-transition: all 0.3s;}

.lo1 .more a:hover {border: 2px solid #000;color: #fff;background: #000 url(../images/icon02_over.png) no-repeat right 23px center;}


.lo1m{display: none;}

/* 网络营销 */

#main .net1 {background: url(../images/net_1.jpg) center no-repeat;}

#main .net1 .tc{font-size: 18px;line-height: 1.8;}

#main .net1 .omore{margin-top: 10px;}

#main .net2{padding: 120px 0;text-align: center; }

#main .net2 .box{max-width: 1200px;margin: 0 auto;overflow: hidden;}

#main .net2 .box .tt{font-size: 36px;}

#main .net2 .box .nct{position: relative;width: 560px;margin: 60px auto 0;}

#main .net2 .box .nct img{display: block;width: 100%;}

#main .net2 .box .nct .nlt{width: 340px;position: absolute;top: 85px;left: -300px;z-index: 3;}

#main .net2 .box .nct .img2{transition: all .5s;-webkit-transition: all .5s;width: 160px;height: 160px;background: rgba(43,75,194,1);border-radius: 50%;margin: 0 auto;}

#main .net2 .box .nct .img3{position: absolute;top: 60px;right:-110px ;width: 230px;z-index: -1;}

#main .net2 .box .nct .ntt{font-size: 24px;margin: 50px 0 20px;}

#main .net2 .box .nct .ntc{font-size: 14px;color: #666;}

#main .net2 .box .nct .nrt{width: 340px;position: absolute;top: 85px;right:  -300px;z-index: 3;}

#main .net2 .box .nct .nrt .img2{width: 160px;height: 160px;background: rgba(41,168,214,1);border-radius: 50%;margin: 0 auto;}

#main .net2 .box .nct .nrt .img3{position: absolute;top: 60px;right:210px ;width: 230px;z-index: -1;}

#main .net2 .box .nct .img2:hover{background: rgba(24,55,194,1);}

#main .net2 .box .nct .nrt .img2:hover{background: rgba(20,152,204,1);}

#main .net3{padding: 120px 0;min-height: 540px;background: url(../images/net_6.png) left top no-repeat;background-size: 100%;text-align: center;}

#main .net3 .tt{font-size: 36px;color: #fff;}


#main .net3 .box{width: 68.75%;margin: 0 auto;max-width: 1320px;min-width: 1060px;}

#main .net3 .ul1 *{transition: all .5s;-webkit-transition: all .5s;}

#main .net3 .ul1{margin-top: 80px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}

#main .net3 .ul1 li{width: 33.3333333%;float: left;height: 495px;box-sizing: border-box;background: #fff;position: relative;}

#main .net3 .ul1 li .img{display: block;width: 160px;height: 160px;margin: 60px auto;background: #f5f5f5;border-radius: 50%;overflow: hidden;position: relative;}

#main .net3 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom:  0;left: 0;background: #2b4bc2;z-index: 9;}

#main .net3 .ul1 li .ltt{font-size: 24px;}

#main .net3 .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8;}

#main .net3 .ul1 li s{display: block;width: 1px ;height: 300px;background: #eee;position: absolute;right: 0;top: 98px;}

#main .net3 .ul1 li:hover{background: #eee;}

#main .net3 .ul1 li:hover .img{background:#fff;}

#main .net3 .ul1 li:hover:before{width: 100%;} 

#main .net4{padding: 0 0 120px;text-align: center;}

#main .net4 .box{width: 1080px;margin: 0 auto;}

#main .net4 .tt{font-size: 36px;}

#main .net4 .abtn{margin: 50px 0 20px;}

#main .net4 .abtn *{transition: all .5s;-webkit-transition: all .5s;}

#main .net4 .abtn span{display: inline-block;position: relative;font-size: 22px;color: #666; margin: 0 30px;cursor: pointer;}

#main .net4 .abtn span s{display: block;position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: #000;}

#main .net4 .abtn span:hover,#main .net4 .abtn span.act{color: #000;}

#main .net4 .abtn span:hover s,#main .net4 .abtn span.act s{width: 100%;}

#main .net4 .ul1{}

#main .net4 .ul1 li{display: none;}

#main .net4 .ul1 li:nth-child(1){display: block;}

#main .net4 .ul1 li .ltt{font-size: 14px;color: #666;}

#main .net4 .ul1 li .ltc{width: 360px;height: 360px;position: relative;box-sizing: border-box;margin: 50px auto 0;border:2px solid #7fcbe6;border-radius: 50%;}

#main .net4 .ul1 li .ltc .tq1{width: 160px;height: 160px;background: #6dc4e3;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda2 2s infinite linear ;-webkit-animation:bianda2 2s infinite linear;}

#main .net4 .ul1 li .ltc .tq2{width: 160px;height: 160px;background: #6dc4e3;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda 2.5s infinite linear;-webkit-animation:bianda 2.5s infinite linear;}

#main .net4 .ul1 li .ltc .tq3{width: 160px;height: 160px;background: #2b4bc2;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;}

@-webkit-keyframes bianda{0%{-webkit- transform:scale(1);opacity: 1;}100%{-webkit- transform:scale(1.5);opacity: 0;}}

@keyframes bianda{0%{-ms- transform:scale(1);}100%{-ms-  transform:scale(1.5);}0%{-moz- transform:scale(1);}100%{-moz-  transform:scale(1.5);}0%{-o- transform:scale(1);}100%{-o- transform:scale(1.5);}0%{ transform:scale(1);opacity: 1;} 100%{ transform:scale(1.5);opacity: 0;}}

@-webkit-keyframes bianda2{0%{-webkit- transform:scale(1);opacity: 1;}100%{-webkit- transform:scale(2);opacity: 0;}}

@keyframes bianda2{0%{-ms- transform:scale(1);}100%{-ms-  transform:scale(1.8);}0%{-moz- transform:scale(1);}100%{-moz-  transform:scale(1.8);}0%{-o- transform:scale(1);}100%{-o- transform:scale(1.8);}0%{ transform:scale(1);opacity: 1;} 100%{ transform:scale(1.8);opacity: 0;}}


#main .net4 .ul1 li .ltc .txt1{position: absolute;width: 380px;line-height: 80px;font-size: 20px;top: 0;left: -280px;}

#main .net4 .ul1 li .ltc .txt1 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: right;margin-top: 40px;}

#main .net4 .ul1 li .ltc .txt1 img{float: right;display: block;} 

#main .net4 .ul1 li .ltc .txt2{position: absolute;width: 430px;line-height: 80px;font-size: 20px;top: 0;right: -320px;}

#main .net4 .ul1 li .ltc .txt2 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: left;margin-top: 40px;}

#main .net4 .ul1 li .ltc .txt2 img{float: left;display: block;} 

#main .net4 .ul1 li .ltc .txt3{position: absolute;width: 380px;line-height: 80px;font-size: 20px;bottom: 0px; left: -280px;}

#main .net4 .ul1 li .ltc .txt3 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: right;margin-top: 40px;}

#main .net4 .ul1 li .ltc .txt3 img{float: right;display: block;} 

#main .net4 .ul1 li .ltc .txt4{position: absolute;width: 430px;line-height: 80px;font-size: 20px;bottom: 0;right: -320px;}

#main .net4 .ul1 li .ltc .txt4 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: left;margin-top: 40px;}

#main .net4 .ul1 li .ltc .txt4 img{float: left;display: block;} 

#main .net5{padding: 120px 0 160px;background: url(../images/net_2.jpg) center no-repeat;background-size: cover;text-align: center; }

#main .net5 .box{width: 1200px;margin: 0 auto;}

#main .net5 *{color: #fff;}

#main .net5 .tt{font-size: 36px;}

#main .net5 .ul1{margin: 60px 0 0}

#main .net5 .ul1 li{width: 33.33%;float: left;}

#main .net5 .ul1 li .img{display: block;width: 160px;height: 160px;background: #fff;overflow: hidden;border-radius: 50%;margin: 0 auto;}

#main .net5 .ul1 li .img img{display: block;width: 100%;}

#main .net5 .ul1 li .ltt{font-size: 20px;margin: 20px 0;}

#main .net5 .ul1 li .ltc{font-size: 14px;line-height: 2;}

#main .net4 .ul1 li .txtbox{display: none;}

#main .net6 .ul1 li{width: 33.33%;float: left;position: relative;box-sizing: border-box;}

#main .net6 .box{padding: 0 60px; max-width: 1320px;}

#main .net6 .ul1 *{transition: all .3s;-webkit-transition: all .3s;}

#main .net6 .ul1 li{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;overflow: hidden;position: relative;}

#main .net6 .ul1 li:nth-child(3n){border-right: 1px solid #fff;}

#main .net6 .ul1 li:nth-child(7),#main .net6 .ul1 li:nth-child(8),#main .net6 .ul1 li:nth-child(9){border-bottom: 1px solid #fff;}

#main .net6 .ul1 li img{display: block;width: 100%;transition: all .5s;-webkit-transition: all .5s;}

#main .net6 .ul1 li img:nth-child(1){top:0;position: absolute;opacity: 0;}

#main .net6 .ul1 li:hover img:nth-child(1){opacity: 1;}

#main .net6 .ul1 li:hover img:nth-child(2){opacity: 0;}




@media all and (min-width: 1201px) and (max-width: 1600px) {

	#main .section04 li a .ttl {margin-bottom: 25px;}

	#main .o2o03 .box .ul1 li{margin-right: 13.5%;}

	#main .ma5 .box .ul1 li{margin: 0 5px;}

	#main .co2 li a {padding: 60px 50px 72px;}

	#main .co2 li a:before {border-width: 5px;}

	#main .co2 li a .txt {margin-right: 0;min-height: 42px;font-size: 16px;}

	#main .ma1 .wrap{padding: 0 90px;}

	#main .con1 .box .crt{width: 42%;}

	#main .ne1 .box .ul1 li .more{font-size: 14px;line-height: 20px;}

	.nec1 .box .nelt .time{font-size: 18px;line-height: 36px;}



}

@media (max-width: 1440px){

	#main .ne1 .box{width: 830px;margin: 0 auto;}

	#main .ne1 .box .ul1 li .img{width: 260px;}

	#main .ne1 .box .ul1 li .lrt{}

	#main .ne1 .box .ul1 li .lrt .ltt{font-size: 16px;margin: 0 0 15px;line-height: 28px;}

	#main .ne1 .box .ul1 li .lrt .ltc{font-size: 12px;line-height: 29px;}

	#main .ne1 .box .ul1 li .lrt .time,#main .ne1 .box .ul2 li .ltt span{font-size: 14px;line-height:28px;margin-bottom:13px;}

	.nec1 .box .nelt,.nec1 .box .nert{width: 700px;float: none;margin: 0 auto;}

	#main .ne1 .box .ul2 li .ltt{font-size: 16px;color: #171717;line-height: 28px;}

	#main .ne1 .box .ul2 li .ltc{font-size: 12px;}

	.nec1 .box .nelt{display: none;}

	.nec1 .box .nert .sbtj{display: block;}

	.nec1 .box .nert .tt{padding-bottom: 10px;}

	#main .con1 .box,.lo1 .box{padding: 0 100px;}

	#main .section04{padding: 87px 100px 135px}

	#main .section01{max-width: 1210px;padding: 71px 100px 66px;}

	#main .section08 {padding: 120px 100px 147px;}

	#main .ma2 .box{padding: 0 100px;}

	#main .ma2 .box .l_gg{padding-left: 100px;}

	#main .ma5 .box,#main .net6 .box,#main .co1 .box{padding: 0 100px;}

	#main .co2{padding: 120px 100px;}


}

@media (max-width: 1366px){

	#main .ma5 .box{min-width: 1060px;}

	#main .ma5 .box .ul1 li{margin: 0;width: 130px;}

	#main .ma5 .box .ul1 li .lbox{width: 120px;height: 120px;}

	#main .ma5 .box .ul1 li .lbox .ltt{padding-top: 75px;}

	#main .ma5 .box .ul1 li img{width: 120px;}

	
}

@media (max-width: 1280px){
	
}

@media all and (min-width: 768px) and (max-width: 1200px) {

	#main .ne1 .box{width: 730px;margin: 0 auto;}

	#main .ne1 .box .ul1 li .lrt{margin-right: 50px;}

	#main .section02 li {width: 33.33%;}
	
	#main .section02 .li02 {margin: 0;}
	
	#main .section03 li {padding: 0 10px;}
	
	#main .section04 li {padding: 0 25px 25px 0;width: 50%;}
	
	#main .section06 .lBox {width: 340px;}
	
	#main .section06 ul {margin-right: 0;}

	#main .co2 li a {padding: 50px 20px;}

	#main .co2 li a:before {border-width: 5px;}

	#main .co2 li a .txt {margin-right: 0;min-height: 42px;font-size: 16px;}

	#main .section08 ul {
		margin: 0 -10px 90px;
	}
	#main .section08 li {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	#main .section08 li div {
		padding: 10px 20px;
	}
	#main .section08 li a {
		padding: 0;
	}
	#main .section08 li a .ttl {
		font-size: 20px;
	}
	#main .section08 li a .txt {
		font-size: 12px;
		line-height: 24px;
	}
	#main .section08 li a .txt:before {
		right: -10px;
	}


	#main .o2o02 .box{min-width: 700px;}

	#main .o2o02 .ul1 li .ltt{font-size: 20px;}

	#main .o2o02 .ul1 li{width: 30%;margin-right: 5%;}

	#main .o2o03 .box,#main .o2o06 .box{min-width: 700px;}

	#main .o2o03 .box .ul1{margin-top: 5%;}

	#main .o2o03 .box .ul1 li{width: 20%;margin: 0 0 5% 0;}

	#main .o2o04 .box{min-width: 700px;}


	#main .ma2 .box .l_gg .tt{font-size: 28px;}

	#main .ma2 .box .mrt{padding-top: 180px;}

	#main .ma2 .box .mlt{width: 260px;}

	#main .ma2 .box .mrt,#main .ma2 .box .l_gg{width: calc(100% - 260px);}

	#main .ma5 .box{min-width: 700px;}

	#main .ma5 .box .ul1 li{width: 87px;margin: 0;}

	#main .ma5 .box .ul1 li .lbox{width: 87px;border-radius: 0;}

	#main .net2 .box {max-width: 700px;overflow: visible;}

	#main .net2 .box .nct{width: 350px;}

	#main .net2 .box .nct .img2{width: 80px;height: 80px;margin: 0;}

	#main .net2 .box .nct .nlt{width: 130px;top: 5px;left: -140px;}

	#main .net2 .box .nct .ntt{font-size: 16px;margin: 10px 0;}

	#main .net2 .box .nct .nrt{width: 130px;right: -140px;top: 8px;}

	#main .net2 .box .nct .nrt .img3{right: 0;}

	#main .net2 .box .nct .nrt .img2{width: 80px;height: 80px;margin: 0 0 0 60px;}

	#main .net3 .box{min-width: 700px;}

	#main .net4 .box{max-width: 700px;}

	#main .net4 .ul1 li .ltc .txt1{width: 230px;left: -140px;}

	#main .net4 .ul1 li .ltc .txt1 s,#main .net4 .ul1 li .ltc .txt2 s,#main .net4 .ul1 li .ltc .txt3 s,#main .net4 .ul1 li .ltc .txt4 s{display: none;}

	#main .net4 .ul1 li .ltc .txt2{width: 270px;right: -180px;}

	#main .net4 .ul1 li .ltc .txt3{width: 210px;left: -125px;}

	#main .net4 .ul1 li .ltc .txt4{width: 230px;right: -140px;}

	#main .net5 .box{max-width: 700px;}

	#main .net6 .box{min-width: 700px;}

	#main .section08 li a .ttl{font-size: 16px;}

	#main .ma5 .box .ul1{background: none;}

	#main .ma5 .box .ul1 li{width: 100%;float: none;margin:  0 0 20px 0;background: #fff;padding: 10px 0;}

	#main .ma5 .box .ul1 li img{position: static;margin: 0;width: 60px;float: left;}

	#main .ma5 .box .ul1 li .lbox{height: auto;float: right;width: calc(100% - 70px);text-align: left;border-radius: 0;margin: 0;}

	#main .ma5 .box .ul1 li .lbox .ltt{padding: 0; margin:  0;}

	#main .ma5 .box .ul1 li.act .lbox{height: auto;border-radius: 0;}

	#main .ma5 .box .ul1 li .lbox .xian{display: none;}

	#main .ma5 .box .ul1 li .lbox span{display: inline-block;opacity: 1;}

	#main .ma5 .tc{margin:  30px 0 50px;}


	
}	








@media all and (min-width: 0px) and (max-width: 767px) {
	#main .section01 li a:before {
		display: none;
	}

	#main .section01 li a.act:before{
		width: 100%;
		display: block;
	}
	#main .section01 {
		padding: 35px 40px 30px;
	}
	#main .section01 h2 {
		margin-bottom: 17px;
	}
	#main .section01 h2 img {
		width: 143px;
	}
	#main .s_new  h2 img {
		width: 210px;
	}
	#main .s_look   h2 img {
		width: 230px;
	}
	#main .s_con   h2 img {
		width: 180px;
	}
	#main .section01 li {
		margin: 0 0 10px 0;
		width: 25%;float: left;
		text-align: right;
		display: block;
	}
	#main .section01 li:nth-child(5){margin-left: 75%;}
	#main .section01 li a {
		font-size: 12px;
	}
	#main .section02 {
		padding: 53px 20px 48px;
		height: auto;
		background: url(../images/sp_bg01.jpg) no-repeat center top;
		background-size: cover;
	}
	#main .section02 .title {
		margin-bottom: 8px;
		font-size: 45px;
	}
	#main .section02 .ttl {
		margin-bottom: 34px;
		font-size: 17px;
	}
	#main .section02 .text {
		margin-bottom: 48px;
		font-size: 12px;
		line-height: 2;
	}
	#main .section02 ul {
		margin-bottom: 60px;
	}
	#main .section02 li {
		margin: 0 !important;
		width: 26%;
	}
	#main .section02 li:nth-child(2) {
		width: 48%;
	}
	#main .section02 li .img {
		margin: 0 auto;
		padding-top: 16px;
		width: 60px;
		height: 63px;
	}
	#main .section02 li .img:before {
		background-size: 100% auto !important;
	}
	#main .section02 li .img img {
		width: 28px;
	}
	#main .section02 li .txt {
		font-size: 13px;
	}
	#main .section02 li .txt span {
		margin-top: -5px;
		font-size: 17px;
	}
	#main .more {
		width: 156px !important;
	}

	#main .ne1 .more{width: auto !important;}

	#main .more a {
		padding: 0 17px !important;
		font-size: 13px !important;
		line-height: 29px !important;
		border-width: 1px !important;
		background-size: 42px auto !important;
		background-position: right 18px center !important;
	}
	#main .section03 {
		padding: 52px 0 73px;
	}
	#main .section03 .title {
		margin-bottom: 5px;
		font-size: 26px;
	}
	#main .section03 .text {
		font-size: 13px;
	}
	#main .section03 ul {
		margin: 0 10px 40px;
	}
	#main .section03 li {
		margin-bottom: 10px;
		padding: 0 7px;
		font-size: 12px;
		line-height: 22px;
	}
	#main .section03 .more {
		margin-bottom: 55px;
	}
	#main .section03 .img {
		height: auto;
		background: none;
	}
	#main .section04 {
		padding: 53px 20px 55px;
	}
	#main .section04 .title {
		margin-bottom: 11px;
		font-size: 25px;
	}
	#main .section04 .text {
		margin-bottom: 38px;
		font-size: 12px;
	}
	#main .section04 ul {
		margin: 0 -9px 26px;
	}
	#main .section04 li {
		padding: 0 9px 17px;
		width: 50%;
	}
	#main .section04 li a {
		padding: 20px 5px 0;
		height: 157px;
	}
	#main .section04 li a .ttl {
		margin-bottom: 3px;
		height: 56px;
	}
	#main .section04 li a .ttl span {
		font-size: 32px;
	}
	#main .section04 .li02 a .ttl span {
		font-size: 18px;
	}
	#main .section04 li a .txt {
		display: block;
		font-size: 11px;
		letter-spacing: -0.8px;
		line-height: 1.5;
	}
	#main .section04 li a .num {
		font-size: 65px;
	}
	#main .section05 {
		padding: 55px 20px 67px;
		height: auto;
		background: #2144A6;
	}
	#main .section05 .title {
		margin-bottom: 31px;
		font-size: 25px;
	}
	#main .section05 ul {
		margin-bottom: 10px;
	}
	#main .section05 li {
		margin-bottom: 55px;
		width: auto;
		float: none;
	}
	#main .section05 li .img {
		margin: 0 auto 13px;
		padding-top: 27px;
		width: 110px;
		height: 110px;
	}
	#main .section05 li .img img {
		width: 55px;
	}
	#main .section05 li .txt {
		font-size: 13px;
	}
	#main .section05 li .txt span {
		margin-bottom: 8px;
		font-size: 20px;
	}
	#main .section06 {
		padding: 53px 20px 72px;
	}
	#main .section06 .lBox {
		margin-bottom: 50px;
		width: auto;
		float: none;
	}
	#main .section06 .title {
		margin-bottom: 16px;
		font-size: 25px;
		text-align: center;
	}
	#main .section06 .text {
		margin: 0;
		font-size: 12px;
		line-height: 2.1;
		text-align: center;
	}
	#main .section06 ul {
		margin: 0 auto 8px;
		width: auto;
		float: none;
	}
	#main .section06 li {
		margin-bottom: 62px;
		width: 44%;
		font-size: 14px;
	}
	#main .section06 li img {
		width: 43px;
	}
	#main .section06 .more {
		margin: 0 auto;
	}

	#main .section01 {padding: 35px 40px 30px;}

	#main .o2o01 .tt{font-size: 20px;margin: 10px 0;}

	#main .o2o01 .tc{font-size: 17px;}

	#main .sm1 .tc{font-size: 13px;}

	#main .net1 .tc{font-size: 12px;}

	#main .sma1 .omore{margin: 0;}

	#main .o2o01 .ul1{margin: 30px 0;}

	#main .o2o01 .ul1 li{display: block;padding: 0;width: 100%;font-size: 14px;text-align: left;padding-bottom: 20px;}

	#main .o2o01 .ul1 li img{width: 30px;}

	#main .o2o02,#main .o2o03,#main .o2o04,#main .o2o05,#main .o2o06{padding: 35px 0;}

	#main .o2o02 .box,#main .o2o03 .box,#main .o2o04 .box,#main .o2o05 .box,#main .o2o06 .box,#main .ma2 .box{padding: 0 20px; min-width: 200px;width: 100%;box-sizing: border-box;}

	#main .o2o02 .box .tt,#main .o2o03 .box .tt,#main .o2o04 .box .tt,#main .o2o05 .box .tt,#main .o2o06 .box .tt{font-size: 20px;}

	#main .o2o02 .ul1{margin: 30px 0 0;}

	#main .o2o02 .ul1 li{width: 100%;float: none;margin: 0 0 30px 0;}

	#main .o2o02 .ul1 li .ltt{margin: 20px 0 10px;font-size: 20px;}

	#main .o2o03 .box .ul1 li{width: 33.33%;margin: 30px 0 0 0;font-size: 14px;}

	#main .o2o03 .box .ul1 li img{margin: 0 auto 10px ;width: 40%;}


	#main .o2o04 .box .tc{margin: 10px 0 30px;}

	#main .o2o04 .box .abtn span{font-size: 16px;}

	#main .o2o04 .box .ul1{padding-top: 30px;}

	#main .o2o04 .box .ul1 li .limg{margin-top: 20px;}

	#main .o2o04 .box .ul1 li .limg span{width: 33.33%;font-size: 12px;height: 120px;padding: 10px 0;}


	#main .o2o04 .box .ul1 li .limg span img{max-width: 30%;margin-bottom: 10px;}

	#main .o2o05 .box .tt,#main .o2o06 .box .tt{margin-bottom: 30px;}

	#main .o2o06 ul li {padding: 0 0 8px;width: auto !important;float: none;font-size: 13px;text-align: center;}
	
	#main .o2o06 ul li > span {margin-bottom: 1px;font-size: 44px;}
	
	#main .o2o06 ul li img {margin: 10px auto 0;width: 15px;position: static;display: block;}
	
	#main .o2o06 ul li:last-child {font-size: 12px;}
	
	#main .o2o06 ul li:last-child span {margin: 0;}

	#main .o2o01 {padding: 53px 50px 48px;height: auto;background: url(../images/o2o_1.jpg) no-repeat center top;background-size: cover;text-align: left;}

	#main .ma1 {padding: 53px 50px 130px;height: auto;background: url(../images/ma_1m.jpg) no-repeat center top;background-size: cover;}

	#main .ma2,#main .ma5,#main .sm2{padding: 35px 0;}

	#main .ma2 .box .mlt,#main .ma2 .box .mrt{width: 100%;float: none;}

	#main .ma2 .box .mlt span{width: 48%;float: left;font-size: 15px;}

	#main .ma2 .box .mlt span:nth-child(2n){float: right;}

	#main .ma2 .box .mrt .tt{font-size: 20px;}

	#main .ma2 .box .mrt .tc{font-size: 13px;line-height: 1.8;padding: 10px 0;}


	#main .ma2 .box .mrt br{display: none;}

	#main .ma3 .box .ul1{padding: 0;}

	#main .ma3 .box .tc{margin-bottom: 30px;}

	#main .ma5 .box,#main .sm2 .box{width: 100%;min-width: 200px;padding: 0 20px;box-sizing: border-box;}

	#main .ma5 .tc{margin: 10px 0 20px;font-size: 13px;}

	#main .ma5 .box .ul1{background: none;}

	#main .ma5 .box .ul1 li{width: 100%;float: none;margin:  0 0 20px 0;background: #fff;padding: 10px 0;}

	#main .ma5 .box .ul1 li img{position: static;margin: 0;width: 60px;float: left;}

	#main .ma5 .box .ul1 li .lbox{height: auto;float: right;width: calc(100% - 70px);text-align: left;border-radius: 0;margin: 0;}

	#main .ma5 .box .ul1 li .lbox .ltt{padding: 0; margin:  0;}

	#main .ma5 .box .ul1 li.act .lbox{height: auto;border-radius: 0;}

	#main .ma5 .box .ul1 li .lbox .xian{display: none;}

	#main .ma5 .box .ul1 li .lbox span{display: inline-block;opacity: 1;}

	#main .o2o01 .omore{width: 40px;height: 40px;}

	#main .sm1 {padding: 53px 50px 125px;height: auto;background: url(../images/sm_1m.jpg) no-repeat center top;background-size: cover;}

	#main .sm1 .tc br{display: none;}

	#main .sm2 .box .tt{font-size: 20px;}

	#main .sm2 .box .tc{margin: 10px 0;}

	#main .sm2 .box .ul1 li{width: 48%;margin: 20px 0 0 0;}

	#main .sm2 .box .ul1 li:nth-child(2n){float: right;}

	#main .sm2 .box .ul1 li .img{width: 110px;height: 110px;}

	#main .sm2 .box .ul1 li .ltt{font-size: 16px;}

	#main .co2 {padding: 36px 20px 31px;}

	#main .co2 .title {margin-bottom: 12px;}

	#main .co2 .title span {font-size: 17px;}

	#main .co2 .title a {margin-top: 5px;font-size: 13px;}

	#main .co2 li {padding: 0;}

	#main .co2 li a {padding: 43px 50px 60px;}

	#main .co2 li a:before {border-width: 10px !important;}

	#main .co2 li a .date {margin-bottom: 22px;font-size: 13px;}

	#main .co2 li a .date span {font-size: 40px;}

	#main .co2 li a .img {margin-bottom: 15px;}

	#main .co2 li a .txt {margin: 0 50px 45px 0;font-size: 13px;}

	#main .co2 li a .arrow {margin: 0 auto;width: 40px;background-size: 40px auto !important;}

	#main .co2 .slick-dots {margin-top: 16px;text-align: center;}

	#main .co2 .slick-dots li {margin: 0 4px;width: 5px;height: 5px;float: none !important;display: inline-block;cursor: pointer;border-radius: 50%;border: 1px solid #C2C2C2;}
	
	#main .co2 .slick-dots li.slick-active {border-color: #000;background: #000;}

	#main .co2 .slick-dots li button {display: none;}

	#main .co1{padding: 0 0 35px 0;}

	#main .co1 .box{padding: 0 20px;min-width: 200px;width: 100%;box-sizing: border-box;}

	#main .co1 .box .co_d1 .clt{width: 100%;float: none;padding: 10% 5%;}

	#main .co1 .box .co_d1 .crt{position: static;}

	#main .co1 .box .co_d1 .clt .en{font-size: 26px;}

	#main .co1 .box .co_d1 .clt .tt{font-size: 16px;}

	#main .co1 .box .co_d1 .crt{width: 100%;padding: 10% 5%;}

	#main .co1 .box .co_d1 .crt .tt{margin-bottom: 30px;}

	#main .co1 .box .co_d1 .crt .ul1 li,#main .co1 .box .co_d1 .crt .ul1 li:nth-child(3){width: 100%;float: none;margin: 0 0 20px 0;text-align: center;}

	#main .co1 .box .co_d2 .clt,#main .co1 .box .co_d2 .crt{width: 100%;float: none;}

	#main .co1 .box .co_d2 .crt{margin-top: 2%;}

	#map{width: 100%;height: 300px;}

	#main .con1{padding: 35px 0;}

	#main .con1 .box,#main .pa1 .box,#main .ne1 .box{width: 100%;padding: 0 20px;box-sizing: border-box;}

	#main .con1 .box .clt{width: 100%;float: none;}

	#main .con1 .box .crt{width: 100%;float: none;}

	#main .con1 .box .clt .abtn{margin: 20px 0 50px;}

	#main .pa1 {padding: 0 20px;}

	#main .pa1 .box{padding: 20px 0;}

	#main .pa1 .box .ul1 li:last-child{width: 100%;}

	#main .pa1 .box .ul1 li{width: 100%;float: none;margin: 0 0 20px 0;min-height: 200px;border-bottom: 1px solid #ddd;}

	#main .pa1 .box .ul1 li img{max-width: 80px;margin-bottom: 10px;}

	#main .ne1{padding: 0 0  30px 0;}

	#main .s_pa1 h2 img{width: 255px;}

	#main .ne1 .box .ul1 li{margin:  0;padding: 20px 0;}

	#main .ne1 .box .ul1 li .img,#main .ne1 .box .ul1 li .lrt{width: 100%;float: none;}

	#main .ne1 .box .ul1 li .lrt .ltt{font-size: 18px;margin: 10px 0;}

	#main .ne1 .box .ul1 li .lrt .ltc{margin-bottom: 10px;}

	#main .ne1 .box .ul1 li .lrt .time{margin-top: 10px;}

	.page1{display: none;}

	.page2{display: block;margin-top: 30px;}

	.nec1,.lo1 {padding: 0 0 30px 0;}

	.nec1{padding-top: 30px;}
	
	.nec1 .box{width: 90%;min-width: 200px;}

	.nec1 .box .nelt,.nec1 .box .nert{width: 100%;float: none;position: relative;z-index: 9;}


	.nec1 .box .nert .tt{font-size: 18px;margin-top: 10px;}

	.nec1 .box .nert .tc{padding: 20px 0;margin: 20px 0;}

	.lo1 .box{padding: 0 20px;min-width: 200px;width: 100%;box-sizing: border-box;}

	#main .net1{background: url(../images/net_1m.jpg) no-repeat center top;padding: 20px 20px 150px;background-size: cover;}

	#main .net1 .tc{font-size: 13px;}


	#main .net2{padding: 35px 0;}

	#main .net2 .box,#main .net3 .box,#main .net4 .box,#main .net5 .box{width: 90%;min-width: 200px;}

	#main .net2 .box .tt,#main .net3 .tt{font-size: 20px;}

	#main .net2 .box .nct{width: 100%;margin: 20px 0 0; }

	#main .net3 .ul1{margin-top: 20px;}

	#main .net3 .ul1 li .ltt{font-size: 18px;}

	#main .net2 .box .nct .nlt,#main .net2 .box .nct .nrt{position: static;}

	#main .net2 .box .nct .img2,#main .net2 .box .nct .nrt .img2{width: 100px;height: 100px;}

	#main .net2 .box .nct .img3{display: none;}

	#main .net2 .box .nct .ntt{font-size: 18px;margin: 10px 0;}

	#main .net2 .box .nct .ntc,#main .net3 .ul1 li .ltc{font-size: 13px;}

	#main .net2 .box .nct .nrt{margin-top: 20px;}

	#main .net3{padding: 35px 0;background: url(../images/net_6.png) center ;background-size: cover;}

	#main .net3 .ul1 {box-shadow: none;-webkit-box-shadow: none;}

	#main .net3 .ul1 li{width: 100%;float: none;margin: 0 0 20px 0;height: auto;padding: 20px 0;}

	#main .net3 .ul1 li .img{width: 100px;height: 100px;margin: 0 auto 20px;}

	#main .net3 .ul1 li s{display: none;}

	#main .net4,#main .net5{padding:   35px 0;}

	#main .net4 .abtn{margin: 20px 0;}

	#main .net4 .ul1 li .ltc{width: 280px;height: 280px;margin: 20px auto;}

	#main .net4 .ul1 li .ltc .txt1,#main .net4 .ul1 li .ltc .txt2,#main .net4 .ul1 li .ltc .txt3,#main .net4 .ul1 li .ltc .txt4{display: none;}

	#main .net4 .ul1 li .txtbox{display: block;}

	#main .net4 .ul1 li .txtm1{line-height: 50px;margin-bottom: 10px;width: 50%;float: left;font-size: 14px;}

	#main .net4 .ul1 li .txtm1 img{display: block;width: 50px;margin: 10px auto;}

	#main .net4 .tt,#main .net5 .tt{font-size: 20px;}

	#main .net4 .abtn span{font-size: 16px;}

	#main .net5 .ul1 li .ltt{font-size: 18px;margin: 10px 0;}

	#main .net5 .ul1{margin: 30px 0 0;}

	#main .net5 .ul1 li{width: 100%;margin:  0 0 30px 0;float: none;}

	#main .net5 .ul1 li .img{width: 100px;height: 100px;}

	#main .net5 .ul1 li .ltc,#main .net4 .ul1 li .ltt{font-size: 13px;}


	#main .section08 {
		padding: 46px 20px 58px;
	}
	#main .section08 .title {
		margin-bottom: 29px;
		font-size: 21px;
	}
	#main .section08 ul {
		margin-bottom: 20px;
	}
	#main .section08 li {
		padding: 0 0 25px;
		width: auto;
		float: none;
	}
	#main .section08 li div {
		padding: 15px;
	}
	#main .section08 li div a {
		padding: 8px 24px 8px 12px;
	}
	#main .section08 li div .ttl {
		margin-top: 2px;
		font-size: 16px;
	}
	#main .section08 li div .txt {
		font-size: 11px;
		line-height: 26px;
	}
	#main .section08 li div .txt:before {
		margin-top: -11px;
		height: 22px;
		right: -13px;
	}
	#main .section08 .more {
		width: 220px;
	}
	#main .section08 .more a {
		padding: 0 20px;
		font-size: 13px;
		line-height: 34px;
		border-width: 2px;
		background-size: 72px auto;
		background-position: right 20px center !important;
	}

	#main .o2o02 .ul1 li img{max-width: 110px;}

	#main .o2o02 .ul1 li .ltc{font-size: 13px;padding: 0 50px;}

	#main .o2o04 .box .abtn span{margin: 0 10px;}

	#main .o2o03 .box .tc{margin: 10px 0 30px;}

	#main .ma5 .tt,#main .con1 .box .clt .tt{font-size: 20px;}

	#main .con1 .box .clt .tc{font-size: 13px;}

	#main .ne1 .box .ul2 li .ltt{padding: 0;font-size: 18px;}

	#main .ne1 .box .ul2 li .ltc{margin: 10px 0;}

	#main .ne1 .box .ul2 li .ltt span{display: block;position: static;width: 100%;margin-top: 10px;}

	#main .sm1 .omore{margin-top: 0;}

	#main .net5{background: #0b2556 url(../images/net_2m.png) center bottom no-repeat;background-size: 100%;}

	.amap-icon{width: 80px;}

	.lo1 .box .ul1 .li1 .llt,.lo1 .box .ul1 .li2 .llt{width: 100%;float: none;}

	.lo1 .box .ul1 .li1 .lrt{width: 100%;float: none;}

	.lo1 .box .ul1 .li2 .lrt{margin-bottom: 0;}

	.lo1 .box .ul1 .li4 img,.lo1 .box .ul1 .li5 img{width: 100%;float: none;}

	#main .ma2 .box .l_gg{position: static;width: 100%;text-align: justify;padding: 0;}

	#main .ma2 .box .l_gg .tt{font-size: 20px;margin-top: 30px;}

	#main .ma2 .box .l_gg .tc{font-size: 14px;margin-top: 15px;}

	#main .ma2 .box .l_gg br{display: none;}

	#main .ma2 .box .mrt{padding-top: 20px;}

	/* .amap-labels{transform: scale(.65);-webkit-transform: scale(.65);} */

	.lo1{display: none;}

	.lo1m{display: block;}

	.lo1m .box .ul1 li{margin: 0;}

	.lo1m .box .ul1 .li1 .lrt .img{width: calc(50% - 8px);float: left;position: relative;box-sizing: border-box;overflow: hidden;margin-bottom: 16px;}

	.lo1m .box .ul1 .li1 .lrt .img:nth-child(2n){float: right;}

	.lo1m .box .ul1 .li1 .lrt img{width: 100%;float: none;}

	.lo1m .box .ul1 .li1 .lrt .img .imgtc{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

	.lo1m .box .ul1 .li1 .lrt .img .imgtc div{width: 100%;height: 100%;background: #000;}

	.lo1m .box .ul1 .li2 .llt .img{width: calc(50% - 8px);float: left;position: relative;box-sizing: border-box;overflow: hidden; margin-bottom: 16px;}

	.lo1m .box .ul1 .li2 .llt .img:nth-child(2){float: right;}

	.lo1m .box .ul1 .li2 .llt .img img{width: 100%;}

	.lo1m .box .ul1 .li2 .llt .img:nth-child(3){width: 100%; float: right;}

	.lo1m .box .ul1 .li2 .llt .img .imgtc{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

	.lo1m .box .ul1 .li2 .llt .img .imgtc div{width: 100%;height: 100%;background: #000;}
	
	.lo1m .box .ul1 li .img2{width: 100%;position: relative;box-sizing: border-box;overflow: hidden;margin-bottom: 16px;}

	.lo1m .box .ul1 .li5 .img2:last-child img{margin: 0;}

	.lo1m .box .ul1 li .img2 img{display: block;width: 100%;}

	.lo1m .box .ul1  li .img2 .imgtc{position: absolute;width: 100%;height:100%;top: 0;left: 0;}

	.lo1m .box .ul1  li .img2 .imgtc div{width: 100%;height: 100%;background: #000;}

	#main .more_sf{display: none;}








}