@charset "utf-8";

/* CSS Document */

body{
	font-family: "Montserrat-Regular" !important;
	color: #333;
}
*{

}
/*html {*/
/*    filter: grayscale(1);*/
/*}*/
@font-face {
	font-family: 'Montserrat-Bold';     /* 这个名字可以自己定义 */
	src: url('../fonts/Montserrat-Bold.woff'); 
	/*src: url('../fonts/Montserrat-Light.woff') 
        url('../fonts/Montserrat-Medium.woff') 
        url('../fonts/Montserrat-Regular.woff');*/
        font-weight: bold;
        font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';     /* 这个名字可以自己定义 */
	src: url('../fonts/Montserrat-Light.woff');
      
        font-weight: bold;
        font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Medium';     /* 这个名字可以自己定义 */
	src: url('../fonts/Montserrat-Medium.woff');
      
        font-weight: bold;
        font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Regular';     /* 这个名字可以自己定义 */
	src: url('../fonts/Montserrat-Regular.woff');
      
        font-weight: bold;
        font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
	margin: 0;
	padding: 0; 
}
a,
a:hover,
a:visited{
	color: inherit;
	text-decoration: none!important;
}
ul li{
	list-style: none;
}

/*****header*******/

.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 99;

    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #cacaca;
    z-index: -1;
}
.logo{
	width: 160px;
	height: 90px;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
} 
.logo a{
	display: block;
	position: relative;
}
.logo a img:nth-child(2){
	position: absolute;
	top: 0;
	left: 0;

	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0); 
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header_nav{
	width: 50%;
	margin-left: 10%;
	float: left;
}
.header_nav>li{
	float: left;
	margin-right: 3%;
	width: 17%;
	text-align: center;
}
.header_nav>li:last-child{
	margin-right: 0;
}
.header_nav>li>a{
	font-size: 14px;
	color: #ffffff;	
	line-height: 90px;
	text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header_search{
	height: 90px;
	float: right;
	margin-right: 2%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header_search input{
	width: 120px;
	border: none;
	font-size: 14px;
	color: #ffffff;
	padding: 0 28px 0 0;
	background-color: transparent;
	border-bottom: 1px solid #ffffff;

    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header_search img{
	width: 18px;
	position: absolute;
	top: 48%;
	right: 4px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header_search img:nth-child(3){
	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0); 
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header_link{
	float: right;
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header_link a{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;

	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header_link a:last-child{
	margin-right: 0;
}
.header_link a img{
	width: 18px;
}
.header_link a img:nth-child(2){
	position: absolute;
	top: 50%;
	left: 50%;

	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0); 
    -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header_link_ul{
	position: absolute;
	display: none;
}
.header_link_ul li img{
	width: auto;
}
.header_link_ul li p{
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    margin-top: 5px;
    color: #333333;
}
.wx_ewm{
	right: 170%;
	top: 90px;
}
.wx_ewm p{
	margin: 2px;
}
.shopping{
	right: 0;
	top: 74px;
}
.shopping a{
	width: auto;
	height: auto;
	border: none;
	margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.shopping li .btn_bg{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #feb813;
	
}
.shopping li .btn_bg img{
	width: 100%;
}
.header.on,.header_on{
	background-color: #ffffff;
}
.header_search p{
	color: #333333;
}
.header.on .logo a img:nth-child(2),
.header.on .header_search img:nth-child(3),
.header.on .header_link a img:nth-child(2),
.header_on .logo a img:nth-child(2),
.header_on .header_search img:nth-child(3),
.header_on .header_link a img:nth-child(2){
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); 
}
.header.on .header_nav li a,.header_on .header_nav li a{
	color: #333333;
}
.header.on .header_search input,
.header.on .header_link a,
.header_on .header_search input,
.header_on .header_link a{
	border-color: #333333;
}
.header_list_box>ul{
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
    position: relative;
     display: none; 
}
.header_list_box>ul li{
	line-height: 34px;
	font-size: 14px;
	float: none;
	width: 100%;
}
.header_list_box>ul li a{
	line-height: 34px;
}
.header.active .header_list_box>ul li a{
	color: #6f6f6f;
}

.header_list_spot{
	content:'';
	position: absolute;
    display: block;
    top: -5%;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    margin-left: -2px;
    background: #dfebe7;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	/*display: none;*/
}
.header_list_spot:after{
	content: '';
    background: #e4e4e4;
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 4px;
    border-radius: 8px;
}
.header_list_spot:before{
	content: '';
    background: #e4e4e4;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 8px;
}
.header_list_box:hover .header_list_spot{
	width: 36px;
    margin-left: -18px;
}
.header_list_box:hover .header_list_spot:after,.header_list_box:hover .header_list_spot:before{
	background-color: #ffb900;
}
.header_list_box:hover .header_list_tit{
	color: #ffb900 !important;
}
.header.active:after{
	border-color: #ffb900;
}
.header.active .header_bg{
	background-color: #fff;
	
}


/*****header*******/
    
/*****banner*******/
.banner{
	width: 100%;
	position: relative;
	overflow: hidden;
	font-family: "Montserrat-Bold", 'Noto Sans SC', 'Malgun Gothic', sans-serif;
}
.banner_swiper{
	height: 100vh;
}

/*****banner*******/
.container{
    position: relative;
}

.header_bg .container{
	position: inherit;
}

.index_box{
	width: 80%;
	margin: 0 auto;
}
.comment_title{
    text-align: center;
}
.comment_title h2{
    font-size: 62px;
    color: #333333;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.comment_title h2 span{
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
    letter-spacing: 1px;
    margin-left: 20px;
    text-transform: uppercase;
}
.comment_title p{
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/*****index_sec1*******/
.index_sec1{
	padding: 90px 0 0;
	position: relative;
}
.index_sec1 .comment_title{
	text-align: left;
}
.index_sec1_bgTxt{
	font-size: 10vw;
	color: #f5f5f5;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: -3vh;
	right: 0;
	z-index: 0;
}
.index_sec1_list{
	position: relative;
	z-index: 1;
	-webkit-transform: translateY(26%);
	transform: translateY(26%);
}
.index_sec1_list li{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	position: relative;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2);
	        box-shadow: 0 0 14px rgba(0,0,0,0.2)
}
.index_sec1_list li:last-child{
	margin-right: 0;
}
.index_sec1_txt{
	width: 100;
	height: 100%;
	padding: 0 14%;
	position: absolute;
	top: 0;
	left: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.index_sec1_txt p{
	font-size: 12px;
	color: #666666;
}
.index_sec1_txt h5{
	font-size: 2vw;
	color: #ffb900;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 24%;
}
.index_sec1_txt h6{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-top: 6%;
}
/*****index_sec1*******/

/*****index_sec2*******/
.index_sec2{
	position: relative;
	padding-bottom: 90px;
}
.index_sec2 .container{
	height: 86vh;
}
.index_sec2 .index_box{
	position: absolute;
	top: 24%;
	left: 10%;
}
.index_sec2 .comment_title{
	text-align: left;
}
.index_sec2 .comment_title h2{
	color: #ffffff;
}
.index_sec2 .comment_title h2:nth-child(2){
	text-indent: 7rem;
}
.index_sec2_list{
	margin-top: 60px;
}
.index_sec2_list li{
	width: 21%;
	float: left;
	margin-right: 5.3%;
}
.index_sec2_list li:nth-child(4n){
	margin-right: 0;
}
.index_sec2_list h6{
	font-size: 16px;
	color: #ffb900;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.index_sec2_list p{
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 14px;
	line-height: 24px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
/*****index_sec2*******/


/*****index_sec3*******/
.index_sec3{
	padding: 90px 0;
	background-color: #f5f5f5;
}
.index_sec3_list{
	margin-top: 60px;
}
.index_sec3_list li{
	width: calc(25% - 6px);
	margin-right: 8px;
	float: left;
	background-color: #ffffff;
}
.index_sec3_list li:last-child{
	margin-right: 0;
}
.index_sec3_img{
	overflow: hidden;
}
.index_sec3_img img{
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.index_sec3_img:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.index_sec3_txt{
	padding: 8% 10%;
}
.index_sec3_txt h6{
	font-size: 18px;
	color: #000000;
	/*font-weight: bold;*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 19px;
    height: 19px;
}
.index_sec3_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-top: 6%;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 52px;
}
.index_sec3_txt a{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-top: 18%;
}
/*****index_sec3*******/

/*****index_sec4*******/
.index_sec4{
	padding: 90px 0 0;
}
.index_sec4 .comment_title{
	text-align: left;
}
.index_sec4_list{
	margin-top: 80px;
}
.index_sec4_list li{
	width: 33.33%;
	float: left;
	padding: 0 5% 11vh 5%;
	border-right: 1px solid #e0e0e0;
}
.index_sec4_list li:first-child{
	border-left: 1px solid #e0e0e0;
}
.index_sec4_list h5{
	font-size: 14px;
	color: #ff9c00;
	text-transform: uppercase;
}
.index_sec4_list h6{
	font-size: 16px;
    color: #333333;
    margin-top: 20px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    /* height: 56px; */
}
.index_sec4_list p{
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
	line-height: 26px;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 78px;
}
.index_sec4_list h4{
	font-size: 14px;
	color: #999999;
	margin-top: 34px;
}
/*****index_sec4*******/

/***footer***/

.footer {
	padding-top: 80px;
	background: #222222;
}
.footer_link{
	width: 80%;
	padding-bottom: 40px;
	float: left;
}
.footer_list{
	width: 20%;
	float: left;
	padding-right: 5%;
}
.footer_list li:first-child a{
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 24px;
}
.footer_list li a{
	font-size: 14px;
	color: #bab9b9;
	margin-bottom: 14px;
}
.footer_ewm{
	width: 20%;
	float: left;
	position: relative;
}
.footer_ewm::before{
	content: '';
	display: block;
	width: 1px;
	height: 100px;
	background-color: #515151;
	position: absolute;
	top: 6%;
	left: -20%;
}
.footer_ewm_box{
	width: 40%;
	float: right;
	margin-left: 10%;
	text-align: center;
}
.footer_ewm_box:frist-child{
	margin-left: 0;
}
.footer_ewm_box p{
	font-size: 12px;
	color: #bab9b9;
	margin-top: 14px;
}
.footer_bottom{
	height: 60px;
	border-top: 1px solid #414141;
}
.copy p{
	font-size: 14px;
	color: #575757;
	line-height: 60px;
	display: inline-block;
	margin-right: 10px;
}
.footer_hz{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/***footer***/


/*福利政策*/
.ot_banner{
	position: relative;
	margin-top: 90px;
}
.ot_banner_bg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.2);
}
.ot_banner_bg_text{
	position: absolute;
	top: 50%;
	left: 20%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}
.ot_banner_bg_text h2{
	font-size: 45px;
	margin-bottom: 20px;
	letter-spacing: 3px;
}
.ot_banner_bg_text p{
	font-size: 18px;
	letter-spacing: 2px;
}
.all_pad{
	padding-top: 80px;
	padding-bottom: 80px;
}
.all_index_tit{
	text-align: center;
	margin-bottom: 65px;
}
.all_index_tit h3{
	font-size: 40px;
	margin-bottom: 20px;
}
.all_index_tit h5{
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.welfare_con1_box{
	width: 78%;
	margin: 0 auto;
}
.welfare_con1_box .box{
	width: 20%;
	float: left;
	padding:0 15px;
	text-align: center;
	margin-bottom: 30px;
}
.welfare_con1_box .box .img{
	height: 60px;
	margin-bottom: 15px;
}
.welfare_con1_box .box .img img{
	max-height: 100%;
}
.welfare_con1_box .box .text{
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
.welfare_con1_box .box_son{
	border:2px solid #eff0f5;
	padding:30px 0;
}
.welfare_con2{
	padding-top: 80px;
	background-color: #f8f8f8;
}
.welfare_con2_text{
	text-align: center;
	margin-bottom: 70px;
}
.welfare_con2_text .box{
	display: inline-block;
	margin: 0 60px;
}
.welfare_con2_text .box .img{
	border:1px solid #fbb408;
	width: 52px;
	height: 52px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-radius: 50%;
	line-height: 52px;
	text-align: center;
	padding-top: 11px;
}
.welfare_con2_map{
	width: 100%;
	height: 400px;
}
.BMap_Marker img{
	height: 20px;
}
/*福利政策*/

/*人才招聘*/
.job_con1_list_nav{
	position:relative;
	padding-left: 133px;
	padding-right: 133px;
	background-color: #f1f1f1;
	font-size: 15px;
	line-height: 25px;
	height: 52px;
	overflow: hidden;
	transition: all 350ms ease-out;
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	-o-transition: all 350ms ease-out;
}
.job_con1_list_nav .tit{
	position: absolute;
	left: 0px;
	padding: 0 35px;
	top: 15px;
}
.job_con1_list_nav  .job_more{
	position: absolute;
	top: 15px;
	padding: 0 35px;
	right: 0px;
	cursor: pointer;
}
.job_con1_list_nav .job_more span{
	display: inline-block;
	margin-right: 10px;
	color: #f9b301;
}
.job_con1_list_nav .job_more  img{
	margin-top: -3px;
	transition: all 350ms ease-out;
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	-o-transition: all 350ms ease-out;
}
.job_con1_list_nav .job_more.active img{
/*	-ms-transform:rotate(7deg);   
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);*/
    -webkit-transform:rotate(180deg);
            transform:rotate(180deg);
}
.job_con1_list_nav .box{
	padding: 11px 0;
	
}
.job_con1_list_nav .box span{
	display: inline-block;
	line-height: 33px;
	margin-right: 38px;
	color: #666666;
	cursor: pointer;
}
.job_con1_list_nav .box span.active{
	color: #f9b301;
}
.job_con1_list{
	width: 78%;
	margin: 0 auto;
	position: relative;
}
.job_con1_list_nav2{
	cursor: pointer;
}
.job_con1_list_nav2 span{
	width: 20%;
	float: left;
	line-height: 60px;
	text-align: center;
	font-size: 15px;
	height: 60px;
	position: relative;
}
.job_con1_list_box{
	border-bottom: 1px solid #eeeeee;
}
.job_con1_list_nav2.tit span{
	font-size: 17px;
	font-weight: bold;
}
.job_con1_list_nav2_more b{
	width: 15px;
	position:absolute;
	top: 50%;
	left: 50%;
	height: 2px;
	background-color: #666;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.job_con1_list_nav2_more b:after{
	content: '';
	position: absolute;
	height: 15px;
	width:2px;
	top: 50%;
	left: 50%;
	background-color: #666;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.job_con1_list_nav2_more.active b:after{
	filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}
.job_con1_list_box_son{
	background-color: #f7f7f7;
	padding: 25px 0% 25px 8%;
	position: relative;
	display: none;
}
.job_con1_list_box_son .left{
	width: 76%;
}
.job_con1_list_box_son .left_box{
	position: relative;
	margin-bottom: 15px;
	padding-left: 74px;
}
.job_con1_list_box_son .left_box .tit{
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 24px;
	color: #f9b301;
}
.job_con1_list_box_son .left_box .left_text{
	line-height: 24px;
	color: #666;
}
.job_con1_submit{
	cursor:pointer;
	position: absolute;
	top: 50%;
	left: 85%;
	background-color: #f9be0c;
	color: #fff;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.join_upload{
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.join_upload_box{
    background-color: #fff;
    position: absolute;
    top:50%;
    left:50%;
    width:580px;
    margin-left: -300px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border:5px solid #f5f5f5;
}
.join_upload_box h3{
    margin: 0px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    font-size: 18px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.join_upload_close{
    position: absolute;
    top: 12px;
    right: 15px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.join_upload_box h3 i{
    color: #666;
    margin: 0 10px;
}
.join_upload_box_text{
    padding: 20px;
    padding-bottom: 30px;
}
.join_upload_box_text h5{
    margin: 0px;
    margin-bottom: 5px;
}
.join_upload_box_text p{
    color: #999;
    margin-bottom: 30px;
}
.join_upload_box_text .input{
    position: relative;
    cursor: pointer;
}
.join_upload_box_text .input p{
    margin: 0px;
    width: 100%;
    border: 1px solid #ededed;
    background: #f9f9f9;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    color: #666;
}
/*.join_upload_box_text .input span{
    
}*/
.join_upload_box_text .input .file_input{
    position: absolute;
    top:0px;
    height: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
    z-index: 2;
}
.join_upload_bt{
    position: absolute;
    top:0px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    background-color: #f9b301;
    color: #fff;
    cursor: pointer;
}
.join_upload_bt a{
    display: inline-block;
    
    line-height: 40px;
    height: 40px;
    background-color: #54a141;
    color: #fff;
}
.join_upload_bt input{
    width: 100%;
    padding: 0 40px;
    outline: none;
    height: 100%;
    background-color: transparent;
    border:0px;
}
/*人才招聘*/

/* 党建工作 */
.building_con1_box{
	position: relative;
	width: 82%;
	margin: 0 auto;
}
.building_con1_box .box{
	float: left;
	width: 50%;
	padding-right: 4%;
	text-align: center;
	border-right: 1px dashed #b9b9b9;
}
.building_con1_box .box:last-child{
	padding-left: 4%;
	border-right: none;
}
.building_con1_box .box::after{
	position: absolute;
	bottom: 0;
	content: '';
	width: 19px;
	height: 17px;
	background: url(../images/building_more.png) no-repeat center/cover;
	margin: 0 auto;
}
.building_con1_box .box:hover::after{
  -webkit-animation: swing 2s infinite ease-in-out;
          animation: swing 2s infinite ease-in-out;
}
@-webkit-keyframes swing{
	0%{
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	50%{
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}
@keyframes swing{
	0%{
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	50%{
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}
.building_con1_box .box .box_kuang{
	width: 38px;
	height: 38px;
	margin: 0 auto;
	background-color: #fec025;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg); 
}
.building_con1_box .box h6{
	font-size: 30px;
	color: #333;
	margin-bottom: 18px;
	margin-top: 24px;
	letter-spacing: 2px;
}
.building_con1_box .box > p{
	font-size: 14px;
	color: #333;
	letter-spacing: 1px;
}
.building_con1_box .box .box_text{
	text-align: left;
	margin: 50px 0; 
}
.building_con1_box .box .box_text p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}
.building_con2_box{
	width: 100%;
	height: 87vh;
}
.building_con2_box .box{
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	padding: 8% 12% 8% 9%;
	z-index: 1;
}
.building_con2_box .box .box_mask{
	position: absolute;
	top: 0;
	right: 0;
	width: 290px;
	height: 100%;
	padding: 150px 0;
	background-color: rgba(0, 0, 0, 0.8);
}
.box_mask ul{
	padding: 80px 0;
}
.box_mask ul li{
	cursor: pointer;
	position: relative;
	padding: 16px 34px;
	z-index: 9;
}
.box_mask ul li .box_kuang{
	position: absolute;
	left: -19px;
	top: 12px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #fec025;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	
	-moz-transform:rotate(-45deg); 	
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg); 
}
.box_mask ul li .box_kuang p{
	font-size: 14px;
	color: #333333;
	text-align: center;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
}
.box_mask ul li .title{
	font-size: 20px;
	color: #fec025;
	margin-bottom: 16px;
}
.box_mask ul li > p{
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}
.box_mask ul li:hover{
	background: #fec025;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box_mask ul li:hover .box_kuang{
	background-color: #efb115;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box_mask ul li:hover .title{
	color: #ffffff;
}

/* swiper */
.box_con1{
	height: 55vh!important;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
}
.box_con1 .box_con1_title{
	font-size: 40px;
	color: #fec025;
	letter-spacing: 6px;
	margin-bottom: 34px;
	margin-top: 24%;
}
.box_con1 .box_con1_title1{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.box_con1 p{
	font-size: 14px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 26px;
}
.box_con1 .more{
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	color: #fec025;
	width: 126px;
	height: 38px;
	border-top: 1px solid #fec025;
	border-bottom: 1px solid #fec025;
	line-height: 36px;
	margin-top: 58px;
	text-transform: uppercase;
}
.box_con1 .more:hover{
	color: #ffffff;
	background-color: #fec025;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.con1_pagination{
	display: none;
}
.con1_pagination1{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.con1_pagination1 li{
	cursor: pointer;
	font-size: 24px;
	color: #999999;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e5e5;
}
.con1_pagination1 li:last-child{
	border-bottom: none;
}
.con1_pagination1 li.active{
	background: #fac237;
	color: #333333;
}
/* 党建工作 */

/* 党建工作-详情 */
.build_inner{
	width: 62.5%;
	margin: 0 auto;
	padding-bottom: 80px; 
}
.build_inner_title{
	padding-bottom: 32px;
	border-bottom: 1px solid #e2e2e2;
}
.build_inner_title h6{
	font-size: 30px;
	color: #333333;
	margin: 24px 0 18px;
	letter-spacing: 2px;
}
.build_inner_title > p{
	font-size: 12px;
	color: #666666;
}
.build_inner_con{
	padding: 32px 0 60px;
	border-bottom: 1px solid #e2e2e2;
}
.build_inner_con img{
	max-width: 100%;
}
.build_inner_con .con1_text{
	padding-left: 36px;
	margin-top: 34px;
}
.build_inner_con .con1_text p{
	font-size: 18px;
	color: #666666;
	line-height: 34px;
}
.build_inner_con .con1_text1{
	margin-top: 52px;
}
.build_inner_con .con1_text1 p{
	font-size: 18px;
	color: #666;
	text-align: center;
	margin: 16px 0 40px;
}
.build_inner_btn{
	padding: 22px 11% 0;
}
.build_inner_btn a{
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	color: #010101;
	width: 145px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #c0c5d6;
}
.build_inner_btn a img{
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.build_inner_btn a:hover img{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.build_inner_btn .btn_right{
	float: right;
}
.build_inner_btn .btn_right:hover img{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.build_inner_back{
	display: block;
	font-size: 14px;
	color: #ffffff;
	width: 145px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	margin: 74px auto 0;
	background-color: #fec025;
	border: 1px solid #fec025;
}
.build_inner_back:hover{
	color: #fec025;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* 党建工作-详情 */

/* 我们的动态-超威报 */
.newspaper_panel{
	width: 80%;
	/* min-width: 1248px; */
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    -webkit-transform: translateY(-11%);
    transform: translateY(-11%);
}
.newspaper_panel_box{
	width: 40%;
	float: left;
}
.boardImage .imgaes{
	position: relative;
}
.boardImage .article{
	position: absolute;
	z-index: 4;
	cursor: pointer;
}
.boardImage .article:hover{
	background-color: rgba(188,29,33,0.4);
}
.boardUp,
.boardDown{
	cursor: pointer;
}
.boardUp i,
.boardDown i{
	color: #f9be0c;
}
.boardDown{
	margin-left: 10px;
}

.board-content{
	width: 34%;
    float: left;
    padding-left: 30px;
    height: 100%;
	padding-top: 150px;
}
.board-content .title{
	font-size: 16px;
    background: #f9be0c;
    color: white;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.catagory .title {
    width: 100%;
    text-indent: .5em;
    font-size: 16px;
    background: #006650;
    color: white;
    height: 40px;
    line-height: 40px;
}

.newspaper_catagory{
	width: 26%;
	float: left;
	padding-top: 150px;
	padding-left: 30px;
}
.newspaper_catagory .title{
    font-size: 16px;
    background: #f9be0c;
    color: white;
    height: 40px;
    line-height: 40px;
}

.newspaper_date{
	width: 26%;
    float: right;
    padding-top: 40px;
    padding-left: 30px;
}
.newspaper_date .title{
    font-size: 16px;
    background: #f9be0c;
    color: white;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
}
.newspaper_date .date_year{
	margin: 4px 0;
	padding: 6px 10px;
	background-color: #cccccc;
}
.newspaper_date .date_year span{
	font-size: 14px;
	color: #666666;
}
.newspaper_date .keyyear{
	float: right;
	border:none; 
	width:70px;
	font-size: 14px;
	color: #666666;
}
.newspaper_date .keymonth{
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	height: 254px;
	overflow-y: scroll;
	overflow-x: auto;
}
.newspaper_date .keymonth::-webkit-scrollbar-track-piece{
	background-color: #eeeeee;
}
.newspaper_date .keymonth::-webkit-scrollbar-thumb{
	background-color: #c1c1c1;
}
.newspaper_date .keymonth li{
	width: 25%;
	float: left;
	text-align: center;
}
.newspaper_date .keymonth h4{
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
}
.newspaper_date .keymonth_number{
	background-color: #ffffff;
	height: 46px;
	border-right: 1px solid #eeeeee;
	padding-top: 6px;
}
.newspaper_date .keymonth_number p a{
	font-size: 14px;
	color: #666666;
	line-height: 18px;
}
.newspaper_date .keymonth_number p a:hover{
	color: #f00;
    text-decoration: none;
}
.boards{
	position: absolute;
	right: 0;
	top: 0;
}
.boards_date{
	float:right; 
	margin-top:100px;
	text-align:right;
	width:100%;
}
.boards_date span{
	font-size: 12px;
	color: #333333;
}
.boards .menu{
	text-align:right;
	float:right;
	width:100%;
	margin-top: 6px;
}
.boards .menu a{
	margin-left: 4px;
}
.text-overflow{
	height: 30px;
    line-height: 30px;
    text-indent: 8px;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-overflow.active,
.text-overflow:hover {
    background: #ccc;
}
.newspaper_catagory .title{
	text-indent: 10px;
}
.alert_article{
	width: 58%;
	height: 600px;    
	background: ivory;
	position: absolute;
	right: 0;
	top: 160px;
 -webkit-box-shadow: 2px 2px 5px #333333;
 box-shadow: 2px 2px 5px #333333;
	-webkit-transform: translateX(102%);
	transform: translateX(102%);

	-webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.alert_article.show{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.glyphicon-remove {
    color: red;
    font-size: 18px;
    margin-top: -33px;
    margin-right: -15px;
    cursor: pointer;
}
.alert_close{
	cursor: pointer;
	position: absolute;
	top: 24px;
	right: 10px;
	-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    
}
.boardImage .image{
	display: none;
	-webkit-box-shadow: 10px 10px 24px rgba(0,0,0,0.07);
	        box-shadow: 10px 10px 24px rgba(0,0,0,0.07);
}
.boardImage .image:first-child{
	display: block;
}
.board-content .board-menu{
	display: none;
}
.board-content .board-menu:first-child{
	display: block;
}

.alert_artice_box{
	display: none;
	height: 600px;  
    overflow-y: scroll;
    overflow-x: auto;
}
.alert_artice_box:first-child{
	display: block;
}
.alert_close{
	display: block!important;
}
.alert_artice_box .content{
    display: none;
    margin: 15px 20px;
}
.alert_article_title{
	margin: 10px 0;
}
.alert_artice_box .content h3{
    font-size: 18px;
    text-align: center;
    /*margin-bottom: 15px;*/
    line-height: 28px;
    font-weight: 900;
    color: #333333;
}
.alert_artice_box .content h5{
	font-size: 16px;
    text-align: center;
    margin-top: 10px;
    color: #333333;
}
.alert_artice_box .content h6{
	font-size: 12px;
    text-align: center;
    margin: 10px 0;
    color: #333333;
}
.alert_artice_box .content p{
    line-height: 24px;
    margin: 15px 0;
}
.alert_artice_box .content img{
    width: 100%;
}
.alert_artice_box .content:first-child{
	display: block;
}
.newspaper_info{
    text-align: center;
    padding-bottom: 50px;
}
.newspaper_info>h3{
    text-align: center;
	font-size: 16px;
	font-weight: normal;
}
.newspaper_info>h5{
    margin: 30px 0 15px 0;
}
.newspaper_info ul{
    display: inline-block;
    width: 1000px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    margin: 20px auto 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.newspaper_info ul li{
    float: left;
    /*width: 33.3%;*/
    margin-right: 20px;
    text-align: left;
}
.newspaper_info li p{
    font-size: 14px;
    line-height: 24px;
}
.newspaper_info .contact{
    width: 400px;
    margin: 0 auto;
    margin-top: 20px;
}
.newspaper_info .webSite{
    margin-left: 20px;
}
/* 我们的动态-超威报 */

/* 我们的动态-新闻 */
.news_con1_box .box{
	padding: 36px 156px;
}
.news_con1_box .box > div{
	float: left;
}
.news_con1_box .box:nth-child(2n-1){
	background-color: #f7f7f7;
}
.news_con1_box .box .box_left{
	width: 6%;
	margin-right: 8%;
	text-align: center;
}
.news_con1_box .box .box_left .box_left_title{
	font-size: 80px;
	color: #ffb600;
}
.news_con1_box .box  .box_left .box_left_day{
	font-size: 16px;
	color: #000000;
}
.news_con1_box .box  .box_middle{
	width: 25%;
	margin-right: 5%;
	overflow: hidden;
}
.news_con1_box .box  .box_middle img{
	max-width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.news_con1_box .box  .box_middle img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.news_con1_box .box  .box_right{
	width: 56%;
}
.news_con1_box .box  .box_right:hover .box_right_title h6,
.news_con1_box .box  .box_right:hover .box_right_title p{
	color: #ffb600;
}
.news_con1_box .box  .box_right .box_right_title{
	margin-bottom: 4%;
}
.news_con1_box .box  .box_right .box_right_title h6{
	font-size: 22px;
	color: #000000;
	margin-bottom: 2%;
	letter-spacing: 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_con1_box .box  .box_right .box_right_title h6:after{
	content: '';
}
.news_con1_box .box  .box_right .box_right_title p{
	font-size: 14px;
	color: #666666;
}
.news_con1_box .box  .box_right .box_right_text{
	font-size: 16px;
	color: #010101;
	line-height: 30px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 24px;
}
.news_con1_box .box  .box_right .box_right_more{
	cursor: pointer;
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	color: #c2c2c2;
	width: 74px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}
.news_con1_box .box  .box_right .box_right_more:hover{
	border-top: 1px solid #ffb600;
	border-bottom: 1px solid #ffb600;
	color: #ffb600;
}
/* 我们的动态-新闻 */

/* 我们的动态-媒体 */
.media_con1{
	background-color: #f7f5f6;
}
.media_con1_box{
	width: 84%;
	margin: 0 auto;
}
.media_con1_box .box_lists li{
	float: left;
	width: 32%;
	margin-right: 1%;
	margin-bottom: 26px;
	cursor: pointer;
}

.media_con1_box .box_lists li .box_li_img{
	overflow: hidden;
}
.media_con1_box .box_lists li .box_li_img img{
	width: 100%;
	height:300px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.media_con1_box .box_lists li .box_li_img img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.media_con1_box .box_lists li .box_li_text{
	width: 100%;
	background-color: #ffffff;
	padding: 24px;
}
.media_con1_box .box_lists li .box_li_text:hover h6{
	color: #ffb600;
}
.media_con1_box .box_lists li .box_li_text h6{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 18px;
	
	line-height: 24px;
	height: 48px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.media_con1_box .box_lists li .box_li_text p{
	font-size: 16px;
	color: #000000;
}
/* 我们的动态-媒体 */

/* 我们的动态-新闻详情 */
.news_inner_con p{
	font-size: 18px;
	color: #333333;
	line-height: 34px;
	text-indent: 2rem;
	letter-spacing: 1px;
	margin-bottom: 36px;
}
.news_inner_con p:last-child{
	margin-bottom: 0;
}
/* 我们的动态-新闻详情 */

/* 科研团队 */
.team_con1_box .team_box{
	float: left;
	width: 32%;
	margin-right: 1%;
	border: 1px solid #e5e5e5;
	padding: 40px 18px;
	text-align: center;
	margin-bottom: 60px;
}
.team_con1_box .team_box:nth-child(3n){
	margin-right: 0;
}
.team_box .box_img_warp{
	position: relative;
	width: 94%;
	height: 434px;
	margin: 0 auto;
	background-color: rgba(248, 182, 0, 0.1);
	border-radius: 50%;
	padding-top: 10%;
}
.team_box .box_img_box{
	width: 85%;
	height: 370px;
	margin: 0 auto;
	background-color: rgba(248, 182, 0, 0.3);
	border-radius: 50%;
}
.team_box .box_img{
	width: 85%;
	height: 370px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.team_box .box_img img{
	max-width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team_box .box_img img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.team_box .box_line{
	height: 58px;
	border-left: 1px solid #f9be0c;
	margin-top: 4px;
	margin-left: 50px; 
}
.team_box .box_text_warp{
	margin-top: 22px;
}
.team_box .box_text_warp > div{
	float: left;
}
.team_box .box_text_warp .box_text_left{
	width: 74%;
	margin-right: 8%;
	text-align: left;
}
.team_box .box_text_warp .box_text_left h6{
	font-size: 20px;
	color: #333;
	margin-bottom: 24px;
}
.team_box .box_text_warp .box_text_left p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
    height: 100px;
	position:relative;
}
.team_box .box_text_warp .box_text_left p span{
     position:absolute;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
    height: 100px;
	
}
.team_box .box_text_warp .box_text_left p span:hover{
	height:auto;
}
.team_box .box_text_warp .box_text_right{
	cursor: pointer;
	width: 18%;
	margin-top: 18px;
}
.team_box .box_text_warp .box_text_right img{
	max-width: 100%;
}
/* 科研团队 */

/* 科研动态 */
.dynamic_con1{
	background-color: #ededed;
}
.dynamic_con1_box{
	width: 84%;
	margin: 0 auto;
}
.dynamic_con1_box .dynamic_box{
	float: left;
	width: 28%;
	margin-right: 5%;
	margin-bottom: 8%;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.dynamic_con1_box .dynamic_box:nth-child(3n){
	margin-right: 0;
}
.dynamic_box .dynamic_img{
	overflow: hidden;
}
.dynamic_box .dynamic_img img{
	max-width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.dynamic_box .dynamic_img img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.dynamic_box .dynamic_text{
	position: relative;
	width: 100%;
	padding: 32px 24px 46px;
	background-color: #ffffff;
}
.dynamic_box .dynamic_text::before{
	content: "";
	position: absolute;
	right: -12px;
	bottom: 0;
	width: 12px;
	height: 84%;
	background-color: #f9be0c;
	opacity: 0;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.dynamic_box .dynamic_text::after{
	content: "";
	position: absolute;
	right: -12px;
	bottom: -12px;
	width: 44%;
	height: 12px;
	background-color: #f9be0c;
	opacity: 0;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.dynamic_box .dynamic_text .dynamic_text_day{
	font-size: 18px;
	color: #888888;
	margin-bottom: 5%;
}
.dynamic_box:hover .dynamic_text::before,
.dynamic_box:hover .dynamic_text::after{
	opacity: 1;
}
.dynamic_box:hover{
	-webkit-transform: translate(-12px, -12px);
	transform: translate(-12px, -12px);
}
.dynamic_box .dynamic_text h6{
	font-size: 24px;
	color: #333333;
	height: 72px;
	line-height: 36px;
	margin-bottom: 5%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;	
}
.dynamic_box .dynamic_text h6 p:last-child{
	margin-bottom: 0;
}
.dynamic_box .dynamic_text .dynamic_text_more{
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #f8b600;
	text-transform: uppercase;
    text-align: center;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
/*.dynamic_box .dynamic_text:hover .dynamic_text_more{
	width: 90px;
    height: 30px;
    background: #f8b600;
    color: #ffffff;
}*/
.dynamic_box .dynamic_text .dynamic_text_more i{
	font-size: 14px;
	color: #f8b600;
	margin-left: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.dynamic_box .dynamic_text .dynamic_text_more:hover i{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
/* 科研动态 */

/****************product***************/
.floatLeft{
	float: left;
	/*width:50%;*/
}
.floatRight{
	float: right;
	/*width:50%;*/
}
.product_war{
	width: 100%;
	background: #f5f5f5;
	position: relative;
	padding-bottom: 160px;
}
.product1_box,.img_bg{
	width: 100%;
}
.product_pad{
	padding-left: 12%;
	padding-right: 12%;
}
.pro_list li{
	float: left;
	width: 100%;
	margin-bottom: 130px;
}
.li_left{
	width: 30%;
	background: #FFFFFF;
    padding: 4% 4.5%;
}
.li_left_msg{
	border-top: 3px solid #c0c5d6;
	/* margin-top: 20%; */
}
.li_left_msg h3{
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #010101;
	margin: 10% 0 12%;
	/*margin: 25px 0 30px;*/
}
.li_left_msg p{
	font-size: 16px;
	line-height: 10px;
	color: #010101;
	margin-right: 50px;
}
.li_left_msg li{
	float: none;
	margin-bottom: 20px;
	padding-right: 35%;
}
.li_left_msg .point{
	width: 4px;
	height: 4px;
	background: #1069cc;
	margin-right: 12px;
	margin-top: 3px;
}
.li_right{
	width: 70%;
	position: relative;
}
.goods{
	position: absolute;
	right: 20%;
	bottom: -50%;
	margin: auto;
}
.product2_box{
	width: 100%;
	position: relative;
}
.pro2_list{
	margin-top: -20%;
}
.pro2_list li{
	float: left;
	width: 33%;
	position: relative;
}
.pro2_list_msg h3{
	font-size: 30px;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 40px;
}
.pro2_list_msg p{
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}
.pro2_list_msg{
    position: absolute;
    top: 82px;
    left: 15%;
    margin: auto;
}
.pro2_list_goods{
    position: absolute;
    bottom: -25%;
    width: 100%;
}
.pro2_list li img{
	width: 100%;
}
.pro2_list li:nth-child(2) .pro2_list_goods{
	right: -3%;
}
.pro2_list li:nth-child(3) .pro2_list_goods{
	right: 0%;
}
/*product_inner*/
.product_inner1_title h4{
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #f8b600;
	text-align: center;
	margin-bottom: 25px;
}
.product_inner1_title p{
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	text-align: center;
}
.product_war2_box{
	position: relative;
}
.product_war2_msg{
	position: absolute;
	width: 100%;
	padding: 134px 0;
	top: 0;
}
.product_war2_box li{
	float: left;
	width: 23%;
	margin-right: 2%;
	padding: 84px 0 79px;
	text-align: center;
	background-color: rgba(145, 100, 40, 0.6);
}
.product_war2_box li h4{
	font-size: 30px;
	letter-spacing: 1px;
	color: #ffffff;
}
.product_war2_box li p{
	font-size: 18px;
	color: #ffffff;
    margin: 11% 0 48%;
}
.product_war2_box_btn{
	width: 48px;
	height: 48px;
	border: 1px solid #FFFFFF;
	margin: auto;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.product_war2_box_btn:hover{
	border: 1px solid #f8b600;
	background: #f8b600;
	opacity: 0.8;
	cursor: pointer;
}
.product_war2_box_btn img{
    -webkit-transform: translate(0%,25%);
            transform: translate(0%,25%);
}
.product_war2_box li:last-child{
	background-color: rgba(31, 109, 148, 0.6);
	margin-right: 0;
}
.product_war2_box li:nth-child(2){
	background-color: rgba(26, 57, 110, 0.6);
}
.product_war2_box li:nth-child(3){
	background-color: rgba(173, 31, 31, 0.6);
}
.product_inner1_box{
	border: 1px solid #E5E5E5;
	padding: 20px;
	margin-top: 35px;
	margin-bottom: 80px;
}
.product_inner1_box_img{
    width: 27.5%;
    background: #e5e5e5;
    overflow: hidden;
}
.product_inner1_box_img img{
	width: 100%;
}
.product_inner1_box_msg{
	width: 70%;
}
.product_inner1_box_msg h4{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #333333;
	margin: 41px 0 31px;
}
.product_inner1_box_msg p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin: 27px 0 22px;
}
.resarch_detail_box .point{
    margin-right: 241px;
    margin-top: 5px;
}
.product_inner1_box_msg .xian{
	width: 65px;
	height: 2px;
	border: solid 1px #f8b600;
}
.research_list .point{
	margin-right: 0;
}
.more_btn p{
    font-size: 14px;
    line-height: 12px;
    color: #f8b600;
    margin: 0 8px 0 0;
}
.more_btn:hover img{
	 -webkit-animation: swing2 2s infinite ease-in-out;
	         animation: swing2 2s infinite ease-in-out;
}
@-webkit-keyframes swing2{
	0%{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	50%{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}
@keyframes swing2{
	0%{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	50%{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}
/*product_inner1_1*/
.power_left{
	width: 33%;
}
.power_right{
	width: 65%;
}
.pro_inner_img img,.pro_inner_small_img img,
.pro_inner{
	width: 100%;
}
.pro_inner_img{
	width: 100%;
	background: #e5e5e5;
}
.pro_inner .page{
	display: none;
}
.pro_small{
	margin-bottom: 30px;
	padding: 20px;
}
.pro_inner_small_img{
	display: inline-block;
	margin-right: 8px;
	cursor: pointer;
	margin-bottom: 24px;
	position: relative;
	border: 1px solid #dcdcdc;
}
.pro_inner .swiper-button-next,.pro_inner .swiper-button-prev{
	display: none;
}
.pro_inner_small_img.active{
	border: 1px solid #f8b600;
}
.power_right .tab li{
	float: left;
	height: 38px;
	font-size: 20px;
	line-height: 68px;
	letter-spacing: 1px;
	color: #ffffff;
	position: relative;
	width: 33%;
	height: 68px;
	text-align: center;
	background-color: #414247;
	cursor: pointer;
}
.power_right .tab li:after{
    content: "";
    width: 0;
    height: 2px;
    background: #f8b600;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.power_right .tab li:hover:after{
	width: 30%;
	left: 35%;
}
.power_right .tab li.active{
	color: #f8b600;
}
.power_right_title{
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #f8b600;
	margin: 34px 0 30px;
}
.point_msg{
	margin-bottom: 36px;
}
.point_msg:last-child{
	margin-bottom: 0;
}
.point_msg h4{
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}
.point_msg p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.point_right{
	margin-left: 0;
	/*width: 50%;*/
}
.power_msg_box{
	padding: 0 20px;
}
.params_table{
	width: 100%;
}
.params_table tr{
	height: 50px;
	width: 100%;
}
.params_table td{
	width: 25%;
	font-size: 14px;
	line-height: 50px;
	letter-spacing: 0px;
	color: #666666;
	text-align: center;
	border: 1px solid #cfcfcf;
}
.params_table .title td{
	font-size: 18px;
	line-height: 50px;
	color: #333333;
}
.hui0{
	background: #bfbfbf;
}
.hui1{
	background: #d0d0d0;
}
.hui2{
	background: #dedede;
}
.power_title{
	margin: 62px 0 35px;
}
.power_tedian li{
	float: left;
	margin-right: 18%;
	width: 21%;
}
.power_tedian li:last-child{
	margin-right: 0;
}
.power_title p{
	font-size: 28px;
	line-height: 38px;
	color: #010101;
	padding-left: 20px;
	display: inline-block;
}
.power_title .xian{
	width: 4px;
	height: 14px;
	background-color: #164b8e;
	border-radius: 2px;
	display: inline-block;
}
.yingyong{
	width: 100%;
	border: 1px solid #E5E5E5;
}
.yingyong_img{
	width: 100%;
	overflow: hidden;
}
.yingyong_img img{
	width: 100%;
}
.yingyong_msg{
	padding: 30px;
}
.yingyong_msg h4{
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #333333;
}
.yingyong_msg .xian{
	width: 65px;
	height: 2px;
	background: #f8b600;
	margin: 25px 0;
}
.yingyong_msg h5{
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 23px;
}
.yingyong_msg p{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #666666;
}
.tedian{
	width: 100%;
	height: 45px;
	background-color: #8b9ebd;
	-webkit-box-shadow: 0px 12px 0px 0px 
		#ebeced;
	        box-shadow: 0px 12px 0px 0px 
		#ebeced;
	border-radius: 22px;
	font-size: 20px;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
}
.tedian_list .point{
	width: 4px;
	height: 4px;
	background-color: #1163c8;
	display: inline-block;
	margin-bottom: 3px;
}
.tedian_list p{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #666666;
	display: inline-block;
	margin-left: 10px;
}
.tedian_list{
    width: 64%;
    margin: 42px auto;
}
.tedian_list li{
	float: none;
	margin-right: 0;
	width: 100%;
}
/****************product***************/
/****************about***************/
.about_profile1 h5{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #f9b500;
	margin-bottom: 25px;
}
.about_profile1_msg p{
	width: 48%;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.about_profile2{
	border-top: 1px solid #fef6e1;
	border-bottom: 1px solid #fef6e1;
	padding: 50px 0;
	margin: 50px 0;
}
.about_profile2 li{
	width: 25%;
	float: left;
}
.about_profile2_msg{
	width: 50%;
	margin-left: 10px;
}
.about_profile2_msg h1{
	font-size: 56px;
	line-height: 69px;
	letter-spacing: -3px;
	color: #f7c444;
}
.about_profile2_msg h1 span{
	font-size: 14px;
	color: #f7c446;	
	letter-spacing: 0;
}
.about_profile2_msg p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#spech h3,#spech h5,
#base h3,#base h5,
#goal h3,#goal h5{
	color: #FFFFFF;
}
.about_spech{
	width: 65%;
	margin:auto;
	padding-bottom: 56px;
}
.about_spech_img{
	width: 100%;
	overflow: hidden;
	margin: auto;
}
.about_spech_img:before{
	content: '';
    height: 100%;
    width: 100%;
    /*background: red;
    border: 1px solid;
    position: absolute;
    left: -50%;
    z-index: 9;*/
}
.about_spech_img:after{
	content: '';
}
.about_spech_img img{
	width: 96%;
}
.about_spech_msg h3{
	font-size: 18px;
	line-height: 28px;
	color: #f9b500;
	border-bottom: 1px solid #d7d7d7;
	padding: 20px 0;
	margin: 15px 0;
	padding-left: 5px;
}
.about_spech_msg p{
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	padding-left: 5px;
}
.about1_box2_bg{
	width: 100%;
	position: absolute;
}
.about_spech .swiper-pagination-bullet,
.about2_base_swiper .swiper-pagination-bullet{
    width: 75px;
    height: 2px;
    border-radius: 0;
    background: #7f7f7f;
    opacity: 1;
}
.about_spech .swiper-pagination-bullet-active,
.about2_base_swiper .swiper-pagination-bullet-active{
	background: #f9b100;
}


.about_profile2_img {
	width: 35%;
}
.about_profile2_img img{
	width: 100%;
}
/*about2*/
.about2_socual .yellow{
	width: 8%;
	height: 412px;
	background-color: rgba(254, 192, 37, 0.6);
}
.socual_list{
	width: 92%;
}
.about2_socual_img{
	width: 100%;
	overflow: hidden;
}
.about2_socual_img img{
	width: 100%;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.about2_socual_img:hover img{
	-webkit-transform: scale(1.05);
    transform:scale(1.05);
}
.about2_socual_msg h5{
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
	margin-top: 30px;
}
.about2_socual_msg p{
	font-size: 16px;
	line-height: 28px;
	color: #777777;
}
.about2_socual_box{
	float: left;
	margin-right: 0.5%;
	width: 33%;
}
.about2_socual_box:last-child{
	margin: 0;
}
.about2_base{
	position: relative;
}
.about2_base_bg{
	width: 100%;
	height: 569px;
	background-color: #363636;
	position: absolute;
}
.about2_base_box{
	position: relative;
    margin-top: 80px;
    padding-top: 80px;
}
.about2_base_msg{
	display: none;
}
.about2_base_msg.active{
	display: block;
}
.about2_base_msg h5{
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #fec025;
	margin: 10px;
}
.about2_base_msg p{
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	width: 79%;
}
.about_base_tel p{
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	width: auto;
	margin-left: 10px;
}
.about_base_tel div{
	margin: 10px 0;
}
.about2_base_swiper{
	margin-left: 8%;
	margin-top: 77px;
	padding-bottom: 70px;
}
.base_swiper_img{
	width: 100%;
	overflow: hidden;
}
.about2_base_swiper .swiper-slide-active{
	width: 750px !important;
}
.about2_base_swiper .swiper-pagination{
	text-align: left;
}
/*about3*/
.about3_box{
	padding-bottom: 0;
}
.party_list li{
	float: left;
	text-align: center;
	margin-right: 5%;
	width: 16%;
}
.party_list li .point{
	width: 251px;
	height: 251px;
	border-radius: 50%;
	background-color: rgba(248, 182, 0, 0.1);
}
.party_list li .point2{
	width: 85%;
	height: 85%;
	border-radius: 50%;
	background-color: rgba(248, 182, 0, 0.2);
	margin: auto;
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
}
.party_list li .point3{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #f8b600;
	margin: auto;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
}
.party_list li:hover .point{
	-webkit-animation: big 2s infinite ease-in-out;
	        animation: big 2s infinite ease-in-out;
}
@-webkit-keyframes big{
	0%{
		-webkit-transform: scale(1);
		transform:scale(1);
	}
	50%{
		-webkit-transform: scale(1.05);
		transform:scale(1.05);
	}
}
@keyframes big{
	0%{
		-webkit-transform: scale(1);
		transform:scale(1);
	}
	50%{
		-webkit-transform: scale(1.05);
		transform:scale(1.05);
	}
}
.party_list li img{
	width: 100%;
	border-radius: 50%;
}
.party_list li:last-child{
	margin-right: 0;
}
.party_list li h4{
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 35px;
}
.party_list li p{
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}
.about3_goal{
	position: relative;
	margin-top: 80px;
	padding-bottom: 80px;
	width: 100%;
	background: url(../images/about3_bg0.png) 0px 0px;
}
.about3_bg{
	position: absolute;
}
.about3_goal_box{
	position: relative;
	padding-top: 80px;
}
.goal_box2{
	padding: 0 203px;
}
.goal_box2_img{
	width: 50%;
	float: left;
	overflow: hidden;
	position: relative;
}
.goal_box2_img img{
	width: 100%;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.goal_box2_img .black{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	opacity: 0;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.goal_box2_img .black p{
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: 3px;
	line-height: 50px;
}
.goal_box2_img:hover img{
	-webkit-transform: scale(1.05);
    transform:scale(1.05);
}
.goal_box2_img:hover .black{
	opacity: 1;
}
/****************about***************/
/****************resarch_achievements***************/
.container1{
	width: 1600px;
	margin: auto;
}
.resarch_ach_box .tab{
	margin: auto;
	width: 70%;
}
.resarch_ach_box .tab li{
	float: left;
	width: 25%;
	height: 50px;
	border: 2px solid #d6dde4;
	font-size: 16px;
	line-height: 50px;
	color: #222222;
	text-align: center;
	border-right: none;
	cursor: pointer;
}
.resarch_ach_box .tab li:last-child{
	border: 2px solid #d6dde4;
}
.resarch_ach_box .tab .active{
	border: 3px solid #f9be0c !important;
	color: #f9be0c;
}
.resarch_tab_box h1{
	font-size: 60px;
	line-height: 70px;
	letter-spacing: 3px;
	color: #444444;
	text-align: center;
	margin: 80px 0 44px;
}
.tab_box_hui{
	width: 91%;
	margin: auto;
	padding-left: 4%;
	background: #f4f7f9;
}
.tab_box_detail{
	width: 50%;
	padding-top: 45px;
}
.tab_box_msg{
	width: 40%;
	padding-top: 43px;
	margin-right: 4%;
}
.resarch_ach_box2 .xian{
	width: 1px;
	height: 35px;
	background-color: #bbc2d2;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	margin: auto;
}
.resarch_ach_box2 .point{
	width: 13px;
	height: 13px;
	background-color: #f9be0c;
	border-radius: 50%;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 2px 2px 4px 0px 
		rgba(6, 0, 1, 0.19);
	        box-shadow: 2px 2px 4px 0px 
		rgba(6, 0, 1, 0.19);
	position: relative;
	margin-bottom: 20px;
}
.tab_box_msg p{
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}
.tab_box_msg .msg_hui{
	font-size: 14px;
	line-height: 24px;
	color: #888888;
}
.tab_box_msg .msg_time{
	font-size: 14px;
	line-height: 24px;
	color: #164b90;
	margin-top: 35px;
}
.resarch_detail{
	width: 70%;
	margin: auto;
}
.resarch_detail_box{
	margin-top: 80px;
}
.resarch_detail_box2{
	margin-top: 30px;
}
.resarch_detail_box .xian{
	width: 245px;
	height: 1px;
	background-color: #bbc2d2;
	top: 0;
	bottom: 0;
	left: 100%;
	right: auto;
}
.resarch_detail_box h1{
	font-size: 80px;
	line-height:90px;
	letter-spacing: 4px;
	color: #f9be0c;
	margin-right: 40px;
}
.research_list li .point{
	background-color: rgba(249, 190, 12, 0.4);
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}
.research_list li span{
	font-size: 14px;
	line-height: 24px;
	color: #164b90;
	margin: 0 20px;
	display: inline-block;
    vertical-align: top;
}
.research_list_msg{
    display: inline-block;
    vertical-align: top;
}
.research_list li p{
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}
.research_list li p:last-child{
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	margin-top: 10px;
}
/****************resarch_achievements***************/
/*11.21*/
.entrance{
	position: absolute;
	right: 0;
	top: -100px;
	border-bottom: 1px solid #f8bd1a;
	cursor: pointer;
}
.entrance p{
	font-size: 16px;
	line-height: 26px;
	color: #666666;
    display: inline-block;
    vertical-align: middle;
}
.entrance img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.entrance:hover img{
	-webkit-transform: translateX(50%);
	        transform: translateX(50%);
}
.job_con1_list_nav .job_more{
	display: none;	
}
.job_con1_list_nav3{
	height: 60px;
}
.search_btn{
	background: #666666;
    color: #ffffff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 20px;
    border-radius: 0 5px 5px 0;
	float: left;
	margin-top: 5px;
	cursor: pointer;
	position: relative;
}
.search_btn img{
    position: absolute;
    top: 0;
    left: 20px;
    width: 20px;
    bottom: 0;
    margin: auto;
}
.keyword input{
	width: 280px;
	height: 40px;
	border-radius: 5px 0 0 5px;
	float: left;
	margin-top: 5px;
	padding-left: 5px;
}
.welfare_con3{
	padding-bottom: 75px;
}
.welfare_con3_left{
	float: left;
	width: 49%;
}
.welfare_con3_left_img{
	width: 100%;
	overflow: hidden;
}
.welfare_con3_left_img img{
	width: 100%;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.welfare_con3_left_img:hover img{
	-webkit-transform: scale(1.05);
    transform:scale(1.05);
}
.welfare_con3_left_msg p{
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
    display: inline-block;
    vertical-align: middle;
}
.welfare_con3_left_msg img{
	display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.welfare_con3_left_msg{
	margin: 5px 0;
}
.welfare_con3_right{
	float: right;
	width: 48%;
}
.welfare_con3_right li{
	width: 46.2%;
	float: left;
	margin-right: 6%;
}
.welfare_con3_right li:nth-child(2n){
	margin-right: 0;
}
.shopping li{
	float: left;
	margin: 0 10px;
}

@media(max-width:1820px) {
	
}
@media(max-width:1760px) {
	.about_profile2_msg{
		width: 54%;
	}
	.image .article:nth-child(1){
		top: 14% !important;
	}
	.image .article:nth-child(2){
		top: 37% !important;
		height: 33% !important;
	}
	.image .article:nth-child(3){
		top: 70% !important;
	}
	.image .article:nth-child(4){
		top: 39% !important;
		height: 42% !important;
	}
}
@media(max-width:1600px) {
	
	.about_profile2_msg{
		width: 61%;
	}
	.tedian_list{
		width: 72%;
	}
	.li_left_msg li{
		padding-right: 30%;
	}
	.li_left_msg{
		margin-top: 10%;
	}
	.resarch_detail{
		width: 80%;
	}
	.tab_box_hui{
		width: 100%;
	    padding-left: 2%;
	}
	.image .article:nth-child(1){
		top: 14% !important;
		height: 19% !important;
	}
	.image .article:nth-child(2){
		top: 34% !important;
		height: 28% !important;
	}
	.image .article:nth-child(3){
		top: 62% !important;
		height: 11% !important;
	}
	.image .article:nth-child(4){
		top: 34% !important;
		height: 38% !important;
	}
	
}
@media(max-width:1520px) {
	
}

@media(max-width:1440px) {
	/*.index_sec1,
	.index_sec2,
	.index_sec3,
	.index_sec4,
	.index_sec5,
	.index_sec6{
		width: 90%;
	}*/
	.about_profile2_msg{
		width: 61%;
	}
	.about_profile2_msg h1{
		font-size: 48px;
	}
	.tedian_list{
		width: 80%;
	}
	.point_right{
		margin-left: 0;
	}
	.li_left_msg li{
		padding-right: 20%;
	}
	.resarch_detail{
		width: 85%;
	}
	.tab_box_detail{
		width: 45%;
	}
	.tab_box_detail:last-child{
		width: 55%;
	}
	.dynamic_box .dynamic_text h6{
		font-size: 22px;
	}
	.news_con1_box .box .box_right .box_right_title{
		margin-bottom: 3%
	}
	.news_con1_box .box  .box_right .box_right_text{
		font-size: 16px;
		color: #010101;
		line-height: 26px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 18px;
	}
	.image .article:nth-child(1){
		top: 13% !important;
		height: 19% !important;
	}
	.image .article:nth-child(2){
		top: 32% !important;
		height: 27% !important;
	}
	.image .article:nth-child(3){
		top: 58% !important;
		height: 12% !important;
	}
	.image .article:nth-child(4){
		top: 33% !important;
		height: 36% !important;
	}
}

@media(max-width:1280px) {
	.build_inner{
		width: 78%;
	}
	.dynamic_box .dynamic_text h6{
		font-size: 20px;
	}
	.news_con1_box .box .box_left .box_left_title{
		font-size: 60px;
	}
	.news_con1_box .box .box_left .box_left_day{
		font-size: 12px;
	}
	.news_con1_box .box .box_right .box_right_title h6{
		font-size: 20px;
		margin-bottom: 1%;
	}
	.news_con1_box .box  .box_right .box_right_text{
		font-size: 16px;
		color: #010101;
		line-height: 26px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 18px;
	}
}

@media(min-width:1024px) and (max-width:1310px) {
	.header_search{
		display: none;
	}
	.li_left_msg h3{
	    margin: 4% 0 5%;
	    font-size: 20px;
	}
	.li_left_msg li{
		padding-right: 5%;
	}
	.about_profile2_msg{
		width: 85%;
	}
	.about_profile2_img{
		float: none;
		margin: auto;
	}
	.party_list li h4{
		font-size: 20px;
	}
	.party_list li p{
		font-size: 13px;
	}
	.tedian_list{
		width: 100%;
	}
	.point_right{
		/*width: 50%;*/
		margin-left: 0;
	}
	.point_left{
		width: 50%;
	}
	.product_war2_box li h4{
		font-size: 24px;
	}
	.product_war2_box li p{
		font-size: 14px;
	}
	.image .article:nth-child(1){
		top: 10% !important;
		height: 16% !important;
	}
	.image .article:nth-child(2){
		top: 26% !important;
		height: 21% !important;
	}
	.image .article:nth-child(3){
		top: 47% !important;
		height: 9% !important;
	}
	.image .article:nth-child(4){
		top: 26% !important;
		height: 29% !important;
	}
}
@media(max-width:768px) {
	.row,
	.row>div{
		margin: 0;
		padding: 0;
	}
	.navbar-nav {
		width: 100%;
		margin-left: 0px;
		text-transform: uppercase;
	}
	.navbar-nav li {
		text-align: center;
		border-bottom: 1px dotted #e5e5e5;
		line-height: 40px;
	}
	.navbar-nav li a {
		color: #666;
		font-size: 13px;
	}
	.navbar-nav li a:hover {
		color: #0752a4;
	}
	.headerbg {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 999999;
		background: #fff;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	.logo_boxlist {
		float: left;
	    width: 120px;
	    margin-top: 17px;
	}
	.navbar-toggle {
		margin-top: 10px;
	}
	.navbar-toggle .icon-bar {
		background-color: #000;
	}
	.navbar-collapse {
		border-top: 1px solid #e5e5e5;
	}
}

@media (min-width: 1440px){
	.container{
	    width: 1280px;
	}
}
@media (min-width: 1600px){
	.container{
	    width: 1440px;
	}
}
@media (min-width: 1760px){
	.container{
	    width: 1600px;
	}
}

[v-cloak] {
  display: none;
}


/* problem */
.problem_sec1{
    padding: 90px 0;
}
.problem_sec1 > h5{
    text-align: center;
    font-size: 40px;
    color: #000000;
    margin-bottom: 90px;
}
.problem_tit_left { float: left; min-width: 15%;}
.problem_tit_left div { float: left; margin-right: 40px; }
.problem_tit_left span { color: #ffffff;
    padding: 0 10px; float: left;
    font-size: 12px;
    background: #a1abb6;
    border-radius: 10px;
    line-height: 26px;
}
.problem_tit { 
    line-height: 26px; cursor: pointer;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.problem_btn {
    text-align: center;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    background: #eaedef;
    color: #a1abb6;
    font-size: 14px;
    line-height: 32px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; float: right;
}
.problem_con:hover .problem_btn { background: #ffb718; color: #fff; }
.problem_tit_tx { padding: 0px 50px 0 190px; }
.problem_con_text { padding-left: 50px;
    padding-bottom: 20px;
    margin-bottom: 20px; display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.problem_con_text p{
    margin-bottom: 10px;
}
.problem_con_text p img{
    max-width: 100%;
}
/* problem */


/* 分页 */
.common_pagination{
    text-align: center;
}
.common_pagination .pagination li a{
    font-size: 18px;
    color: #999999;
    padding: 9px 16px;
    background-color: transparent;
    margin-right: 12px;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.common_pagination .pagination li a:hover,
.common_pagination .pagination li a:focus{
    background-color: #d2d2d2;
    color: #ffffff;
}
/* 分页 */

/***security_check***/
.security_check{
	background:#f5f5f5;
}
.security_sec1{
	width:56%;
	margin:0 auto;
}
.security_sec1_top{
	width:100%;
	height:45px;
	position: relative;
	padding-left:20%;
}
.security_sec1_top input{
	width:100%;
	height:100%;
	padding-left:10px;
	font-size:14px;
}
.security_sec1_top span{
	position: absolute;
	top:0;
	left:0;
	width: 20%;
	height:100%;
	background:#f9b500;
	color: #fff;
	font-size:14px;
	line-height: 45px;
	text-align: center;
}

.security_sec1_dow{
	width:100%;
	height:45px;
	position: relative;
	padding-left:20%;
}
.security_sec1_dow input{
	width:100%;
	height:100%;
	padding-left:10px;
	font-size:14px;
}
.security_sec1_dow span{
	position: absolute;
	top:0;
	left:0;
	width: 20%;
	height:100%;
	background:#f9b500;
	color: #fff;
	font-size:14px;
	line-height: 45px;
	text-align: center;
}

.security_sec1_bot{
	margin-top:20px;
	text-align: right;
}
.security_sec1_bot a{
	width:100px;
	height:30px;
	line-height: 30px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	font-size:14px;
	margin-left:15px;
}
.security_sec1_bot a.check{
	background:#000000;
	color:#fff;
}
.security_sec1_bot a.reset{
	background:#bfbfbf;
	color:#666666;
}

.security_sec1_ton{
	margin-top:20px;
	text-align: right;
}
.security_sec1_ton a{
	width:100px;
	height:30px;
	line-height: 30px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	font-size:14px;
	margin-left:15px;
}
.security_sec1_ton a.check{
	background:#000000;
	color:#fff;
}
.security_sec1_ton a.reset{
	background:#bfbfbf;
	color:#666666;
}

.security_sec2{
	width:80%;
	margin:90px auto 0;
}
.security_sec2_img img{
    width:40%;
    display: block;
    margin:0 auto;
}
.security_sec2_txt{
	padding-top: 50px;
	width:80%;
	margin:0 auto;
}
.security_sec2_txt h5{
	text-align: center;
	font-size:16px;
	color:#000;
	margin-bottom: 40px;
}
.security_sec2_img_more{
	text-align: center;
    margin: 10px 0;
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
}
.security_sec2_img_more img{
	width:16px;
}
.security_sec2_txt p{
	font-size:12px;
	color:#666;
	line-height: 24px;
	text-align: justify;
}

.security_sec2_txt .security_sec2_txt1{
	height:70px;
	overflow: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.security_sec2_txt:hover .security_sec2_img_more{
	visibility: hidden;
    opacity: 0;
}
/***security_check***/

/***join***/
.join_sec1 p{
	font-size:14px;
	line-height: 24px;
	text-align: center;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.join_sec2_left{
	width:42%;
}
.join_sec2_right{
	width:58%;
}
.join_sec2_list{
	background:#f3f3f3;
}
.join_sec2_txt{
	padding:10% 10%;
}
.join_sec2_txt h5{
	font-size:30px;
	letter-spacing: 3px;
}
.join_sec2_txt h6{
	font-size:14px;
	text-transform: uppercase;
	margin-top:20px;
}
.join_sec2_txt1{
	margin-top:30px;
}
.join_sec2_txt1 p{
	font-size:14px;
	line-height: 26px;
}
.join_sec3{
	padding:80px 0;
}
.join_sec3_f1{
	text-align: center;	
	font-size:22px;
}
.join_sec3_f2{
	text-align: center;
	font-size:28px;
	font-weight: normal;
	margin-top:20px;
}
/***join***/


/**导航修改**/

.header_son{
	position: absolute;
	top:90px;
	left:0;
	width:100%;
}

/**导航修改**/
@media(max-width:768px){
	.ot_banner{
		margin-top: 0;
	}
	.ot_banner_bg_text{
		display: none;
	}
	.all_index_tit h3{
		font-size: 26px;	
		margin-bottom: 15px;
	}
	.all_index_tit h5{
		font-size: 15px;
	}
	.all_pad {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.team_con1_box .team_box{
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.dynamic_con1_box{
		width: 95%;
	}
	.dynamic_con1_box .dynamic_box{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.resarch_ach_box .tab{
		width: 100%;
	}
	.resarch_ach_box .tab li{
		font-size: 13px;
		line-height: 46px;
	}
	.resarch_tab_box h1{
		line-height: 1.2;
		font-size: 35px;
		margin: 50px 0 30px;
	}
	.tab_box_detail{
		width: 100%;
	}
	.tab_box_msg {
		width: 100%;
		padding-top: 25px;
	}
	.floatLeft{
		width: 100%;
	}
	.tab_box_detail:last-child{
		width: 100%;
	}
	.tab_box_msg{
		margin-right: 0;
	}
	.resarch_detail_box h1{
		font-size: 50px;
		line-height: 1.2;
		margin-right: 0;
	}
	.news_con1_box{
		width: 95%;
		margin:  0 auto;
	}
	.news_con1_box .box{
		padding: 30px 0;
	}
	.news_con1_box .box .box_left .box_left_title{
		font-size: 40px;
		
	}
	.news_con1_box .box .box_left{
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	.news_con1_box .box .box_middle{
		width: 100%;
		margin-right: 0;
	}
	.news_con1_box .box .box_right{
		width: 100%;
		padding: 15px 10px;
	}
	.box_right_text{
		margin-top: 15px;
	}
	.all_index_tit{
		margin-bottom: 30px;
	}
	.build_inner{
		width: 95%;
	}
	.build_inner_title h6{
		line-height: 1.3;
	}
	.news_inner_con p{
		font-size: 16px;
		line-height: 1.5;
	}
	.build_inner_con{
		padding: 32px 0 0;
	}
	.build_inner_btn{
		padding: 22px 0 0;
	}
	.build_inner_back{
		margin: 25px auto 0;
	}
	.media_con1_box .box_lists li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.media_con1_box .box_lists li .box_li_img img{
		height: auto;
	}
	.media_con1_box .box_lists li .box_li_text h6{
		height: auto;
		line-height: 1.2;
	}
	.newspaper_panel_box{
		width: 100%;
	}
	.newspaper_panel{
		width: 100%;
		-webkit-transform: translate(0);
		        transform: translate(0)
	}
	.boardImage .image{
		min-height: auto!important;
	}
	.board-content{
		width: 100%;
		padding-left: 0;
		padding-top: 45px;
	}
	.newspaper_catagory{
		width: 100%;
		padding-left: 0;
		padding-top: 45px;
	}
	.newspaper_date{
		width: 100%;
		padding-top: 45px;
		padding-left: 0;
	}
	.alert_article{
		top: auto;
		bottom: 0;
	}
	.job_con1{
		width: 95%;
		margin: 0 auto;
	}
	.job_con1_list{
		width: 100%;
	}
	.entrance{
		position: static;
		text-align: right;
		border:  none;
		margin-bottom: 10px;
	}
	.job_con1_list_nav{
		padding-left: 10px;
		padding-right: 10px;
		height: auto;
	}
	.job_con1_list_nav .tit{
		position: static;
		padding: 0;
		padding-top: 15px;
	}
	.job_con1_list_nav .box span{
		margin-right: 25px;
	}
	.keyword input{
		width: 70%;
	}
	.search_btn{
		width: 30%;
	}
	.keyword{
		margin-bottom: 15px;
	}
	.job_con1_list_nav2.tit span{
		font-size: 15px;
	}
	.job_con1_list_nav2 span{
		height: auto;
		padding: 10px 5px;
		line-height: 1.2;
	}
	.job_con1_list_nav2{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.job_con1_list_box_son .left_box .tit{
		position: static;
	}
	.job_con1_list_box_son .left{
		width: 100%;
	}
	.job_con1_list_box_son{
		padding: 25px 10px;
		font-size: 14px;
	}
	.job_con1_submit{
		position: static;
		-webkit-transform: translate(0);
		        transform: translate(0);
	}
	.job_con1_list_box_son .left_box{
		padding-left: 0;
	}
	.join_upload_box{
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	.welfare_con1 {
		width: 95%;
		margin: 0 auto;
	}
	.welfare_con1_box{
		width: 100%;
	}
	.welfare_con1_box .box{
		width: 50%;
	}
	.welfare_con3_left{
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	.welfare_con3_left_msg{
		margin: 10px 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.welfare_con3_right{
		float: none;
		width: 95%;
		margin: 0 auto;
	}
	.welfare_con3{
		padding-bottom: 45px;
	}
	.welfare_con2_text{
		margin-bottom: 45px;
	}
	.welfare_con2_text .box{
		margin-bottom: 30px;
	}
	.box_text_right{
		display: none;
	}
}



.miant_list{
            position: absolute;
            background-color: #fff;
            width: 100%;
            left: 0;
            opacity: 0;
            line-height: 2.0;
            -webkit-transform: matrix(1, 0, 0, 1, 0, -5);
                    transform: matrix(1, 0, 0, 1, 0, -5);
            transition: all 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        -webkit-transition: all 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        pointer-events: none;
        text-align: left;
        }
        .header_nav>li.hover>.miant_list{
            opacity: 1;
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
                    transform: matrix(1, 0, 0, 1, 0, 0);
            pointer-events: auto;
            transition: all 0.4s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        -webkit-transition: all 0.4s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        }
        .miant_list_inner{
            padding: 60px 50px;
            margin-left: auto;
            margin-right: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            max-width: 1180px;
        }
        .miant_list_inner>*{
            color: #333;
        }
        .miant_list_inner_d1{
            opacity: 0;
            -webkit-transform: matrix(1, 0, 0, 1, 0, -5);
                    transform: matrix(1, 0, 0, 1, 0, -5);
        }
        .header_nav>li.hover .miant_list_inner_d1:nth-child(1){
            opacity: 1;
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
                    transform: matrix(1, 0, 0, 1, 0, 0);
            transition: all 0.4s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
            -webkit-transition: all 0.4s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        }
        .header_nav>li.hover .miant_list_inner_d1:nth-child(2){
            opacity: 1;
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
                    transform: matrix(1, 0, 0, 1, 0, 0);
            transition: all 0.6s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
            -webkit-transition: all 0.6s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        }
        .header_nav>li.hover .miant_list_inner_d1:nth-child(3){
            opacity: 1;
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
                    transform: matrix(1, 0, 0, 1, 0, 0);
            transition: all 0.8s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
            -webkit-transition: all 0.8s 0.2s cubic-bezier(0.57, 0.15, 0.13, 0.97);
        }
        .miant_list_inner_d1:nth-child(1){
            width: 32%;
        }
        .miant_list_inner_d1:nth-child(2){
            width: 32%;
        }
        .miant_list_inner>div{
            border-left: 1px solid #eee;
            padding-left: 50px;
        }
        .miant_list_inner_d1_ul li{
            font-size: 16px;
            margin-top: 10px;
            overflow: hidden;
            padding-bottom: 2px;
        }
        .miant_list_inner_d1_ul li:first-child{
            margin-top: 0;
        }
        .miant_list_inner_d1_ul li a{
            font-size: 16px;
            color: #333;
            display: inline-block;
            position: relative;
        }
        .miant_list_inner_d1_ul li a::before{
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 1px;
            background-color: #ffb900;
            right: 0;
            bottom: 0;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }
        .miant_list_inner_d1_ul li a:hover::before{
            width: 100%;
            left: 0;
            right: auto;
            background-color:#333;
        }
        .miant_list_inner_d1:last-child{
            padding-left: 60px;
            padding-right: 60px;
            border-right: 1px solid #eee;
        }
        .list_head_image-photo{
            padding-bottom:59%;
            display: block;
            position: relative;
            overflow: hidden;
            width: 270px;
        }
        .list_head_image-photo::after{
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 101%;
            background-color: rgba(0,78,255,0.6);
            opacity: 0;
            transform: translateX(-100%);
            -webkit-transform: translateX(-100%);
            transition: opacity 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9),-webkit-transform 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            transition: opacity 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9),transform 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            transition: opacity 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9),transform 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9),-webkit-transform 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            -webkit-transition: opacity 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9),-webkit-transform 0.15s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            will-change: transform;
            z-index: 1;
        }
        .list_head_image-photo>span{
            
            width: 100%;
            height: 100%;
            position: absolute;
            display: block;
            transition: -webkit-transform 0.5s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            transition: transform 0.5s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            transition: transform 0.5s cubic-bezier(0.57, 0.43, 0.2, 0.9), -webkit-transform 0.5s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.57, 0.43, 0.2, 0.9);
            background-size: cover;
        }
        .list_head_image-text{
            margin-top: 5px;
            display: block;
            font-size: 16px;
        }
        .list_head_image-photo:hover::after{
            opacity: 1;
            -webkit-transform: translate(0);
                    transform: translate(0);
        }
        .main_head_bg{
            position: fixed;
            z-index: 20;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: none;
        }