/**系统*/
.xitong{
    width: 100%;
    height: 688px;
    background: url('../images/topbg.jpg');
    background-size: 100% 100%;
    overflow: hidden;
}

.xitong_mid{
    width: 1200px;
    margin: 0 auto;
    height: 650px;
    position: relative;
    top: 100px;
}

.xitong_mid_left{
    float: right;
    position: relative;
    top: 90px;
    left: 920px;
}

.xitong_mid_right{
    width: 555px;
    height: 600px;
    float: left;
    position: relative;
    right: 1060px;
}
.xitong_mid_bottom{
	position: relative;
    top: -40px;
}
.swiper-wrapper img{
    position: relative;
    right: 10px;
}

/*系统简介*/
.jieshao{
	width: 1200px;
    height: 720px;
	margin: 0 auto;
    text-align: center;
	overflow: hidden;
}
.jieshao_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 50px;
}
.jieshao_p2{
    font-size: 17px;
    color: #969696;
    position: relative;
    top: 80px;
}
.jieshao_p3{
    font-size: 17px;
    color: #969696;
    position: relative;
    top: 90px;
}
.jieshao_p4{
    font-size: 17px;
    color: #969696;
    position: relative;
    top: 100px;
}

.jieshao_img{
    position: relative;
    top: 170px;
    left: -1000px;
    opacity: 0;
}
.jieshao ul{
	padding-top: 20px;
}

.jieshao ul li .img_title {

    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin-top: 15px;

}
.jieshao ul li{
	width:210px;
	height:210px;
	
	float:left;
}


.jieshao ul  .dian{
	width:120px;
	line-height:210px;
	
}
/*功能展示*/
.gongneng{
    height: 1050px;
    background: url('../images/cjbg.png');
    background-size: 100% 100%;
	overflow: hidden;
}

.gongneng_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 160px;
    text-align: center;
    color: #fff;
}
.gongneng_content{
    width: 1200px;
    height: 648px;
    margin: 0 auto;
    position: relative;
    top: 204px;

}

.gongneng_content_left{
    width: 462px;
    height: 648px;
    position: relative;
    right: 1000px;
}

.gongneng_content_left ul li{
	height: 112px;
	padding: 15px 10px;
	width: 470px;
	margin-bottom: 15px;
	
}
.gongneng_content_left ul li .icon{
	margin-right: 12px;
}
.gongneng_content_left ul li .left .title{
	font-size: 18px;
	height: 35px;
	line-height: 35px;
}
.icon .icon_img_bai{
    
	display:inline-block;
}
.icon .icon_img{
    display:none;
}
.gongneng_content_left ul li .left p{
	height: 24px;
	line-height: 24px;
	color:#fff
}
.on{
    background-color: #fff;
	border-radius: 10px;
}
.on .icon .icon_img_bai{
    display:none;
}
.on .icon .icon_img{
    display:inline-block;
}
.gongneng_content_left ul .on .left p{
	color:#000;
}
.gongneng_content_right{
    width: 660px;
	height: auto;
	float: right;
	position: relative;
	top: 20px;
	left: 1000px;
}

/*产品特色*/
.tese{
    height: 950px;
    width: 100%;
    position: relative;
	top: -40px;
    background: url('../images/tsbg.png');
    background-size: 100% 100%;
	overflow: hidden;

}

.tese_title{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 70px;
    text-align: center;
    color: #000;
}

.tese_content{
    width: 1210px; 
    margin: 0 auto;
	position: relative;
	top: 1140px;
	overflow: hidden;
   
}
.section-pro-slide .mod-title{ padding-top: 60px;}
.section-pro-slide .slide{ position: relative; margin-top: -30px;}
.section-pro-slide .slide .bd{ width: 1200px; margin: 0 auto;}
.section-pro-slide .slide .bd li{ width: 280px; text-align: center; box-shadow: 0 0 30px rgba(0,0,0,.1); background: #fff; border-radius: 20px; margin: 32px; padding-top: 31px;}
.section-pro-slide .slide .bd li h3{ font-size: 20px; margin-bottom: 11px;}
.section-pro-slide .slide .bd li p{ font-size: 16px; color: #888; }
.section-pro-slide .slide .bd li img{width: 800px;height: auto;padding-top: 15px;}
.section-pro-slide .slide .hd{ padding-top: 75px;}
.section-pro-slide .slide .hd ul{ text-align: center; width: 100%;}
.section-pro-slide .slide .hd li{ height: 20px; width: 70px; display: inline-block; cursor: pointer; margin: 0 10px;}
.section-pro-slide .slide .hd li:before{ content: ''; display: block; margin-top: 5px; height: 3px; background: #E1E2E6;}
.section-pro-slide .slide .hd li.on:before{ background: #016BFF;}
.section-pro-slide .slide .prev,
.section-pro-slide .slide .next{ width: 40px; height: 62px; cursor: pointer; background: #E1E2E6; position: absolute; top: 210px; transition: all .2s;}
.section-pro-slide .slide .prev{ left: 0; border-radius: 10px 0 0 10px;}
.section-pro-slide .slide .next{ right: 0; border-radius: 0 10px 10px 0;}
.section-pro-slide .slide .prev:before,
.section-pro-slide .slide .next:before{ content: ''; position: absolute; width: 10px; height: 10px; border-color: #fff #fff transparent transparent; border-width: 2px; border-style: solid; top: 23px;}
.section-pro-slide .slide .prev:before{ transform: rotate(-135deg); left: 17px;}
.section-pro-slide .slide .next:before{ transform: rotate(45deg); left: 9px;}
.section-pro-slide .slide .prev:hover,
.section-pro-slide .slide .next:hover{ background: #016BFF;}
.section-pro-slide .btn-wrap{ text-align: center;}
.section-pro-slide .btn-wrap a{ margin: 0 10px; box-shadow: 0 3px 11px rgba(0,0,0,0.1);}
.section-pro-slide.slide-full .slide{ margin-top: 0;}
.section-pro-slide.slide-full .slide .bd{ height: 481px; box-shadow: 0 0 30px rgba(0,0,0,.1); width:950px; border-radius: 20px;}
.section-pro-slide.slide-full .slide .bd li{ width: 100%; margin: 0; box-shadow: 0 0 0 transparent; background: #333;}
.section-pro-slide.slide-full .bd li h3{ color: #fff; font-size: 25px;}
.section-pro-slide.slide-full .bd li p{ color: #fff; font-size: 18px;}
.section-pro-slide.slide-full .hd li{ width: 93px; height: 54px; opacity: .5; margin: 0; border-radius: 4px; vertical-align: bottom; line-height: 54px; }
.section-pro-slide.slide-full .hd li:before{ display: none;}
.section-pro-slide.slide-full .hd li:after{ content: ' ';}
.section-pro-slide.slide-full .hd li img{ width: 80px; height: 43px; vertical-align: bottom;}
.section-pro-slide.slide-full .hd li.on{ width: 108px; height: 63px; line-height: 63px; opacity: 1; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.section-pro-slide.slide-full .hd li.on img{ width: 92px; height: 51px;}
.section-pro-slide.slide-full .prev{ left: 50px;}
.section-pro-slide.slide-full .next{ right: 50px;}
.section-pro-slide.slide-full.slide-blue .slide .bd li,
.section-pro-slide.slide-full.slide-blue .slide .hd li{
    background: #204dfc;
    background: -moz-linear-gradient(left, #204dfc 0%, #3183fe 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#204dfc), color-stop(100%,#3183fe));
    background: -webkit-linear-gradient(left, #204dfc 0%,#3183fe 100%);
    background: -o-linear-gradient(left, #204dfc 0%,#3183fe 100%);
    background: -ms-linear-gradient(left, #204dfc 0%,#3183fe 100%);
    background: linear-gradient(to right, #204dfc 0%,#3183fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204dfc', endColorstr='#3183fe',GradientType=1 );
}
.section-pro-slide.slide-full.slide-black .slide .bd li,
.section-pro-slide.slide-full.slide-black .slide .hd li{
    background: #0e1730;
    background: -moz-linear-gradient(left, #0e1730 0%, #22325c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e1730), color-stop(100%,#22325c));
    background: -webkit-linear-gradient(left, #0e1730 0%,#22325c 100%);
    background: -o-linear-gradient(left, #0e1730 0%,#22325c 100%);
    background: -ms-linear-gradient(left, #0e1730 0%,#22325c 100%);
    background: linear-gradient(to right, #0e1730 0%,#22325c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1730', endColorstr='#22325c',GradientType=1 );
}



/* 产品优势*/
.range{
	width:100%;
	
}
.range-range{
	padding-top:65px;
	height:700px;
	background-color: #fff;
}
.range-range .range_title{
	font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
	padding-bottom: 20px;
    text-align: center;
    color: #000;
}
.range-range .range-ul{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	top: 1050px;
}
.range-range .range-ul .range-li{
	float: left;
	width: 360px;
	height: 360px;
	text-align: center;
}
.range-range .range-ul .li2{
	margin:0 60px;
}
.advantage_title{
	font-size: 24px;
	color: #333333;
	margin-top:25px;
	margin-bottom:15px;
}
.advantage_content{
	font-size: 15px;
	line-height: 30px;
	width: 300px;
	margin: 0 auto;
	color:#9E9E9E;
}

.range-li .advantage-picture img:hover{
   
    transform: rotateY(360deg);
    transition: all 1s linear;
}

/*场景应用*/
.yingyong{
    width: 100%;
    height: 800px;
	background: url('../images/cjbg.png');
    background-size: 100% 100%;
	padding-top: 40px;
	overflow: hidden;

}
.yingyong .yingyong-title{
	font-family: blackbody; /*这里是说明调用来的字体名字*/
	font-size: 50px;
	text-align: center;
	margin-top:50px;
	color:#fff
}
.yingyong ul{
	width:1200px;
	height:420px;
	margin:0 auto;
	position: relative;
	top: 1100px;
}
.yingyong ul li{
	width:240px;
	height:100%;
	text-align:center;
	background-color:#fff;
	border-radius:15px
}
.yingyong ul li .title{
	width:100%;
	height:70px;
	line-height: 70px;
	font-size: 18px;
}

.yingyong ul .li2{
	margin-right:80px;
}



/*我们能做到*/
.zuode{
    width: 100%;
    height: 600px;
	overflow:hidden;

}
.zuode .zuode-title{
	font-family: blackbody; /*这里是说明调用来的字体名字*/
	font-size: 50px;
	text-align: center;
	margin-top:50px;
}
.zuode .zuode-content{
    width: 1200px;
    height: 380px;
    position: relative;
    top: 1070px;
    margin: 0 auto;
}
.zuode .zuode-content .zuode-2-1{
    width: 230px;
    height: 350px;
    float: left;
}

.zuode .zuode-content .mar{
    margin-left: 90px;
}
.zuode .zuode-content .zuode-2-1 .zuode-2-2{
    position: relative;
    top:40px;
    margin: 0 auto;
    width: 230px;
    text-align: center;
}
.zuode .zuode-content .zuode-2-1 .zuode-2-2 .zuode-2-2-1{
    font-size: 26px;
    letter-spacing: 2px;
    position: relative;
    top: -10px;
    color: #2F2F2F;
}
.zuode .zuode-content .zuode-2-1 .zuode-2-2 .zuode-2-2-2{
    font-size: 13px;
    letter-spacing: 1px;
    position: relative;
    top: 20px;
    line-height: 20px;
    color: #969696;
}
.zuode .zuode-content .zuode-2-3{
    display: block;
    width: 138px;
    height: auto;
    margin: 0 auto;
}

.zuode .zuode-content .zuode-2-3:hover{

  
    transform: rotateY(360deg);
    transition: all 1s linear;
}

.display {
    display: none;
}
.left{
	float:left;
}