#model-1{
	width: 100%;
	position: relative;
	height: 100%;
    background: url(../images/brand_home_img_01_2.png);
    background-size: 100% auto;
    min-height: 810px;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    min-width: 1200px;
    padding: 0 140px;
}
#blackALL{
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,0.7);
    z-index: 10;
}
#seeVideo{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 60%;
    height: 60%;
    background: transparent;
    display: none;
    z-index: 1111;
}
#videoClose {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: rgba(0,0,0,0.6);
    color: #333;
    right: 0;
    top: 0;
    z-index: 1112;
    cursor: pointer;
}
#seeVideo video{
    width: 100%;
    /*height: 100%;*/
    object-fit: fill;
    outline: none;  
}
#model-1 video{
	width: 100%;
	display: block;
}
#nav{
	position: fixed;
	width: 100%;
    background: url(../images/bg-col.png);
    z-index: 9999;
    transition: all 0.5s linear;
	background-size: 100% auto;
	height: 100px;
	top: 0;
	left: 0;
}
#nav-1{
	width: 76%;
	height: 100%;
	margin: auto;
	justify-content: space-between;
	font-size: 1.3rem;
	font-style: inherit;
    float: right;
    margin-right: 3%;
}
#nav-1 .nav_item{
	display: flex;
	justify-content: space-around;
}

#nav-1 .nav_item li {
	width: 150px;
    padding:0 10px;
	text-align: center;
	cursor: pointer;
	font-family: monospace,"微软雅黑",sans-serif;
    display: block;
    line-height: 100px;
    color: #fff;
    position: relative;
}
#nav-1 .nav_item li span {
    width: 0px;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: 0;
    bottom: -1px;
    background: #B68F31;
    transition: all 0.3s ease-in;
}
#nav-1 .nav_item li:hover > span{ width:90px; margin-left:-45px; transition:all 0.3s ease-in;}
#nav-1 .nav_item .nav-active > span{ width:90px; margin-left:-45px; transition:all 0.3s ease-in;}
.boxBorder {
    height: 100%;
}
.nav-active{
}
.logo {
    top: 0;
    z-index: 2;
    width: 12%;
    margin-left: 6%;
}
.logo img {
    width: 100%;
    max-width: 133px;
    max-height: 105px;
    height: auto;
}
.fl {
    float: left;
}
#model-1 .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: auto;
    background: #041635; 
    background:-moz-linear-gradient(bottom,#ffffff,#041635);
    background:-webkit-linear-gradient(bottom,#ffffff,#041635);
    background: -o-linear-gradient(bottom,#ffffff,#041635);
    background: -ms-linear-gradient(bottom,#ffffff,#041635);
    background: linear-gradient(to bottom,#ffffff 0%,#041635 100%);
    opacity: .7;
}
#model-1-content{
	position: absolute;
    width: 83%;
    height: auto;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: auto;
}
.model-1-content-img{
    font-size: 5rem;
    padding-top: 10rem;
    color: #fff;
    text-align: center;
    height: 5rem;
}
.model-1-content-img img{
    text-align: center;
    height: 3rem;
}
#model-1-font {
	width: 100%;
	height: auto;
	text-align: center;
	color: #333;
	overflow: hidden;
	margin:1rem auto;
	font-size: 2rem;
}
#model-1-content-p {
    padding: 0;
    width: 100%;
    font-size: 2.2rem;
    margin: 0 0 50px 0;
    letter-spacing: .15rem;
    font-family: initial;
}
.model-1-content-btn{
	width: 25%;
	min-width: 270px;
	height: auto;
	display: flex;
	text-align: center;
	justify-content: space-between;
	margin: 0 auto;
	/* min-height: 33px; */
}
.model-1-btn1{
	background: #4385ff; 
    background:-moz-linear-gradient(bottom,#26d9ff,#4385ff);
    background:-webkit-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -o-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -ms-linear-gradient(bottom,#26d9ff,#4385ff);
    background: linear-gradient(to bottom,#26d9ff 0%,#4385ff 100%);
    border-radius: 50px;
	width: 43%;
	min-width: 128px;
    cursor: pointer;
    height: 100%;
    font-size: 1rem;
    font-family: 'blackitalic';
    letter-spacing: 1px;
	padding: 15px 0;
	color:#333;
}
.model-1-btn2{
	border: 2px solid #333;
    border-radius: 50px;
	width: 43%;
	min-width: 128px;
    cursor: pointer;
    height: 100%;
    box-sizing: border-box;
    font-size: 1rem;
    font-family: 'blackitalic';
    letter-spacing: 1px;
	color: #333;
	padding: 13px 0;
}
#nav-2{
	width: 50%;
	height: 100%;
}

#model-2{
	width: 100%;
	background: url(../images/bg02.jpg) center no-repeat;
	background-size: 100% auto;
	padding-bottom: 50%;
	position: relative;
    margin-top: -3px;
    box-sizing: border-box;
    min-width: 1200px;
    padding: 0 140px;
}

.model-2-box1{
	width: auto;
    z-index: 10;
    position: absolute;
    left: 18%;
    top: 2%;
    opacity: 0;
}
.model-2-box2{
    position: absolute;
    left: 52%;
    bottom: -50px;
    opacity: 0;
}
.model-2-box3{
	position: absolute;
    right: 0%;
    bottom: 0%;
    opacity: 0;
}
.model-2-container{
    height: 630px;
    overflow: hidden;
}
.diannao { display:block;
    padding: 60px 0;}
.shouji {display:none}
.clearfix{
    zoom: 1;
    clear: both;
}
.ProBox{ margin:0 auto; position: relative;}
.ProBox .tempWrap{overflow: visible!important;width: 1160px;}
.ProBox .bd{width: 1200px;/*width: 900px;*//*margin-left: -556px;*/margin-left: -600px;left: 50%;position: relative;}

.ProBox .bd li{float: left; text-align:center; width:50%;font-size: 1rem;}
.ProBox .bd li picture{display: block;width:100%; max-width:850px;position:relative;height:520px;overflow: hidden; margin:0 auto;width: 580px; padding:0 5px;}
.ProBox .bd li picture img{display: block;width:100%;left: 0;top: 0;position: absolute; height:auto;transition:1.5s; margin:0 auto}
.ProBox .bd li picture:hover img{transform: scale(1.02);}


.ProBox .hd{position: relative;}
.ProBox .hd li{float: left;cursor: pointer;padding: 4px;background: #fff;width: 175px!important;}
.ProBox .hd li picture{display: block; float: left;width: 175px;position:relative;height: 0;padding-bottom:57.27%;overflow: hidden;}
.ProBox .hd li picture img{display: block; width: 100%;min-height:100%;left: 0;top: 0;position: absolute;}


.ProBox .hd li .Txt{margin-left: 200px;color: #fff;display: none;}
.ProBox .hd li .Txt .div1{font-size: 18px;padding-right: 15px;margin-top: 30px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.ProBox .hd li .Txt .div2{font-size: 12px;padding-right: 15px;line-height: 18px;text-transform: uppercase;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.ProBox .hd li .Txt .div3{width: 36px;height: 2px;background: #fff;margin-top: 10px;}
.ProBox .hd li.on .Txt{display: block;}
.ProBox .hd li.on{background: #BE9C48;width: 360px!important;}



.ProBox .hd li.on picture{padding-bottom: 27.78%;}
.ProBox .add_next,
.ProBox .add_prev{z-index: 99;display: block;width: 76px;height: 40px;top: 50%;margin-top: -20px;position: absolute;}
.ProBox .add_prev{left: 0;background: url(../images/h1_left.png) center no-repeat;}
.ProBox .add_next{right: 0;background: url(../images/h1_right.png) center no-repeat;}
.ProBox .add_prev:hover{background: url(../images/h1_left2.png) center no-repeat;}
.ProBox .add_next:hover{background: url(../images/h1_right2.png) center no-repeat;}
.ProBox .hd_bd{width:900px;margin:15px auto 0;overflow: hidden; }



.ProBox .bd .add_prev{ background-image:url(../images/aarrowl.png);position: absolute; left:18px; width:45px;height:90px; }
.ProBox .bd .add_next{ background-image:url(../images/aarrowr.png); position: absolute; width:45px;height:90px; right:18px;}
.ProBox .bd .add_prev,.ProBox .bd .add_next{ background-color:#BE9C48;background-position: center; background-repeat: no-repeat; z-index: 10;top:50%; margin-top:-30px;}
/*.ProBox .bd .add_prev{position: absolute; left: 50%; width:100%; margin-left: -150%; background: none; top: 0; height: 100%;}
.ProBox .bd .add_next{position: absolute; left: 50%; width: 100%; margin-left: 50%; background: none; top: 0; height: 100%;}*/
.ProBox .bd .add_prev div,
.ProBox .bd .add_next div{ position:absolute; height:630px; width:1920px; top:-270px;}
.ProBox .bd .add_prev div{ right:-59px;}
.ProBox .bd .add_next div{ left:-63px;}

.model-2-container-left{
	width: 38%;
    height: 100%;
    opacity: 0;
}

.model-2-container-left img{
    width: 100%;
    position: absolute;
    top: 15%;
}

.model-2-container-right{
	width: 62%;
    height: 100%;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 8% 0 0 -2.5%;
    opacity: 0;
}

.model-2-container-right .item_font{
    margin: -3% 0 0 0;
    padding: 0 0 0 7%;
    width: 90%;
    box-sizing: border-box;
}

.model-2-container-right .item_font p{
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
}

.model-2-container-right .item_font p:nth-child(2){
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
    margin: 3% 0;
    
}

.model-2-container-right .item_btn{
	height: 100px;
	padding: 0 7%;
	box-sizing: border-box;
	margin-top: 5%;
}
.model-2-container-right .item_btn .btnButton {
    text-align: center;
    height: 40px;
    background: #4385ff; 
    background:-moz-linear-gradient(bottom,#26d9ff,#4385ff);
    background:-webkit-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -o-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -ms-linear-gradient(bottom,#26d9ff,#4385ff);
    background: linear-gradient(to bottom,#26d9ff 0%,#4385ff 100%);
    line-height: 0px;
    border-radius: 25px;
    cursor: pointer;
    float: left;
	padding: 20px 40px;
    box-sizing: border-box;
    font-size: 1rem;
    font-style: italic;
}

.boxContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}

#model-3{
	width: 100%;
    background-color: #fff;
	background-size: 100% auto;
	position: relative;
	z-index: -1;
	margin-top: -1px;
    box-sizing: border-box;
    min-width: 1200px;
    margin:3rem 0;
}

.model-3-container{
	width: 100%;
	height: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.brant_starzhome_tit {
    text-align: center;
    color: #333;
    position: absolute;
    left: 40%;
    top:3rem;
}
.brant_starzhome_tit .tit_01 {
    font-size: 20px;
    margin: 5px 0;
    font-weight: bold;
}
.brant_starzhome_tit .tit_02 {
    font-size: 14px;
}
.mo3_con {
    display: flex;
    margin: 2% 0;
}

.widpub {
    box-sizing: border-box;
    min-width: 1200px;
    padding: 0 140px;
}
.mo3_con .mo3_con_r {
    width: 32.66%;
    margin-right: 1%;
    position: relative;
}
.mo3_con .mo3_con_r img {
    width: 100%;
}
.model-3-container-left{
	width: 45%;
    height: 100%;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    opacity: 0;
    margin-left: 12.5%;
}

.model-3-container-left .item_img{
	margin: 12% 0 0 0;
}

.model-3-container-left .item_line{
    width: 60px;
    height: 3px;
    background: #fff;
    margin: -8% 0 0 9.5%;
}

.model-3-container-left .item_font{
    padding: 0 0 0 9.5%;
    margin: 4% 0 0 0;
    width: 90%;
    box-sizing: border-box;
}

.model-3-container-left .item_font p{
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
}

.model-3-container-left .item_font p:nth-child(2){
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
    margin: 3% 0;
}

.model-3-container-right{
    width: 55%;
    height: 100%;
    opacity: 0;
    margin-right: 12.5%;
}

.model-3-container-right img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0%;
    right: -14%;
}

#model-4{
	width: 100%;
	background-size: 100% auto;
	padding-top: 5px;
	margin: -1px 0 0 0;
	position: relative;
    box-sizing: border-box;
    min-width: 1200px;
}

.model-4-container{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.model-4-container-left {
    width: 65%;
    height: 100%;
    display: flex;
}

.model-4-container-left .item_img{
    opacity: 0;
}

.model-4-container-left .item_img img{
    width: 100%;
    height: 100%;
}

.model-4-container-right {
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    opacity: 0;
}

.model-4-container-right .item_img{
    margin: 10% 0 0 -45%;
}

.model-4-container-right .item_img img{
    width: 85%;
}


.model-4-container-right .item_line{
    width: 60px;
    height: 3px;
    background: #fff;
    margin: -8% 0 0 -35.5%;
}

.model-4-container-right .item_font{
    padding: 0 0 0 9.5%;
    margin: 4% 0 0 -45%;
    width: 90%;
    box-sizing: border-box;
}

.model-4-container-right .item_font p{
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
    /*padding: 0 25% 0 0;*/
}

.model-4-container-right .item_font p:nth-child(2){
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
    margin: 3% 0;
}

#model-5{
	width: 100%;
	background: url(../image/04.jpg) no-repeat;
	background-size: 100% auto;
	padding-top: 26.875%;
	height: 0px;
	position: relative;
	margin-top: -1px;
}

.model-5-container{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /* right: 0; */
    width: 100%;
    height: 100%;
    /* margin: auto; */
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.model-5-container-left{
	width: 42%;
    height: 100%;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    opacity: 0;
    margin-left: 12.5%;
}

.model-5-container-left .item_img{
    margin: 0% 0 0 -6%;
}

.model-5-container-left .item_img img{
    width: 60%;
}

.model-5-container-left .item_line{
    width: 60px;
    height: 3px;
    background: #fff;
    margin: -11% 0 0 6.5%;
}

.model-5-container-left .item_font{
    padding: 0 0 0 6.5%;
    margin: 4% 0 0 0;
    width: 90%;
    box-sizing: border-box;
}

.model-5-container-left .item_font p{
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
}

.model-5-container-left .item_font p:nth-child(2){
    line-height: 30px;
    font-size: 1rem;
    font-weight: initial;
    color: #fff;
    letter-spacing: 2px;
    margin: 3% 0;
}

.model-5-container-right{
    width: 58%;
    height: 100%;
    position: relative;
    opacity: 0;
}

.model-5-container-right img {
    position: absolute;
    top: -15%;
    right: 0%;
}

#model-6{
	width: 100%;
	background: url(../image/05.jpg) no-repeat;
	background-size: 100% auto;
	padding-top: 19.010416666666666666666666666667%;
	height: 0px;
	position: relative;
	margin-top: -3px;
}
#model-6 img{
	position: absolute;
    top: 0;
    width: 35%;
    left: 14.75%;
    bottom: 0;
    margin: auto;
}

#model-7{
	position: relative;
	width: 100%;
    background-color: #333;
    min-height: 220px;
	/* display: flex;
	justify-content: space-around; */
    box-sizing: border-box;
    min-width: 1200px;
}
#model-7 .container {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footLeft{
	width: 25%;
	text-align: center;
	position: relative;
	min-width: 200px;
    margin-left: 10%;
}
.footLeft img{
	height: auto;
    width: 60%;
	position: absolute;
	top: 1rem;
	bottom: 0;
	margin: auto;
}
.footRight{
	width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	min-width: 380px;
}
.footRight-img0,.footRight-img1,.footRight-img2{
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-size: 1.5rem;
	font-style: italic;
}
.footRight-img0tel{
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 1.2rem;
    font-style:inherit;
    margin-top: 1rem;
}
.footRight-img0{
	margin-top: 2.4rem;
}
.footRight-img1{
    margin: 18px 0 0 -2%;
}
.footRight-img2{
	margin: 0 0 25px -2%;
}
.footRight-img1 div{
	width: 30%;
}
.footRight-img1 div img{
	width: auto;
	height: 40px;
}
.footRight-img2 div{
	width: 30%;
}
.footRight-img2 div img{
	width: auto;
	height: 40px;
}

.copyright {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    font-family: 'blackitalic';
    letter-spacing: 1px;
    margin-top: 1rem;
}



#swap-1{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    display: none;
}
#swap-1-close{
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    margin: auto;
    color: blue;
    width: 520px;
    height: 300px;
	background-color: #333;
	border-radius: 3px;
	padding: 2%;
}

.swap-1-top{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
	height: 75%;
}

.swap-1-closeButton {
    position: absolute;
    bottom: 10%;
    width: 88%;
    text-align: center;
}

.blueStyle {
	font-weight: bold;
	border-bottom: 2px solid #199bff;
	font-style: italic;
}
.blueStyleA {
	color: #199bff;
}

.swap-1-title{
	color: #353a3f;
	font-size: 2rem;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 5px;
}

.swap-1-top img{
	margin-top: 10px;
}

.swap-1-1-1{
	display: flex;
}

.swap-1-step{
	font-weight: bold;
	font-style: italic;
}
.swap-1-1{
	display: flex;
	color: #717b83;
	font-size: 1rem;
}
.swap-1-1 a{
	color: #199bff;
	
}
	
.swap-1-2{
	display: flex;
	color: #717b83;
	font-size: 1rem;
}

.swap-1-closeButton  button{
    background: #4385ff; 
    background:-moz-linear-gradient(bottom,#26d9ff,#4385ff);
    background:-webkit-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -o-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -ms-linear-gradient(bottom,#26d9ff,#4385ff);
    background: linear-gradient(to bottom,#26d9ff 0%,#4385ff 100%);
    border: none;
    color: #333;
    font-size: 1.5rem;
    padding: 7px 20px;
    border-radius: 50px;
    width: 220px;
    /* font-family: 'blackitalic'; */
    cursor: pointer;
	font-style: italic;
}



#downloadDiv{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    display: none;
}
#downloadDiv-close{
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    margin: auto;
    color: blue;
    background:url("../images/dowmloadBg.jpg") no-repeat;
    background-size: 100%;
    width: 1280px;
    height: 754px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 8px 8px 9px 0px #0000007a;
}

.downloadDiv-top{
	/*display: flex;*/
	/*flex-direction: column;*/
	/*justify-content: space-around;*/
	width: 45%;
	height: 25%;
	margin: 0 auto;
	text-align: center;
}

.downloadDiv-body{
	width: 75%;
	height: 30%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.downloadDiv-body .item_left, .item_center, .item_right {
    width: 186px;
    height: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.bodyTitle {
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 1rem;
    font-family: adel;
}

.downloadDiv-body .item_center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.downloadDiv-body .item_center .imgGroup {
    width: 186px;
    height: 186px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.downloadDiv-body-title {
	color: #333;
}

.closeButton {
	width: 100%;
	height: 20%;
	text-align: center;
}

.blueStyle {
	font-weight: bold;
	border-bottom: 2px solid #199bff;
	font-style: italic;
}
.blueStyleA {
	color: #199bff;
}

.downloadDiv-title{
	color: #333;
	font-size: 1.5rem;
	font-family: adel;
}

.downloadDiv-top img{
	margin: 80px 0 10px 0;
}

.downloadDiv-1-1{
	display: flex;
}

.downloadDiv-step{
	font-weight: bold;
	font-style: italic;
}
.downloadDiv-1{
	display: flex;
	color: #717b83;
	font-size: 1rem;
}
.downloadDiv-1 a{
	color: #199bff;
	
}
	
.downloadDiv-2{
	display: flex;
	color: #717b83;
	font-size: 1rem;
}

.closeButton  button{
    background: #4385ff; 
    background:-moz-linear-gradient(bottom,#26d9ff,#4385ff);
    background:-webkit-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -o-linear-gradient(bottom,#26d9ff,#4385ff);
    background: -ms-linear-gradient(bottom,#26d9ff,#4385ff);
    background: linear-gradient(to bottom,#26d9ff 0%,#4385ff 100%);
    border: none;
    color: #333;
    font-size: 1.5rem;
    padding: 15px 0;
    border-radius: 50px;
    width: 320px;
    /* font-family: 'blackitalic'; */
    cursor: pointer;
	font-style: italic;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#model-2-div{
    width: 100px;
    height: 100px;
    background-color: red;
    z-index: 9999;
    position: absolute;
    top: 65%;
    opacity: 0;
}
#model-3-div{
    width: 100px;
    height: 100px;
    background-color: red;
    z-index: 9999;
    position: absolute;
    top: 40%;
    opacity: 0;
}
#promenu{
    display: block;
    float: left;
    width: 25%;
}
#promenu li{
    font-size: 1rem;
    color: #666;
    line-height: 2rem;
    padding:20px 10px;
    opacity:0.6;
    border-radius: 5px;
    cursor: pointer;
}
.menu{
    margin-top: 150px;
}
.content div{
    width: 74%;
    float: right;
}
.menu div li{
    display: inline-block;
    width: 49%;
    margin:0 auto;
    border-radius: 5px;
}
#promenu li.active{
    background:#000;
    color:#fff;
}
#pl-menu{
    width: 220px;
    background: #fff;
    position: absolute;
    left: -40px;
    padding:10px 0;
}
#nav-1 #pl-menu li{
    width: 220px;
    line-height: 40px;
    padding:0;
}
#pl-menu li a{
    color: #666;
    font-size: 1rem;

}
#gl-menu{
    width: 220px;
    background: #fff;
    position: absolute;
    left: -40px;
    padding:10px 0;
}
#nav-1 #gl-menu li{
    width: 220px;
    line-height: 40px;
    padding:0;
}
#gl-menu li a{
    color: #666;
    font-size: 1rem;

}
/*首页新增*/
.row_mod_01{
    background: url(../images/index_mod1_bj01.png) no-repeat center 60px;
    background-size: cover;
    padding: 0% 0 4%;
    margin:0;
}
.row_mod_01_ctn_bj{
    background: url(../images/index_mod1_bj02.png) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    padding: 2%;
    box-sizing: border-box;
}
.row_mod_01_l{width: 46%;}
.row_mod_01_l img{width: 82%;}
.row_mod_01_l span{display: block;font-size: 24px;margin:0px;}
.row_mod_01_l em{display: block; margin: 5px 0;text-align: justify;}
.row_mod_01_l i{display: block;margin: 20px 0;color: #999;font-size:12px;line-height:20px;}
.row_mod_01_l a.readMore{
    color: white;
    display: block !important;
    background: #7091DB;
    width: 50%;
    text-align: center;
    padding: 2% 0;
    margin: 20px 0;
    font-size: 18px;
    cursor: pointer !important;
}
.row_mod_01_r{width:49%;margin:0;}
.row_mod_01_r img{width:100%;}
.row_mod_tit{    
    margin: 0 0 5%;
}
.row_mod_tit img{    
    width: 100%;
}

.widpub1{    
    padding: 0;
}
.menu1{

    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.menu1 .list{width:100%;border:none; margin-top: 20px;overflow: hidden;}
.menu1{background:transparent;padding:0 3%;box-sizing: border-box;}
.menu1 li{border:none;width:auto;margin: 0 5% 0 0;float: left;}
.menu1 li a{background:transparent !important;color:#333 !important;}
.menu1 li .nav1{width: 100%;font-size:18px;letter-spacing: 2px;}
.menu1 li .nav1 s{width: 100%;border: none;height: 2px;background: transparent;bottom: -1px;left: 0;margin: 0;}
.menu1 li.hover .nav1 s{background: #1D1E1D;}
.menu1 li:hover .nav1, .menu1 li.hover .nav1 {
    background: #151515;
    color: #fff;
    display: block;
    border-bottom: 2px solid #000;
}
.row_mod01{
    padding: 0 0 10%;
    margin-top: 3%;
}
.row_mod01_bj{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../images/company_mod_bj2.png) no-repeat center center;
    background-size: cover;
    padding:5% 2%;
}
.row_mod01_l{width: 48%;border-radius: 5px;}
.row_mod01_r{width: 48%;font-size: 1.2rem;color: #6D6D6E;}
.row_mod01_r .con{
    line-height: 24px;font-style: italic
}
.title_02{font-size: 20px;line-height: 20px;}
.title_03{
    display: block;
    margin: 10px 0 15px;
    font-size: 18px;
}
/*首页弹窗*/

.modal-container{
    position: fixed;
    top:15rem;
    left:30%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    height:auto;
    background:hsla(0,0%,40%, 1);
    border-radius: 1rem;
}
.modal-container:target{
    display: flex;
}
.modal{
    width: 60rem;
    padding:0 2rem;
    border-radius: .8rem;
    color:var(--light);
    background:#fff;
    box-shadow: .4rem .4rem 2.4rem .2rem hsla(236,50%, 50%,1);
    position: relative;
    overflow: hidden;
}
.modal__details{
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom:0;
    border-bottom: 1px solid hsla(0, 0%,100%,.4);
}
.modal__title{
    font-size: 1.2rem;
}
.modal__description{
    margin-top: 2rem;
    font-size: 1.6rem;
    font-style: italic;
}
.modal__description video{
    height: 100%;
    width: 100%;
}
.modal__text{
    padding:0 4rem;
    margin-bottom: 4rem;
    font-size: 1.6rem;
    line-height: 2;
}
.modal__text::before{
    content: '';
    position: absolute;
    top: 0%;
    left: 100%;
    transform: translate(-50%,-50%);
    width: 18rem;
    height: 18rem;
    border:1px solid hsla(0, 0%,100%,.2);
    border-radius: 100rem;
    pointer-events: none;
}
.modal__btn{
    padding: 1rem 1.6rem;
    border:1px solid hsla(0, 0%,100%,.4);
    border-radius: 100rem;
    color: inherit;
    background: transparent;
    font-size: 1.4rem;
    font-family: inherit;
    letter-spacing: .2rem;
    transition: .2s;
    cursor: pointer;
}
.modal__btn:hover,.modal__btn:focus{
    border-color: hsla(0, 0%,100%,.6);
    transform: translateY(-.2rem);
}
.link-2{
    width: 1.6rem;
    height: 1.6rem;
    border:1px solid #000;
    border-radius: 100rem;
    color: inherit;
    font-size: 1.6rem;
    position: absolute;
    top: 0.4rem;
    right:0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
}
.link-2::before{
    content: 'x';
    transform: translateY(-.1rem);
}
.link-2:hover,.link-2:focus{
    border-color: border:1px solid hsla(0, 0%,100%,.6);
    transform: translateY(-.2rem);
}




.news_detail{
    padding:0 3%;
}
.news_detail_date{
    color: #999;
}
.news_detail_tit{
    font-size: 18px;
    margin: 10px 0 3%;
}
.news_detail_tit h1 {
        font-size: 18px;
    font-weight: bold;
}
.news_detail_con{    
    text-indent: 2em;
    height: 1000px;
}
.news_detail_con img{
    width: 500px;
    margin: 10px auto;
    overflow: hidden;
}
.news_detail_con .images{
    width:50%;
    float: left;
    position: relative;
    margin: 0 auto;
}
.news_detail_con .images p{
    margin: 5px auto;
    line-height: 30px;
    height: 30px;
    color: #666;
    text-align: center;
}
.news_detail_con .images img{
}