/* CSS Document */
@media (min-width: 760px){
	html,body{ min-width: 1200px;}
	.layout{ min-width:1200px;}
	.container{ min-width:1200px;}
	.banner{min-width: 1200px;}
	.icase{ overflow: hidden;}
	
	/*方案*/
	.line-big.sysinfowhy{margin-left: -20px; margin-right: -20px;}
	.line-big.sysinfowhy .xs3{ padding-left: 20px; padding-right:20px;  margin-bottom: 10px;}
	.line-big.sysinfowhy .xs3 .wrap{ width:265px; height: 265px; border-radius: 50%; padding:36px;}
	.line-big.sysinfowhy .xs3 .wrap .ico{ font-size: 72px; color:#fff; line-height: 90px; margin-bottom: 10px; font-weight:100;}
	.line-big.sysinfowhy .xs3:nth-child(1) .wrap{ background: #f2aa3c;border:6px solid #fff0d9; }
	.line-big.sysinfowhy .xs3:nth-child(2) .wrap{ background: #88da6b;border:6px solid #daffcd; }
	.line-big.sysinfowhy .xs3:nth-child(3) .wrap{ background: #07a4e9;border:6px solid #d7f3ff; }
	.line-big.sysinfowhy .xs3:nth-child(4) .wrap{ background: #b781cd;border:6px solid #f7e3ff; }
	
	
	/*五大亮点*/
	.syslight{ border:1px solid #e8e8e8; border-top:2px solid #07a4e9; margin-top:90px; padding:150px 20px 20px; position: relative;}
	.syslight .hd{ position: absolute; top:-90px; left: 20px;}
	.syslight .hd li{ width:228px; float: left;}
	.syslight .hd li i{ display: block; width:166px; height: 166px; margin-left: auto; margin-right: auto; background-position: center; background-repeat: no-repeat;}
	.syslight .hd li div{ padding:10px 20px; text-align: center; font-size: 16px;}
	.syslight .hd li.on div{ color:#07a4e9;}
	.syslight .hd li:nth-child(1) i{ background-image:url(../images/ico_ld1.png); }
	.syslight .hd li.on:nth-child(1) i{ background-image:url(../images/ico_ld1_cur.png); }
	.syslight .hd li:nth-child(2) i{ background-image:url(../images/ico_ld2.png); }
	.syslight .hd li.on:nth-child(2) i{ background-image:url(../images/ico_ld2_cur.png); }
	.syslight .hd li:nth-child(3) i{ background-image:url(../images/ico_ld3.png); }
	.syslight .hd li.on:nth-child(3) i{ background-image:url(../images/ico_ld3_cur.png); }
	.syslight .hd li:nth-child(4) i{ background-image:url(../images/ico_ld4.png); }
	.syslight .hd li.on:nth-child(4) i{ background-image:url(../images/ico_ld4_cur.png); }
	.syslight .hd li:nth-child(5) i{ background-image:url(../images/ico_ld5.png); }
	.syslight .hd li.on:nth-child(5) i{ background-image:url(../images/ico_ld5_cur.png); }
	
	.syslight .bd .l1li{padding:30px; margin-bottom: 20px;}
	.syslight .bd .l1li:last-child{ margin-bottom: 0;}
	.syslight .bd .l1li:nth-child(even){ background: #f4f4f4;}
	.syslight .bd .l1li .txtwrap{ padding:15px 30px;}
	.syslight .bd .l1li .f24{ margin-bottom: 10px;}
	
}
@media (min-width: 1000px){

}
@media (min-width: 1200px){

}


@media (max-width:1200px){

}

@media (max-width:1000px){

}

@media (max-width:760px){
	.insert{height:20px;}
	.height-big{ line-height: 26px!important;}
	.height-large{ line-height: 30px!important;}
	.container img{ max-width: 100%;}
	.margin-large-bottom{ margin-bottom: 20px;}
	
	
	.f36{ font-size: 26px;}
	.f30{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	.header{ height: 60px; }
	.header .logo{ margin-top: 0px; padding-top:5px; height: auto; margin-bottom: 10px; }
	.header .logo img{ height: 40px;}
	.header .logo .button{ position:absolute; top:0; right:-10px; border:0; padding: 0; background: none; margin: 0; color:#888; width:50px; height: 57px; line-height: 57px; text-align: center; border-radius: 0;}
	.header .navicon-cur{ background: #07a4e9!important; color: #fff!important;}
	.header .icon-navicon{ margin-top:7px;}
	.header .menu{ height: auto; position: absolute; width:100%; top:57px; border-top:3px solid #07a4e9;}
	.header .nav-menu{background: #2ba6ff;margin-left: -10px; margin-right: -10px; padding:7px 0 10px; }
	.header .nav-navicon{}
	.header .menu ul{ height: auto; background: #07a4e9;}
	.header .menu ul li{ width:100%; background: none;}
	.header .nav-menu li{ float: none; border-bottom: 1px solid #009bdf;}
	.header .nav-menu li:last-child{ border-bottom: none;}
	.header .nav-menu li a{ height: auto; line-height:normal; text-align: left; padding: 8px 20px; color:#fff; background: none;}

	.itab a{ font-size:14px; width:140px;}
	
	.ywbox{ height: auto; border-bottom:0;}
	.ywbox .ywctn{ float: none; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #eee; width: auto; height: auto;    border-right:0;}
	.ywbox .cur{ width:100%;}
	.ywbox .cur:before{ display: none;}
	.ywbox .right{ display: block; left:50%; width: auto; padding-left: 15px; padding-right: 15px; padding: 10px 15px; height: 300px;}
	.ywbox .right p{ line-height: 1.8; font-size: 12px;}
	.ywbox .left{ width:50%;}

/*
	.iapp .xl12 { margin-bottom: 15px;}
	.iapp .xl12 .wrap{ height: auto;}
	.iapp .xl12 .ctn{ bottom:0; top:auto; height: auto;}
	.iapp .xl12 .ctn h3,.iapp .xl12 .ctn .ico{ display: none;}
	.iapp .xl12 .ctn .showtxt{ padding:20px;}
	.iapp .xl12:hover .ctn{ top:auto;}
*/
	.iapp .line-big{ margin-left: -5px; margin-right: -5px;}
	.iapp .xl4 { margin-bottom: 15px; padding-left: 5px; padding-right: 5px;}
	.iapp .xl4 .wrap{ height: auto;}
	.iapp .xl4 .ctn{ bottom:0; top:auto; height: auto;}
	.iapp .xl4 .ctn .ico{ display: none;} /*.iapp .xl4 .ctn h3,*/
	.iapp .xl4 .ctn .showtxt{ padding:20px; display: none;}
	.iapp .xl4:hover .ctn{ top:auto;}
	.iapp .xl4 .ctn h3.padding{ background: #07a4e9; font-size: 14px; padding: 7px 0;}
	
	.iwhy .line ul li{ font-size: 14px; line-height: 24px; margin-bottom: 10px; padding-left: 25px;}
	.iwhy .line ul li span{ font-size: 20px; top:0px;}
	
	.icase{ height: auto;}
	.icaseslide{ height: auto;}
	.icaseslide .prev, .icaseslide .next{ display: none;}
	.icaseslide li{ height: auto; display: none;}
	.icaseslide li:first-child{ display: block;}
	.icaseslide li a{ width:33%; height: 50px; line-height: 50px;}
	.icaseslide li a img {max-height: 40px;max-width: 80%;}
	
	.footer .copyright{ text-align: center;}
	.footer .copyright a{ display: inline-block;}
	
	.inban{ overflow: hidden;}
	.inban img{ width:160%; margin-left: -30%;}
	
	.ititle{ height: 40px;}
	.ititle a{ padding:0 20px;height:40px;line-height: 45px; font-size: 14px;}
	
	
	.contact .media.media-x .float-left{ float:none!important; margin: 0; text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #eee;}
	.mapwrap{ height: 200px;}
	#allmap { height:300px;}
	
	/*about*/
	.about .height-big{ line-height: 26px!important;}
	.abtzz.line-big{ margin-left: -5px;margin-right: -5px;}
	.abtzz.line-big .xl6{ padding-left:5px; padding-right:5px;}
	.abtzz .xl6{ margin-bottom: 10px;}
	#my-video{ height: 260px;}
	
	/*joinlist*/
	.joinlist li{ padding:10px 15px;}
	
	
	.buscat .xs3 div{ font-size: 12px;}
	
	.searchlist{ margin-top:0;}
	.searchbox{ padding:10px;}
	.searchlist dl{ padding:15px 5px 5px 20px;}
	.searchlist dl:hover:before{ display: none;}
	
	
	
	.channel .line-big{ margin-left: -5px;margin-right: -5px;}
	.channel .line-big .xl6{ padding-left:5px; padding-right:5px;}
	.channel a.wrap:hover{ margin-top: 0px;}
	
	
	/*方案*/
	.sysinfowhy.line-big{ margin-left:-5px; margin-right: -5px;}
	.line-big.sysinfowhy .xs3{ padding-left: 5px; padding-right: 5px; margin-bottom: 20px;}
	.line-big.sysinfowhy .xs3 .wrap{ width:145px; height: 210px;}
	.line-big.sysinfowhy .xs3 .wrap .ico{ margin-left: auto; margin-right: auto; width:120px; height: 120px; border-radius:50%; font-size: 72px; color:#fff; line-height: 102px; margin-bottom: 10px; font-weight:100;}
	.line-big.sysinfowhy .xs3:nth-child(1) .ico{ background: #f2aa3c; border:6px solid #fff0d9; }
	.line-big.sysinfowhy .xs3:nth-child(2) .ico{ background: #88da6b; border:6px solid #daffcd; }
	.line-big.sysinfowhy .xs3:nth-child(3) .ico{ background: #07a4e9; border:6px solid #d7f3ff; }
	.line-big.sysinfowhy .xs3:nth-child(4) .ico{ background: #b781cd; border:6px solid #f7e3ff; }
	.line-big.sysinfowhy .xs3 .text-white{ color:#646464;}
	.sysinfoline{padding:15px; line-height: 24px;}
	.sysinfoline .xl12:first-child{ margin-bottom:20px; }
	
	
	.systx .wrap{ padding:10px;}
	.systx .wrap .f18{ font-size: 18px;}
	.systx .wrap .ico{margin-top:10px; margin-bottom: 10px;}
	.systx.line-big{ margin-left: -5px;margin-right: -5px;}
	.systx.line-big .xl6{ padding-left:5px; padding-right:5px; margin-bottom: 10px;}
	
	
	.syshr .wrap{ padding:25px 5px;height: 220px;}
	.syshr .wrap div.f24{ font-size: 14px; line-height: 30px;}

	
	.incase{ height: auto;}
	.incase .tit{ padding:30px 0 20px;}
	.incaseslide{ height: auto; padding-bottom: 0;}
	.incaseslide .bd li{ height: auto; display: none;}
	.incaseslide .bd li:first-child{ display: block;}
	.incaseslide .bd li a{ width:33%; height: 50px; line-height: 50px;}
	.incaseslide .bd li a img {max-height: 40px;max-width: 80%;}
	
	
	.botchoose{ padding:20px 0 10px;}
	.botchoose .choosebox{ margin:0;}
	.botchoose .choosebox .whybtn{margin-top:0; margin-bottom: 20px;}
	.botchoose .choosebox .xs8 ul{ margin: 0;}
	.botchoose .choosebox .xs8 ul li{ height: auto; line-height: 25px; margin-bottom: 15px;}
	.botchoose .choosebox .xs8 ul li i{top:0;}
	
	
	/*亮点*/
	.msyslight .tit{ height: 41px; background: #07a4e9; color:#fff; position: relative; padding-left: 80px; padding-right: 10px; line-height: 20px; margin-bottom: 30px;}
	.msyslight li{ margin-bottom:50px;}
	.msyslight li .tit i{ position: absolute; left: 0; top:-20px; width:70px; height: 80px; display: block; background-repeat: no-repeat; background-size: contain;}
	.msyslight li:nth-child(1) .tit i{background-image: url(../images/ico_ld1.png);}
	.msyslight li:nth-child(2) .tit i{background-image: url(../images/ico_ld2.png);}
	.msyslight li:nth-child(3) .tit i{background-image: url(../images/ico_ld3.png);}
	.msyslight li:nth-child(4) .tit i{background-image: url(../images/ico_ld4.png);}
	.msyslight li:nth-child(5) .tit i{background-image: url(../images/ico_ld5.png);}
	.msyslight .ml1li .ico img{ width:40%;}
	.msyslight .ml1li{padding:10px 0 0; margin-bottom: 20px;}
	.msyslight .ml1li:last-child{ margin-bottom: 0;}
	.msyslight .ml1li:nth-child(even){ background: #f4f4f4;}
	.msyslight .ml1li .txtwrap{ padding:15px 10px;}
	.msyslight .ml1li .f24{ margin-bottom: 10px;}
	
	
}

