/* 
* @description:main   
* @author: loro  
* @Released on: November, 2019
* @update: loro (2019-11)  
*/
@charset "UTF-8";


/*banner*/
.banner {
	width:100%;
	overflow: hidden;
	position:relative;
	height: 500px;
}
#container {
	width: 1920px;
	padding: 0px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#example {
	width: 1920px;
	position: relative;
}
/* 整体外围完毕 */
#slides {
	position: relative;
}
.slides_container {
	width: 1920px;
	overflow: hidden;
	position: relative;
}
/* 滚动单个盒子宽高 */
.prolist {
	width: 1920px;
	height: 500px;
}
.slides_container a {
	width: 1920px;
	height: 500px;
	display: block;
}
.slides_container a img {
	display: block;
}
/* 焦点 */
.pagination {
	position:absolute;
	bottom:10px;
	width: 1000px;
	left:50%;
	margin:0 0 0 -30px;
	z-index:888;
}
.pagination li {
	float: left;
	margin: 0 4px;
	list-style: none;
}
.pagination li a {
	display: block;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#fff;
	float: left;
	overflow: hidden;
	font-size:0;
}
.pagination li.current a {
	background:#ff9c27;}

/* index-banner */

.prolist{position:relative;}
.banner-title{ position:absolute;left:50%;top:50%; margin-left:-300px;margin-top:-80px;width:600px; height:100px; background:url(../img/bannertitle.png)}


/* index-floor-1 */
.servicebox{ text-align:center; }
.service{margin:0 1%;padding:20px 0 0;width:23%;height:280px;background:#fff;float:left;}
/*.service:hover{background-color:#f5f8fa;outline:#0099e5 dashed 1px;}*/
.service>h4{margin-top:20px;}
.icon{margin:0 auto;width:120px;height:120px;background:url(../img/icon-1.png) center no-repeat;display:inline-block;*display:inline;*zoom:1;}
.icon-1{background-position: left;}
.icon-2{background-position: -130px;}
.icon-3{background-position: -260px;}
.icon-4{background-position: right;}
.stripe{margin:10px 0;width:30px;height:2px;background:#0099e5;}
.service p{line-height:20px;font-size:14px;color:#666;letter-spacing:1px;}

/* index-floor-2 */
.floor-2{background:url(../img/map20.png) #f0f5fa center no-repeat;}
.Contrastbox{text-align:center;}
.Contrastbox>span{font-size:14px;color:#666;}
.Contrast-0>b,.Contrast-0>i{width:120px;line-height:30px;vertical-align:middle;}
.Contrast-0>i{margin-right:15%;height:30px;background:url(../img/nnnn.jpg) center no-repeat;border:dashed 1px #ccc;}
.Contrast{padding:20px 0 10px;}
.Contrast-0>b{height:30px;font-size:30px;color:#999;border:dashed 1px #999;}
.Contrast>strong{vertical-align:middle;line-height:60px;height:60px;}
.Contrast>i{vertical-align:middle;}
.Contrast>em{vertical-align:-10px;font-size:12px;color:#888;}
.iconimg{width:60px;height:60px;background:url(../img/icon-2.png) center no-repeat;}
.iconimg-1{background-position:left}
.iconimg-2{background-position:-60px;}
.iconimg-3{background-position:-120px;}
.iconimg-4{background-position:right}
.line-l,.line-r{width:30%;height:3px;line-height:3px;background:#e5e5e5;border:solid 1px #0099e5;}
.line-l{margin-left:2px;text-align:right;}
.line-r{margin-right:2px;text-align:left;}
.line-l>hr,.line-r>hr{height:1px;line-height:1px;background:#0099e5;border:solid 1px #0099e5;}
.hr-l1,.hr-r1{width:90%;}
.hr-l2{width:70%;}
.hr-r2{width:80%;}
.hr-l3{width:20%;}
.hr-r3{width:30%;}
.hr-l4{width:40%;}
.hr-r4{width:50%;}
.haili{padding:0 10px;text-align:left;font-size:48px;color:#666;}
.xx{padding:0 10px;font-size:42px;color:#999;}

/* index-floor-3 */
.new{text-align:left;}
.new-l,.new-r{width:48%;}
.newimg>img{width:100%;}
.newtext{position:relative;text-align:left;}
.newtext>h5{margin:20px 0 10px;}
.newtext>p{line-height:20px;font-size:14px;color:#888;margin-bottom:10px;}
.date0,.date{background-color:#fff;font-size:12px;color:#999;}
.date0{position:absolute;right:0;top:0;}
.date{position:absolute;right:0;top:12px;}
.newlist{position:relative;padding:10px 0;border-bottom:solid 1px #ddd;}
.newlist:hover{border-bottom:solid 1px #0099e5;}
.newlist>a{display:block;}
.newlist>a>h6{margin-bottom:10px;}
.newlist>a>p{line-height:24px;color:#888;}


/* index-floor-4 */
.floor-4{text-align:center;background-color:#f0f5fa;}
.us{position:relative;}
.us-l{padding:0 10%;width:60%;text-align:right;}
.us-l h4{text-align:left;font-weight:500;}
.us-l strong{font-size:48px;}
.s1{color:#0099e5;}
.s2{vertical-align:-50px;color:#ccc;}
.us-l p{margin-bottom:20px;line-height:1.6;}
.us-r{background-color:#fff;}
.usimg{position:absolute;right:0;top:0px;width:40%;height:460px;background:url(../img/image01.jpg) #0099e5 center no-repeat;overflow:hidden;}
.usimg>img{width:100%;border-radius:10px 0 0 0;}
.Cooperative{margin:20px auto;}

/* support-floor-1 */

.brief p{line-height:1.5;font-size:14px;color:#999;}
.log-dl{width:100px; vertical-align:middle;height:32px;line-height:32px;font-size:14px;;color:#0099e5;border:solid 1px #8ac7e5;text-transform:uppercase;border-radius:16px;}
.log-dl:hover{background:#0099e5;color:#f2f2f2;}
.log-dl:active{background:#999;color:#f2f2f2;border:solid 1px #999;}

/* support-floor-2 */

.functionbox-1{border-bottom:solid 1px #cceeff;}
.function{padding:20px 3%;width:33.33%;height:240px;float:left;border-left:solid 1px #cceeff;}
.function:first-child{border:none;}
.function>h4{margin-top:20px;}
.function>.icon{margin:0 auto;width:60px;height:60px;background:url(../img/icon6.png) center no-repeat;display:inline-block;*display:inline;*zoom:1;}
.function>.icon-1{background-position: left top;}
.function>.icon-2{background-position: -60px 0;}
.function>.icon-3{background-position: -120px 0;}
.function>.icon-4{background-position: 0 -60px;}
.function>.icon-5{background-position: -60px -60px;}
.function>.icon-6{background-position: right bottom;}
.function p{line-height:1.5;font-size:14px;color:#888;letter-spacing:1px;}

/* support-floor-3 */

.advantage{padding:20px 3%;width:33.33%;float:left;}
.advantage>h4{margin:auto;width:200px;height:40px;line-height:40px;color:#fff;background-color:#0099e5;}
.advantage>.icon{margin:0 auto;width:80px;height:80px;background:url(../img/support.png) center no-repeat;display:inline-block;*display:inline;*zoom:1;}
.advantage>.icon-1{background-position: left top;}
.advantage>.icon-2{background-position: -80px 0;}
.advantage>.icon-3{background-position: right top;}
.advantage p{line-height:1.5;font-size:14px;color:#888;letter-spacing:1px;}

/* process-floor-4 */
.processbox{position:relative;padding:20px 0;}
.process-1,.process-2{position:relative;}
.process-2{margin-top:100px;}
.process{position:relative;z-index:10;}
.process>div{ width:19.76%; display:inline-block;*display:inline;*zoom:1;}
.process i{display:inline-block;*display:inline;*zoom:1;width:60px;height:60px;}
.process span{font-size:16px; color:#666;}
.process .icon{ background:url(../img/support.png) #f2f7fa no-repeat;}
.process .icon-1{background-position: left -80px;}
.process .icon-2{background-position: -50px -80px;}
.process .icon-3{background-position: -100px -80px;}
.process .icon-4{background-position: -150px -80px;}
.process .icon-5{background-position: -150 -130px;}
.process .icon-6{background-position: -100px -130px;}
.process .icon-7{background-position: -50px -130px;}
.process .icon-8{background-position: 0 -130px;}
.processbox .icon0{width:60px;height:60px;vertical-align:top; background:url(../img/support.png) no-repeat;}
.process-1 .icon0{ background-position: -198px -224px;}
.process-2 .icon0{ background-position: -198px -184px;}
.line{width:74%;height:2px;background-color:#e0e0e0;border:none;position:absolute;right:14%;top:28px;z-index:0;}
.line-0{position:absolute; right:50px; top:50px; width:8%;height:170px;border-top:solid 2px #e0e0e0;border-right:solid 2px #e0e0e0;border-bottom:solid 2px #e0e0e0;border-radius:0 10px 60px 0;}
.line-0>.icon0{position:absolute;right:-30px;top:60px;background-position: -198px -132px;}


/* support-floor-5 */
.scenariobox{padding-top:40px;}
.scenario{position:relative;margin:0 2.66%;padding:40px 2% 20px;width:28%;height:250px;outline:solid 1px #cfdee5;float:left;}
.scenario>h4{margin-top:20px;}
.scenario>.icon{position:absolute;top:-40px;left:50%;margin-left:-40px;width:80px;height:80px;background:url(../img/support.png) #0099e5 center no-repeat;border-radius:40px;}
.scenario>.icon-1{background-position: 10px bottom;}
.scenario>.icon-2{background-position: -50px bottom;}
.scenario>.icon-3{background-position: -110 bottom;}
.scenario p{line-height:1.5;font-size:14px;color:#888;letter-spacing:1px;}