@charset "utf-8";
*{margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box;}
a{text-decoration:none;}
img{border:none; display:block;}
ul{list-style:none;}
input,button,textarea{outline:none;}
.clearfix {zoom:1;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.thidden{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.w100{width:100%; max-width:640px; margin:0 auto;}

.bgf{background-color:#fff;}
.bgf3{background-color:#f3f3f3;}



.cf{color:#fff;}
.cred{color:#b72321;}
.c9{color:#999999;}

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


.text_left_center{display:flex; justify-content:flex-start; align-items:center;
    display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:center;}
.text_left_center_column{display:flex; justify-content:center; align-items:flex-start; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:flex-start; -webkit-flex-direction:column;}
.text_left_bottom{display:flex; justify-content:flex-start; align-items:flex-end;
    display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:flex-end;}
.text_left_top{display:flex; justify-content:flex-start; align-items:flex-start;
    display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:flex-start;}
.text_left_top_column{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:flex-start; -webkit-flex-direction:column;}
.text_top_center{display:flex; justify-content:center; align-items:flex-start;
    display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:flex-start;}


.text_right_center{display:flex; justify-content:flex-end; align-items:center;
    display:-webkit-flex; -webkit-justify-content:flex-end; -webkit-align-items:center;}
.text_right_center_column{display:flex; justify-content:center; align-items:flex-end; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:flex-end; -webkit-flex-direction:column;}
.text_right_bottom{display:flex; justify-content:flex-end; align-items:flex-end;
    display:-webkit-flex; -webkit-justify-content:flex-end; -webkit-align-items:flex-end;}
.text_right_bottom_column{display:flex; justify-content:flex-end; align-items:flex-end; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:flex-end; -webkit-align-items:flex-end; -webkit-flex-direction:column;}
.text_right_top{display:flex; justify-content:flex-end; align-items:flex-start;
    display:-webkit-flex; -webkit-justify-content:flex-end; -webkit-justify-content:flex-start;}
.text_right_top_column{display:flex; justify-content:flex-start; align-items:flex-end; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:flex-end; -webkit-flex-direction:column;}


/*居中居中*/
.text_center_center{display:flex; justify-content:center; align-items:center;
    display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:center;}
.text_center_center_column{display:flex; justify-content:center; align-items:center; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:center; -webkit-flex-direction:column;}
.text_top_center_column{display:flex; justify-content:flex-start; align-items:center; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:center; -webkit-flex-direction:column;}
.text_center_bottom{display:flex; justify-content:center; align-items:flex-end;
    display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:flex-end;}
.text_center_bottom_column{display:flex; justify-content:flex-end; align-items:center; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:flex-end; -webkit-align-items:center; -webkit-flex-direction:column;}

/*上下分离左居中*/
.text_left_between_center_column{display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:flex-start; -webkit-flex-direction:column;}
.text_top_between_center{display:flex; justify-content:space-between; align-items:flex-start;
    display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:flex-start;}


/*左右分离居中*/
.text_between_center{display:flex; justify-content:space-between; align-items:center;
    display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:center;}
.text_between_center_column{display:flex; justify-content:space-between; align-items:center; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:center; -webkit-flex-direction:column;}

.text_between_bottom{display:flex; justify-content:space-between; align-items:flex-end;
    display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:flex-end;}

.text_space-around{display:flex; justify-content:space-around; align-items:center;
    display:-webkit-flex; -webkit-justify-content:space-around; -webkit-align-items:center;}
.text_space-around_column{display:flex; justify-content:space-around; align-items:center; flex-direction:column;
    display:-webkit-flex; -webkit-justify-content:space-around; -webkit-align-items:center; -webkit-flex-direction:column;}




/* header */
._nav{position:fixed; left:0; top:0; z-index:9999; width:100%; height:70px; background:#fff;}
._nav header{margin:0 auto;}
header {left:0; top:0; width:100%; height:70px; z-index:1000; background:#fff; position:relative; transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}

.mhead {width:90%; height:70px; position:absolute; top:0px; left:5%;}

/* .logo3 {position:absolute; left:0; top:17px;} */

.logo3 img{height:30px;}

.menuIcon, .menuIcon2 {position:absolute; height:70px; right:1%; top:0px; z-index:996; cursor:pointer;}

.btn-nav {background:0 0; border:none; padding:22px 0px; cursor:pointer; z-index:99999; transition:all 0.1s ease;}

.icon-bar {display:block; margin:5px 0; width:23px; height:2px; background-color:#000; transition:all 0.1s ease;}

.icon-bar.middle {width:23px;}

.animated2 .top {transform:translateY(6px) rotateZ(45deg);}

.animated2 .middle {width:0px !important;}

.animated2 .bottom {transform: translateY(-8px) rotateZ(-45deg);}

/*导航栏主体*/
.menuMain {position:absolute; left:0; top:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.6);}

.menuBox {padding:70px 20px 0 20px; position:relative; height:100%;}

.menuBox .preBox {position:absolute; left:100%; top:0; width:55%; height:100%; padding-top:70px; background:#fff url(../img/common/nav_bg.png) center bottom / 80% auto no-repeat;}

.menuBox .preBox ul {padding:0 7%;}

/*展开之前*/
.menuBox li {opacity:0; transform:translateY(-24px) scale(1.1); transition:opacity 0.3s ease-out, transform 0.1s ease-out;}

/*展开之后*/
.showMain .menuBox li {opacity:1; transform:none; position:relative;}
.showMain .menuBox .preBox{left:45%;}

/*end*/

.menuBox li>a {height:56px; line-height:56px; color:#000; font-size:14px; display:block;}
.menuBox li>a>small{margin-left:10px; font-size:11px;display:none;}

.menuBox .bBor::after {position:absolute; left:0; right:0; height:1px; background:rgba(150,150,150,0.7); content:''; transform:scaleY(0.333); bottom:0;}

.list {overflow:hidden;}

.list.serlist a, .list.prolist a {width:50%; height:42px; line-height:42px; color:rgba(255,255,255,0.8); font-size:13px; float:left; position:relative;}

.list.prolist a {width:100%; text-indent:20px;}


/*footer*/
._footer{background-color:#24246c;}
._footer_top{padding:0 2rem;}
._fsec{padding-top:3rem;}
._tt{font-size:1rem; color:#6c6c8c;}

._flink{flex-wrap:wrap; -webkit-flex-wrap:wrap; width:100%;}
._flink a{width:50%; font-size:1.1rem; color:#fff; margin-top:1.1rem;}
._code{margin-top:1.1rem;}
._code_list img{width:5.5rem; height:5.5rem; margin-bottom:0.8rem;}
._code_list p{font-size:1rem; color:#fff; opacity:0.7;}
._ba{background-color:#1d1d56; padding:1rem 2rem; margin-top:3rem;}
._ba a{color:#fff; margin-bottom:0.5rem;}