/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span{ margin:0; padding:0; border:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
ol,ul,li{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:''}
abbr,acronym{ border:0;}
a,a:hover{ text-decoration:none;outline:none;}
input{outline:none;}

/*文字排版*/
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.t2{ text-indent:2em;}
.lh150{ line-height:150%;}
.unl{ text-decoration:underline;}
.no_unl{ text-decoration:none;}

/*定位*/
.bl{ display:block;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}
.clearfix::after ,.clearfix::before{ height: 0px;overflow: hidden;display: block;content: "\0020";}
.clearfix::after {clear: both;}
.clearfix {-ms-zoom: 1; clear:both; }

.vm{ vertical-align:middle;}
.pr{ position:relative;}
.pa{ position:absolute;}
.abs-right{ position:absolute; right:0;}
.zoom{ zoom:1;}
.hidden{ visibility:hidden;}
.none{ display:none;}
.redcolor{ color:#F00;}

.w{ width:100%;}
.h{ height:100%;}

/*网站基本定义*/
html{ font-size:14px;}
body{ width:100%;
	font-family:"Microsoft YaHei", Arial; font-weight:lighter;
	font-size:14px;
	margin:0 auto;
	color:#666666;
	height:auto;
	line-height:24px;
	background:#ffffff;
	}
h1,h2,h2,h4,h5,h6{ font-size:16px;}
a,a:hover{color:#333333; text-decoration: none;}
html,body {
    height: 100%
}
* {   -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

/*网站基本定义 >1440*/
#warp{ width:100%;margin:0 auto; position:relative;}
input[type="text"]:focus{ border:1px solid #d9cdbb; box-shadow:0px 0px 5px #d9cdbb;}
.topcon{ width:100%; position:relative;}
/*home*/
.wcon{ width:1200px; margin:0 auto;}
#header{ height:89px; width:100%; position:absolute; left:0px; top:0px; z-index:222; border-bottom:1px solid rgba(255,255,255,0.2); color:#ffffff;}
.logo{ width:166px; padding-top:50px; height:40px; background:url(../images/logo.png) no-repeat left center; float:left;}
.logo a,.logo a:hover{ width:166px; padding-top:50px; height:40px; float:left; text-indent:-999999px;}
.menu{ width:593px; float:right; line-height:40px; color:#ffffff; font-size:14px; padding-top:25px;}
.menu li{float:left; margin-left:60px;}
.menu li a{ color: #ffffff; padding:0; height:60px; display: block;}
.menu li a:hover,.menu li.cur a,.menu li.active a{ color: #ffffff; border-bottom: 4px solid #ffaa33;}
.appmenubtn{ display:none;}
#banner { width:100%;}
#banner .owl-controls{
	padding:20px 0px;
    background: rgba(45,82,242,0.85);
    width: 35%;
    position: absolute;
    left: 0px;
    bottom: 0;
	z-index:2;
}
#banner .owl-controls .owl-nav div{ font-size:0;line-height:0; text-indent:-9999px; width:10px; height:16px; border-radius: 0;display:block; position:absolute; top:35%;}
#banner .owl-controls .owl-nav .owl-prev{ left:45%; background: url(../images/bannernav_03.png) center center no-repeat; }
#banner .owl-controls .owl-nav .owl-next{ right:8%; background: url(../images/bannernav_05.png) center center no-repeat; }
#banner .owl-controls .owl-nav div:hover{ opacity:1;}
#banner .owl-controls .owl-dots{
	padding-top:10px;
	text-align: center;
    padding-top: 10px;
    padding-right:85px;
	padding-left:53%;
}
.owl-theme .owl-dots .owl-dot span{
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#ffffff;
}
.owl-theme .owl-dots .owl-dot.active span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	width:6px;
	height:6px;
	border:4px solid #ffaa33;
}

.scroll{
	position:absolute; left:50%; bottom:45px;
	width:30px;
	height:42px;
	z-index:999;
}
.scroll img{
	animation:Updown 1s infinite alternate;
}
@keyframes Updown{
	from{
		margin-top:30px;
	}
	to{
		margin-top:10px;
	}
}

/*service css*/
.serviceCon{ width:100%; padding:90px 0px;}
.serviceTit,.caseTit,.PartnerTit{ width:100%; padding-bottom:50px;}
.serviceTit h2{ width:100%; height:39px; text-align:center; font-size:42px; font-weight:bold; color:#1a1a1a; background:url(../images/serviceTit.png) no-repeat center center; padding-top:50px;}
.serLine{ width:29px; height:4px; background:#2d52f2; margin:30px auto;}
.serviceTit h4,.caseTit h4,.PartnerTit h4{ text-align:center; color:#333333;}
.serviceConlist{ width:100%;}
.serviceConlist li{ width:31%; float:left; margin-right:3.5%;}
.serviceConlist li a{ width:84%; float:left;  background:#f0f0f0;cursor:pointer; padding:10% 8%;}
.serviceConlist li a:hover,.serviceConlist li a.cur,.serviceConlist li a.cur:hover{ width:84%; float:left; background:#2d52f2; color:#ffffff;  padding:10% 8%;}
.serviceConlist li a span.s1{ width:115px; height:114px; background:url(../images/service01.png) no-repeat 0 0; margin:0 auto; display:block; }
.serviceConlist li a:hover span.s1,.serviceConlist li a.cur span.s1,.serviceConlist li a.cur:hover span.s1{ width:115px; height:114px; background:url(../images/service01_1.png) no-repeat 0 0; margin:0 auto; display:block; }
.serviceConlist li a span.s2{ width:115px; height:114px; background:url(../images/service02.png) no-repeat 0 0; margin:0 auto; display:block; }
.serviceConlist li a:hover span.s2,.serviceConlist li a.cur span.s2,.serviceConlist li a.cur:hover span.s2{ width:115px; height:114px; background:url(../images/service02_1.png) no-repeat 0 0; margin:0 auto; display:block; }
.serviceConlist li a span.s3{ width:115px; height:114px; background:url(../images/service03.png) no-repeat 0 0; margin:0 auto; display:block; }
.serviceConlist li a:hover span.s3,.serviceConlist li a.cur span.s3,.serviceConlist li a.cur:hover span.s3{ width:115px; height:114px; background:url(../images/service03_1.png) no-repeat 0 0; margin:0 auto; display:block; }

.serviceConlist li h2{ font-size:18px; color:#333333; font-weight:bold; text-align:center; padding-top:30px; padding-bottom:20px;}
.serviceConlist li a:hover h2,.serviceConlist li a.cur h2,.serviceConlist li a.cur:hover h2{ color:#ffffff;}
.serviceConlist li p{ width:100%; height:120px;}
.serviceConlist li.clearmargin{ margin-right:0px;}


/*solution css*/
.solutionCon{ width:100%;}
.solutionConT{ width:100%; padding:100px 0px 20px; background:url(../images/blackbj.png) repeat-x left top #2d52f2;}
.solutionTit{ width:100%; padding-bottom:50px;}
.solutionTit h2{ width:100%; height:39px; text-align:center; font-size:42px; font-weight:bold; color:#ffffff; background: url(../images/SolutionsTit.png) no-repeat center center; padding-top:50px;}
.soLine{ width:29px; height:4px; background:#ffffff; margin:30px auto;}
.solutionTit h4{ text-align:center; color:#ffffff;}
.solutionC{ width:100%; position:relative;}
.solutionCimg{ width:100%; height:auto;}
.solutionCimg img{ width:100%; position:relative;}
.solutionCw{ width:100%; height:231px; background:url(../images/blackbtmbj.png) repeat-x left top; position:absolute; left:0px; bottom:0px; padding-top:290px;}
.solutionCwTit{ width:100%; position:relative;}
.solutionCwTit h2{ font-size:30px; font-weight:bold; background: url(../images/yellowbj.png) repeat-x left bottom; color:#ffffff; height:33px;}
.solutionCwTit span{ float: left; width:24px; height:21px; background:url(../images/whitearrow.png) no-repeat left center; margin:5px 0px 0px 10px;}
.solutionwords{ width:70%; font-size:16px; line-height:30px; color:#ffffff; padding-top:20px;}
.solutionmenu{ width:100%; height:110px; background:#ffffff; box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.15); margin:15px 0px 95px; overflow:hidden;}
.solutionmenu ul li{ float:left; width:20%; text-align:center;}
.solutionmenu ul li a span{ display:block; padding-top:25px;}
.solutionmenu ul li.s1,.solutionmenu ul li.s2,.solutionmenu ul li.s3,.solutionmenu ul li.s4,.solutionmenu ul li.s5{ float:left; width:20%; height:110px;  text-align:center;}
.solutionmenu ul li.s1 a{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat 100px 20px; }
.solutionmenu ul li.s1 a:hover{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat 100px -120px #2d52f2; color:#ffffff;}

.solutionmenu ul li.s2 a{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -98px 20px; }
.solutionmenu ul li.s2 a:hover{ float:left; width:100%; height:70px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -98px -120px #2d52f2; color:#ffffff;}

.solutionmenu ul li.s3 a{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -292px 20px; }
.solutionmenu ul li.s3 a:hover,.solutionmenu ul li.s3 a.cur,.solutionmenu ul li.s3 a.cur:hover{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -292px -120px #2d52f2; color:#ffffff;}

.solutionmenu ul li.s4 a{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -490px 20px; }
.solutionmenu ul li.s4 a:hover{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -490px -120px #2d52f2; color:#ffffff;}

.solutionmenu ul li.s5 a{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -695px 20px; }
.solutionmenu ul li.s5 a:hover{ float:left; width:100%; height:65px; padding-top:45px; background: url(../images/solutionpic1.png) no-repeat -695px -120px #2d52f2; color:#ffffff;}

/*Cases css*/
.cases{ width:100%; padding-bottom:75px; padding-top:115px;}
.caseTit h2{ width:100%; height:39px; text-align:center; font-size:42px; font-weight:bold; color:#1a1a1a; background:url(../images/casesTit.png) no-repeat center center; padding-top:50px;}
.casecon{ width:100%; overflow:hidden;}
.caselist{ width:33.33%; height:333px; float:left; position:relative;}
.caselist img{ width:100%;}
.caselist a.cur{ width:100%; height:333px; float:left; background:rgba(45,82,242,0.9);}
.caselist a:hover img,.caselist a.cur img,.caselist a.cur:hover img{ opacity:0.6;}
.casewd{ width:90%; height:40px; position:absolute; left:0px; bottom:0; background:rgba(0,0,0,0.6); color:#ffffff; padding:25px 5%;}
a:hover .casewd,a.cur .casewd,a.cur:hover .casewd{ width:90%; height:40px; position:absolute; left:0px; bottom:0; background:rgba(45,82,242,0.9) url(../images/whitearrow.png) no-repeat 95% center; color:#ffffff; padding:25px 5%;}
.casewd1 h3{ font-size:16px; font-weight:bold;}
.casewd1 h4{ background:url(../images/bluebj.png) repeat-x left bottom; font-size:14px; width:17%;}
a:hover .casewd1 h4,a.cur .casewd1 h4,a.cur:hover .casewd1 h4{ background:url(../images/yellowbj1.png) repeat-x left bottom; font-size:14px; width:17%;}

/*Partner css*/
.Partner{ width:100%; padding-bottom:65px;}
.PartnerTit h2{ width:100%; height:39px; text-align:center; font-size:42px; font-weight:bold; color:#1a1a1a; background:url(../images/PartnerTit.png) no-repeat center center; padding-top:50px;}
.PartnerCon{ width:100%; overflow:hidden;}
.PartnerCon ul li{ width:25%; float:left; text-align:center; padding-bottom:15px;}
.PartnerCon ul li a{ width:99%; float:left; height:116px; line-height:116px;  border:1px solid #ffffff; text-align:center;}
.PartnerCon ul li img{ margin:0px; padding:0px; border:0px; vertical-align:middle; }
.PartnerCon ul li a img{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	opacity:0.5;
}
.PartnerCon ul li a:hover{ width:99%; float:left; height:116px; line-height:116px;  border:1px solid #e5e5e5; text-align:center;}
.PartnerCon ul li a:hover img{
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:none;
	opacity:1;

}

/*about css*/
.about{ width:100%; position:relative; padding-top:77px;}
.aboutConbj{width:100%; height:auto; background: url(../images/aboutbj.png) no-repeat left top; overflow:hidden;}
.aboutBlue{ width:645px; height:650px; background:url(../images/about3.png) no-repeat right top; position:absolute; right:0px; top:0px;}
.aboutYuntai{ width:1082px; height:132px; background:url(../images/abouttit.png) no-repeat left center; position:absolute; left:163px; top:138px; z-index:3;}
.aboutPic{ width:593px; height:774px; background:url(../images/about2.png) no-repeat left top; position:absolute; right:233px; top:73px; z-index:2;}
.aboutCon{ width:1200px; margin:62px auto 0px;}
.aboutTit{ font-size:42px; line-height:60px; color:#ffffff; font-weight:bold; padding-bottom:45px;}
.aboutCon p{ width:100%; line-height:30px; font-size:16px; color:#999999; width:54%;}
.aboutCon span{ display:block; width:57px; background:url(../images/bluebj.png) repeat-x left bottom; color:#ffffff; padding-top:30px; text-align:center; cursor:pointer;}
.abotCont{ width:100%; padding-top:100px; overflow:hidden;}
.abotCont ul li.tel{ float:left; padding:12px 20px; border-radius:30px; background: url(../images/tel.png) no-repeat 15px center #2d52f2; font-size:16px; color:#ffffff; text-indent:24px; margin-right:30px; cursor:pointer;}
.abotCont ul li.zixun{  float:left; padding:12px 20px; border-radius:30px; background: url(../images/zx.png) no-repeat 15px center #ffaa33; font-size:16px; color:#ffffff; text-indent:24px; margin-right:10px;  cursor:pointer;}
.aboutwhitebj{ width:1200px; padding:50px 0px 20px; height:200px; overflow:hidden; background:#ffffff; margin-top:225px; box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.15); margin-bottom:100px;}
.aboutNews{ width:90%; margin:0 auto; overflow:hidden;}
.aboutNews ul li{ width:45%; overflow:hidden;}
.aboutNews ul li .date{ width:20%; float:left; text-align:right; padding-right:5%; color:#333333;}
.aboutNews ul li .date h3{ font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; }
.aboutNews ul li .date h4{ font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.aboutNews ul li .newswords{ width:75%; float:right;}
.aboutNews ul li .newswords a h3{ font-size:18px; font-weight:bold; padding-bottom:20px;}
.aboutNews ul li .newswords a p{ width:100%; font-size:14px; line-height:26px; padding-bottom:50px; background:url(../images/jt.png) no-repeat left bottom; }
.aboutNews ul li .newswords a:hover h3{ font-size:18px; font-weight:bold; padding-bottom:20px; color:#2d52f2;}
.aboutNews ul li .newswords a:hover p{ width:100%; font-size:14px; line-height:26px; padding-bottom:50px; background:url(../images/jt1.png) no-repeat left bottom; color:#333333;}
.businessScrol .owl-controls{ position: absolute; left:50%; bottom:0; margin-left:-51px;}
.businessScrol .owl-dots .owl-dot span{ width:17px; height:17px; background:url(../images/dot2.png) no-repeat left center; }
.businessScrol  .owl-dots .owl-dot.active span{ width:17px; height:17px;  background:url(../images/dot.png) no-repeat left center; border:none; }


/*footer css*/
.footer{ width:100%; border-top:1px solid #ededed; padding-top:20px;}
.footerMenu{ width:100%; overflow:hidden; padding-bottom:30px;}
.footerMenu a{ float:left; margin-right:20px; color:#333333;}
.footerMenu a.nomargin{ margin-right:0px;}
.footerMenu a:hover{ color:#2d52f2;}
.footerWords{ width:100%; overflow:hidden;}
.footerWordsL h3{ font-size:18px; font-weight:bold; color:#333333;}
.footerWordsL p{ padding-top:10px; line-height:24px; color:#999999; padding-bottom:40px;}
.footerWordsR{ padding-top:10px;}
.footerWordsR span{ display:block; text-align:center; line-height:24px; color:#333333; padding-top:5px;}
.footerTj{ width:100%; height:auto; padding:50px 0px 30px; background:#2d52f2; position:relative; display:none; position:absolute; left:0px; bottom:0px; z-index:999;}
.close{ width:27px; height:27px; background: url(../images/close.png) no-repeat left center; position:absolute; right:2%; top:20px; cursor:pointer;}
.footerTjtit h3{ height:38px; line-height:32px; font-size:32px; color:#ffffff; font-weight:bold; background:url(../images/yellowbj.png) repeat-x left bottom; width:41.4%;}
.footerbd{ width:100%; padding-top:20px;}
.footerbd ul{  overflow:hidden;}
.footerbd ul li{ float:left; margin-right:10px;}
.footerbd ul li.nomargin{ margin-right:0px;}
.footerbd ul li .input1{ width:260px; padding-left:6px; height:50px; line-height:50px; background:#ffffff; border:none; color:#999999; font-size:16px;}
.footerbd ul li .input2{ width:457px; padding-left:6px; height:50px; line-height:50px; background:#ffffff; border:none; color:#999999;  font-size:16px;}
.footerbd ul li button{ width:175px; text-align:center; height:50px; line-height:50px; background: url(../images/penceil.png) no-repeat 45px center #262626; border:none; color:#ffffff; font-size:18px; border: none;}
.footerbd h3{ font-size:16px; padding-top:15px; color:#ffffff;}
.submitBtn{ width:170px; height:58px; line-height:58px; text-align:center; color:#ffffff; cursor:pointer; background:url(../images/penceil.png)  no-repeat 20px center #2d52f2; position: absolute; right:0px; bottom:50px; z-index:999;}

@media (max-width:1440px){
    #warp,#header,#banner{ min-width:100%;}
   .wcon,.service,.profileYx,.contactCon{ width:1200px;}
   .menu{ right:0;}
   .logo{ background-size: auto 100%; height:61px;}

}

@media (max-width:1290px){
	.logo,.logo a{ width:220px}
	.wcon{ width:95%; margin: 0 auto;}

}
@media (max-width:970px){
	.wcon{ width:100%;}
	.serviceCon,.cases{ width:100%; margin:0 auto; padding:30px 0px 0px;}
	.serLine,.soLine{ margin:10px auto;}
	.serviceTit h2,.solutionTit h2,.caseTit h2,.PartnerTit h2{ background-size:75%; font-size:36px;}
	.PartnerTit h4,.caseTit h4{ width:95%; margin:0 auto;}
	.solutionConT { padding:30px 0px 0px;}
	.owl-carousel .owl-item img{ width:120%; cursor: pointer;}
	#banner .owl-controls{ width:100%; padding:0px; }
	#banner .owl-controls .owl-dots{ width:100%; text-align:center;}
	#banner .owl-controls .owl-nav div{ top:15%;}
	.serviceConlist li{ width:100%; margin:0 auto; margin-right:0px;}
	.serviceConlist li p{ height:auto;}
	.serviceConlist li a span.s1,.serviceConlist li a.cur span.s2,.serviceConlist li a span.s3{ background-size:85%; background-position:10px center;}
	.serviceConlist li h2{ padding:10px;}
	.solutionCimg{ width:200%;}
	.solutionCwTit,.solutionwords{ width:95%; margin:0 auto;}
	.solutionCw{ padding-top:245px; height:280px;}
	.solutionmenu{ display:none;}
	.caselist,.caselist a.cur{ width:100%; display:block; height:auto;}
	.casewd1 h4,a:hover .casewd1 h4, a.cur .casewd1 h4, a.cur:hover .casewd1 h4{ width:24%;}
	.Partner{ padding-top:30px;}
	.PartnerCon{ width:95%; margin:0 auto;}
	.PartnerCon ul li{ width:23%; margin:1% 5%; height:auto; padding:0px; }
	.PartnerCon ul li a{ height:60px; line-height:60px;}
	.PartnerCon ul li a img{ width:100%;}
	.PartnerTit{ padding-bottom:30px;}
	.aboutPic,.aboutBlue{ display:none;}
	.about{ padding-top:0px;}
	.aboutYuntai{top: 0px; left: 50%; background:url(../images/app/abouttit.png) no-repeat left center; background-size: 35%; margin-left: -48%;}
	.aboutTit{ font-size:24px; padding-bottom:20px; line-height:30px; margin-left:20px; margin-top:20px;}
	.aboutCon{ width:95%; margin:0 auto;}
	.aboutCon p{ width:100%; margin:0 auto;}
	.abotCont,.aboutCon span{ display:none;}
	.aboutwhitebj{ width:100%; margin:30px auto;  padding:20px 0px;}
	.aboutNews ul li{ width:100%; display:block;}
	.businessScrol .owl-controls{ bottom:-25px;}
	.footerWords{ width:95%; margin:0 auto;}
	.footerMenu{ display:none;}
	.footerWordsL p{ padding-bottom:10px;}
	.footerWordsR{ display:none;}
	.footerTjtit h3{ width:95%; margin:0 auto; font-size:24px;}
	.footerbd ul{ width:95%; margin:0 auto;}
	.footerbd ul li { width:100%; margin-bottom:10px;}
	.footerbd ul li .input1{ width:100%; }
	.footerbd ul li button{ width:100%;background: url(../images/penceil.png) no-repeat 40% center #262626;}
	.footerbd h3{ width:95%; margin:0 auto;}
	.footerTj{ padding:20px 0px;}
	.submitBtn{ display:none;}
}
@media (max-width: 767px){
	.logo{ background:url(../images/app/logo.png) no-repeat left center;}
	.logo,.logo a{ width:auto; margin-left:-15px;}
	.wcon{ width:100%;}
	.appmenubtn{ height: 50px; overflow: hidden;}
	.appmenubtn,.appmenubtn .logo{ display: block;}
	.appmenubtn .logo{background-size:auto 30px; width:246px; left: 30px; top:-30px; position: relative;}
	#header { height: auto;position:relative; }
	#header .padd{ padding: 0}
	.menu{ line-height: 40px;}
	.menu{ display: none; background: #1b0569; top: 0; height: 100vh; overflow:hidden; width:40%; right: -40%; position: fixed; z-index: 999;  margin-left: 0%; padding-top: 0;}
	.menu li{ margin-left: 0;display: block; width:100%;display:block; text-align: left;border-bottom: 1px solid #342763;}
	.menu li a{   text-align: center;;  background: #1b0569;height: auto;}
	.menu li a,.menu li a:hover,.menu li.cur a{border-bottom:none;  display: block; color: #fff;}
	.menu li a:hover{ opacity: 0.8}
	.menubtn{ cursor:pointer; width: 70px;height: 50px;float: right;text-indent: -9999px;overflow: hidden;display: block;background: #1b0569 url("../images/app/hamburger.gif") no-repeat 50% 50%;}

	#banner .owl-controls .owl-nav .owl-prev{ left:0; background-size:auto;}
	#banner .owl-controls .owl-nav .owl-next{ right:0;background-size:auto;}
	.zhezhao{ position: fixed; top:0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.1); z-index: 222;}
	.owl-theme .owl-dots .owl-dot{ margin: 0 5px;}
	.scroll img{animation:none; display:none;}

}

@media (max-width:480px){

}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5){

}