*{
	box-sizing: border-box;
}
 body,select,input,view,text,button,textarea{
     font-family: 'microsoft yahei','PingFang SC',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	font-size: 14px; color: #333;  background: #edf1f6;
	overflow-x: hidden;line-height: 1.6; 
}
a{
	color: inherit; 
}
a:hover{
	color: inherit;
}

img{
	max-width: 100%;
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}

.wow{
	visibility: hidden;
}
.wrapper{
	width:1580px; margin: 0 auto; position: relative;
}

.wrapper:after,
.wrapper:before,
.clearfix:after{
	content: "";display: table; clear: both; height: 0; visibility: hidden;
}
.fl,.left{
	float: left;
}
.fr,.right{
	float: right;
}
/*header*/
.header {
  background: #fff; height: 80px; padding: 0 80px 0 75px; position: relative; z-index: 99;
}
.header .logo{
	float: left; margin-top: 6px;
}
.header .attr{
	float: right; margin-top: 20px;margin-left:80px;
}
.header .attr li{
	display: inline-block;vertical-align: top; position: relative;margin-left: 20px;
}
.header .attr .icon{
	width: 41px; height: 40px; background-size:cover ; display: block; cursor: pointer;background-position:center top;
}
.header .attr .icon-weixin{
	background-image:url(../imgs/weixin.png) ;
}
.header .attr .icon-shop{
	background-image:url(../imgs/shop.png) ;
}
.header .attr .icon-douyin{
	background-image:url(../imgs/douyin.png) ;
}
.header .attr .icon:hover{
	background-position:center bottom;
}
.header .attr .qr{
	position: absolute; left: 50%; top: 65px; width: 145px; height: 150px; background: #fff; border-radius: 10px; margin-left: -72.5px; z-index: 1;text-align: center; line-height: 1;text-align: center; border-radius: 6px; padding-top: 5px; font-size: 12px; color: #999999;  display: none;
}
.header .attr .qr:after{
	position: absolute; left: 50%; margin-left: -7px; top: -7px; content: "";
	background: url(../imgs/icon-top.png) no-repeat; width: 14px; height: 7px;
}
.header .attr .qr img{
	width: 122px; height: 122px;
}
.header .attr li.active .qr,
.header .attr li:hover .qr{
	display: block;
}

.header .nav{
	float: right; line-height: 1; 
}
.header .nav>ul>li{
	display: inline-block;vertical-align: middle;  line-height: 80px; padding: 0 20px; font-size: 18px; color: #999999;
}
.header .nav>ul> li >a{
	display: block; position: relative;
}
.header .nav>ul> li.active,
.header .nav>ul> li:hover{
	color: #000033;
}
.header .nav>ul> li.active> a:after,
.header .nav>ul> li:hover> a:after{
	position: absolute; left: 0; right: 0; bottom: 18px; background: #000033; height: 1px; content: "";
}
.header .subnav{
	position: absolute; left: 0; right: 0; top: 80px; height: 80px; background: #000033; background: rgba(0,0,51,0.6); padding-top: 20px;text-align: center; display: none;
}
.header .subnav ul{
	width: 1280px; margin: 0 auto;
}
.header .subnav li{
	line-height: 35px; height: 35px; color: #fff; font-size: 16px; color: #fff;display: inline-block;vertical-align: top; margin: 0 10px;
}
.header .subnav li a{
	padding: 0 15px; display: block; border-radius: 8px;
}
.header .subnav li.active a,
.header .subnav li:hover a{
	background: #cc9966;
}
.header .subnav.active{
	display: block;
}
.header .subnav.t1{
	text-align: right; padding-right: 280px;
}
.header .subnav.t2{
	text-align: right; padding-right: 50px;
}
.header .nav>ul> li:hover .subnav{
	display: block;
}
.banner{
	height: 999px; height: calc(100vh - 80px);
}
.banner .img{
	height: 999px;height: calc(100vh - 80px); background-repeat:no-repeat ; background-size:cover ; background-position:center ;
}
.banner .swiper-pagination-bullet{
	width: 6px; height: 6px; background: #fff;vertical-align: middle; opacity: 1;
	transition: all 0.3s;
}
.banner.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 12px auto; display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets{
	right: 28px;
}
.banner .swiper-pagination-bullet-active{
	width: 14px; height: 14px;
}
.banner li{
	position: relative;
}
.banner .img .tit{
	position: absolute; top: 50%; left: 0; right: 0;text-align: left;
	width: 1280px; margin: 0 auto;  margin-top: -55px;
}
/*.banner .swiper-pagination{
	left: auto; top: 45%; bottom: 0; right: 30px; width: 15px; line-height: 1;
}*/
.footer{
	background: url(../imgs/bg01.jpg) #000033; color: #fff; padding: 38px 0; height: 180px; font-size: 16px;
}

.footer .logo{
	 margin-top: 28px; float: left; margin-left: 55px; margin-right: 55px;
}
.footer .txt-l{
	float: left; width: 560px; line-height: 1.7;
}
.footer .txt-r{
	float: right; width: 500px;text-align: right; padding-top: 30px; line-height: 1.8; margin-right: 11%;
}
.footer .txt-r .tel{
	font-size: 18px; font-weight: bold;
}
.sidebar{
	position: fixed; right: 0; bottom: 60px; z-index: 99;
	
}
.sidebar li{
	background: #000033; width: 55px; height:60px; line-height: 60px;text-align: center; position: relative;
}
.sidebar li>a img{
	vertical-align: middle; width: 30px;
}
.sidebar li+ li{
	border-top: 1px solid #fff;
}
.sidebar li .txt{
	position: absolute; top: 0; right: 55px; width: 180px; height: 60px; line-height: 60px; text-align: center; background: #000033; color: #fff; font-size: 22px; border-radius: 8px 0 0 8px;text-align: right; padding-right: 10px; display: none;
}
.sidebar li:hover .txt{
	display: block;
}

.mbanner{
	height: 280px; background-position:center ; background-size:cover ; background-repeat:no-repeat ;
}

.mnav{
	height: 100px; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.08); line-height: 1;
}
.mnav dt{
	width: 240px; height: 100px; background: #000033;text-align: center; color: #cc9966; padding-top: 23px; line-height: 1.5; font-size: 12px; float: left; margin-right: 65px;
}
.mnav dt h3{
	font-size: 24px;
}
.mnav dt p{
	text-transform: uppercase;
}
.mnav dd{
	float: left; margin-top: 32px; padding: 0 40px; line-height: 35px; font-size: 20px; color: #cc9966;position: relative;
}
.mnav dd+dd:before{
	position: absolute; left: 0; top: 0; height: 35px; content: ""; width: 1px; background: #cccccc;
}
.mnav dd.active,
.mnav dd:hover{
	color: #000033;
}

.gmain{
	background: #fff; margin: 85px auto 70px; padding: 30px 40px;
}
.mtit{
	line-height: 1.3;
}
.mtit h2{
	font-size: 30px;
}
.mtit h4{
	font-size: 16px; text-transform: uppercase;
}
.mvideo{
	margin: 50px auto 35px; width: 1281px;  
}
.mvideo video{
	width: 100%;
}
/**/
.mcomp{
	margin-top: 45px; margin-bottom: 45px; font-size: 14px; color: #666666; line-height: 1.7;
}
.mcult{
	margin: 50px 0 40px;
}

.mcult-hd .list{
	text-align: center; margin-top: 110px; margin-bottom: 85px;
}
.mcult-hd .list li{
	display: inline-block;vertical-align: top; width: 30%;
}
.mcult-hd .list dt{
	display: block;
}
.mcult-hd .list dt .big{
	width: 145px; height: 145px; border-radius: 50%; background: #353d7d; color: #fff; text-align: center; line-height: 145px; font-size:76px; display: block; margin: 0 auto;
}
.mcult-hd .list dt h4{
	font-size: 27px; color: #cc0000; margin-top: 5px;
}
.mcult-hd .list dd{
	display: inline-block;vertical-align: top; padding: 0 10px; font-size: 18px; color: #595757; margin-top:8px ;
}
.mcult-hd .list dd h3{
	font-size: 23px; color: #000;
}
.mcult-hd .list dd p{
	margin-top: 10px;
}
.mcult-row{
	text-align: center;
}
.mcult-row .tit{
	font-size: 30px; color: #000; margin-bottom: 50px;
}
.mcult-row .img{
	margin-bottom: 50px;
}
.mcult-row .txt{
	margin-bottom: 60px; font-size: 14px; color: #666666; line-height: 1.8;
}
.mcult-row .txt h3{
	font-size: 24px; font-weight: bold; color: #000;
}
.mbrand{
	margin: 50px 0;color: #666666;
}
.mbrand .txt{
	color: #666666; line-height: 1.8;
}
.mbrand .logo{
	padding: 200px 0; text-align: center;
}
.mbrand .img p+p{
	margin-top: 25px;
}
.pt70{
	padding-top: 70px;
}
.mbrand1{
	margin: 60px 0 30px;
}
.mbrand1-row{
	margin-bottom: 10px;
}
.mbrand1-row .img{
	position: relative;
}
.mbrand1-row .img img{
	display: block;
}
.mbrand1-row .img h2{
	position: absolute; left: 40px; top: 40px; font-size: 60px; z-index: 1;
	color: #fff;
}
.mbrand1-row .txt{
	padding:45px 0; font-size: 14px; color: #666666; line-height: 1.8;
}
.mideas{
	margin: 60px 0 60px;text-align: center;
}
.mideas .txt{
	margin-bottom: 70px; font-size: 18px; color: #666666; line-height: 2;
}
.mcoop{
	margin: 50px 0 100px;
}
.mcoop .txt{
	color: #666666; line-height: 1.9; margin-bottom: 100px;
}
.mcoop .img ul{
	height: auto; overflow: hidden; padding: 0 30px;
}
.mcoop .img li{
	width: 20%; float: left;text-align: center; line-height: 177px;
}
.mcoop .img li img{
	vertical-align: middle;
}
/**/
.gmain1{
	margin: 55px auto 95px;
}
.gmain1 .mtit{
	padding-left: 45px;
}
.mlist {
	margin-top: 30px;
}
.mlist ul{
	height: auto; overflow: hidden; margin:-17px -8px;
}
.mlist li{
	margin:17px 8px; float: left; width: 380px; height: 490px; background: #fff;text-align: center; padding: 20px 17px;
}
.mlist .img{
	margin-bottom: 28px;
}
.mlist .txt{
	color: #666666; text-transform: uppercase;
}
.mlist .txt h3{
	font-size: 18px; margin-bottom: 2px;
}
.mlist li:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}
/**/
.mdetail-hd{
	text-align: center; color: #666666; padding-top: 30px; line-height: 1.5;
}
.mdetail-hd h2{
	font-size: 30px; text-transform: uppercase;
}
.mdetail-hd h3{
	font-size: 24px;
}
.mdetail-hd .attr{
	font-size: 18px; color: #999999; margin-top: 20px;
}
.mdetail-bd{
	margin-top: 40px;color: #666666; line-height: 1.9;
}
.mdetail-ft{
	margin-top: 75px;text-align: center;position: relative; padding-top: 35px; padding-bottom: 35px;border-top: 1px solid #cccccc; 
}
.mdetail-ft .btn-l{
	position: absolute; left: 0; top: 35px; line-height: 45px; background: url(../imgs/btn-prev.png) left center no-repeat; padding-left: 50px; font-size: 18px; color: #999999;
}
.mdetail-ft .btn-r{
	position: absolute; right: 0; top: 35px; line-height: 45px; background: url(../imgs/btn-next.png) right center no-repeat; padding-right: 50px;font-size: 18px; color: #999999;
}
.mdetail-ft .btn{
	display: inline-block; width: 260px; height: 45px; text-align: center; line-height: 45px; font-size: 18px; color: #fff; background: #cc9966;
}
.mdetail-ft .btn:hover{
	opacity: 0.9;
}
.mtxtlist{
	margin-top: 20px;
}

.mtxtlist li .wrapper{
	border-bottom: 1px solid #cccccc; margin-bottom: 1px;  padding: 35px 0; height: auto; overflow: hidden;
}
.mtxtlist li .img{
	float: left; width: 369px; margin-right: 60px;
}
.mtxtlist li .txt{
	width: 980px; float: left; padding-top: 20px;
}
.mtxtlist li .txt h3{
	font-size: 24px; color: #000; margin-bottom: 20px;
}
.mtxtlist li .txt p{
	font-size: 18px; color: #999; line-height: 1.5;
}
.mtxtlist li .time{
	float: right; padding-right: 38px; text-align: center; font-size: 20px; line-height: 1.15; margin-top: 70px;
}
.mtxtlist li:last-child .wrapper{
	border-bottom: 0;
}
.mtxtlist li:hover{
	background: #fff;
}
.pagination{
	text-align: center; margin-top: 50px;
}
.pagination .btn{
	display: inline-block;vertical-align: middle; margin: 0 25px;
}
.pagination ul{
	display: inline-block;vertical-align: middle;
}
.pagination li{
	display: inline-block;vertical-align: middle; margin: 0 13px;
}
.pagination li a{
	display: block; min-width: 40px; height: 40px; line-height: 40px; font-size: 24px; color: #999999; padding: 0 10px;
}
.pagination li.active a,
.pagination li:hover a{
	background: #cc9966; color: #fff;
}
.pagination .btn-prev{
	background: url(../imgs/btn-prev.png) no-repeat center; width: 40px; height: 40px; 
}
.pagination .btn-next{
	background: url(../imgs/btn-next.png) no-repeat center; width: 40px; height: 40px;
}
.mqr{
	text-align: center; padding: 90px 0 120px; line-height: 1.2; font-size: 18px;
}
.mqr img{
	width: 395px;
}
.mqr p{
	margin-top: 15px;
}