@charset "utf-8";
@font-face{font-family:"indexfont";src:url('../fonts/indexfont.eot') format('embedded-opentype'),url('../fonts/indexfont.woff') format('woff'),url('../fonts/indexfont.ttf') format('truetype')}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,i{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}   
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
address,caption,cite,code,dfn,em,var,i{font-weight:normal; font-style:normal;}
.fl{display:inline; float:left;}
.fr{display:inline; float:right;}
.cf:after{display:block; content:"."; height:0; overflow:hidden; clear:both;}
.cf{zoom:1;}
.pc{ display:block !important;}
.mc{ display:none !important;}
a{text-decoration:none !important;color:#333;outline: none;}
a:hover{color: #42abfb;text-decoration: none;}
.left,.fl{float:left;}
.right,.fr{float:right;}
.clearfix:after{visibility:hidden; display:block; clear:both; height:0; font-size:0; content:".";}
.clearfix{zoom:1;}
.clear {clear: both;}
body{font:14px/1.5 "Microsoft YaHei", arial,simsun,sans-serif; color:#333; min-width:1200px; position:relative;}
.hidden{visibility: hidden;}
.none{ display:none;}
.base {margin: 0 auto;width: 1200px;}
.clr:after, .clr:before {content: "";display: table;clear:both;}
.w1200{width:1200px;margin:0 auto}
.nav_main{position:relative;height:auto}
.flex{display: flex;}

.site-header{z-index:99;background:linear-gradient(35deg,rgb(6,0,151) 0%,rgb(130,4,255) 73%,rgb(193,15,255) 100%)}
.header{width:1200px;max-width:1200px;margin:0 auto}
.header .logo{float:left}
.header .logo a{display:block}
.header .logo img{height:90px}
.header .hnav{float:right}
.header .hnav li{float:left;padding:30px 0px}
.header .hnav li a{padding:20px 10px;color:#fff;font-size:20px}
.indexban{width:1200px;max-width:1200px;margin:0 auto;padding-top:20px;padding-bottom:60px;grid-template-columns:auto 43%}
.indexban .indexbantxt{float:left;padding-top:80px}
.indexban .indexbantxt h3{font-size:3.5555555555556rem;font-weight:600;color:#fff}
.indexban .indexbantxt p{font-size:1.2rem;color:#fff;margin-bottom:1.6em;padding-top:30px}
.indexban .indexbanbnt{padding-top:20px}
.indexban .indexbanbnt .inbnt{border-color:#ffcd57;background-color:#ffcd57;color:#000;font-family:inherit;font-weight:600;line-height:1em;font-size:20px;font-size:1.1111111111111rem;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;padding-top:15px;padding-right:40px;padding-bottom:15px;padding-left:40px}
.indexban .indexbanpic{float:right}

.zhushou{background:#f5f6f7}
.zban{width:1200px;margin:0 auto;display:flex;padding-top:40px;height:auto}
.zhushou .images{width:582px;height:424px}
.zhushou .images img{width:100%;height:auto}
.zhushou .title{padding-left:55px;padding-top:100px}
.zhushou h2,.title h2{font-size:26px;font-weight:normal;padding-bottom:10px}
.zhushou p{margin-top:6px;color:#666}
.zhushou .btn{display:block;margin-top:22px;width:120px;height:42px;line-height:42px;border-radius:5px;text-align:center;color:#fff;font-size:16px;background-color:#1781ea;cursor:pointer;transition:all .4s}
.zhushou .btn .iconfont{font-size:18px;margin-right:5px}
.zhushou .btn:hover{background-color:#3385ff;box-shadow:none}
.zhushou .btn .ai{margin-right:5px}
.zhushou .btn .ai img{margin-right:5px}

.bnav{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:15px auto;width:1200px;color: #999;}
.bnav .bnav_list{color:#999;font-family:Microsoft YaHei;font-size:13px;font-weight:400;line-height:6px;margin-right:8px}
.bnav .bnav_list i{font-style:inherit;margin-left:8px}
.bnav .banv_right:before {content: ">";}

.footer{padding-bottom:15px;padding-top:50px}
.footer p{text-align:center;margin-bottom:8px}
.footer p,.footer .links{color:#808080}
.footer .foot-menu{font-size:16px}
.footer .links{margin:0 6px;word-break:keep-all;transition:all .4s}
.footer .links:hover{color:#333}

.page{ background: #fbfbfb; height: 70px; overflow: hidden;margin-top: 30px;}
.page i{ display: inline-block; float: left; padding-left: 59px; line-height: 70px; color: #3c434e; font-size: 16px; letter-spacing: 2px; width: 405px;}
.page em{ display: inline-block; float: left; line-height: 70px; border-left: 2px solid #f0f5f8; border-right: 2px solid #f0f5f8; width: 142px; text-align: center;font-size: 16px; }
.page em a{ display: inline-block; line-height: 79px; color: #3c434e;}
.page em a:hover{ color: #f1592a;}
.page em:last-of-type{ border-right: 2px solid #fff;}
.page ul{margin: 0 auto; overflow: hidden; padding: 24px 0 0 0; width: auto;text-align: center;}
.page ul a{font-size: 16px; color: #333;display: inline-block;  height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #333; font-weight: bold; padding:0 10px;}
.page ul a:hover,.page ul b{font-size: 16px; color: #ffffff;display: inline-block;  height: 30px; text-align: center; line-height: 30px; font-weight: bold;background: #016eef;padding:0 10px;}