@charset "utf-8";
.w-r{
	width: 1150px;
	margin: auto;
}
.w-b{
	width: 100%;
}
.section1{
	padding: 120px 0;
	background: url(/uploads/image/sis200/bg_img.jpg) no-repeat center;
    background-size: cover;
}
.top_txt p{
	margin-bottom: 10px;
	font-size: 18px;
	color: #001657;
	text-indent: 2em;
}
.txt_detail{
	color: #1883ff;
	border-bottom: 1px solid #1883ff;
}
.view_con{
	margin-top: 90px;
	font-size: 0;
}
.view_title{
	margin-bottom: 50px;
}
.view_title img{
	margin: auto;
}
.view_left,.view_right{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.view_right{
	padding-left: 30px;
}
.view_list li{
	position: relative;
	padding: 12px 0 12px 35px;
	border-bottom: 1px dashed #97a0ba;
}
.view_list li img{
	position: absolute;
	left: 10px;
	top: 17px;
}
.view_list li a{
	font-size: 16px;
	color: #001657;
	cursor: pointer;
}
.view_list li:hover,.view_on{
	background: rgba(24,131,255,0.25);
}
.anli_swiper {
    padding-bottom: 50px;
}
.anli_swiper .swiper-pagination-bullet{
	background-color: #cad9f0;
	opacity: 1;
	transform: rotate(45deg);
	border-radius: 0;
}
.anli_swiper .swiper-pagination-bullet-active{
	background-color: #1883ff;
	width: 10px;
	height: 10px;
}
.view_left{
	position: relative;
}
.biank{
	width: 85%;
    height: 80%;
    border: 4px solid #1883ff;
    position: absolute;
}
.anli_swiper{
	margin-left: 30px;
	padding-top: 40px;
}

.section2{
	padding: 100px 0 85px;
	background: url(/uploads/image/sis200/bg_01.png) repeat center;
	background-size: contain;
}
.news_img{
	margin:-5px auto 0;
}
.info_con{
	padding-top: 16px;
	border:2px solid #fff;
	font-size: 0;
}
.info_left,.info_right{
	display: inline-block;
	vertical-align: top;
}
.info_left{
	width: 41%;
	padding-top: 3.8%;
}
.info_right{
	width: 59%;
}
.info_tit{
	padding: 12px 0 12px 30px;
	background-color: #162759;
	font-size: 32px;
	color: #fff;
}
.info_p{
	padding-left: 30px;
	margin-top: 18px;
	width: 90%;
}
.info_p p{
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
}
.info_btn{
	display: block;
	padding: 11px 0;
	margin: 34px 0;
	width: 246px;
	border:1px solid #fff;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.info_btn span,.info_btn img{
	display: inline-block;
	vertical-align: middle;
}
.info_btn span{
	letter-spacing: 3px;
	margin-right: 10px;
}
.info_right{
	padding-left: 5%;
	padding-top: 42px;
}
.info_right_con{
border-left: 1px solid #fff;
}
.info_li{
	position: relative;
	margin-bottom: 42px;
}
.info_li img{
	position: absolute;
	left: -6.5px;
	top:35%;
}
.info_li p{
	width: 85%;
	margin-left: 5%;
	padding: 13px;
	border-radius: 10px;
	background-color: #1871de;
	font-size: 22px;
	color: #fff;
}
.xc_title img{
	margin: auto;
}
.xc_txt{
	margin-top: 40px;
	font-size: 20px;
	color: #fff;
}
.section3{
	background: url(/uploads/image/sis200/bg_02.png) repeat center;
	background-size: contain;
	padding: 80px 0 130px;
}
.yingyong_list{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 56px;
}
.list_item{
	width: 22%;
	padding: 0 15px 30px;
	box-shadow: 0px 0px 6px rgba(24,131,255,0.5);
	cursor: pointer;
}
.item_img{
	height: 113px;
}
.list_item img{
	margin:-30% auto 0;
}
.list_item_on{
	background-color: #e8f0f9;
}
.item_txt p{
	margin-top: 20px;
	font-size: 22px;
	color: #162759;
	text-align: center;
}
.item_txt span{
	font-size: 16px;
	color: #a3a3a3;
}
.zx_list{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 120px;
}
.zx_item{
	width: 48%;
}
.hide {
    display: none;
}
.flex_show{
	display: flex!important;
}
.zx_top{
	position: relative;
}
.zx_tit{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px;
	background-color: #1883ff;
}
.zx_tit p{
	font-size: 22px;
	color: #fff;
	margin-bottom: 5px;
}
.zx_tit span{
	font-size: 16px;
	color: #fff;
	-webkit-line-clamp: 2;
}
.zx_bot p{
	padding: 30px 0 8px;
	border-bottom: 1px dashed #97a0ba;
}
.zx_bot i{
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #1883ff;
	vertical-align: middle;
	transform: rotate(45deg);
	margin-right: 8px;
}
.zx_bot a{
	font-size: 18px;
	color: #555555;
	width: 95%;
    display: inline-block;
    vertical-align: middle;
}
.cal_con{
	margin-top: 50px;
}
.tab_title{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.tab_title div{
	width: 32.5%;
	padding: 10px 0 20px;
	text-align: center;
	color: #fff;
}
.tab_title div p{
	font-size: 26px;
	color: #fff;
}
.tab_title div span{
	font-size: 18px;
}
.tab_title .p2{
	width: 35%;
}
.p1{
	background: url(/uploads/image/sis200/title_bg1.png) no-repeat center;
    background-size: 100%;
    position: relative;
}
.p1:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-right: 32px solid #1b6fd0;
    position: absolute;
    bottom: -45%;
    left: 18px;
    transform: rotate(135deg);
}
.p2{
	background: url(/uploads/image/sis200/title_bg2.png) no-repeat center;
    background-size: 100%;
}
.p3{
	background: url(/uploads/image/sis200/title_bg3.png) no-repeat center;
    background-size: 100%;
    position: relative;
}
.p3:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-right: 32px solid #1b6fd0;
    position: absolute;
    bottom: -45%;
    right: 18px;
    transform: rotate(45deg);
}
.tab_con{
	width: 92%;
	margin: auto;
	padding: 40px;
	box-shadow: 0px 2px 6px rgba(24,131,255,0.5);
}
.tab_item{
	border-bottom: 1px solid #818ba9;
	padding-left: 10px;
	font-size: 0;
	margin-bottom: 30px;
}
.tab_con .tab_item:last-child{
	margin-bottom: 0;
}
.img_left,.txt_right{
	display: inline-block;
	vertical-align: top;
}
.txt_right{
	width: 70%;
	margin-left: 25px;
	padding-top: 10px;
}
.txt_right p{
	font-size: 22px;
	color: #162759;
	margin-bottom: 10px;
}
.txt_right span{
	font-size: 18px;
	color: #162759;
	-webkit-line-clamp: 2;
}
.ys_img{
	margin: 120px auto 60px;
	position: relative;
}
.ys_img p{
	position: absolute;
    bottom: 10%;
    right: 36%;
}
.ys_img a{
	display: block;
	font-size: 20px;
	color: #fff;
}
.cio_con{
	position: relative;
}
.cio_right{
	position: absolute;
	right: 0;
	top: 0;
}
.cio_right img{
	width: 80%;
}
.jiyu_item{
	padding: 20px 35px;
	width: 70%;
}
.cio_txt,.cio_img{
	display: inline-block;
	vertical-align: text-top;
}
.cio_txt{
	width: 72%;
	margin-left: 25px;
	padding-top: 15px;
}
.cio_txt p{
	font-size: 20px;
	margin-bottom: 16px;
}
.cio_txt p b{
	font-size: 22px;
	font-weight: normal;
	margin-right: 10px;
}
.cio_txt span{
	font-size: 16px;
	text-indent: 2em;
    display: inline-block;
}
.jiyu1{
	background-color: #162759;
	border-top-left-radius: 20px;
}
.jiyu1 p,.jiyu1 span,.jiyu3 p,.jiyu3 span{
	color: #fff;
}
.jiyu2{
	margin-top: -5px;
	border:5px solid #1883ff;
	border-top-right-radius: 20px;
}
.jiyu3{
	margin-left: 10%;
	margin-top: -5px;
	background-color: #1883ff;
	border-bottom-left-radius: 20px;
}
.jiyu2 .cio_txt{
	margin-left: 5px;
	margin-right: 20px;
}
.fot_con{
	text-align: center;
	height: 70px;
	line-height: 70px;
	background-color: #162759;
	margin-top: 120px;
	font-size: 18px;
	color: #fff;
}
.fot_con a{
	color: #fff;
}
.tz_img{
	display: none;
}
@media screen and (max-width: 1300px){
	.info_left {
	    width: 43%;
	}
	.info_right {
	    width: 57%;
	}
}
@media screen and (max-width: 1150px){
	.w-r {
	  width: 100%;
	  padding: 0 20px;
	}
	.view_img img{
		width: 100%;
	}
	.tab_title div{
		padding: 10px 0 1.5%;
	}
	.p1:after,.p3:after{
		border-top: 30px solid transparent;
	    border-bottom: 30px solid transparent;
	    border-right: 30px solid #1b6fd0;
	    bottom: -43.5%;
	    
	}
	.p1:after{
		left: 17px;
	}
	.p3:after{
		right: 17px;
	}
	.img_left{
		width: 26%;
	}
	.txt_right{
		padding-top: 0;
	}
	.cio_img{
		width: 28%;
	}
	/*.jiyu_item{
		width: 62%;
	}*/
	.cio_txt{
		width: 67%;
	}
}
@media screen and (max-width: 1000px){
	.jiyu_item{
		width: 67%;
		padding: 20px 20px;
	}
	/*.jiyu2{
		margin-left: 7%;
	}
	.jiyu3{
		margin-left: 14%;
	}*/
	.cio_txt{
		margin-left: 12px;
		width: 68%;
	}
	.jiyu2 .cio_txt{
		margin-right: 12px;
	}
	
	.cio_right img{
		width: 70%;
	}
	.section1{
		padding: 10% 0;
	}
	.view_con{
		margin-top: 10%;
	}
	.section2{
		padding: 8% 0;
	}
	.zx_list{
		margin-bottom: 10%;
	}
	.ys_img{
		margin: 10% auto 8%;
	}
	.fot_con{margin-top: 10%;}
	.section3{
		padding: 6% 0 10%;
	}
	.info_tit{
		font-size: 28px;
	}
	.info_li p{
		font-size: 20px;
	}
	.xc_title img{
		width: 60%;
		margin: auto;
	}
	.item_img{height: 80px;}
	.item_img img{
		width: 50%;
	}
	.item_img2 img{
		width: 58%;
	}
	.item_img4 img{
		width: 56%;
	}
	.yingyong_list{
		margin-bottom: 5%;
	}
	.txt_right p{
		font-size: 20px;
	}
	.txt_right span{
		font-size: 16px;
	}
	.tab_title div {
	    padding: 10px 0 1.2%;
	}
	.cio_right img {
	    width: 65%;
	}

	.ys_img p{
		bottom: 5%;
	}
	.ys_img a{
		font-size: 18px;
	}

}
@media screen and (max-width: 900px){
	.info_tit {
	    font-size: 26px;
	}
	.info_p p{
		font-size: 16px;
	}
	.info_li p {
	    font-size: 18px;
	}
	.info_btn{
		width: 200px;
		font-size: 16px;
	}
	.xc_txt{
		margin-top: 26px;
    	font-size: 18px;
	}
	.list_item{
		width: 23%;
		padding: 0 15px 20px;
	}
	.item_txt p{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.item_txt span{
		font-size: 14px;
	}
	.zx_tit p{
		font-size: 18px;
	}
	.zx_tit span{
		font-size: 14px;
	}
	.zx_bot a{
		width: 93%;
		font-size: 16px;
	}
	.tab_title div p{
		font-size: 22px;
	}
	.tab_title div span {
	    font-size: 16px;
	}
	.p1:after, .p3:after {
	    border-top: 22px solid transparent;
	    border-bottom: 22px solid transparent;
	    border-right: 22px solid #1b6fd0;
	    bottom: -36%;
	}
	.p1:after {
	    left: 13px;
	}
	.p3:after {
	    right: 13px;
	}
	.jiyu_item{
		width: 70%;
	}
	.cio_txt p{
		font-size: 16px;
	}
	.cio_txt p b{
		font-size: 20px;
	}
	.cio_txt span {
	    font-size: 14px;
	}
	.cio_right img{
		float: right;
		width: 65%;
		margin-right: 20px;
	}
	.fot_con{
		height: 60px;
    	line-height: 60px;
    	font-size: 16px;
	}
	.zx_bot p{
		padding: 20px 0 8px;
	}
	.zx_tit{
		padding: 10px;
	}
	.txt_right p{
		margin-bottom: 4px;
	}
	.item_txt p{
		margin-top: 10px;
	}
	.info_li{
		margin-bottom: 22px;
	}
	
}
@media screen and (max-width: 850px){
	.cio_img {
	    width: 27%;
	}
	.txt_right{
		width: 68%;
	}
}
@media screen and (max-width: 800px){
	.view_right{
		width: 100%;
	}
	.view_left{
		width: 80%;
		display: block;
		margin: auto;
	}
	
	.info_li{
		margin-bottom: 16px;
	}
	.info_tit {
	    font-size: 22px;
	}
	.tab_title div {
	    padding: 7px 0 1.5%;
	}
	.tab_title div p {
	    font-size: 20px;
	}
	.cio_txt{
		padding-top: 0;
	}
	.cio_txt p{
		margin-bottom: 5px;
	}
	.txt_right p{
		font-size: 18px;

	}
	.txt_right span {
	    font-size: 14px;
	}
	.cal_con{
		margin-top: 5%;
	}
	.item_img {
	    height: 70px;
	}
	.tab_con{
		padding: 30px 20px;
	}
	.info_li p{
		width: 85%;
	}
	.view_right{
		padding-left: 0;
	}
	.anli_swiper{
		margin-left: 40px;
	}
	.ys_img a {
	    font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	.item_img {
	    height: 60px;
	}
	.xc_txt{
		font-size: 16px;
	}
	.info_tit {
	    font-size: 20px;
	}
	.info_li p {
	    font-size: 16px;
	    padding: 10px;
	}
	.zx_bot p{
		padding: 10px 0 8px;
	}
	.zx_bot a {
	    width: 93%;
	    font-size: 14px;
	}
	.cio_txt{
		padding-bottom: 20px;
	}
	.jiyu_item{
		padding: 20px 10px 0;
	}
	.cio_right img{
		width: 56%;
	}
	.tab_title div p{
		font-size: 18px;
	}
	.tab_title div span {
	    font-size: 14px;
	}
	.p1:after, .p3:after {
	    border-top: 19px solid transparent;
	    border-bottom: 19px solid transparent;
	    border-right: 19px solid #1b6fd0;
	    bottom: -36.5%;
	}
	.p3:after {
	    right: 12px;
	}
	.p1:after {
	    left: 12px;
	}
	.top_txt p{
		font-size: 16px;
	}
}
@media screen and (max-width: 750px){
	.ys_img p{
		right: 25%;
	}
}
@media screen and (max-width: 700px){
	/*.yingyong_list,.zx_list{
		display: inline-block;
		vertical-align: top;
	}*/
	.yingyong_list,.zx_tab{
		display: inline-block;
		vertical-align: top;
	}
	.yingyong_list{
		width: 35%;
		margin-bottom: 0;
	}
	.list_item{
		width: 100%;
		padding:20px 15px;
		margin-bottom: 5%;
	}
	/*.zx_list{
		width: 59%;
		margin-left: 5%;
		margin-bottom: 0;
	}*/
	.zx_tab{
		width: 59%;
		margin-left: 5%;
		margin-bottom: 0;
	}
	.zx_item{
		width: 100%;
		margin-bottom: 8%;
	}
	.item_img{
		height: auto;
	}
	.list_item img{
		margin: auto;
	}
	.ylist_con{
		margin:2% 0 8%;
	}
	.item_img img{
		width: 30%;
	}
	.item_img2 img{
		width: 32%;
	}
	.item_img4 img{
		width: 32%;
	}
	/*.cio_right{
		display: none;
	}*/
	.jiyu_item {
	    width: 100%;
	}
	.jiyu2,.jiyu3{
		margin-left: 0;
	}
	.cio_img {
	    width: 25%;
	}
	.tab_con {
	    padding: 5px 10px 25px;
	}
	.img_left {
	    width: 30%;
	}
	.txt_right{
		width: 66%;
		margin-left: 15px;
	}
	.tab_item{
		margin-bottom: 20px;
	}
	.tab_title{
		display: none;
	}
	.tz_img{
		display: block;
	}
	.info_li p{
		margin-left: 3%;
	}
	.section3 {
	    padding: 8% 0 5%;
	    margin-top: 10%;
	}
	.jiyu_item{
		margin-bottom: 5%;
	}
	.zx_list{
		margin-bottom: 0;
	}
	.cio_right{
		position: inherit;
	}
	.cio_right img{
		float: none;
    	margin:0 auto 8%;
    	width: 100%;
	}
	.biank{
		height: 75%;
	}
	.info_left, .info_right{
		width: 100%;
	}
	.info_right{
		/*padding-top: 0;*/
		padding-bottom: 5%;
	}
}
@media screen and (max-width: 600px){
	/*.zx_list{
		margin-left: 3%;
		width: 61%;
	}*/
	.zx_tab{
		margin-left: 3%;
		width: 61%;
	}
	.zx_tit p{margin-bottom: 0;}
	.item_txt p{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.list_item{
		padding: 10px;
	}
	.img_left{
		width: 100%;
	}
	.txt_right{
		width: 100%;
		margin-left: 0;
	}
	.tab_item{
		padding-left: 0;
	}
	.tab_con {
	    padding: 5px 20px 25px;
	}
	.txt_right{
		padding: 15px 0;
	}
	.zx_tit span{
		display: none!important;
	}
	.zx_tit p {
	    font-size: 16px;
	}
	.fot_con {
	    height: 40px;
	    line-height: 40px;
	    font-size: 12px;
	}
	.view_title {
	    margin-bottom: 6%;
	}
	.info_btn{
		width: 160px;
    	font-size: 14px;
    	margin: 25px 0 35px;
    	padding: 8px 0;
	}
	.info_btn img{
		width: 15px;
	}
	.info_btn span{
		margin-right: 5px;
	}
	.anli_swiper{
		margin-left: 30px;
		    padding-top: 30px;
	}

}
@media screen and (max-width: 520px){
	.ylist_con.w-r{
		padding: 0 5px;
	}
	.list_item {
	    padding: 10px 5px;
	}
	.item_txt p{
		font-size: 16px;
    	margin-top: 5px;
	}
	.item_txt span {
	    font-size: 12px;
	}
	/*.zx_list{
		margin-left: 2%;
		width: 65%;
	}*/
	.zx_tab{
		margin-left: 2%;
		width: 65%;
	}
	.yingyong_list{
		width: 32%;
	}
	.zx_tit{
		padding: 5px;
	}
	.zx_bot i{
		margin-right: 3px;
	}
	.view_left{
		width: 100%;
	}
	.view_title img{
		width: 60%;
	}
	.section4 .w-r{
		padding: 0 0;
	}
	.info_btn{
		width: 130px;
    	font-size: 14px;
    	margin: 25px 0 35px;
	}
	.ys_img a {
	    font-size: 14px;
	}
}
@media screen and (max-width: 420px){
	/*.zx_list{
		width: 64%;
	}*/
	.zx_tab{
		width: 64%;
	}
	.zx_bot i{
		width: 6px;
    	height: 6px;
    	margin-right: 0px;
	}
	.zx_tit p {
	    font-size: 14px;
	}
	.zx_bot a{
		font-size: 12px;
	}
	.top_txt p {
	    font-size: 14px;
	}
	.view_list li a{
		font-size: 14px;
	}
	.view_list li img{
		width: 12px;
		left: 0;
		top: 15px;
	}
	.view_list li{
		padding: 10px 0 10px 20px;
	}
	.info_tit{
		font-size: 16px;
		padding: 12px 0 12px 15px;
	}
	.info_p{
		padding-left: 15px;
	}
	.info_p p {
	    font-size: 14px;
	    line-height: 1.5;
	}
	.info_btn{
		width: 120px;
    	padding: 5px 0;
	}
	.info_li p{
		width: 92%;
		font-size: 14px;
		padding:6px 10px;
	}
	.xc_title img{
		width: 68%;
	}
	.xc_txt {
	    font-size: 14px;
	    margin-top: 16px;
	}
	.tab_con {
	    padding: 5px 10px 25px;
	}
	.txt_right {
	    padding: 10px 0;
	}
	.cio_txt span{
		font-size: 14px;
	}
	.txt_right p{
		font-size: 16px;
	}
	.txt_right span {
	    font-size: 12px;
	}
	.cio_txt {
	    margin-left: 5px;
	    width: 70%;
	}
	.jiyu2 .cio_txt {
	    margin-right: 0;
	}
	.jiyu_item {
	    padding: 10px 5px 0;
	}
	.biank{
		height: 70%;
		width: 90%;
	}
	.ys_img p {
	    bottom: 2%;
	}
	.ys_img a {
	    font-size: 12px;
	}
}