@charset "utf-8";
*{margin:0;padding:0}
html{width:100%;height:100%;}
body{height:100%;width:100%;margin:0 auto;font-family:PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;font-size:14px;background-color: #F1F3F7;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
a{ width:auto; height:auto;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
img{ width:100%; vertical-align:middle;}
ul,li,dl,dt,dd,p,img{border:none}
ul,li{list-style:none}
input:focus,select:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family:Microsoft YaHei;}
button{outline: none;border: none;font-size: 15px;}
i{font-style: normal;}
mark{background-color: transparent;}
.clear:after{display: block;content: '';clear: both;}
.hide{display: none}
.show{display:block;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
/*图片占位符结构*/
.zwfbox{ position:relative;width:100%; height:auto; }
.zwfbox .zwfimg{display:block; width:100%;  height:auto;}
.zwfbox .zwfshow{ position:absolute; left:0; top:0; width:100%; height:100%;}
/*css省略号*/
.lineOne{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.lineTwo{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lineThree{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*加载*/
.loadding{ position:fixed; left:0; top:0; z-index:10; width:32px; height:32px; /*background:rgba(0,0,0,0.3);*/}
.loadding img{ position:fixed; left:50%; top:50%; margin-top:-16px; margin-left:-16px;}
.load{ text-align:center; line-height:40px; font-size:12px; color:#999;}

.icon1{display: inline-block;background: url(../images/icon1.png)no-repeat;background-size: 1000px auto;}



/*头部 公共样式*/
.head{width: 100%;height: auto;position: relative;}
.head .banner1{width: 100%;height: auto;float: left;}
.head .headtop{position: absolute;z-index: 2;width: 80%;margin: 0px auto;padding-top: 5px;height: 60px;left: 10%;}
.head .topconbox{width: 100%;height: 60px;z-index: 999;position: fixed;left: 0;top: 0;padding: 0 10%;}
.head .headtop .logo{width: 80px;height: 40px; position: absolute;left: 0;top: 10px;background: url(../images/logo.png)no-repeat;background-size: auto 100%;}
.head .headtop .menu{position: absolute;top: 10px;right: 0;text-align: right;width: 100%;display: flex;justify-content: flex-end;}
.head .headtop .menu .mns{width: 80px;height: 30px;text-align: center;line-height: 30px;margin-right: 20px;font-size: 16px;}
.head .headtop .menu .mns a{color: rgba(255,255,255,0.7);display: block;width: 100%;cursor: pointer;}
.head .headtop .menu .active a{color: rgba(255,255,255,1);}
.head .headtop .menudia{width: 100%;position: absolute;left: 0;top: 45px;background-color: white;display: none;border: 1px solid #F2F2F2;}
.head .headtop .menudia .saojiao{position: absolute;left: 64%;top: -15px;width: 66px;z-index: 0;}
.head .headtop .menudia .saojiao img{display: block;width: 30px;margin: 0 auto;}
.head .headtop .menudia .diatop{width: 100%;height: 40px;text-align: center;border-bottom: 1px solid #F5F5F5;position: relative;z-index: 2;}
.head .headtop .menudia .diatop span{line-height: 40px;display: inline-block;margin: 0 10px;cursor: pointer;}
.head .headtop .menudia .diatop .active{color: #1A61BA;}
.head .headtop .menudia .diabox{width: 100%;display: flex;justify-content: space-between;}
.head .headtop .menudia .diabox .boxs{text-align: center;width: 25%;color: black;}
.head .headtop .menudia .diabox .box1{border-right: 2px dashed #F5F5F5;}
.head .headtop .menudia .diabox .box2{border-right: 2px dashed #F5F5F5;}
.head .headtop .menudia .diabox .box3{border-right: 2px dashed #F5F5F5;}
.head .headtop .menudia .diabox .boxs .list{text-align: left;max-height: 300px;overflow: auto;padding: 5px 0 20px 20px;}
.head .headtop .menudia .diabox .boxs .list .row{color: black !important;}
.head .headtop .menudia .diabox .boxs .list .cpimg{width: 40px;vertical-align: middle;margin-right: 10px;}
.head .headtop .menudia .diabox .boxs .list .row mark{background-color: orangered;color: white;padding: 0 3px;}
.head .headtop .menudia .diabox .boxs .icon1{width: 70px;height: 60px;display: block;margin: 0px auto;background-size: 800px auto;}
.head .headtop .menudia .diabox2{font-weight: bold;text-align: center;padding: 30px 0 30px;}
.head .headtop .menudia .diabox2 .i_system{background-position: -8px -245px;}
.head .headtop .menudia .diabox2 .i_ota{background-position: -89px -245px;}
.head .headtop .menudia .diabox2 .i_fenxiao2{background-position: -167px -243px;}
.head .headtop .menudia .diabox2 .i_yinliu2{background-position: -245px -242px;}
.head .headtop .menu .mn2:hover .menudia{display: block;}
.yjbox{display: none;}


.head .top_active{background-color: white;border-bottom: 1px solid #F2F2F2;}
.head .top_active .logo{background: url(../images/logo2.png)no-repeat;background-size: auto 100%;}
.head .top_active .menu .mns a{color: black;}
.head .top_active .menu .active a{color: #2F6BB6;}


/*轮播图样式修改*/
.banner1 .swiper-pagination-bullet {width: 40px; height: 4px;border-radius: 0;background: rgba(255,255,255,0.7);}
.banner1 .swiper-pagination-bullet-active{background-color:white }
/*头部 样式 ----------->  结束*/


/*底部公共样式----------------->开始*/
.footer{width: 100%;height: auto;background-color: white;}
.footer .wrap{width: 80%;margin: 0 auto;padding: 20px 0 30px ;}
.footer .wrap .box{display: flex;justify-content: space-around;}
.footer .wrap .box ul{width: 18%;text-align: center;text-align: left;padding-left: 40px;}
.footer .wrap .box ul li{line-height: 36px;}
.footer .wrap .box ul li a{color: black;}

.footer .wrap .box ul .li1{color: black !important;line-height: 40px;font-size: 16px;font-weight: bold;height: 40px;}
.footer .wrap .box ul .li2{border-bottom: 2px solid black;width: 20px;margin: 10px 0;}
.footer .wrap .ptext{padding-left: 50px;color: #555555;line-height: 36px; display:inline-flex;}
.footer .wrap .ptext a,.footer .wrap .ptext a:hover,.footer .wrap .ptext a:active{ color:#555555;}
.footer .wrap .ptext a.gwba{ display:inline-flex;}
.footer .wrap .ptext a.gwba img{width: 20px;height: 20px;margin:8px 5px 0 10px;}
/*底部公共样式----------------->结束*/

/*中间内容部分公共样式*/
.content{width: 1100px;margin: 0 auto;clear: both;border: 1px solid transparent;}
.indextit{display: block;margin: 30px auto;height: 90px;width: auto;margin-top: 40px;}


@media only screen and (min-width: 1600px) and (max-width: 1920px) {
	.head .headtop {width:73%}
	.head .headtop .menudia .saojiao {left: 72%;}
	.content{padding-top:30px}
	.footer .wrap .box ul .li1 {font-size: 24px;}
	.footer .wrap .box ul li {font-size: 16px;}
	.footer .wrap .ptext {font-size: 16px;}
}