.connav{background-color: #EFEFEF;height: 360px;clear: both;border: 1px solid transparent;}
.ulnav{width: 80%;height: 50px;display: flex;justify-content: space-between;margin: 20px auto;margin-top: 80px;}
.ulnav li{border-right: 2px dashed gray;width: 25%;text-align: center;height: 50px;font-size: 18px;line-height: 40px;font-weight: bold;cursor: pointer;position: relative;}
.ulnav li:last-child{border: none;}
.ulnav li .icon1{width: 75px;height: 75px;display: block;margin: 0px auto;margin-top: -20px;}
.ulnav li .i_shoujian{background-position: -15px -308px;}
.ulnav li .i_ota3{background-position: -118px -307px;}
.ulnav li .i_fenxiao3{background-position: -216px -304px;}
.ulnav li .i_syinliu3{background-position: -313px -303px;}
.ulnav li .jiao{width: 30px;position: absolute;left: 45%;bottom: -114px;display: none;}
/*菜单选中样式*/
.ulnav li.active{color: #2F6BB6;}
.ulnav li.active .i_shoujian{background-position: -15px -406px;}
.ulnav li.active .i_ota3{background-position: -118px -405px;}
.ulnav li.active .i_fenxiao3{background-position: -215px -397px;}
.ulnav li.active .i_syinliu3{background-position: -316px -398px;}
.ulnav li.active .jiao{display: block;}
/*中间内容切换模块*/
.conbox1{display: block;}
.conbox1 .content{display: flex;justify-content: space-between;height: 400px;}
.conbox1 .conimg{display: block;margin: 20px auto;height: 360px;width: auto;}
.conbox1 .content .left{width: 50%;height: 100%;}
.conbox1 .content .text{padding: 70px 10px 0;color: #575757;font-size: 13px;line-height: 36px;}
.conbox1 .content .text .name{font-weight: bold;font-size: 20px;color: black;margin-bottom: 20px;}
.conbox1 .content .text .name mark{color: #2F6BB7;font-size: 36px;font-weight: 400;vertical-align: sub;margin-right: 5px;}
.conbox1 .content .text2{padding: 70px 30px 0;color: white;font-size: 13px;line-height: 36px;}
.conbox1 .content .text2 .name{text-align: right;font-size: 20px;vertical-align: sub;margin-bottom: 20px;}
.conbox1 .content .text2 .name mark{color: white;font-size: 36px;margin-left: 10px;}
.conbox1 .content .left{width: 50%;height: 100%;}
.conbox1 .content .right{width: 50%;height: 100%;}
.conbox1 .content i{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-radius: 4px;margin-right: 5px;background-color: #80A5D8;}
.conbox1 .con1{background-color: #FAFAFA;}
.conbox1 .con2{background: url(../images/systembg01.png)no-repeat;background-size: 100% 100%;}
.conbox1 .con3{background:url(../images/systembg02.png)no-repeat;background-size: 100% 100%;}
.conbox1 .con4{background: url(../images/systembg01.png)no-repeat;background-size: 100% 100%;}
.conbox1 .con5{background: url(../images/systembg02.png)no-repeat;background-size: 100% 100%;}
.conbox2{display: none;}
.conbox2 .content{display: flex;justify-content: space-between;height: 400px;}
.conbox2 .conimg{display: block;margin: 30px auto;height: 341px;width: auto;}
.conbox2 .content .left{width: 50%;height: 100%;}
.conbox2 .content .text{padding: 70px 10px 0;color: #575757;font-size: 13px;line-height: 36px;}
.conbox2 .content .text .name{font-weight: bold;font-size: 20px;color: black;margin-bottom: 20px;}
.conbox2 .content .text .name mark{color: #2F6BB7;font-size: 36px;font-weight: 400;vertical-align: sub;margin-right: 5px;}
.conbox2 .content .text2{padding: 70px 30px 0;color: white;font-size: 13px;line-height: 36px;}
.conbox2 .content .text2 .name{text-align: right;font-size: 20px;vertical-align: sub;margin-bottom: 20px;}
.conbox2 .content .text2 .name mark{color: white;font-size: 36px;margin-left: 10px;}
.conbox2 .content .left{width: 50%;height: 100%;}
.conbox2 .content .right{width: 50%;height: 100%;}
.conbox2 .content i{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-radius: 4px;margin-right: 5px;background-color: #80A5D8;}
.conbox2 .con1{background-color: #FAFAFA;}
.conbox2 .con2{background: url(../images/systembg01.png)no-repeat;background-size: 100% 100%;}
.conbox2 .con3{background:url(../images/systembg02.png)no-repeat;background-size: 100% 100%;}
.conbox2 .con4{background: url(../images/systembg01.png)no-repeat;background-size: 100% 100%;}
.conbox2 .con5{background: url(../images/systembg02.png)no-repeat;background-size: 100% 100%;}

.conbox3{display: none;background-color: #FAFAFA;padding-bottom: 30px;}
.conbox3 .content{padding-top: 50px;}
.conbox3 .content .name{font-weight: bold;font-size: 20px;color: black;margin-bottom: 20px;}
.conbox3 .content .name mark{color: #2F6BB7;font-size: 36px;font-weight: 400;vertical-align: sub;margin-right: 5px;}
.conbox3 .content .p1{color: #575757;font-size: 13px;line-height: 36px;}
.conbox3 .content .con1{width: 100%;height: auto;display: flex;justify-content: space-between;background: url(../images/systembg03.png)no-repeat;background-size: 100% 100%;margin: 50px 0;}
.conbox3 .content .con1 img{width: auto;height: 280px;}
.conbox3 .content .textboxs{width:100%;text-align: center;display: flex;justify-content: space-between;margin-top: -10px;margin-bottom: 30px;}
.conbox3 .content .textboxs .text1{width:23%;height: auto;text-align: center;font-size: 16px;}
.conbox4{background-color: white;display: none}
.conbox4 .con1{padding-top: 50px;}
.conbox4 .con1 .name{font-weight: bold;font-size: 20px;color: black;margin-bottom: 20px;}
.conbox4 .con1 .name mark{color: #2F6BB7;font-size: 36px;font-weight: 400;vertical-align: sub;margin-right: 5px;}
.conbox4 .con1 .p1{color: #575757;font-size: 13px;line-height: 32px;}
.conbox4 .con1 .p1 i{width: 8px;height: 8px;display: inline-block;vertical-align: middle;border-radius: 4px;margin-right: 5px;background-color: #80A5D8;}
.conbox4 .imgbox .left,.conbox4 .imgbox .right{width: 40%;text-align: center;}
.conbox4 .imgbox{display: flex;justify-content: space-around;padding: 60px;}
.conbox4 .imgbox img{height: 300px;width: auto;}
.conbox4 .imgbox .name{text-align: center;margin-top: 20px;}
.conbox4 .con2{width: 100%;background: url(../images/systembg02.png)no-repeat;background-size: 100% 100%;}
.conbox4 .con2 .name{font-weight: bold;font-size: 20px;color: white;margin-bottom: 20px;}
.conbox4 .con2 .name mark{color: white;font-size: 36px;font-weight: 400;vertical-align: sub;margin-right: 5px;}
.conbox4 .con2 .p1{color: white;font-size: 13px;line-height: 32px;}



@media only screen and (min-width: 1600px) and (max-width: 1920px) {
	.content {width: 60%;}
	.connav .content{width: 80%;}
	.ulnav li .jiao { width: 45px;left: 42%; bottom: -90px;}
	.conbox1 .content .text .name mark { font-size: 50px;}
	.conbox1 .content .text2 .name mark { font-size: 50px;}
	.conbox1 .content .text .name {font-size: 25px;}
	.conbox1 .content .text2 .name { font-size: 25px;}
	.conbox1 .content .text { font-size: 16px;}
	.conbox1 .con5 .p1{font-size: 16px;}
	.conbox1 .con3 .p1{font-size: 16px;}
	.conbox2 .content .text .name mark { font-size: 50px;}
	.conbox2 .content .text2 .name mark { font-size: 50px;}
	.conbox2 .content .text .name {font-size: 25px;}
	.conbox2 .content .text2 .name { font-size: 25px;}
	.conbox2 .content .text { font-size: 16px;}
	.conbox2 .con3 .p1{font-size: 16px;}
	.conbox2 .con5 .p1{font-size: 16px;}
	.conbox3 .content .name mark {font-size: 50px;}
	.conbox3 .content .name { font-size: 25px;}
	.conbox3 .content .p1 {font-size: 16px;}
	.conbox4 .con1 .name mark {font-size: 50px;}
	.conbox4 .con1 .name {font-size: 25px;}
	.conbox4 .con1 .p1 {font-size: 16px;}
	.conbox2 .conimg { height: 306px;}
	.conbox4 .con2 .name mark {font-size: 50px;}
	.conbox4 .con2 .name {font-size: 25px;}
	.conbox4 .con2 .p1 { font-size: 16px;}
}