/* CSS Document */
* {
    padding: 0;
    margin: 0;
}
img {
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: bottom;
}
html{
	overflow-x:hidden;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: SourceHanSanCN Regular;
    font-size: 12px;
    color: #66666f;
    background: #fff;
    overflow: hidden;
    position: relative;  
}
input,textarea {
    padding: 0;
    margin: 0;
    -webkit-appearance:none ;
    -moz-appearance: none;
    appearance:none ;
}
input:focus, textarea:focus {
    outline: none;
}
ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
a:active {
    blr:expression(this.onFocus=this.blur());
    outline: none
}
a {
    outline: none;
    blr:expression(this.onFocus=this.blur());
}
a {
    color: #66666f;
}
a:link {
    text-decoration: none;
}
br{
    display: inline-block;
}
p{
    margin: 0 !important;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.mainFilter{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,.5);
    display: none;
    overflow: hidden;
}
.rightMenu{
    width: 200px;
    height: 100%;
    background: #f9f8fa;
    position: fixed;
    right: -200px;
    top: 0;
    z-index: 1001;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}
.rightMenu .tit{
    width: 100%;
    text-align: center;
    padding: 16px 0 25px;
}
.rightMenu .tit img{
    width: 45%;
    height: auto;
}
.rightMenu .list{
    width: 100%;
    background: none;
}
.rightMenu .list li{
    width: 100%;
    text-align: center;
}
.rightMenu .list li a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #787878;
}
.rightMenu .list li.now a,.rightMenu .list li:hover a{
    background: url(../images/mMenuBg.jpg) no-repeat center center;
    background-size: 100%;
    color: #fff;
}
.wapper{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.first_screen{
	position: relative;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	z-index: 2;
	overflow: hidden;
}
.nav_box{
	width:auto;
	height: auto;
	position: absolute;
	top: 4%;
	left: 0px;
	z-index: 998;

}
.nav_box .logo{
	width: 117px;
	height: auto;
	margin-left: 36px;
}
.nav_box .logo img{
	width: 100%;
}
.nav_box .nav{
	width: 188px;
	height: auto;
	margin-top:30%;
	z-index: 10;
}
.nav_box .nav li{
	width: 100%;
	height: auto;
	padding:0 auto;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 42px;
    color: #fff;
	margin-bottom:8px;
	text-align: center;
}
.nav_box .nav li.on{
	background: url(../images/menuBg.png);
    background-size: 100% 100%;
}
.nav_box .nav li:hover{
	background: url(../images/menuBg.png);
    background-size: 100% 100%;
}
.nav_box .nav li a{
	color: #fff;
    display: inline-block;
}

.nav_box .nav.none{
	position: absolute;
	left: -100%;
	transition:left 1s;
	-moz-transition:left 1s; /* Firefox 4 */
	-webkit-transition:left 1s; /* Safari and Chrome */
	-o-transition:left 1s; /* Opera */
}
.nav_box .nav.block{
	position: absolute;
	left: 0%;
	transition:left 2s;
	-moz-transition:left 2s; /* Firefox 4 */
	-webkit-transition:left 2s; /* Safari and Chrome */
	-o-transition:left 2s; /* Opera */
}
.first_screen .base{
    width: auto;
    height: auto;
    position: absolute;
    top: 2%;
    right: 3%;
    z-index: 999;
    overflow: hidden;
}
.first_screen .base li{
    width: auto;
    height: auto;
    float: left;
    margin-left: 26px;
    align-items: center;
    display: -webkit-flex;
}
.first_screen .base li a{
    align-items: center;
    display: -webkit-flex;
}
.first_screen .base li .pic{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    overflow: hidden;
}
.first_screen .base li .pic img{
    width: 100%;
    height: auto;
}
.first_screen .base li .text{
    font-size: 14px;
    color: #29166f;
    line-height: 18px;
    margin-left: 8px;
    max-width: 84px;
}
.copyright_box{
    width: auto;
    height: auto;
    position: absolute;
    bottom: 5%;
    left: 5%;
    z-index: 9999;
}
.copyright_box .phone{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #ffffff;
    line-height: 28px;
    align-items: center;
    display: -webkit-flex;
}
.copyright_box .phone img{
    width: 14px;
    height: 20px;
    vertical-align: middle;
    margin-top: -6px;
    margin-right: 6px;
}
.copyright_box .copyright{
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}
.copyright_box .copyright a{
    color: #fff;
}
/*==========PC导航===============================================================*/
.h_nav{
	width: 100%;
	height: 70px;
	background: #fff;
	position: absolute;
	top:-70px;
	left: 0px;
	z-index: 999;
    padding: 0 40px;
    box-sizing: border-box;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.h_nav.over{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999;
	display: block;
	transition:top 1s;
	-moz-transition:top 1s; /* Firefox 4 */
	-webkit-transition:top 1s; /* Safari and Chrome */
	-o-transition:top 1s; /* Opera */
	box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.h_nav .hnav_box{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.h_nav .hnav_box .logo{
	width: 140px;
	height:auto;
	float: left;
	margin:19px 0 0 0;
	margin-right: 2%;
}
.h_nav .hnav_box .logo img{
	width: 100%;
}
.hnav_box .menu{
    width:auto;
    height:70px;
    float: left;
}
.h_nav .hnav_box .menu li{
    height:70px;
    float:left;
    font-size:16px; 
    line-height: 70px; 
    margin-right:5px; 
}
.h_nav .hnav_box .menu li.hover{
	background:url(../images/menuBg2.jpg);
}
.h_nav .hnav_box .menu li a{
    height:70px; 
    text-decoration:none;
    color:#5e5e5e;
    display:block;
    padding:0 20px;
    line-height: 70px;
    font-size: 16px;
}
.h_nav .hnav_box .menu li a.now{
	color: #fff;
	background:url(../images/menuBg2.jpg);
}
.h_nav .hnav_box .menu li.hover .h-links{
	color: #fff;
	background:url(../images/menuBg2.jpg);
}
.h_nav .hnav_box .base{
    width: auto;
    height: auto;
    float: right;
    overflow: hidden;
    margin-top: 13px;
}
.h_nav .hnav_box .base li{
    width: auto;
    height: auto;
    float: left;
    margin-left: 26px;
    align-items: center;
    display: -webkit-flex;
}
.h_nav .hnav_box .base li a{
    align-items: center;
    display: -webkit-flex;
}
.h_nav .hnav_box .base li .pic{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    overflow: hidden;
}
.h_nav .hnav_box .base li .pic img{
    width: 100%;
    height: auto;
}
.h_nav .hnav_box .base li .text{
    font-size: 14px;
    color: #29166f;
    line-height: 18px;
    margin-left: 8px;
    max-width: 84px;
}
/*==============手机导航====================*/
.mhead{
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
}
.mhead .logo{
    width: 27%;
    height: auto;
    position: absolute;
    top: 18%;
    left: 3%;
}
.mhead .logo img{
    width: 100%;
    height: auto;
}
.mhead .back{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    left: 3%;
    overflow: hidden;
    background: url(../images/back.png) no-repeat center center;
    background-size: 42px;
}
.mhead .menu{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    right: 3%;
    overflow: hidden;
    background: url(../images/menu.png) no-repeat center center;
    background-size: 42px;
}
.mhead .menu.now{
    background: url(../images/close.png) no-repeat center center;
    background-size: 100%;
}

/*==============焦点图====================*/
.bannerbox{
	position: relative;
	width: 100%;
	height: auto;
	/*float: left;*/
    z-index:50;
}
.fullSlide{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	left: 0;
	top: 0;
}
.bd{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	z-index: 0;
}
.bd ul li{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.bd ul li img{
	width: 100%;
    height: auto;
    vertical-align: top;
}
.hd{
	width: 20px;
	height: auto;
    position: absolute;
    top: 42%;
    right: 25px;
    z-index: 2;
}
.hd ul li{
	display: inline-block; 
	width: 15px;
    height: 15px;
    background: #fff; 
    margin: 9px 2.5px; 
    text-indent: -999em;
    border-radius: 50%; 
    cursor: pointer; 
}
.hd ul li.on{
	width: 20px;
    height: 20px;
    background: url(../images/active.png); 
    margin:9px 0;
}
.wapper .abouts{
    width: 100%;
    height: auto;
    background: url(../images/bg1.jpg);
    background-size: cover;
    position: relative;
    padding: 8% 0 6% 0;
}
.box{
    width: 83%;
    height: auto;
    margin: auto;
    min-width: 1000px;
}
.box.narrow{
    width: 68.4%;
}
.wapper .abouts .aboutBrief{
    width: 45%;
    height: auto;
    float: left;
    /*padding-top: 10%;*/
    /*padding-bottom: 6%;*/
}
.wapper .abouts .aboutBrief .entext{
    width: 100%;
    height: auto;
    font-size: 74px;
    color: #ffffff;
    line-height: 78px;
}
.wapper .abouts .aboutBrief .cntext{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #ffffff;
    line-height: 36px;
}
.wapper .abouts .aboutBrief .cntext span{
    font-weight: bold;
}
.wapper .abouts .aboutBrief .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    margin:10% 0;
}
.wapper .abouts .aboutBrief .more{
    width: 98px;
    height: 45px;
    border-radius: 45px;
    background: url(../images/moreBg.jpg) no-repeat center center;
    overflow: hidden;
    text-align: center;
}
.wapper .abouts .aboutBrief .more a{
    display: inline-block;
    width: 98px;
    height: 45px;
}
.wapper .abouts .pic{
    width: 55%;
    height: auto;
    position: absolute;
    right: 0px;
    bottom: -25%;
}
.wapper .abouts .pic img{
    width: 100%;
    height: auto;
}
.wapper .data{
    width: 100%;
    height: auto;
    background: url(../images/bg2.jpg) no-repeat right bottom #f9f8fa;
}
.wapper .data .dataList{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 9% 0 5% 0;
}
.wapper .data .dataList li{
    width: 16%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .data .dataList li:last-child{
    margin-right: 0;
}
.wapper .data .dataList li .shu{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #181818;
    overflow: hidden;
}
.wapper .data .dataList li .shu .num{
    float: left;
    font-size: 70px;
    font-weight: bold;
    font-family: Heattenschweiler Regular;
}
.wapper .data .dataList li .shu .txt{
    float: left;
    width: auto;
    height: auto;
    font-size: 16px;
    color: #181818;
    padding-top: 18%;
}
.wapper .data .dataList li .desc{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 28px;
}
.wapper .picList{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .picList .pic1{
    width: 22%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic1 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic1 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .picList .pic2{
    width: 22%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic2 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic2 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .picList .pic3{
    width: 22.6%;
    height: auto;
    margin-left: 22%;
    border-right: 3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic3 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic3 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .picList .pic4{
    width: 32.9%;
    height: auto;
    position: absolute;
    top: 0;
    left: 44.6%;
    border-right: 3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic4 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic4 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .picList .pic5{
    width: 21.6%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 44.6%;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic5 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic5 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .picList .pic6{
    width: 22.5%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom:3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic6 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic6 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .picList .pic7{
    width: 33.8%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 3px solid #fff;
    box-sizing: border-box;
}
.wapper .picList .pic7 img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-filter: brightness(95%); 
    filter: brightness(95%);
}
.wapper .picList .pic8 img:hover{
    -webkit-filter: brightness(100%); 
    filter: brightness(100%);
}
.wapper .Latest{
    width: 100%;
    height: auto;
    padding: 3% 0 0 0;
}
.wapper .Latest .themebox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .Latest .themebox .theme{
    width: 70%;
    height: auto;
    float: left;
    font-size: 36px;
    color: #181818;
    line-height: 48px;
    margin-bottom: 4%;
}
.wapper .Latest .themebox .theme span{
    font-size: 36px;
    line-height: 48px;
    font-weight: bold;
    padding-bottom: 20px;
    background: url(../images/line1.gif) no-repeat left bottom;
}
.wapper .Latest .themebox .more{
    width: 70px;
    height: 34px;
    float: right;
    border-radius: 34px;
    border: 1px solid #959595;
    box-sizing: border-box;
}
.wapper .Latest .themebox .more a{
    display: inline-block;
    width: 70px;
    height: 34px;
    font-size: 30px;
    color: #959595;
    line-height: 32px;
    text-align: center;
}
.wapper .Latest .themebox .more:hover{
    border: 1px solid #d00a00;
}
.wapper .Latest .themebox .more:hover a{
    color: #d00a00;
}
.wapper .Latest .list{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .Latest .list li{
    width: 31%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    vertical-align: top;
    display: inline-block;
}
.wapper .Latest .list li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .Latest .list li .picbox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .Latest .list li .picbox .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .Latest .list li .picbox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .Latest .list li:hover .picbox .pic img{
    transform: scale(1.1);
}
.wapper .Latest .list li .picbox .type{
    width: 124px;
    height: 48px;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    background: url(../images/typeBg.jpg);
    background-size: cover;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.wapper .Latest .list li .textbox{
    width: 100%;
    height: auto;
    padding: 4%;
    box-sizing: border-box;
}
.wapper .Latest .list li .textbox .title{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #181818;
    line-height: 28px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .Latest .list li .textbox .desc{
    width: 100%;
    height: auto;
    min-height: 56px;
    font-size: 14px;
    color: #787878;
    line-height: 28px;
    margin:3% 0 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wapper .Latest .list li .textbox .timeBox{
    width: 100%;
    height: auto;
    border-top: 1px solid #e7e7e7;
    padding: 3% 0 0 0;
    overflow: hidden;
}
.wapper .Latest .list li .textbox .timeBox .time{
    width: 50%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #787878;
    line-height: 28px;
}
.wapper .Latest .list li .textbox .timeBox .more{
    width: 55px;
    height: auto;
    float: right;
    font-size: 30px;
    color: #959595;
    text-align: right;
}
.wapper .Latest .list li:hover .textbox .title{
    color: #d00a00;
}
.wapper .Latest .list li:hover .textbox .timeBox .more{
    color: #d00a00;
}
.wapper .cooperate{
    width: 100%;
    height: auto;
    background: #f0f0f0;
    padding: 5% 0;
}
.wapper .cooperate .coop{
    width: 40%;
    height: auto;
    float: left;
    padding-right: 5%;
    box-sizing: border-box;
}
.wapper .cooperate .coop .theme{
    font-size: 36px;
    color: #181818;
    line-height: 48px;
    padding-bottom: 4%;
}
.wapper .cooperate .coop .theme span{
    font-weight: bold;
    padding-bottom: 20px;
    background: url(../images/line1.gif) no-repeat left bottom;
}
.wapper .cooperate .coop .desc{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #787878;
    line-height: 28px;
    margin: 5% 0;
}
.wapper .cooperate .coop .cdata{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .cooperate .coop .cdata li{
    float: left;
    margin-right: 5%;
    box-sizing: border-box;
}
.wapper .cooperate .coop .cdata li .shu{
    font-size: 36px;
    color: #252525;
    font-weight: bolder;
    align-items: center;
    display: -webkit-flex;
}
.wapper .cooperate .coop .cdata li .shu span{
    font-size: 54px;
    color: #252525;
    font-weight: bold;
}
.wapper .cooperate .coop .cdata li .txt{
    font-size: 14px;
    color: #252525;
    line-height: 28px;
}
.wapper .cooperate .list{
    width: 60%;
    height: auto;
    float: left;
    overflow: hidden;
    padding-top: 2%;
}
.wapper .cooperate .list li{
    width: 25%;
    height: auto;
    float: left;
    padding: 0 2.5%;
    box-sizing: border-box;
    margin-bottom: 2%;
    cursor: pointer;
    text-align: center;
}
.wapper .cooperate .list li img{
    width: auto;
    height: auto;
    max-width: 100%;
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.wapper .cooperate .list li:hover img{
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
}
.wapper .footer{
    width: 100%;
    height: auto;
    border-bottom: 5px solid #d50909;
    background: url(../images/bg3.jpg) no-repeat right center #333333;
    padding: 3% 0 4% 0;
    position: relative;
}
.wapper .footer .logo{
    width: 10%;
    height: auto;
    float: left;
    min-width: 142px;
    margin-right: 5%;
}
.wapper .footer .logo img{
    width: 100%;
    height: auto;
}
.wapper .footer .footerList{
    width: auto;
    height: auto;
    float: left;
}
.wapper .footer .footerList.list1{
    width: 27%;
    margin-right: 3%;
}
.wapper .footer .footerList.list2{
    width: 20%;
    margin-right: 3%;
}
.wapper .footer .footerList.list3{
    width: 31%;
}
.wapper .footer .footerList .theme{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ffffff;
    line-height: 50px;
    font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.wapper .footer .footerList .infor{
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.wapper .footer .footerList .infor li{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
}
.wapper .footer .footerList .codebox{
    width: 100%;
    height: auto;
    margin-top: 8%;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
}
.wapper .footer .footerList .codebox .code{
    width: 45%;
    height: auto;
    max-width: 100px;
    float: left;
    margin-right: 5%;
}
.wapper .footer .footerList .codebox .code img{
    width: 100%;
    height: auto;
}
.wapper .footer .footerList .codebox .textbox{
    width: 50%;
    height: auto;
    float: left;
}
.wapper .footer .footerList .codebox .textbox .txt1{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
}
.wapper .footer .footerList .codebox .textbox .txt2{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
}
.wapper .footer .footerList .linkList{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 5%;
}
.wapper .footer .footerList .linkList li{
    width: 22.75%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border:1px solid rgba(255,255,255,0.3);
    box-sizing: border-box;
}
.wapper .footer .footerList .linkList li:nth-of-type(4n){
    margin-right: 0;
}
.wapper .footer .footerList .linkList li a{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    text-decoration: none;
}
.wapper .footer .footerList .linkList li:hover{
    background: url(../images/typeBg.jpg) no-repeat center center #333333;
    background-size: cover;
}
.wapper .footer .fcopyright{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom:0px;
    left: 0px;
    background: rgba(0,0,0,0.2);
    padding: 5px 0;
}
.wapper .footer .fcopyright .copyright{
    width: 70%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #ffffff;
    line-height: 38px;
}
.wapper .footer .fcopyright .copyright a{
    font-size: 12px;
    color: #ffffff;
    line-height: 38px;
}
.wapper .footer .fcopyright .copyright a:hover{
    color: #d00a00;
}
.wapper .footer .fcopyright .support{
    width: auto;
    height: auto;
    float: right;
    font-size: 12px;
    color: #ffffff;
    line-height: 38px; 
}
.wapper .footer .fcopyright .support a{
    font-size: 12px;
    color: #ffffff;
    line-height: 38px; 
}
.wapper .mfooter{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    background: #fff;
    display: none;
    -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); 
    -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); 
    box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.wapper .mfooter .mList{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .mfooter .mList ul{
	display: flex;
	justify-content: center;
}
.wapper .mfooter .mList li{
    width: 20%;
    height: auto;
    float: left;
    padding-top: 7px;
}
.wapper .mfooter .mList li.now{
    background: url(../images/mMenuBg2.jpg);
    background-size: cover;
}
.wapper .mfooter .mList li .pic{
    width: 100%;
    height: auto;
    justify-content: center;
    display: -webkit-flex;
}
.wapper .mfooter .mList li .pic img{
    width: auto;
    height: 20px;
    margin: auto;
}
.wapper .mfooter .mList li .text{
    width: 100%;
    height: auto;
    font-size: 13px;
    color: #000000;
    line-height: 28px;
    text-align: center;
}
.wapper .mfooter .mList li:first-child .pic{
	margin-top:10px;
}
.wapper .mfooter .mList li:first-child .pic img{
	height: 13px;
}
.wapper .mfooter .mList li:first-child .text{
	 line-height: 20px;
}
.wapper .mfooter .mList li.now .text{
    color: #fff;
}
.wapper .codefix{
    width: auto;
    height: auto;
    position: fixed;
    bottom: 6%;
    right: 35px;
    z-index: 9999;
}
.wapper .codefix .codebox{
    width: auto;
    height: auto;
    position: relative;
    margin-bottom: 8px;
}
.wapper .codefix .codebox .pic{
    width: 49px;
    height: 49px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}
.wapper .codefix .codebox .pic img{
    width: 100%;
    height: auto;
}
.wapper .codefix .codebox .code{
    width: 80px;
    height: 80px;
    border: 3px solid #d00a00;
    border-radius: 5px;
    box-sizing: border-box;
    position: absolute;
    left: -105px;
    top: -16px;
    /*opacity: 0;*/
    transition: all 0.5s ;
    display: none;
}
.wapper .codefix .codebox .code img{
    width: 100%;
    height: auto;
}
.wapper .codefix .codebox .code:after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d00a00;
    position: absolute;
    top: 27px;
    left: 75px;
}
.wapper .codefix .codebox:hover .code{
    opacity: 1;
    display: block;
    left: -95px;
}
@media screen and (max-width: 1680px){
    .wapper .data .dataList li .shu .num{
        font-size: 55px;
    }
	.h_nav .hnav_box .menu li a {
	    height: 70px;
	    text-decoration: none;
	    color: #5e5e5e;
	    display: block;
	    padding: 0 16px;
	    line-height: 70px;
	    font-size: 16px;
	}
}
@media screen and (max-width: 1630px){
    .wapper .footbox{
        width: 94%;
    }
    .wapper .footer .logo{
        margin-right: 3%;
    }
}
@media screen and (max-width: 1565px){
    .wapper .cooperate .coop .cdata li .shu{
        font-size: 26px;
    }
    .wapper .cooperate .coop .cdata li .shu span{
        font-size: 44px;
    }
}
@media screen and (max-width: 1555px){
    .h_nav .hnav_box .menu li{
        margin-right: 0px;
    }
    .h_nav .hnav_box .menu li a{
        padding: 0 12px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 22px;
    }
    .wapper .abouts .pic{
        bottom: -20%;
    }
}
@media screen and (max-width:1533px) {
	
}
@media screen and (max-width: 1470px) {
    .h_nav .hnav_box .menu li a{
        padding: 0 11px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 18px;
    }
	.h_nav .hnav_box .logo {
	    width: 127px;
	    height: auto;
	    float: left;
	    margin: 22px 0 0 0;
	    margin-right: 1%;
	}
}
@media screen and (max-width: 1460px) {
    .wapper .abouts .pic{
        width: 60%;
    }
    .wapper .footer .footerList .infor li{
        font-size: 13px;
    }
    .wapper .footer .footerList .codebox .textbox .txt1{
        font-size: 16px;
    }
    .wapper .footer .footerList .codebox .textbox .txt2{
        font-size: 12px;
    }
    .wapper .footer .footerList .linkList li a{
        font-size: 13px;
    }
}
@media screen and (max-width: 1408px){
    .wapper .data .dataList li .shu .num{
        font-size:45px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 15px;
    }
    .h_nav .hnav_box .base li .text{
        font-size: 13px;
        margin-left: 5px;
        max-width: 80px;
    }
}
@media screen and (max-width: 1372px){
    .h_nav{
        padding: 0 30px;
    }
    .h_nav .hnav_box .base{
        margin-top: 15px;
    }
    .h_nav .hnav_box .base li .pic{
        width: 40px;
        height: 40px;
    }
    .h_nav .hnav_box .menu li a{
        font-size: 15px;
    }
}
@media screen and (max-width: 1310px){
    .h_nav{
        padding: 0 20px;
    }
    .h_nav .hnav_box .logo{
		width: 103px;
		    height: auto;
		    float: left;
		    margin: 25px 0 0 0;
        margin-right: 1%;
    }
    .h_nav .hnav_box .menu li a{
        padding: 0 10px;
    }
    .h_nav .hnav_box .base{
        margin-top: 16px;
    }
    .h_nav .hnav_box .base li .pic{
        width: 38px;
        height: 38px;
    }
    .h_nav .hnav_box .menu li a{
        font-size: 15px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 12px;
    }
}
@media screen and (max-width: 1290px){
    .wapper .cooperate .coop .cdata li .shu{
        font-size: 24px;
    }
    .wapper .cooperate .coop .cdata li .shu span{
        font-size: 40px;
    }
}
@media screen and (max-width: 1280px){
    .wapper .abouts .pic{
        width: 63%;
        bottom: -16%;
    }
}
@media screen and (max-width: 1250px){
    .wapper .footer .logo{
        margin-right: 2%;
    }
    .wapper .footer .footerList.list1{
        margin-right: 2%;
    }
     .wapper .footer .footerList.list2{
        margin-right: 2%;
    }
    .wapper .footer .footerList .linkList li a{
        font-size: 12px;
    }
}
@media screen and (max-width: 1235px){
    .wapper .footbox{
        width: 96%;
    }
    .wapper .footer .footerList.list1{
        width: 29%;
    }
    .wapper .footer .footerList.list2{
        width: 23%;
    }
    .wapper .footer .footerList.list3{
        width: 27%;
    }
    .wapper .footer .footerList .infor li{
        font-size: 12px;
    }
    .wapper .footer .footerList .linkList li{
        width: 31.33%
    }
    .wapper .footer .footerList .linkList li:nth-of-type(3n){
        margin-right: 0;
    }
    .wapper .footer .footerList .linkList li:nth-of-type(4n){
        margin-right: 3%;
    }
}
@media screen and (max-width: 1211px){
    .h_nav{
        padding: 0 15px;
    }
    .h_nav .hnav_box .logo{
        margin-right: 1%;
    }
    .h_nav .hnav_box .menu li a{
        padding: 0 10px;
        font-size: 14px;
    }
    .h_nav .hnav_box .base{
        margin-top: 17px;
    }
    .h_nav .hnav_box .base li .pic{
        width: 36px;
        height: 36px;
    }
    .h_nav .hnav_box .menu li a{
        font-size: 15px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 10px;
    }
    .h_nav .hnav_box .base li .text{
        font-size: 12px;
        margin-left: 3px;
        max-width: 79px;
    }
}
@media screen and (max-width: 1200px) {
    .nav_box .nav{
        margin-top: 20%;
    }
    .nav_box .nav li{
        line-height: 38px;
    }
}
@media screen and (max-width:1165px) {
	.h_nav .hnav_box .logo{
	    width: 76px;
	    margin-right: 1%;
	    margin-top: 26.5px;
	}
	.h_nav .hnav_box .menu li a {
	    font-size: 14px;
	}
}
@media screen and (max-width: 1135px){
    .h_nav{
        padding: 0 12px;
    }
    .h_nav .hnav_box .logo{
        width: 74px;
        margin-right: 1%;
        margin-top: 26.5px;
    }
    .h_nav .hnav_box .menu li a{
        padding: 0 10px;
        font-size: 14px;
    }
    .h_nav .hnav_box .base{
        margin-top: 18px;
    }
    .h_nav .hnav_box .base li .pic{
        width: 34px;
        height: 34px;
    }
    .h_nav .hnav_box .menu li a{
        font-size: 14px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 8px;
    }
}
@media screen and (max-width: 1080px) {
    .wapper .abouts .pic{
        width: 68%;
    }
    .h_nav{
        padding: 0 12px;
    }
    .h_nav .hnav_box .logo{
        width: 70px;
        margin-right: 1%;
        margin-top: 26.5px;
    }
    .h_nav .hnav_box .menu li a{
        padding: 0 8px;
        font-size: 13px;
    }
    .h_nav .hnav_box .base{
        margin-top: 19px;
    }
    .h_nav .hnav_box .base li .pic{
        width: 32px;
        height: 32px;
    }
    .h_nav .hnav_box .menu li a{
        font-size: 13px;
    }
    .h_nav .hnav_box .base li{
        margin-left: 7px;
    }
}
@media screen and (max-width: 1000px) {
    .h_nav{
        display: none;
    }
    .h_nav.over{
        display: none;
    }
    .nav_box{
        display: none;
    }
    .hd{
        width: 100%;
        position: absolute;
        top: 87%;
        right: 0;
    }
    .hd ul{
        align-items: center;
        justify-content: center;
        display: -webkit-flex;
    }
    .hd ul li{
        width: 10px;
        height: 10px;
        margin: 1px 6px;
    }
    .hd ul li.on{
        width: 12px;
        height: 12px;
        background-size: 100% 100%;
    }
    .copyright_box{
        display: none;
    }
    .wapper .codefix{
        display: none;
    }
    .first_screen .base{
        width: 100%;
        position: static;
        left: 0px;
    }
    .mhead{
        display: block;
    }
     .first_screen .base{
        padding: 3% 2%;
        box-sizing: border-box;
     }
    .first_screen .base li{
        width: 34.5%;
        margin-left: 0;
        padding: 0 3px;
        box-sizing: border-box;
        background: url(../images/line2.gif) no-repeat right center;
        justify-content: center;
        display: -webkit-flex;
    }
    .first_screen .base li:last-child{
        width: 31%;
        background: none;
    }
    .first_screen .base li .text{
        font-size: 12px;
        margin-left: 3px;
    }
    .first_screen .base li .pic{
        width: 34px;
        height: 34px;
    }
    .box{
        width: 100%;
        min-width: 100%;
        padding: 0 3%;
        box-sizing: border-box;
    }
    .wapper .abouts .aboutBrief{
        padding-bottom: 6%;
    }
    .wapper .abouts .aboutBrief{
        width: 100%;
    }
    .wapper .abouts .aboutBrief .entext{
        display: none;
    }
    .wapper .abouts .aboutBrief .cntext{
        font-size: 24px;
    }
    .wapper .abouts .aboutBrief .text{
        font-size: 14px;
        margin: 4% 0 5% 0;
    }
    .wapper .abouts .aboutBrief .more{
        height: 36px;
    }
    .wapper .abouts .aboutBrief .more a{
        height: 36px;
    }
    .wapper .abouts .pic{
        display: none;
    }
    .wapper .data .dataList li{
        margin-right: 4%;
        width: 14.5%;
    }
    .wapper .data .dataList li:nth-of-type(1){
        width: 13.5%;
    }
    .wapper .data .dataList li:nth-of-type(2){
        width: 14.5%;
    }
    .wapper .data .dataList li:nth-of-type(3){
        width: 13.5%;
    }
    .wapper .data .dataList li:nth-of-type(4){
        width: 24%;
    }
    .wapper .data .dataList li:nth-of-type(5){
        width: 18.5%;
    }
    .wapper .data .dataList li .desc{
        display: none;
    }
    .wapper .data .dataList li .shu .num{
        width: 100%;
        font-size: 22px;
        text-align: center;
    }
    .wapper .data .dataList li .shu .txt{
        width: 100%;
        font-size: 12px;
        box-sizing: border-box;
        text-align: center;
        padding-top: 0;
    }
    .wapper .Latest{
        padding: 5% 0 0 0;
    }
    .wapper .Latest .themebox .theme{
        font-size: 26px;
    }
    .wapper .Latest .themebox .theme span{
        font-size: 26px;
        padding-bottom: 10px;
    }
    .wapper .Latest .themebox .more{
        width: 60px;
        height: 30px;
        margin-top: 3%;
    }
    .wapper .Latest .themebox .more a{
        width: 60px;
        height: 30px;
        line-height: 30px;
    }
    .wapper .Latest .list{
        margin-top: 3%;
    }
    .wapper .Latest .list li{
        width: 48.5%;
        margin-right: 0.8%;
    }
    .wapper .Latest .list li:nth-of-type(2n){
        margin-right: 0;
         margin-left: 0.8%; 
    }
    .wapper .Latest .list li .picbox .type{
        width: 76px;
        height: 28px;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .Latest .list li .textbox .title{
        font-size: 14px;
    }
    .wapper .Latest .list li .textbox .desc{
        font-size: 12px;
        line-height: 18px;
        min-height: 36px;
        margin:2% 0 8%;
    }
    .wapper .Latest .list li .textbox .timeBox .time{
        width: 55%;
        font-size: 12px;
    }
    .wapper .cooperate .coop{
        width: 100%;
        padding-right: 0;
    }
    .wapper .cooperate .coop .theme{
        font-size: 26px;
    }
    .wapper .cooperate .coop .cdata li .shu{
        font-size: 20px;
    }
    .wapper .cooperate .coop .cdata li .shu span{
        font-size: 34px;
    }
    .wapper .cooperate .coop .cdata li .txt{
        line-height: 16px;
    }
    .wapper .cooperate .list{
        width: 100%;
    }
    .wapper .cooperate .list li{
        width: 33.33%;
    }
    .wapper .footer{
        padding-bottom: 25%;
    }
    .wapper .footer .logo{
        display: none;
    }
    .wapper .footer .footerList.list1{
        width: 100%;
        margin-right: 0;
    }
    .wapper .footer .footerList.list2{
        display: none;
    }
    .wapper .footer .footerList.list3{
        width: 100%;
        margin-top: 4%;
    }
    .wapper .footer .fcopyright{
        position: static;
        background: none;
        margin-top: 5%;
    }
    .wapper .footer .fcopyright .copyright{
        width: 80%;
        margin-left: 10%;
        text-align: center;
        line-height: 16px;
        padding: 10px 0 0;
    }
    .wapper .footer .fcopyright .copyright a{
        line-height: 16px;
    }
    .wapper .footer .fcopyright .support{
        width: 80%;
        float: left;
        margin-left: 10%;
        text-align: center;
        line-height: 28px;
    }
    .wapper .footer .fcopyright .support a{
        line-height: 12px;
    }
    .wapper .mfooter{
        display: block;
    }
    .wapper .Latest .list li .textbox .timeBox .more{
        line-height: 20px;
    }
}
/*关于我们*/
.h_nav.solute{
    position: fixed;
    top: 0px;
    left: 0px;
}
.bannerbox.about{
    margin-top: 70px;
}
.bannerbox .banner{
    width: 100%;
    height: auto;
}
.bannerbox .banner img{
    width: 100%;
    height: auto;
}
.bannerbox .bgbox{
    width: 100%;
    height: 100%;
    background: url(../images/opBg.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
.bannerbox .bgbox .textcont{
    width: 100%;
    height: auto;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.bannerbox .bgbox .textcont .cntext{
    width: 100%;
    height: auto;
    font-size: 72px;
    color: #fff;
    line-height: 76px;
    font-weight: bold;
}
.bannerbox .bgbox .textcont .entext{
    width: 100%;
    height: auto;
    font-size: 42px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    font-weight: bold;
}
.wapper .aboutpart{
    width: 100%;
    height: auto;
    padding: 3% 0;
    background: #fff;
    overflow: hidden;
}
.wapper .aboutpart .abLeft{
    width: 50%;
    height: auto;
    float: left;
    padding-right: 3%;
    box-sizing: border-box;
}
.wapper .aboutpart .abLeft .entext{
    width: 100%;
    height: auto;
    font-size: 74px;
    color: #000000;
    line-height: 78px;
    margin-top: 3%;
}
.wapper .aboutpart .abLeft .cntext{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #000000;
    line-height: 38px;
}
.wapper .aboutpart .abLeft .cntext span{
    font-weight: bold;
}
.wapper .aboutpart .abLeft .briefText{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    margin: 5% 0 6%;
    overflow: hidden;
    transition: all 0.5s;
}
.wapper .aboutpart .abLeft .briefText img{
	width: auto;
	vertical-align: bottom;
	max-width: 100%;
}
.wapper .aboutpart .abLeft .briefMore{
    width: 98px;
    height: 47px;
    border-radius: 47px;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
    line-height: 47px;
    text-align: center;
    background: url(../images/moreBg.jpg) no-repeat center center;
    cursor: pointer;
}
.wapper .aboutpart .abLeft .briefMore img{
    width: 100%;
    height: auto;
    cursor: pointer;
}
.wapper .aboutpart .abRight{
    width: 50%;
    height: auto;
    float: left;
    padding-left: 3%;
    box-sizing: border-box;
    position: relative;
}
.wapper .aboutpart .abRight .pic{
    width: 100%;
    height: auto;
}
.wapper .aboutpart .abRight .pic img{
    width: 100%;
    height: auto;
}
.wapper .aboutpart .abRight .videoBg{
    width: 55%;
    height: auto;
    position: absolute;
    top: 41.6%;
    left: 57%;
    transform: translate(-50%,-50%);
}
.wapper .aboutpart .abRight .videoBg .bg{
    width: 100%;
    height: auto;
}
.wapper .aboutpart .abRight .videoBg .bg img{
    width: 100%;
    height: auto;
}
.wapper .aboutpart .abRight .videoBg .videoSign{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.wapper .aboutpart .abRight .videoBg .videoSign img{
    width: 100%;
    height: auto;
}
.wapper .data.abt .dataList{
    padding: 5% 0 6% 0;
}
.wapper .culture{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.wapper .culture .left{
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 111;
}
.wapper .culture .left .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .culture .left .pic img{
    width: 100%;
    height: auto;
}
.wapper .culture .right{
    width: 50%;
    height: auto;
    float: right;
    background: #36286e;
    padding: 4% 5%;
    box-sizing: border-box;
    position: relative;
    z-index: 222;
}
.wapper .culture .right .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #ffffff;
    line-height:48px;
    padding-bottom: 14px;
}
.wapper .culture .right .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 14px;
    box-sizing: border-box;
}
.wapper .culture .right .text{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    margin:5% 0;
}
.wapper .culture .right .actList{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .culture .right .actList li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 4%;
    position: relative;
    transition: all 0.5s;
}
.wapper .culture .right .actList li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .culture .right .actList li .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .culture .right .actList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .culture .right .actList li:hover .pic img{
    transform: scale(1.1);
}
.wapper .culture .right .actList li .acttxt{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.6);
    font-size:14px;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .history{
    width: 100%;
    height: auto;
    background: url(../images/historyBg.jpg);
    background-size: cover;
    padding: 3% 0;
}
.wapper .history .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height:48px;
    padding-bottom: 14px;
}
.wapper .history .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.container-history{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nth-tabs{
    border: 1px solid #ffff!important;
}
.nth-tabs .content-tabs{
    /*background: #ffffff !important;*/
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{
    color: #d00a00 !important;
    border-bottom: 3px solid #d00a00 !important;
}
.nav>li{
    width: auto;
    height: 62px;
    float: left;
    margin-right: 8px;
}
.nav>li>a{
    padding: 10px 42px 10px 42px !important; 
    border: none !important;
    font-size: 26px !important;
    color: #000000;
    line-height: 60px;
}
.nav>li>a:hover{
    color: #d00a00 !important;
    border-bottom: 3px solid #d00a00 !important;
    background: none !important;
}
.nth-tabs .content-tabs-container{
    height: 60px !important;
}
.dropdown{
    display: none;
}
.roll-nav-right{
    right: 0px !important;
}
.nav-tabs>li.active>a{
    background: none !important;
}

.pctab{
    width: 100%;
    height: auto;
    margin: 3% 0 0 0; 
}
.tabcont{
    width: 100%;
    height: auto;
    padding-top: 2%;
    overflow: hidden;
}
.tabcont .text{
    width: 65%;
    height: auto;
    float: left;
    margin-right: 5%;
    font-size: 20px;
    color: #666666;
    line-height: 56px;
}
.tabcont .text a:hover{
    color: #d32026;
}
.tabcont .text strong{
    font-size: 24px;
    line-height: 56px;
    color: #000000;
}
.tabcont .pic{
    width: 30%;
    height: auto;
    float: left;
}
.tabcont .pic img{
    width: 100%;
    height: auto;
}
.wapper .baseShow{
    width: 100%;
    height: auto;
    background: url(../images/baseBg.jpg);
    background-size: cover;
    padding: 4% 0 5% 0;
}
.wapper .baseShow .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #fff;
    line-height:48px;
    padding-bottom: 14px;
}
.wapper .baseShow .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.news_wrap{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/baseBg.jpg);
    background-size: cover;
}
.news_wrap .news_cont{
    width: 100%;
    height: auto;
    float: right;
    padding-left: 7.5%;
    padding-bottom: 3%;
    overflow: hidden;
}
.news_wrap .news_cont .news_titbox{
    width: 100%;
    height: auto;
    float: left;
    padding-top: 65px;
}
.news_wrap .news_cont .news_titbox .news_tit{
    width: auto;
    height: auto;
    float: left;
    font-size: 36px;
    color: #fff;
    line-height:48px;
    padding-bottom: 14px;
}
.news_wrap .news_cont .news_titbox .news_tit span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.news_wrap .news_cont .news_titbox .news_btnbox{
    width: auto;
    height: auto;
    float: right;
    padding-right: 165px;
    padding-top: 16px;
}
.news_wrap .news_cont .news_titbox .news_btnbox ul li{
    width: auto;
    height: auto;
    float: left;    
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnl{
    width: 100px;
    height: 42px;
    border-radius: 42px;
    float: left;
    text-align: center;
    cursor: pointer;    
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnl .l_sp{   
    width: 68%;
    height: 100%;
    float: right;
    border-radius: 42px;
    background: #aaaaaa;
    transition: width 0.3s;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnl .l_sp img{
    width: 12px;
    height: auto;
    vertical-align: middle;
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnl .l_sp:hover{
    width: 100%;
    height: 100%;
    background: url(../images/typeBg.jpg) no-repeat center center;
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnr{
    width: 100px;
    height: 42px;
    float: left;
    text-align: center;
    margin-left: 6px;
    cursor: pointer;
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnr .r_sp{
    width: 68%;
    height: 100%;
    float: left;
    border-radius: 42px;
    background: #aaaaaa;
    transition: width 0.3s;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnr .r_sp img{
    width: 12px;
    height: auto;
    vertical-align: middle;
}
.news_wrap .news_cont .news_titbox .news_btnbox .news_btnr .r_sp:hover{
    width: 100%;
    height: 100%;
    background: url(../images/typeBg.jpg) no-repeat center center;
}
.news_wrap .news_cont .news_listbox{
    position: relative;
    width: 100%;
    height: 395px;
    float: left;    
    left: 0;
    top: 0;
    margin-top: 60px;
    overflow: hidden;
}
.news_wrap .news_cont .news_listbox ul{
    position: relative;
    width: 10000%;
}
.news_wrap .news_cont .news_listbox ul li{
    position: relative;
    width: 441px;
    height: 395px;
    float: left;
    margin-left: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
    left: 0;
    top: 0;
}
.news_wrap .news_cont .news_listbox ul li:first-child{
    margin-left: 0;
}
.news_wrap .news_cont .news_listbox ul li .news_contbox{    
    width: 411px;
    height: 456px;
    float: left;    
}
.news_wrap .news_cont .news_listbox ul li .news_contbox .news_pic{
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}
.news_wrap .news_cont .news_listbox ul li .news_contbox .news_pic img{
    width: 100%;
    height: auto;
    transition: all 0.5s;
}
.news_wrap .news_cont .news_listbox ul li:hover .news_contbox .news_pic img{
    transform: scale(1.1);
}
.news_wrap .news_cont .news_listbox ul li .news_contbox .news_txtit{
    width: 100%;
    height: auto;
    float: left;
    padding: 35px 25px;
    box-sizing: border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 16px;
    color: #ffffff;
}
/*.news_wrap .news_cont .news_listbox ul li:hover .news_contbox .news_txtit{
    color: #d00a00;
}*/
.news_wrap .news_cont .news_listbox ul li .bj{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/news_bj.png) no-repeat left top;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;  
    -khtml-opacity: 0;
    transition: all 0.8s;
}
.news_wrap .news_cont .news_listbox ul li.on .bj{
    opacity: 1;
    filter:"alpha(opacity=100)";   
    -moz-opacity:1;  
    -khtml-opacity: 1;
}
.wapper .honour{
    width: 100%;
    height: auto;
    padding: 4% 0;
}
.wapper .honour .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height:48px;
    padding-bottom: 14px;
}
.wapper .honour .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.wapper .honour .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    margin:2% 0;
}
.wapper .honour .list{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .honour .list li{
    width: 17%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    margin-top: 2%;
    position: relative;
    vertical-align: top;
    display: inline-block;
}
.wapper .honour .list li:nth-of-type(5n){
    margin-right: 0;
}
.wapper .honour .list li .pic{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
}
.wapper .honour .list li .pic img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.wapper .honour .list li .text{
    width: 100%;
    height: auto;
    padding: 0 10%;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wapper .honour .list .show_more{
   display: none;
}
.wapper .honour .honor_more{
    width: 324px;
    height: auto;
    margin: 1% auto;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    border-radius: 60px;
    text-align: center;
    background: url(../images/hmoreBg.jpg);
    background-size: cover;
    cursor: pointer;
}
@media screen and (max-width: 1450px) {
    .bannerbox .bgbox .textcont .cntext{
        font-size:62px;
    }
    .bannerbox .bgbox .textcont .entext{
        font-size: 42px;
        line-height: 48px;
    }
    .wapper .aboutpart .abLeft .entext{
        font-size: 64px;
        line-height: 68px;
        margin-top: 0;
    }
    .wapper .aboutpart .abLeft .cntext{
        font-size: 26px;
        line-height: 34px;
    }
    .wapper .aboutpart .abLeft .briefText{
        margin: 4% 0 5% 0; 
    }
}
@media screen and (max-width: 1231px) {
    .wapper .culture .left{
        width: 63%;
    }
    .wapper .culture .right{
        padding: 3% 4%;
    }
}
@media screen and (max-width: 1152px) {
    .wapper .culture .left{
        width: 69%;
    }
    .wapper .culture .left .pic img{
        margin-left: -8%;
    }
}
@media screen and (max-width: 1000px) {
    .bannerbox.about{
        margin-top: 0px;
    }
    .bannerbox .bgbox .textcont .cntext{
        font-size: 20px;
        line-height: 24px;
    }
    .bannerbox .bgbox .textcont .entext{
        font-size:16px;
        line-height: 20px;
    }
    .wapper .aboutpart .abLeft{
        width: 100%;
    }
    .wapper .aboutpart{
        padding: 6% 0;
    }
    .wapper .aboutpart .abLeft .entext{
        font-size: 32px;
        line-height: 34px;
    }
    .wapper .aboutpart .abLeft .cntext{
        font-size:20px;
    }
    .wapper .aboutpart .abLeft .briefText{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .aboutpart .abLeft .briefMore{
        height: 36px;
        line-height: 36px;
    }
    .wapper .aboutpart .abRight .pic{
        display: none;
    }
    .wapper .aboutpart .abRight{
        width: 100%;
        padding-left: 0;
    }
    .wapper .aboutpart .abRight .videoBg{
        position: static;
        top: 100%;
        width: 100%;
        transform: translate(0,0);
        margin:8% 0 6% 0;
    }
    .wapper .data.abt .dataList{
        padding: 8% 0;
    }
    .wapper .culture .left .pic{
        display: none;
    }
    .wapper .culture .right{
        width: 100%;
        padding: 7% 3%;
    }
    .wapper .culture .right .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .history{
        padding:7% 0 3% 0;  
    }
    .wapper .history .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .pctab{
        margin: 5% 0 0 0;
    }
    .nav>li>a {
        padding: 10px 5px 10px 5px !important;
        border: none !important;
        font-size: 16px !important;
        color: #000000;
        line-height: 60px;
    }
    .nth-tabs .content-tabs{
        height: 45px !important;
    }
    .nav>li{
        height: 45px !important;
    }
    .nth-tabs .content-tabs-container{
        height: 45px !important;
    }
    .nth-tabs .page-tabs{
        height: 47px !important;
    }
    .nth-tabs .roll-nav{
        width: 30px !important;
        height: 53px !important;
        top: -8px !important;
        background: #456;
    }
    .tabcont .pic{
        display: none;
    }
    .tabcont .text{
        width: 100%;
        margin-right: 0;
    }
    .tab-content {
        padding: 20px 0 !important;
    }
    .tabcont .text{
        font-size: 14px;
        line-height: 22px;
    }
    .tabcont .text strong{
        font-size: 20px;
    }
    .news_wrap .news_cont{
        padding-left: 3%;
    }
    .news_wrap .news_cont .news_titbox{
        padding-top: 7%;
    }
    .news_wrap .news_cont .news_titbox .news_tit{
        font-size: 28px;
        line-height: 34px;
    }
    .news_wrap .news_cont .news_titbox .news_btnbox{
        padding-right: 1%;
        padding-top: 0;
    }
    .news_wrap .news_cont .news_titbox .news_btnbox .news_btnl{
        width: 64px;
        height: 30px;
    }
    .news_wrap .news_cont .news_titbox .news_btnbox .news_btnr{
        width: 64px;
        height: 30px;
    }
    .news_wrap .news_cont .news_titbox .news_btnbox .news_btnl .l_sp img{
        width: 10px;
        height: auto;
    }
    .news_wrap .news_cont .news_titbox .news_btnbox .news_btnr .r_sp img{
        width: 10px;
        height: auto;
    }
    .news_wrap .news_cont .news_listbox{
        margin-top: 8%;
        height: 135px;
    }
    .news_wrap .news_cont .news_listbox ul li{
        width: 120px;
        margin-left: 10px;
        height: 150px;
    }
    .news_wrap .news_cont .news_listbox ul li .news_contbox{
        width: 110px;
        height: 150px;
    }
    .news_wrap .news_cont .news_listbox ul li .news_contbox .news_txtit{
        padding: 12px 0;
        font-size: 14px;
    }
    .wapper .honour .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .honour{
        padding: 7% 0;
    }
    .wapper .honour .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .honour .list li{
        width: 48%;
        margin-right: 2%;
        min-height: 211px;
    }
    .wapper .honour .list li:nth-of-type(2n){
        margin-right: 0;
        margin-left: 2%;
    }
    .wapper .honour .list li .pic{
        min-height: 137px;
    }
    .wapper .honour .list li .text{
        padding: 8px 2% 5px 2%;
    }
    .wapper .honour .honor_more{
        width: 50%;
        line-height: 42px;
        border-radius: 42px;
    }
}
/*联系我们*/
.wapper .contact{
    width: 100%;
    height: auto;
    margin-top: -3%;
}
.wapper .contact .mapPart{
    width: 100%;
    height: auto;
    border:1px solid #e5e5e5;
    padding: 2%;
    box-sizing: border-box;
    position: relative;
    z-index: 111;
    background: #ffffff;
    margin-bottom: 4%;
}
.wapper .contact .mapPart .map{
    width: 100%;
    height: 475px;
    margin-bottom: 3%;
}
.wapper .contact .mapPart .contInfor{
    width: 100%;
    height: auto;
    border-top: 1px solid #eeeeee;
    padding: 3% 1% 0 1%;
    box-sizing: border-box;
    overflow: hidden;
}
.wapper .contact .mapPart .contInfor .left{
    width: 70%;
    height: auto;
    float: left;
}
.wapper .contact .mapPart .contInfor .left .tit{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    font-weight: bold;
}
.wapper .contact .mapPart .contInfor .left .infor{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #787878;
    line-height: 48px;
    padding: 2% 0;
}
.wapper .contact .mapPart .contInfor .left .infor span{
    color: #000000;
    margin-right: 5px;
}
.wapper .contact .mapPart .contInfor .right{
    width: 30%;
    height: auto;
    float: right;
    padding-top: 2%;
}
.wapper .contact .mapPart .contInfor .right .code{
    width: 200px;
    height: 200px;
    border:1px solid #eeeeee;
    box-sizing: border-box;
    float: right;
}
.wapper .contact .mapPart .contInfor .right .code img{
    width: 100%;
    height: auto;
}
.wapper .contact .central{
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 3% 0;
    margin-bottom: 4%;
}
.wapper .contact .central .list{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .contact .central .list li{
    width: 33.33%;
    height: auto;
    float: left;
    padding: 0 2%;
    background: url(../images/line3.gif) no-repeat right center;
    box-sizing: border-box;
    overflow: hidden;
}
.wapper .contact .central .list li:last-child{
    background: none;
}
.wapper .contact .central .list li .pic{
    width: 85px;
    height: 85px;
    border-radius: 20px;
    float: left;
    margin-right: 12px;
    overflow: hidden;
}
.wapper .contact .central .list li .pic img{
    width: 100%;
    height: auto;
}
.wapper .contact .central .list li .textbox{
    float: left;
}
.wapper .contact .central .list li .textbox .cen{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 36px;
}
.wapper .contact .central .list li .textbox .infor{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #787878;
    line-height:20px;
}
.wapper .contact .message{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
}
.wapper .contact .message .left{
    width: 31.3%;
    height: auto;
    float: left;
    padding-right: 5%;
    box-sizing: border-box;
}
.wapper .contact .message .left .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .contact .message .left .pic img{
    width: auto;
    height: 100%;
    vertical-align: middle;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}
.wapper .contact .message .left .phone{
    width: 100%;
    height: auto;
    padding: 3.5% 6%;
    box-sizing: border-box;
    background: url(../images/phone.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    justify-content: center;
    display: -webkit-flex;
}
.wapper .contact .message .left .phone .picPhone{
    width: 20%;
    height: auto;
    float: left;
    margin-right: 3%;
}
.wapper .contact .message .left .phone .picPhone img{
    width: 100%;
    height: auto;
}
.wapper .contact .message .left .phone .textbox{
    float: left;
}
.wapper .contact .message .left .phone .textbox .txt1{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: bold;
}
.wapper .contact .message .left .phone .textbox .txt2{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #fff;
    line-height: 48px;
    font-weight: bold;
}
.wapper .contact .message .right{
    width: 68.7%;
    height: auto;
    float: left;
    overflow: hidden;
}
.wapper .contact .message .right .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #181818;
    padding-bottom: 13px;
    margin-bottom: 3.3%;
}
.wapper .contact .message .right .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 13px;
    box-sizing: border-box;
}
.wapper .contact .message .right .inpt{
    width: 48%;
    height: 60px;
    float: left;
    margin-right: 2%;
    border:1px solid #e5e5e5;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #181818;
    line-height: 38px;
    margin-bottom: 2%;
    font-family: SourceHanSanCN Regular;
}
.wapper .contact .message .right .inpt:nth-of-type(2n){
    margin-right: 0;
    margin-left: 2%;
}
.wapper .contact .message .right .textarea{
    width: 100%;
    height: 110px;
    font-size: 16px;
    color: #181818;
    line-height: 28px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin-bottom: 3%;
    font-family: SourceHanSanCN Regular;
}
.wapper .contact .message .right .btn{
    width: 100%;
    height: auto;
}
.wapper .contact .message .right .btn input{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: #291e53;
    cursor: pointer;
    border: none;
    transition: all 0.5s;
}
.wapper .contact .message .right .btn input:hover{
    background: #d00a00;
}
@media screen and (max-width: 1680px) {
    .wapper .contact .message .left .phone .textbox .txt2{
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1600px) {
    .wapper .contact .message .right .theme{
        margin-bottom: 3.5%;
    }
    .wapper .contact .message .right .textarea{
        margin-bottom: 3.5%;
    }
}
@media screen and (max-width: 1445px){
    .wapper .contact .message .left .phone .textbox .txt1{
        font-size: 16px;
        line-height: 26px;
    }
    .wapper .contact .message .left .phone .textbox .txt2{
        font-size: 26px;
        line-height: 30px;
    }
}
@media screen and (max-width: 1260px){
    .wapper .contact .message .left .phone .textbox .txt1{
        font-size: 14px;
        line-height: 26px;
    }
    .wapper .contact .message .left .phone .textbox .txt2{
        font-size: 22px;
        line-height: 30px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .contact{
        margin-top: -5%;
    }
    .wapper .contact .mapPart .map{
        height: 275px;
        margin-bottom: 7%;
    }
    .wapper .contact .mapPart .contInfor .left{
        width: 100%;
    }
    .wapper .contact .mapPart .contInfor .left .tit{
        font-size: 30px;
    }
    .wapper .contact .mapPart .contInfor .left .infor{
        font-size: 13px;
        line-height: 28px;
    }
    .wapper .contact .mapPart .contInfor .right{
        float: left;
        width: 100%;
    }
    .wapper .contact .mapPart .contInfor .right .code{
        float: left;
        width: 160px;
        height: 160px;
        margin: 3% 0 5% 0;
    }

    .wapper .contact .central{
        margin-bottom: 7%;
    }
    .wapper .contact .central .list li{
        width: 100%;
        margin-bottom: 4%;
        background: none;
    }
    .wapper .contact .central .list li .pic{
        width: 60px;
        height: 60px;
        margin-right: 8px;
        border-radius: 14px;
    }
    .wapper .contact .central .list li .textbox{
        width: 78%;
    }
    .wapper .contact .central .list li .textbox .cen{
        font-size: 22px;
        line-height: 28px;
    }
    .wapper .contact .central .list li .textbox .infor{
        font-size: 12px;
    }
    .wapper .contact .message .left{
        width: 100%;
        padding-right: 0;
    }
    .wapper .contact .message .left .pic{
        display: none;
    }
    .wapper .contact .message .right{
        width: 100%;
        margin-top: 5%;
    }
    .wapper .contact .message .right .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .contact .message .right .theme{
        margin-bottom: 7.5%;
    }
    .wapper .contact .message .right .inpt{
        width: 100%;
        height: 50px;
        padding: 5px 10px;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .wapper .contact .message .right .inpt:nth-of-type(2n){
        margin-left: 0;
    }
    .wapper .contact .message .right .textarea{
        font-size: 14px;
        line-height: 24px;
        padding: 6px 10px;
    }
    .wapper .contact .message .right .btn{
        margin-bottom: 7%;
    }
    .wapper .contact .message .right .btn input{
        line-height: 50px;
        font-size: 16px;
    }
}
.wapper .brand{
    width: 100%;
    height: auto;
    margin-top: -4%;
}
.wapper .brand .box.full{
    width: 100%;
}
.wapper .brand .intro{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 111;
}
.wapper .brand .intro .locationBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}
.wapper .brand .box.full .intro .locationBox{
    display: none;
}
.wapper .brand .intro .locationBox .location{
    width: auto;
    height: 30px;
    float: right;
    text-align: right;
    overflow: hidden;
}
.wapper .brand .intro .locationBox .location li{
    width: auto;
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0 10px 0 14px;
    font-size: 14px;
    color: #fff;
    background: url(../images/icon3.png) no-repeat left center;
}
.wapper .brand .intro .locationBox .location li:first-child{
    background: url(../images/icon2.png) no-repeat left center;
    background-size: 12px;
    padding: 0 10px 0 16px;
}
.wapper .brand .intro .locationBox .location li a{
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.wapper .brand .intro .locationBox .location li:hover a{
    color: #d00a00;
}
.wapper .brand .intro .brandpart{
    width: 100%;
    height: auto;
/*    border:1px solid #e5e5e5;*/
    border-top: none;
    box-sizing: border-box;
    background: #fff;
}
.wapper .brand .intro .brandpart.noback{
    background: none;
}
.wapper .brand .intro .brandpart.noback .newsList{
    margin-top: 7%;
}
.wapper .brand .intro .brandpart .brandMenu{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}
.wapper .brand .intro .brandpart.noback .brandMenu{
    border-bottom:none;
}
.wapper .brand .intro .brandpart .brandMenu li{
    width: 20%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #969696;
    line-height: 54px;
    text-align: center;
}
.wapper .brand .intro .brandpart .brandMenu li a{
    display: block;
    font-size: 18px;
    color: #969696;
    line-height: 54px;
    padding: 12px 0;
}
.wapper .brand .intro .brandpart .brandMenu li.now{
    background: url(../images/brandMenu.jpg) no-repeat center center;
    background-size: cover;
}
.wapper .brand .intro .brandpart .brandMenu li.now a{
    color: #fff;
}
.wapper .brand .intro .brandpart .brandMenu li.now{
    background: url(../images/brandMenu.jpg) no-repeat center center;
    background-size: cover;
}
.wapper .brand .intro .brandpart .brandMenu li.now a{
    color: #fff;
}
.wapper .brand .intro .brandpart .brandMenu li:hover{
    background: url(../images/brandMenu.jpg) no-repeat center center;
    background-size: cover;
}
.wapper .brand .intro .brandpart .brandMenu li:hover a{
    color: #fff;
}
.wapper .brand .intro .brandpart .mbrand{
    width: 100%;
    height: 40px;
    text-align: center;
    overflow: hidden;
    display: none;
    background: #eeeeee;
}
.wapper .brand .intro .brandpart .mbrand li{
    line-height: 40px;
    width: auto;
    height: 40px;
    float: left;
    font-size: 15px;
    color: #110e25;
    /*background:url("../images/line2.gif") no-repeat left center;*/
}
.wapper .brand .intro .brandpart .mbrand li:first-child{
    background: none;
}
.wapper .brand .intro .brandpart .mbrand li a{
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
}
.wapper .brand .intro .brandpart .mbrand li a.cur{
    height: 40px;
    color: #fff;
    box-sizing: border-box;
    background: url(../images/brandMenu.jpg) no-repeat center center;
    background-size: cover;
}
.wapper .brand .intro .brandpart .brandBrief{
    width: 100%;
    height: auto !important;
    font-size: 16px;
    color: #000;
    line-height: 32px; 
    padding: 6% 3% 2%;
    box-sizing: border-box;
}
.wapper .brand .full .intro .brandpart .brandBrief{
    padding: 6% 0 2%;
}
.wapper .brand .intro .brandpart .brandBrief img{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1000px) {
    .wapper .brand .intro .locationBox{
        display: none;
    }
    .wapper .brand .intro .brandpart .brandMenu{
        display: none;
    }
    .wapper .brand .intro .brandpart .mbrand{
        display: block;
    }
    .wapper .brand .intro .brandpart.noback .mbrand{
        display: none;
    }
    .box.ts{
        padding: 0;
    }
    .wapper .brand .intro .brandpart{
        border: none;
    }
    .wapper .brand .intro .brandpart .brandBrief{
        width: 100%;
        padding:3%;
        font-size: 14px;
        line-height: 28px;
    }
}
.wapper .center{
    width: 100%;
    height: auto;
    background: url(../images/centerBg.jpg) no-repeat right top;
    background-size: contain;
    padding:5% 0;
}
.wapper .center .brief{
    width: 100%;
    height: auto;
}
.wapper .center .brief .title{
    width: 100%;
    height: auto;
    text-align: center;
}
.wapper .center .brief .title .cntitle{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #000000;
    line-height: 48px;
    font-weight: bold;
}
.wapper .center .brief .title .entitle{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #000000;
    line-height: 38px;
    font-weight: bold;
}
.wapper .center .brief .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000000;
    line-height: 38px;
    margin: 3% 0;
}
.wapper .center .infor{
    width: 100%;
    height: auto;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin-bottom: 4%;
}
.wapper .center .infor .list{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding:3% 0;
}
.wapper .center .infor .list li{
    width: 33.33%;
    height: auto;
    float: left;
    background: url(../images/line3.gif) no-repeat right center;
    overflow: hidden;
    padding:0 4%;
    box-sizing: border-box;
}
.wapper .center .infor .list li:last-child{
    background: none;
}
.wapper .center .infor .list li .pic{
    width: 77px;
    height: 77px;
    float: left;
    border-radius: 18px;
    overflow: hidden;
    margin-right: 14px;
}
.wapper .center .infor .list li .pic img{
    width: 100%;
    height: auto;
}
.wapper .center .infor .list li .textbox{
    width: auto;
    height: auto;
    float: left;
}
.wapper .center .infor .list li .textbox .title{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
}
.wapper .center .infor .list li .textbox .desc{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #787878;
    line-height: 20px;
}
.wapper .center .centerPic{
    width: 100%;
    height: auto;
    margin-bottom: 4%;
}
.wapper .center .centerPic img{
    width: 100%;
    height: auto;
}
.wapper .center .business{
    width: 100%;
    height: auto;
}
.wapper .center .business .busList{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .center .business .busList li{
    width: 20%;
    height: auto;
    float: left;
    justify-content: center;
    display: -webkit-flex;
}
.wapper .center .business .busList li a{
    justify-content: center;
    display: -webkit-flex;
}
.wapper .center .business .busList li .point{
    width: 160px;
    height: 160px;
    font-size: 36px;
    color: #ffffff;
    line-height: 40px;
    font-weight: bold;
    padding:41px 43px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    cursor: pointer;
    transition: all 0.5s;
}
.wapper .center .business .busList li:nth-of-type(1) .point{
    background: url(../images/pointBg1.png) no-repeat center center;
    background-size: 100%;
}
.wapper .center .business .busList li:nth-of-type(2) .point{
    background: url(../images/pointBg2.png) no-repeat center center;
    background-size: 100%;
}
.wapper .center .business .busList li:nth-of-type(3) .point{
    background: url(../images/pointBg1.png) no-repeat center center;
    background-size: 100%;
}
.wapper .center .business .busList li:nth-of-type(4) .point{
    background: url(../images/pointBg2.png) no-repeat center center;
    background-size: 100%;
}
.wapper .center .business .busList li:nth-of-type(5) .point{
    background: url(../images/pointBg1.png) no-repeat center center;
    background-size: 100%;
}
.wapper .center .business .busList li.now .point{
    height: 181px;
    background: url(../images/pointBg.png) ;
    background-size: 100%;
    padding-top: 24px;
}
.wapper .center .business .busList li:hover .point{
    height: 181px;
    background: url(../images/pointBg.png) ;
    background-size: 100%;
    padding-top: 24px;
}
.wapper .center .business .busDetails{
    width: 100%;
    height: auto;
    border: 1px solid #eeeeee;
    padding:3%;
    box-sizing: border-box;
    margin-top: 4%; 
}
.wapper .center .business .busDetails .busTheme{
    width: 200px;
    height: auto;
    font-size: 26px;
    color: #ffffff;
    line-height: 47px;
    text-align: center;
    border-radius: 47px;
    font-weight: bold;
    background: url(../images/typeBg.jpg) no-repeat center center;
    background-size: 100%;
    overflow: hidden;
}
.wapper .center .business .busDetails .list{
    width: 70%;
    height: auto;
    overflow: hidden;
    margin: 2% 0 ;
}
.wapper .center .business .busDetails .list li{
    width: 33.33%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
    font-family: PingFang;
}
.wapper .center .business .busDetails .desc{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #787878;
    line-height: 30px;
    font-family: PingFang;
    overflow: hidden;
}
.wapper .center .business .busDetails .desc span{
    padding: 2px 7px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 30px;
    background: #c3000e;
    margin-right: 8px;
}
.wapper .center .business .busDetails img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.wapper .center .business .busDetails .desc img{
   /* width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: auto;
    margin-top: 2%;
}
.wapper .center .business .busDetails .csae{
    width: 100%;
    height: auto;
    margin-top: 2%;
}
.wapper .center .business .busDetails .csae .title{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000;
    line-height: 36px;
    font-weight: bold;
    font-family: PingFang;
}
.wapper .center .business .busDetails .csae .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #787878;
    line-height: 30px;
}
.wapper .center .business .busDetails .csae .text span{
    padding: 2px 7px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 30px;
    background: #c3000e;
    margin-right: 8px;
}
@media screen and (max-width: 1370px) {
    .wapper .center .infor .list li{
        padding: 0 3%;
    }
}
@media screen and (max-width: 1270px) {
    .wapper .center .infor .list li{
        padding: 0 2%;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .center{
        background: url(../images/mcenterBg.jpg) no-repeat center top;
        background-size: 100%;
        padding: 8% 0;
    }
    .wapper .center .brief .title .cntitle{
        font-size: 22px;
        line-height: 30px;
    }
    .wapper .center .brief .title .entitle{
        font-size: 18px;
        line-height: 24px;
    }
    .wapper .center .brief .text{
        font-size: 14px;
        line-height: 32px;
    }
    .wapper .center .infor .list li{
        width: 90%;
        margin-left: 5%;
        background: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 5% 0%;
        box-sizing: border-box;
    }
    .wapper .center .infor .list li .pic{
        width: 65px;
        height: 65px;
        border-radius: 16px;
    }
    .wapper .center .infor .list li .textbox .title{
        font-size: 20px;
        line-height: 26px;
    }
    .wapper .center .infor .list li .textbox .desc{
        font-size: 14px;
    }
    .wapper .center .business .busList li .point{
        width: 60px;
        height: 60px;
        font-size: 18px;
        line-height: 22px;
        padding: 6px 10px 9px 12px;
    }
    .wapper .center .business .busList li.now .point {
        height: 68px;
        background: url(../images/pointBg.png) no-repeat;
        background-size: 100%;
        padding-top: 0px;
    }
    .wapper .center .business .busList li:hover .point {
        height: 68px;
        background: url(../images/pointBg.png) no-repeat;
        background-size: 100%;
        padding-top: 0px;
    }
    .wapper .center .business .busDetails{
        padding: 5% 3%;
    }
    .wapper .center .business .busDetails .busTheme{
        width: 165px;
        font-size: 20px;
        line-height: 42px;
        border-radius: 42px;
    }
    .wapper .center .business .busDetails .list{
        width: 100%;
        margin: 4% 0;
    }
    .wapper .center .business .busDetails .list li{
        width: 100%;
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .center .business .busDetails .desc{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .center .business .busDetails .csae .text{
        font-size: 14px;
        line-height: 28px;
    }
}
/*通知公告*/
.wapper .brand .intro .brandpart .brandMenu.notice li{
    width: 14.285%;
}
.wapper .brand .intro .brandpart .noticeList{
    width: 100%;
    height: auto;
    padding: 3%;
    box-sizing: border-box;
}
.wapper .brand .intro .brandpart .noticeList li{
    width: 100%;
    height: auto;
    padding: 0 5%;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
}
.wapper .brand .intro .brandpart .noticeList li .title{
    width: 75%;
    height: auto;
    float: left;
}
.wapper .brand .intro .brandpart .noticeList li .title .tit{
    font-size: 14px;
    color: #000000;
    line-height: 70px;
}
.wapper .brand .intro .brandpart .noticeList li .title .tit a{
    font-size: 14px;
    color: #000000;
    line-height: 70px;
}
.wapper .brand .intro .brandpart .noticeList li .title .file{
    width: 16px;
    height: 16px;
    opacity: 0;
}
.wapper .brand .intro .brandpart .noticeList li .title .file img{
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.wapper .brand .intro .brandpart .noticeList li .title .annexe{
    width: 55px;
    height: 20px;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    background: #aeaeae;
    padding: 3px 8px;
    box-sizing: border-box;
    opacity: 0;
}
.wapper .brand .intro .brandpart .noticeList li .time{
    float: right;
    font-size: 14px;
    color: rgba(0,0,0,0.6);
    line-height: 70px;
}
.wapper .brand .intro .brandpart .noticeList li:hover{
    background: url(../images/icon4.gif) no-repeat 2.5% center #f9f9f9;
}
.wapper .brand .intro .brandpart .noticeList li:hover .title .file{
    opacity: 1;
}
.wapper .brand .intro .brandpart .noticeList li:hover .title .annexe{
    opacity: 1;
}
.wapper .brand .intro .brandpart .noticeList li:hover .title .tit{
    color: #da251c; 
}
.pages{
    width: 100%;
    height: auto;
    margin: 1% 0 4%;
    overflow: hidden;
    justify-content: center;
    display: -webkit-flex;
}
.pages .pagesBox{
    width: auto;
    height: 46px;
    margin: auto;
}
.pages .pagesBox li{
    float: left;
    margin-left: 6px;
    width: auto;
    height: 100%;
    color: #8d8d8d;
    line-height: 44px;
    font-size: 16px;
    cursor: pointer;
}
.pages .pagesBox li a.prev,.pages .pagesBox li a.next{
    width: 44px;
    height: 44px;
    float: left;
    text-align: center;
    border:1px solid #414349;
    background: #414349;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;

}
.pages .pagesBox li a.prev:hover,.pages .pagesBox li a.next:hover{
    border:1px solid #291e53;
    background: #291e53;
}
.pages .pagesBox li a.prev img,.pages .pagesBox li a.next img{
    vertical-align: middle;
}
.pages .pagesBox li a.list{
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: left;
    overflow: hidden;
    border:1px solid #414349;
    background: #414349;
}
.pages .pagesBox li a.list.now{
    background: #8b8b8b;
    color: #fff;
    border:1px solid #8b8b8b;
}
.pages .pagesBox li a.list:hover{
    background: #da251c;
    border:1px solid #da251c;
}
@media screen and (max-width: 1000px) {
    .wapper .brand .intro .brandpart .noticeList li{
        padding: 4% 0 4% 0; 
    }
    .wapper .brand .intro .brandpart .noticeList li .title{
        width: 100%;
    }
    .wapper .brand .intro .brandpart .noticeList li .title .tit{
        font-size: 15px;
        line-height: 28px;
    }
    .wapper .brand .intro .brandpart .noticeList li .title .file{
        opacity: 1;
    }
    .wapper .brand .intro .brandpart .noticeList li .title .annexe{
        opacity: 1;
        padding: 2px 7px;
    }
    .wapper .brand .intro .brandpart .noticeList li .time{
        float: left;
        line-height: 12px;
        line-height: 28px;
    }
    .pages{
        margin: 3% 0 7%;
    }
    .pages .pagesBox{
        height: 36px;
    }
    .pages .pagesBox li{
        line-height: 34px;
        font-size: 14px;
    }
    .pages .pagesBox li a.prev, .pages .pagesBox li a.next{
        width: 34px;
        height: 34px;
    }
    .pages .pagesBox li a.list{
        width: 34px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
    }
}
.wapper .brand .intro .brandpart .noticeDetails{
    width: 100%;
    height: auto;
    padding: 3% 3% 5% 3%;
    box-sizing: border-box;
}
.wapper .brand .intro .brandpart .noticeDetails .titleBox{
    width: 100%;
    height: auto;
}
.wapper .brand .intro .brandpart .noticeDetails .titleBox .title{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #171b25;
    line-height: 50px;
    text-align: center;
    padding-bottom: 22px;   
    border-bottom: 1px solid #eeeeee;
}
.wapper .brand .intro .brandpart .noticeDetails .titleBox .view{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: rgba(23,27,37,0.7);
    line-height: 28px;
    text-align: center;
    padding: 18px 0;
    border-bottom: 1px solid #eeeeee;
}
.wapper .brand .intro .brandpart .noticeDetails .text{
    width: 100%;
    height: auto;
    padding: 3%;
    box-sizing: border-box;
    font-size: 18px;
    color: #171b25;
    line-height: 34px;
}
.wapper .brand .intro .brandpart .noticeDetails .text img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 2% 0;
}
.wapper .brand .intro .brandpart .noticeDetails .download{
    width: 100%;
    height: auto;
    padding: 3%;
    box-sizing: border-box;
    background: #f8f8f8;
}
.wapper .brand .intro .brandpart .noticeDetails .download .tit{
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #181818;
    margin-bottom: 2%;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data{
    width: 100%;
    height: auto;
    padding: 10px 1.5%;
    box-sizing: border-box;
    background: #fdfdfd;
    overflow: hidden;
    cursor: pointer;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data .name{
    width: 80%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #444444;
    line-height: 36px;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data .load{
    width: 84px;
    height: 36px;
    float: right;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
    align-items: center;
    border-radius: 36px;
    justify-content: center;
    display: -webkit-flex;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data .load img{
    width: 26px;
    height: auto;
    vertical-align: middle;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data:hover{
    background: #eeeeee;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data:hover .load{
    background: url(../images/typeBg.jpg) no-repeat center center;
}
.wapper .brand .intro .brandpart .noticeDetails .download .data:hover .load img{
    filter: brightness(300%);
}
@media screen and (max-width: 1000px) {
    .wapper .brand .intro .brandpart .noticeDetails{
        padding: 7% 3% 9% 3%;
    }
    .wapper .brand .intro .brandpart .noticeDetails .titleBox .title{
        font-size: 20px;
        line-height: 32px;
        text-align: left;
    }
    .wapper .brand .intro .brandpart .noticeDetails .titleBox .view{
        font-size: 12px;
        line-height: 22px;
        padding: 10px 0;
    }
    .wapper .brand .intro .brandpart .noticeDetails .text{
        font-size: 14px;
        line-height: 28px;
        padding: 6% 3%;
    }
    .wapper .brand .intro .brandpart .noticeDetails .download .tit{
        font-size: 22px;
        padding-bottom: 4%;
    }
    .wapper .brand .intro .brandpart .noticeDetails .download .data{
        align-items: center;
        display: -webkit-flex;
    }
    .wapper .brand .intro .brandpart .noticeDetails .download .data .name{
        width: 75%;
        font-size: 12px;
        line-height: 20px;
        margin-right: 8px;
    }
    .wapper .brand .intro .brandpart .noticeDetails .download .data .load{
        width: 72px;
        height: 32px;
        float: right;
    }
}
/*博物馆*/
.wapper .museumBrief{
    width: 100%;
    height: auto;
    background: url(../images/museumBg.jpg) no-repeat right top;
    background-size: contain;
    padding: 5% 0 8% 0;
    box-sizing: border-box;
    position: relative;
    z-index: 222;
}
.wapper .museumBrief .brief{
    width: 100%;
    height: auto;
}
.wapper .museumBrief .brief .titlebox{
    width: 100%;
    height: auto;
    text-align: center;
}
.wapper .museumBrief .brief .titlebox .cntitle{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #000000;
    line-height: 48px;
    font-weight: bold;
}
.wapper .museumBrief .brief .titlebox .entitle{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #000000;
    line-height: 38px;
    font-weight: bold;
}
.wapper .museumBrief .brief .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    overflow: hidden;
    margin: 3% 0;
}
.wapper .museumBrief .brief .text img{
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 1.5% 0% 1.5% 0%;
    text-align: center;
}
.wapper .museumBrief .brief .infor{
    width: 100%;
    height: auto;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin-bottom: 4%;
}
.wapper .museumBrief .brief .infor .list{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding:3% 0;
}
.wapper .museumBrief .brief .infor .list li{
    width: 33.33%;
    height: auto;
    float: left;
    background: url(../images/line3.gif) no-repeat right center;
    overflow: hidden;
    padding:0 4%;
    box-sizing: border-box;
}
.wapper .museumBrief .brief .infor .list li:last-child{
    background: none;
}
.wapper .museumBrief .brief .infor .list li .pic{
    width: 77px;
    height: 77px;
    float: left;
    border-radius: 18px;
    overflow: hidden;
    margin-right: 14px;
}
.wapper .museumBrief .brief .infor .list li .pic img{
    width: 100%;
    height: auto;
}
.wapper .museumBrief .brief .infor .list li .textbox{
    width: auto;
    height: auto;
    float: left;
}
.wapper .museumBrief .brief .infor .list li .textbox .title{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000000;
    line-height: 30px;
    font-weight: bold;
}
.wapper .museumBrief .brief .infor .list li .textbox .desc{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #787878;
    line-height: 20px;
}
.wapper .embassy{
    width: 100%;
    height: auto;
    background: url(../images/embassyBg.jpg) no-repeat;
    background-size: 100% 92%;
    background-position: bottom left;
    position: relative;
    z-index: 555;
}
.wapper .embassy .embassyBox{
    width: 100%;
    height: auto;
    margin-top: -6%;
    padding-bottom: 5%;
}
.wapper .embassy .embassyBox .tabMenu{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .embassy .embassyBox .tabMenu li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    position: relative;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90.4%, 0% 90.4%);
    cursor: pointer;
    transition: all 0.5s;
}
.wapper .embassy .embassyBox .tabMenu li:last-child{
    margin-right: 0%;
}
.wapper .embassy .embassyBox .tabMenu li .pic{
    width: 100%;
    height: auto;
    opacity: 1;
}
.wapper .embassy .embassyBox .tabMenu li .pic img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.wapper .embassy .embassyBox .tabMenu li .picBg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    align-items: center;
    display: -webkit-flex;
}
.wapper .embassy .embassyBox .tabMenu li .picBg .name{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #ffffff;
    line-height: 84px;
    font-weight: bold;
    background: url(../images/line1.gif) no-repeat center bottom;
    margin-top: -11%;
}
.wapper .embassy .embassyBox .tabMenu li .picBg .line{
    width: 100%;
    height: auto;
}
.wapper .embassy .embassyBox .tabMenu li.now{
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 56.38% 90.4%, 50% 100%, 43.62% 90.4%, 0% 90.4%);
}
.wapper .embassy .embassyBox .tabMenu li.now .picBg{
    background: url(../images/museumObg.png)no-repeat;
    background-size: 100% 100%;
}
.wapper .embassy .embassyBox .tabCont{
    width: 100%;
    height: auto;
    background: url(../images/museumBg2.jpg) no-repeat right bottom #fff;
    padding: 2% 3% 3% 3%;
    box-sizing: border-box;
    margin-top: 3%;
    display: none;
}
.wapper .embassy .embassyBox .tabCont.now{
    display: block;
}
.wapper .embassy .embassyBox .tabCont .theme{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 38px;
    font-weight: bold;
}
.wapper .embassy .embassyBox .tabCont .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    overflow: hidden;
    margin-top: 1.5%;
}
.wapper .embassy .embassyBox .tabCont .text img{
    width: 100%;
    height: auto;
    float: left;
   /* margin: 1.5% 0% 0 0%;*/
    text-align: center;
}
.wapper .origin{
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 5% 0;
}
.wapper .origin .chDress{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    box-sizing: border-box;
    margin-bottom: 3%;
}
.wapper .origin .chDress:nth-of-type(3n){
    margin-right: 0;
}
.wapper .origin .chDress .pic{
    width: 100%;
    height: auto;
}
.wapper .origin .chDress .pic img{
    width: 100%;
    height: auto;
}
.wapper .origin .chDress .textBox{
    width: 100%;
    height: auto;
    padding-top: 3%;
}
.wapper .origin .chDress .textBox .title{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 38px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .origin .chDress .textBox .desc{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #787878;
    line-height: 26px;
    margin-top: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 1000px) {
    .wapper .museumBrief{
        background: url(../images/MmuseumBg.jpg) no-repeat left top;
        background-size: 100%;
    }
    .wapper .embassy{
        background-size: 100% 96%;
    }
    .wapper .embassy .embassyBox .tabMenu li .picBg .name{
        font-size: 20px;
        line-height: 44px;
        background-size: 40%;
        margin-top: -14%;
    }
    .wapper .embassy .embassyBox .tabCont{
        padding: 4% 3% 5% 3%;
    }
    .wapper .embassy .embassyBox .tabCont .theme{
        font-size: 22px;
    }
    .wapper .embassy .embassyBox .tabCont .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .origin .chDress .textBox .title{
        font-size: 18px;
    }
    .wapper .origin .chDress .textBox .desc{
        display: none;
    }
}






/*产业基地*/
.wapper .museumBrief.indus{
    background: url(../images/industry.jpg) no-repeat right top;
    background-size: contain;
    padding-bottom: 4%;
}
.wapper .achievement{
    width: 100%;
    height: auto;
    background: url(../images/axisBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 4% 0;
}
.wapper .achievement .axis{
    width: 40%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.wapper .achievement .axis img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.wapper .achievement .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    padding-bottom: 14px;
}
.wapper .achievement .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.wapper .achievement .text{
    width: 50%;
    height: auto;
    margin: auto;
    font-size: 14px;
    color: #000000;
    line-height: 36px;
    margin-top: 4%;
}
.wapper .achievement .text strong{
    font-size: 18px;
    color: #000000;
    line-height: 36px;
}
.wapper .significance{
    width: 100%;
    height: auto;
    background: url(../images/significanceBg.jpg) no-repeat right center;
    background-size: cover;
}
.wapper .significance .meaning{
    width: 50%;
    height: auto;
    padding: 5% 6%;
    box-sizing: border-box;
    background: url(../images/meaningBg.jpg) no-repeat center center;
}
.wapper .significance .meaning .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #fff;
    line-height: 48px;
    padding-bottom: 14px;
}
.wapper .significance .meaning .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.wapper .significance .meaning .text{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    margin-top: 4%;
    padding-bottom: 3%;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.wapper .significance .meaning .meanTab{
    width: 100%;
    height: auto;
    padding: 5% 0;
}
.wapper .significance .meaning .meanTab .meanMenu{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .significance .meaning .meanTab .meanMenu li{
    width: 22.75%;
    height: auto;
    float: left;
    margin-right: 3%;
    border:1px solid #fff;
    box-sizing: border-box;
    font-size: 18px;
    color: #ffffff;
    line-height:36px;
    text-align: center;
    border-radius: 36px;
    cursor: pointer;
}
.wapper .significance .meaning .meanTab .meanMenu li:last-child{
    margin-right: 0;
}
.wapper .significance .meaning .meanTab .meanMenu li.now{
    background: #da251c;
}
.wapper .significance .meaning .meanTab .meanMenu li:hover{
    background: #da251c;
}
.wapper .significance .meaning .meanTab .meanCont{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    display: none;
    margin-top: 5%;
}
.wapper .significance .meaning .meanTab .meanCont.now{
    display: block;
}
.wapper .trend{
    width: 100%;
    height: auto;
    padding: 4% 0; 
}
.wapper .trend .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    padding-bottom: 14px;
}
.wapper .trend .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.wapper .trend .trendPic{
    width: 100%;
    height: auto;
}
.wapper .trend .trendPic img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
@media screen and (max-width: 1655px) {
    .wapper .museumBrief .brief .infor .list li{
        padding: 0 3.5%;
    }
    .wapper .museumBrief .brief .infor .list li .pic{
        width: 74px;
        height: 74px;
    }
}
@media screen and (max-width: 1640px) {
    .wapper .achievement .text{
        width: 55%;
    }
}
@media screen and (max-width: 1600px) {
    .wapper .museumBrief .brief .infor .list li{
        padding: 0 3%;
    }
    .wapper .museumBrief .brief .infor .list li .pic{
        width: 72px;
        height: 72px;
    }
}
@media screen and (max-width: 1510px) {
    .wapper .museumBrief .brief .infor .list li{
        padding: 0 2%;
    }
}
@media screen and (max-width: 1490px) {
    .wapper .achievement .text{
        width: 60%;
    }
}
@media screen and (max-width: 1365px) {
    .wapper .achievement .text{
        width: 65%;
    }
}
@media screen and (max-width: 1265px) {
    .wapper .achievement .text{
        width: 70%;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .museumBrief.indus{
        background: url(../images/mindustry.jpg) no-repeat right top;
        background-size: 100%;
    }
    .wapper .museumBrief .brief .infor .list{
        padding: 0;
    }
    .wapper .museumBrief .brief .infor .list li{
        width: 92%;
        margin-left: 4%;
        border-bottom: 1px solid #e5e5e5;
        background: none;
        padding: 6% 0;
    }
    .wapper .museumBrief .brief .infor .list li:last-child{
        border-bottom: none;
    }
    .wapper .museumBrief .brief .infor .list li .pic{
        width: 67px;
        height: 67px;
    }
    .wapper .achievement{
        padding: 6% 0;
    }
    .wapper .achievement .axis{
        width: 96%;
    }
    .wapper .achievement .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .achievement .text{
        width: 100%;
        margin-top: 50%;
        line-height: 28px;
    }
    .wapper .significance .meaning{
        width: 100%;
        padding: 7% 3%;
    }
    .wapper .significance .meaning .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .significance .meaning .text{
        margin-top: 5%;
        padding-bottom: 5%;
    }
    .wapper .significance .meaning .meanTab .meanMenu li{
        font-size: 14px;
        line-height: 30px;
        border-radius: 30px;
    }
    .wapper .trend .theme{
        font-size: 28px;
        line-height: 34px;
    }
    .wapper .trend .trendPic img{
        width: 100%;
    }
}



/*新闻中心*/
.wapper .brand .intro .brandpart.news{
    border: none;
}
.wapper .brand .intro .brandpart .newsList{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .brand .intro .brandpart .newsList li{
    width: 31%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    position: relative;
    vertical-align: top;
    display: inline-block;

}
.wapper .brand .intro .brandpart .newsList li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .brand .intro .brandpart .newsList li .picbox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .brand .intro .brandpart .newsList li .picbox .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .brand .intro .brandpart .newsList li .picbox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .brand .intro .brandpart .newsList li:hover .picbox .pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.wapper .brand .intro .brandpart .newsList li .picbox .type{
    width: 124px;
    height: 48px;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    background: url(../images/typeBg.jpg);
    background-size: cover;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.wapper .brand .intro .brandpart .newsList li .textbox{
    width: 100%;
    height: auto;
    padding: 4%;
    box-sizing: border-box;
}
.wapper .brand .intro .brandpart .newsList li .textbox .title{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #181818;
    line-height: 28px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .brand .intro .brandpart .newsList li .textbox .desc{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #787878;
    line-height: 28px;
    min-height: 56px;
    margin:3% 0 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wapper .brand .intro .brandpart .newsList li .textbox .timeBox{
    width: 100%;
    height: auto;
    border-top: 1px solid #e7e7e7;
    padding: 3% 0 0 0;
    overflow: hidden;
}
.wapper .brand .intro .brandpart .newsList li .textbox .timeBox .time{
    width: 50%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #787878;
    line-height: 28px;
}
.wapper .brand .intro .brandpart .newsList li .textbox .timeBox .more{
    width: 55px;
    height: auto;
    float: right;
    font-size: 30px;
    color: #959595;
    text-align: right;
}
.wapper .brand .intro .brandpart .newsList li:hover .textbox .title{
    color: #d00a00;
}
.wapper .brand .intro .brandpart .newsList li:hover .textbox .timeBox .more{
    color: #d00a00;
}
@media screen and (max-width: 1000px) {
    .wapper .brand{
        margin-top: 0;
    }
    .wapper .brand .intro .brandpart .newsList{
        margin-top: 0%;
        padding: 5% 3% 0 3%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .wapper .brand .intro .brandpart.noback .newsList{
        margin-top: 0;
    }
    .wapper .brand .intro .brandpart .newsList li{
        width: 48.5%;
        margin-right: 1.5%;
    }
    .wapper .brand .intro .brandpart .newsList li:nth-of-type(2n){
        margin-right: 0;
        margin-left: 1.5%;
    }
    .wapper .brand .intro .brandpart .newsList li:nth-of-type(3n){
        margin-right: 1.5%;
    }
    .wapper .brand .intro .brandpart .newsList li:nth-of-type(6n){
        margin-right: 0;
    }
    .wapper .brand .intro .brandpart .newsList li .picbox .type{
        width: 76px;
        height: 28px;
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .brand .intro .brandpart .newsList li .textbox .title{
        font-size: 14px;
    }
    .wapper .brand .intro .brandpart .newsList li .textbox .desc{
        font-size: 12px;
        line-height: 18px;
        margin:2% 0 8%;
        min-height: 36px;
    }
    .wapper .brand .intro .brandpart .newsList li .textbox .timeBox .time{
        width: 55%;
        font-size: 12px;
    }
}
/*招聘信息*/
.wapper .museumBrief.talent{
    background: url(../images/talentBg.jpg) no-repeat right top;
    background-size: contain;
    padding-bottom: 4%;
}
.wapper .workers{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .workers .pic{
    width: 100%;
    height: auto;
}
.wapper .workers .pic img{
    width: 100%;
    height: auto;
}
.wapper .workers .theme{
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 36px;
    color: #fff;
    line-height: 48px;
    padding-bottom: 14px;
}
.wapper .workers .theme span{
    font-weight: bold;
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.wapper .recruit{
    width: 100%;
    height: auto;
    background: url(../images/recruitBg.jpg) no-repeat right top;
    background-size: contain;
    padding: 3% 0 4% 0;
}
.wapper .recruit .theme{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #181818;
    line-height: 48px;
    padding-bottom: 14px;
}
.wapper .recruit .theme span{
    border-bottom: 3px solid #d00a00;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.wapper .recruit .heed{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
    margin: 3% 0;
}
.wapper .recruit .post{
    width: 100%;
    height: auto;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    padding: 2% 3% 3% 13%;
    position: relative;
    margin-bottom: 3%;
    background: rgba(255,255,255,0.8);
}
.wapper .recruit .post .num{
    width: auto;
    height: auto;
    font-size: 80px;
    color: #f7f7f7;
    padding: 16px 20px;
    box-sizing: border-box;
    background: url(../images/numBg.jpg) no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
}
.wapper .recruit .job{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #000000;
    line-height: 42px;
}
.wapper .recruit .postDe{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .recruit .postDe .left{
    width: 50%;
    height: auto;
    float: left;
    background: url(../images/line4.gif) no-repeat right center;
    padding-right: 3%;
    box-sizing: border-box;
}
.wapper .recruit .postDe .left .instructions{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .recruit .postDe .left .instructions .tit{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #0c1319;
    line-height:30px;
}
.wapper .recruit .postDe .left .instructions .desc{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #797979;
    line-height:30px;
}
.wapper .recruit .postDe .right{
    width: 50%;
    height: auto;
    float: left;
    padding-left: 5%;
    box-sizing: border-box;
}
.wapper .recruit .postDe .right .instructions{
    width: 100%;
    height: auto;
}
.wapper .recruit .postDe .right .instructions .tit{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #0c1319;
    line-height:30px;
}
.wapper .recruit .postDe .right .instructions .desc{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #797979;
    line-height:30px;
}
@media screen and (max-width: 1560px) {
    .wapper .recruit .post .num{
        font-size: 68px;
    }
}
@media screen and (max-width: 1400px) {
    .wapper .recruit .post .num{
        font-size: 56px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .museumBrief.talent{
        background: url(../images/mtalentBg.jpg) no-repeat right top;
        background-size: 100%;
    }
    .wapper .museumBrief .brief .titlebox .cntitle{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .museumBrief .brief .titlebox .entitle{
        font-size: 16px;
        line-height: 22px;
    }
    .wapper .museumBrief .brief .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .workers .theme{
        font-size: 17px;
        line-height: 36px;
        padding-bottom: 0;
    }
    .wapper .workers .theme span{
        border-bottom: none;
        padding-bottom: 0;
    }
    .wapper .recruit{
        background-size: 80%;
        padding-top: 0;
    }
    .wapper .recruit .theme{
        border-top: 1px solid #eeeeee;
        padding-top: 5%;
        font-size: 26px;
    }
    .wapper .recruit .heed{
        font-size: 14px;
        line-height: 24px;
    }
    .wapper .recruit .post{
        padding: 2% 3% 5%;
    }
    .wapper .recruit .post .num{
        display: none;
    }
    .wapper .recruit .job{
        font-size:26px;
    }
    .wapper .recruit .postDe .left{
        width: 100%;
        background: none;
        padding-right: 0;
    }
    .wapper .recruit .postDe .right{
        width: 100%;
        padding-left: 0;
    }
}