body,html{width:100%;overflow-x:hidden;}
li,ul{list-style:none;padding:0;margin:0}
body{text-shadow:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}
@media only screen and (max-width:360px){
        html{font-size:18px!important}
}
.header{position:fixed;z-index:2;width:100%;font-size:.9rem;background:#3271ff;line-height:2.25rem; color: #fff;}
.header .logo{width: 4rem;height:45px; float: left;}
.header .logo img{display:block; width:100%; height:1.7rem; padding-top:5px; padding-left: 5px;}
.header .pass{width:4rem; height:2.2rem; line-height:2.5rem; font-size: 16px; font-weight:bold; color:#fff; float:left; margin-left:10px;}

.header .menu{ width: 1.11rem; height: 0.88rem; float: right; margin-right: 0.6rem; margin-top: 0.1rem;}
.header .menu img{ width: 1.11rem; height: 0.88rem; }
.header .close{height: 0.88rem; float: right; margin-right: 0.6rem; display: none; }
.cd ul{}
.cd ul li{ border-bottom: 1px solid #fff; padding-left: 0.8rem; line-height: 2.5rem;}
.cd ul li a{display:block; color: #fff;}
.cd ul li .zcd{ width: 110%; background: #00a0e9; margin-left: -0.8rem; display: none;}
.cd ul li .zcd a{ display: block; width: 100%; font-size: 0.8rem; line-height: 2rem; padding-left: 0.8rem;  color: #fff;}

.banner{ margin-top: 2.25rem;}


.box1{}
.box1 a{ display: block;}
.box1 .img{ text-align: center; padding:10px}
.box1 .img img{ width: 3rem; height: 3rem; margin-top:10px}
.box1 h5{ text-align: center; color: #000;}
.box1 .b-r{ border-right: 1px solid #ddd;}
.box1 .b-b{ border-bottom: 1px solid #ddd;}
.box1 p{ width:90%; margin-left:7%;  margin-right:3%;  font-size: 0.7rem; padding-top: 5px; color: #999; padding-bottom:5px; text-align:left;}

.box2{padding-top: 20px;}
.box2 .title{text-align: center;}
.box2 .title p{ color: #999;}
.box2 .img{ text-align: center; padding: 10px 0;}
.box2 .img img{ width: 45%;}
.box2 .content{padding-left:15px; padding-right:5px;}
.box2 .content h2{ text-align: center; color: #11244C; }
.box2 .content h4{ color: #11244C;}
.box2 .content p{  color: #A4A5AA; font-size: 0.7rem;}
.box2 .content .right{ text-align: right; color: #A4A5AA; font-size: 0.7rem; padding-bottom: 20px;}

.box3{ background: #F8F9FB; padding-top: 20px;}
.box3 .title{text-align: center;}
.box3 .title p{ color: #999;}
.box3 .img{ text-align: center; padding: 10px 0;}
.box3 .img img{ width: 45%;}
.box3 .content{padding-left:15px; padding-right:5px;}
.box3 .content h2{ text-align: center; color: #11244C; }
.box3 .content h4{ color: #11244C;}
.box3 .content p{  color: #A4A5AA; font-size: 0.7rem;}
.box3 .content .right{text-align: right; color: #A4A5AA; font-size: 0.7rem; padding-bottom: 20px;}

.box4 {padding-top: 20px; padding-bottom: 20px; background: #F8F9FB;}
.box4 .title{text-align: center;}
.box4 .title p{ color: #999;}
.box4 .center {text-align: center;}
.box4 .p-t{padding-top: 20px;}
.box4 .p-t img{width:60%}
.box5{padding-top: 20px; padding-bottom: 20px;}
.box5 .title{text-align: center;}
.box5 ul{padding-left:15px; padding-right:5px;}
.box5 ul li{ line-height: 2.25rem; font-size: 0.8rem;  border-bottom: 1px #ddd dashed;}
.box5 ul li a{ color: #333;}

.box6{padding-top: 20px; padding-bottom: 20px;}
.box6 .title{text-align: center;}

.box7{padding-top: 20px; padding-bottom: 20px;}
.box7 .title{text-align: center;}
.box7 ul{ display: block; padding: 20px;}
.box7 ul li{ border: 1px solid #ddd; padding: 15px; margin: 20px 0;}
.box7 ul li .t1{text-align: center; font-size: 1.3rem;}
.box7 ul li .t2{text-align: center;color: #81AAEF;}

.box8{padding-top: 20px; padding-bottom: 20px;}
.box8 .title{text-align: center;}
.box8 ul{ display: block; width: 306px; margin: 0 auto;}
.box8 ul li{display: block; width: 306px; height: 246px; background: url("../images/Marketing_advantage_img.png"); padding-top: 60px;}
.box8 ul li h4{    color: #71a2ff;line-height: 66px; text-align: center;}
.box8 ul li p{ display: block; padding: 0 40px;    color: #8a8a8a;}

.box9{ width:100%; height:auto; overflow:hidden; padding-top:20px;}
.box9 h1{line-height: 60px; font-size: 36px; text-align: center;}
.box9 h5{ display:block; text-align:center; color:#a6a6a6a; padding: 0 10px;}
.box9 h5 span{ color:#03F;}
.box9 .borders{ height:auto; overflow:hidden; background:#fff;}
.box9 .borders .title{ height:auto; overflow:hidden; display: flex;}
.box9 .borders .title .td{ flex: 1; float:left;  line-height:50px; text-align: center; color:#03C;}
.box9 .borders .list{ height:auto; overflow:hidden;}
.box9 .borders .list ul{ display:flex; height:auto; overflow:hidden;}
.box9 .borders .list ul:nth-child(even){ background:#f1f1f1;}
.box9 .borders .list ul:hover{ background:#3CF;}
.box9 .borders .list ul li{ flex: 1; float:left;  text-align: center; line-height:35px;}
.box9 .seach{ width:90%; height:auto; overflow:hidden; margin: 0 auto;}
.box9 .seach input{ width: 60%; float:left;
        height: 32px;
        border-radius: 30px;
        line-height: 32px;
        padding-left: 20px;
        padding-right: 50px;
        outline: 0;
        border: 1px solid #b3b3b5;
        background: #f8f9fb;
        color: #1a1a1a;
        margin-top: 12px;}
.box9 .seach .seach_box{width: 18px; float:left;
        margin-left:-30px;
        margin-top:20px;
        height: 18px;
        bottom: 7px;
        right: 13px;
        background: #008b8b;
        background: url(../images/search_ico.png) no-repeat;
        background-size: 18px;
        cursor: pointer;}
.box9 .borders .pages{ height:auto; overflow:hidden; margin:20px 0;}
.box9 .borders .pages ul{ display:block; height:auto; overflow:hidden; text-align:center;}
.box9 .borders .pages ul li{ display:inline-block; width:auto; padding:5px 10px; margin:0 10px; border:1px #CCCCCC solid; border-radius:5px; background:#ddd; cursor:pointer;}
.box9 .login{ display:block; width:160px; height:50px; background:#5adaff; border-radius:5px; margin:40px auto; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
.box9 .login:hover{ background:#73deff;}

.box10{}
.box10 ul{display: block; padding: 10px;}
.box10 ul li{ padding: 10px 0; border-bottom: 1px #ddd dashed;}
.box10 ul li a{ color: #333;}

.box11{ padding:10px;}
.box11 .content img{ width: 100%;}
.box11 .content table{font-size: 0.6rem;}

.foot{ background: #0f1821; padding: 20px 0; color: #fff; font-size: 0.5rem;}
.foot .logo{text-align: center}
.foot .logo img{}
.foot .content{padding: 0 10px;}

.fink{ background: #0f1821; padding: 20px 0; color: #fff;}
.fink a{color: #fff; font-size: 0.7rem;}
.fink span{color: #808697;}
/*框架修改*/
.swiper-container {
        width: 100%;
}

.swiper-container img {
        display: block;
        width: 100%;
}