@charset "utf-8";
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,s,i,img,a,dl,dt,dd,p,input,select,
option,span,form,label,pre,fieldset, textarea,header,footer,nav{margin: 0;padding: 0;font-weight: normal;}
html,body{width: 100%;height:100%;margin:0 auto;min-width:980px;font-size:14px;background:#f2f2f2;font-family:Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color: #333;}
em,i{font-style:normal;}
img{border: none;vertical-align: top;}
strong,h4,h5{font-weight: normal;}
ul,ol,li{list-style:none;}
input,textarea,select,option,button{font-family:Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    resize:none;background:none;outline: none;border: none;border-radius:0;}
select::-ms-expand { display: none; }
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:none;appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{text-decoration:none;font-size:100%;color:#000;outline: none;}
a:hover,a:active,a:visited,a:focus{text-decoration:none;outline: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;overflow: hidden;}
.pa{position: absolute;}
.pr{position: relative;}
.tr{text-align: right;}
.ofellipsis{text-overflow: ellipsis;-o-text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ofellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;}

.box_shadow{background:#fff;margin-bottom:24px;-webkit-box-shadow: 0px 1px 3px 0 rgba(93, 277, 277, 0.1); box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);}
.iconfont{vertical-align: middle;}
.con_page{width:100%;background:#f2f2f2;padding-top:54px;min-height:750px;}
.con_page .container{width:auto;}
.con_page .pages{padding:24px 10px;}
.footer{font-size:12px;color:#999;margin:0 15px;}
/**************************nav start*******************************/
#wraper{width: 100%;min-height: 100%;position: relative;}
.nav_area{height:100%;}
.nav a,.nav a:hover{text-decoration:none;outline:none;}
.nav{width: 230px;background: #1d2125;position: fixed;bottom:0;left:0;top:54px;z-index:999;}
.nav_list_wrap{padding-bottom:30px;}
.nav li{margin-bottom:1px;}
.nav .nav-item a{display: block;overflow: hidden;padding:0 20px;line-height: 50px;max-height: 50px;color: #fff;transition: all .3s;background:#282d30;}
.nav .nav-item a span{margin-left:5px;}
.nav .nav-item .subnav_list a{background:#1d2125;border-bottom:1px solid #292c2f;color:#666;}
.nav .nav-item .subnav_list li:last-child a{border-bottom:none;}
.nav .nav-item .subnav_list a:hover{color:#fff;}
.nav-item{position: relative;}
.nav-item ul{display: none;background:#1d2125;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height:50px;background: #f23e47;opacity:0;transition: all .3s;}
.nav-item .iconfont{color:#999;font-size:20px;}
.nav-item .nav-more{float:right;font-size: 16px;transition: transform .3s;color:#fff;}
.nav-show .nav-more{transform:rotate(90deg);}
.nav-item.nav-show a,.nav-item:hover a{color: #FFF;background:#666;}
.nav-show>a:before,.nav-item:hover a:before{opacity:1;}
.nav-item li:hover a{color: #FFF;background: rgba(0, 0, 0,.1);}
.nav-item.nav-show .subnav_list li a{margin-left: 25px;}
/* nav-mini */
.nav-mini{width: 60px;}
.nav-mini .logo{display:none;}
.nav-mini .user-details{display:none;}
.nav-mini .nav-item>a span{display: none;}
.nav-mini .nav-more{margin-right: -20px;}
.nav-mini .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini .nav-item:hover ul{display:block}
.nav-mini .mCustomScrollBox{overflow:inherit;}
/*nav-list*/
.user-details {width:230px;min-height: 80px;padding: 20px;position: relative;text-align: center;background:#1d2125;}
.user-details .pull-img {width:80px;height:80px;border: 5px solid #3a4145;overflow:hidden}
.user-details .pull-img img{width:100%;height:100%;}
.user-info{margin-top:5px;}
.user-info .dropdown-toggle {font-size:16px;color:#fff;line-height:30px;}
.user-info .open>a, .user-info .open>a:focus, .user-info .open>a:hover{background:none;}
.logo{position:fixed;top:0;left:0;width:230px;padding:0 20px;line-height:54px;background:#f23e47;color:#fff;font-size:16px;z-index:10;}
.logo img{width:30px;height:30px;border-radius:15px;vertical-align:middle;margin-top:-2px;}
.right_area{margin-left:230px;min-height:100%;}
.right_area.mini_header{margin-left:60px;}
.r_header_top{min-width:980px;height:54px;line-height:54px;background: #fff;overflow: hidden;
    position: fixed;top: 0px;left: 0px;right:0;z-index: 99;-webkit-box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);}

.r_header_top .mini{float:left;width:60px;height:54px;text-align:center;margin-left:230px;cursor:pointer;}
.r_header_top .mini i{font-size:20px;}
.r_header_top .toIdent{background-color:#f23e47;border-radius:2px;border:none;padding:7px 20px;margin-left:20px;}
.mini_header .r_header_top{padding-left:0;z-index: 9999;left:-230px;}
.mini_header .mini{padding-left:0;z-index: 9999;left:-230px;background:#f70800;color:#fff;}
.mini_header .mini .icon-liebiao2:before{content:'\e638';}


/*iconfont*/
.icon-jinggao{font-size:21px;color:#ff3333;margin-right:5px;}


/*select*/
.select {position: relative;display: inline-block;max-width: 325px;color: #ccc;vertical-align: middle;}
.select .placeholder {width:180px;border:1px solid #e4e4e4;border-radius: 2px;font-size:14px;position: relative; display: block;
    padding:6px 10px;cursor: pointer; }
.select .placeholder:focus {border-color:#f23e47;}
.select .placeholder:before {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);content: '\e710';z-index: 10;}
.select.is-open .placeholder:before {content: '\e603';}
.select.is-open ul {display: block;}
.select.select--white .placeholder {background: #fff;color: #999;}
.select.select--white .placeholder:hover {background: #fafafa;}
.select ul {display: none;position: absolute;
    overflow: hidden;width: 100%;background: #fff;border-radius: 2px;top: 100%;left: 0;border:1px solid #e4e4e4;border-top:none;z-index: 100;}
.select ul li {padding: 0.8em 1em 0.8em 1em;color: #999;cursor: pointer; }
.select ul li:hover {background: #ccc; color: #000;}

/*首页*/
.start_index{width: 100%;height: 680px;display: table; position: relative;}
.start_index .start_banner{width: 100%; height:680px;position: absolute; top:0;z-index: 9; background: url(../images/banner.jpg) no-repeat;
                            background-size: cover; background-position: 50% 50%;}
/* .start_index .start_banner img{width: 100%; height: auto;} */
.start_index .start_nav{ width: 1200px; margin: 0 auto; position: relative;}
.start_index .start_nav .start_abso{width: 100%;line-height: 60px; position: absolute; top:15px;z-index: 99;}
.start_index .start_nav .start_abso p{color: #fff; display: inline-block;float: right; }
.start_index .start_nav .start_abso p a{ text-align: right;color: #fff; }
.start_index .start_banner .start_free{ position: absolute; z-index: 9; font-size: 22px; top:70%; left:50%; color:#fff; background: #f21414; border-radius: 2px;width: 200px;height: 60px;line-height: 60px;text-align: center;}

.start_platform{width: 100%; height: 100%; background: #fff; padding: 80px 0; display: table;}
.start_plat_width{width: 1200px; margin: 0 auto;display: table;}
.start_plat_width h1{text-align: center; font-size: 24px;margin-bottom: 80px;}
.start_plat_width .start_plat_dl{width: 25%; float: left; text-align: center;}
.start_plat_width .start_plat_dl dt{ width: 58px; height: 58px; background: url(../images/icon_index.png) no-repeat;margin-bottom: 25px; display: inline-block; background-position: -71px -38px;}
.start_plat_width .start_plat_dl dd{ font-size: 20px; color: #333; line-height: 35px;}
.start_plat_width .start_plat_dl p{color: #999;font-size: 14px;}
.start_plat_width .start_plat_dl .start_dt1{ background-position: -394px -38px;}
.start_plat_width .start_plat_dl .start_dt2{ background-position: -710px -38px;}
.start_plat_width .start_plat_dl .start_dt3{ background-position: -1032px -38px;}

.start_backstage{background: #f5f5f5;}
.start_backstage .start_back_dl{width: 47%; margin-right: 3%;float: left; text-align: center;}
.start_backstage .start_back_dl dt{ width: 100%; margin-bottom: 30px;}
.start_backstage .start_back_dl dt img{ width: 100%;}
.start_plat_width h1 a{color: #bfbfbf;}
.start_hz{text-align: center;}
.start_hz h1{margin-bottom: 12px;}
.start_hz p{color: #b3b3b3;}
.start_hz img{width: 199px; height: 199px; margin: 30px 0 15px 0;}

.start_footer{background: #2b2b2b; padding: 50px 0;}
.start_footer .start_plat_width{width: 900px;}
.start_footer .start_plat_width img{width: 90px; height: 95px; float: left; margin-right: 40px;}
.start_footer .start_plat_width p{ color: #999; font-size: 14px;margin-top: 23px;}
.start_footer .start_plat_width p:last-child{margin-top: 10px;}