* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: medium none;
    color:#5c5959;
}

li {
    list-style: none;
}

html {
    float: left;
    width: 100%;
}

body {
    float: left;
    position: relative;
    width: 100%;
    font-size: 12px;
    font-family: '微软雅黑';
    line-height: 24px;
    color: #323232;
    -webkit-text-size-adjust: none
}

#page {
    float: left;
    position: relative;
    width: 100%;
}

#goback {
    float: right;
    display: block;
    width: 60px;
    height: 36px;
    color: #4b83d0;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}

#goback:hover {
    background: #4b83d0;
    color: #fff;
}

img {
    outline: none;
}

#headerBox2 {
    background: #fff;
    position: fixed;
    border-color: #333;
    top: -80px;
    z-index: 11;
}

#headerBox2 a {
    color: #333;
}

#headerBox2 .line {
    background: #333;
}
#headerBox2 span{
    color: #333;
}

.headerBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    border-bottom: #fff solid 1px;
    z-index: 20;
}
.headerBox .header_right{
    position: relative;
    margin: 0 auto;
    height: 60px;
    float: right;
    right: 10px;
    line-height: 60px;
    display: flex;
    align-items: center;
}
.headerBox .header_right img{
    filter: brightness(1.5) ;
    width: 16px;
    height: 16px;
    margin: 0 5px; 
}

.headerBox .header_right a{
    /* margin-left: 15px; */
    font-size: 16px;
    font-family: MiSans,serif;
   /*  font-weight: 400;  */
    color: #fff;
}
.headerBox .header_right span a::after{
    content: '|';
    padding: 0 10px; 
    color: #fff;
    display: inline-block;
}
#headerBox2 .header_right span a::after{
    content: '|';
    padding: 0 10px; 
    color: rgb(55, 51, 51);
    display: inline-block;

}
.headerBox .header_right span a:nth-child(2)::after{
    content: '';
}
#headerBox2 .header_right span a:nth-child(2)::after{
    content: '';
}
.headerBox .header {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 100%;
    float:left;
    left:10px;
}

.headerBox .logo {
    float: left;
    /* margin-top: 17px; */
    outline: medium none;
}

.headerBox .nav {
    float: right;
    line-height: 60px;
}

.headerBox .nav li {
    float: left;
    height: 60px;
    overflow: hidden;
    width: 100px;
    background: url(../image/bg_nava.png) right center no-repeat;
    text-align: center;
}

.headerBox .nav li.lastli {
    background: none;
}

.headerBox .nav li a {
    /* margin-top: -60px; */
    display: block;
    color: #fff;
    font-size: 16px;
    height: 158px;
    font-weight: bold;
}

.headerBox .line {
    position: absolute;
    top: 77px;
    left: 344px;
    width: 32px;
    height: 2px;
    background: #fff;
}

#footerBox {
    float: left;
    width: 100vw;
    background: #017ebc; 
    margin-top: 20px;
    z-index: 21;
}

#footerBox .copy {
    clear: both;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #222222;
    font-size: 12px;
}

#footerBox .copy a {
    color: #999;
}

#footerBox .copy a:hover {
    color: #fff
}

#footerBox .footermap {
    margin: 0 auto;
    padding: 16px 0 10px 0;
    width: 960px;
    overflow: hidden;
}

#footerBox .footermap ul {
    float: left;
    width: 49%
}

#footerBox .footermap ul.column5 {
    width: 85px
}

#footerBox .footermap ul h1 {
    width: 85px;
    background: url(../image/bg_footermaph.jpg) repeat-x left bottom;
}

#footerBox .footermap ul h1 a {
    color: #666;
    font-size: 12px;
}

#footerBox .footermap ul li a {
    color: #999999;
    font-size: 12px;
}

#footerBox .footermap ul a:hover {
    text-decoration: underline;
}

.footerbox {
    position: absolute;
    bottom: 0px;
    height: 0px;
    z-index: 1000;
}

.footerhover {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    cursor: pointer;
}

#bannerin {
    position: relative;
    float: left;
    width: 100%;
    height: 439px;
    overflow: hidden;
}

#bannerin img {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;
}

#bannerin a.wfEditorMode {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}

#bannerin .text {
    position: absolute;
    top: 240px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
}

#bannerin .text h1 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

#bannerin .text .line {
    margin: 10px 0 3px 0;
    width: 245px;
    height: 1px;
    background: #fff;
}

#bannerin .text .line1 {
    width: 285px;
}

#bannerin .text p {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#breadcrumbs {
    float: left;
    margin-bottom: 55px;
    width: 100%;
    height: 53px;
    border-bottom: #333333 1px solid;
}

#breadcrumbs ul {
    margin: 0 auto;
    position: relative;
    width: 960px;
    padding-top: 20px;
    height: 34px;
}

#breadcrumbs ul li {
    float: left;
}

#breadcrumbs ul li.lastli {
    border-right: #333333 1px solid;
}

#breadcrumbs ul li a {
    display: block;
    padding: 0 9px;
    height: 14px;
    border-left: #333333 1px solid;
    font-size: 14px;
    line-height: 14px;
    color: #323232;
}

#breadcrumbs ul .iconbread {
    position: absolute;
    bottom: -7px;
    width: 18px;
    height: 8px;
    background: url(../image/icon_breadcrumb.png);
}

.pageBox {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.yiiPager {
    float: right;
}

.yiiPager .first,
.yiiPager .last {
    display: none;
}

.yiiPager li {
    float: left;
}

.yiiPager .previous,
.yiiPager .next {
    margin-left: 6px;
    width: 60px;
    height: 25px;
    background: url(../image/bg_pagebt1.png);
    text-align: center;
}

.yiiPager .previous a,
.yiiPager .next a {
    font-size: 11px;
    color: #fff;
}

.yiiPager .previous:hover,
.yiiPager .next:hover {
    background: url(../image/bg_pagebt1.png) bottom left;
}

.yiiPager .page a {
    margin-left: 6px;
    display: block;
    width: 27px;
    height: 25px;
    background: url(../image/bg_pagel3.png);
    color: #fff;
    text-align: center;
}

.yiiPager .page a:hover {
    background: url(../image/bg_pagel3.png) bottom left;
}


/*首页*/

.banners {
    position: relative;
    width: 100%;
    height: 860px ;
    overflow: hidden;
}

.banners .banner {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;   
    width: 1920px;
    height: 860px ;
}

.banners .banner .fss-wrapper {
    float: left;
}

.banners .banner .item {
    position: relative;
    float: left;
    width: 1920px;
}

.banners .banner .item .text {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.banners .banner .item .text img {
    margin-bottom: 28px;
    width: 35%;
}

.banners .banner .item .text a {
    display: block;
    margin: 180px auto 0 auto;
    width: 303px;
    height: 61px;
    line-height: 61px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: url(../image/bg_bannermore.png) no-repeat center center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.banners .banner .item .text a:hover {
    color: #4b83d0;
}

.banners .slidebtn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 75px;
    background: url(../image/slidebtn.png);
    z-index: 10;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.banners .slidebtn.o {
    -webkit-animation: arrowlx 1.5s infinite;
    -moz-animation: arrowlx 1.5s infinite;
    -o-animation: arrowlx 1.5s infinite;
    -ms-animation: arrowlx 1.5s infinite;
    animation: arrowlx 1.5s infinite;
}

.hometitle {
    float: left;
    width: 100%;
    text-align: center;
    background: none;
}

.hometitle h1 {
    margin: 6% 0 0px 0;
    font-weight: bold;
    font-size: 28px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    background: none;
}

.hometitle h2 {
    /* margin-top: 20px; */
    display: inline-block;
    display: inline;
    zoom: 1;
    font-size: 28px;
    font-weight: bold;
    border-bottom: #666666 1px solid;
    line-height: 40px;
    background: none;
}

.homeabout .hometitle a,
.homenews .hometitle a,
.homechina .hometitle a,
.homeservice .hometitle a{
    color: #333;
}

.homebusiness .hometitle a {
    display: block;
    color: #fff;
}

.homebusiness .hometitle h2 {
    display: inline-block;
    border-bottom: #ffffff 1px solid !important;
}

.homeabout {
    float: left;
    width: 100%;
    background: #cecece url(../image/bg_homeabout.jpg) no-repeat center center
}


.homeabout .aboutin {
    margin: 0 auto;
    width: 960px;
    text-align: center;
}

.homeabout .aboutin .tip {
    margin: 36px 0 20px 0;
    padding: 0 10px;
    display: inline-block;
    display: inline;
    zoom: 1;
    border-bottom: #b1b1b1 1px solid;
    line-height: 37px;
    font-size: 24px;
    color: #999999;
}

.homeabout .aboutin p {
    font-size: 14px;
    color: #999;
}
.homeabout .morebtn {
    display: flex;
    justify-content: center;
}
.homeabout .morebtn a{
    margin: 0px auto 115px auto;
    width: 150px;
    height: 45px;
    background: #333333;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.homeabout .morebtn a:hover {
    background: #5b76a3;
    color: #fff;
}

.homeabout .aboutin ul {
    margin: 0 auto;
    width: 866px;
    display: flex;
    justify-content: center;
}

.homeabout .aboutin ul li {
    float: left;
    margin: 4.5% 26px 140px 0;
    overflow: hidden;
    width: 197px;
    height: 200px;
}

.homeabout .aboutin ul li.lastli {
    margin-right: 0px;
}

.homeabout .aboutin ul li .liin {
    width: 197px;
    height: 200px;
    background: url(../image/bg_homeabout.png) no-repeat center center;
    text-align: center;
}

.homeabout .aboutin ul li .liin .nummer .data {
    margin-top: 42px;
    display: inline-block;
    /* display: inline; */
    zoom: 1;
    /* border-bottom: #fff 1px solid; */
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    line-height: 100px;
}

.homeabout .aboutin ul li .liin .nummer .wenzi {
    margin-top: 6px;
    color: #fff;
}

.homeabout .aboutin ul li .liin .nummer .wenzi span {
    display: block;
    font-size: 14px;
}

/* 新增css 开始*/
.homeservice {
    float: left;
    width: 100%;
    background-image: linear-gradient(to top, #c7d2dd 0%, #e86a7f 0%, #c9ffbf 100%);
}
.lunbo{
    text-align: center;
    position: relative;
    padding: 18px 0;
    margin: 0 auto;
    height: 497px;
    width: 80%;
}
.lunbo .image-wrapper{
    float: left;
    margin: 0 5px;
    padding: 16px;
    width: 286px;
    height: 200px;
   
}
.lunbo .image-wrapper img{
    width: 100%;
}
.case-pages2 span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border: 1px solid #858383;
    border-radius: 15px;
    transition: .5s;
    vertical-align: middle;
    text-indent: -999px;
    overflow: hidden;
    
}
.case-pages2 .selected span {
    background-position: -36px -8px;
    background: #86B817;
    border-color: #86B817;
}

.homeservice ul {
    margin: 0 auto 50px auto;
    padding-top: 3%;
    width: 1000px;
    height: 800px;
    overflow: hidden;
}

.homeservice ul .left {
    float: left;
}

.homeservice ul .right {
    float: right;
}

.homeservice ul li {
    position: relative;
    width: 300px;
    overflow: hidden;
    cursor: pointer;
    padding: 2px 2px;
}

.homeservice ul li img {
    width: 100%;
    float: left;
}

.homeservice ul li .hover {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* background: url(../image/bg_homeaboutcover.png); */
    text-align: center;
}

.homeservice ul li .hover span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.homeservice ul li .hover span.en {
    padding-top: 44%;
    font-size: 36px;
}

.homeservice ul li .hover span.cn {
    margin-top: 2%;
}

.homeservice ul .left .en {
    background: url(../image/honorbg1.png) no-repeat center 42px;
}

.homeservice ul .right .en {
    background: url(../image/honorbg2.png) no-repeat center 42px;
}

/*----sap-----*/
.sap_tabs {
    margin: 0 auto;
    margin-top: 3.5%;
    padding:25px 0px;
    text-align: center;
    -webkit-appearance: none;
    height: 600px;
    width: 1000px;
}
  
.resp-tab-item{
    border:none;
    color: #000;
    font-size: 24px;
    font-family: "segoeui";
    cursor: pointer;
    padding:5px 30px 7px;
    margin:15px;
    display: inline-block;
    list-style: none;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-appearance: none;
    height: 35px;
    line-height: 35px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .6);
    background: rgb(218, 213, 213);
}


.resp-tab-active, .resp-tab-item:hover {
    text-shadow: none;
    color: #fff;
    background:#a02341;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    height: auto;
    min-height: 400px;
    background-color: #f9f8f800;
    position: relative;
    text-align: center;
    box-shadow: 0px 1px 6px #807b7b;
    padding: 2px 5px;
    margin: 10px 4px 1px;
    border-radius: 6px;
}
.resp-content-active, .resp-accordion-active {
    display: block;
}
.item-dongbu{
    margin: 0 auto;
}


  
  /*---------*/   

/* 新增css 结束*/


.homechina {
    float: left;
    width: 100%;
    /* background: #5b76a3 url(../image/bg_homebusiness.jpg) no-repeat top center; 
    background-image: linear-gradient(to top, #542d83 0%, #30cfd0 60%);
    background-image: linear-gradient(to top, #2d8361 0%, #30d09b 20%, #def1e1 75%);*/
    background: #cecece url(../image/bg_homeabout.jpg) no-repeat center center
    
}
.resp-tab-content ul{
    width:100%;
    margin: 10px auto 10px;
    padding: 5px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.resp-tab-content ul li{
    font-weight: 400;
    font-size: 18px;
    font-family: "segoeui";
    margin: 0 ;
    float: left;
    padding: 0 5px 0;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-shadow:none;
}
.resp-tab-content ul li:first-child{
    color: #bd3051;
}

/* .resp-tab-content ul li a{ 
    height: 100%;
    width: 100%;
    color:rgb(43, 45, 48);
}
.resp-tab-content ul li a:hover{ 
    height: 100%;
    width: 100%;
    background:rgb(156, 78, 9);
    color:#ffffff;
    border-radius: 0.5rem;
} */
.resp-tab-content .item-dongbu ul li.active { 
    background-color:rgb(4 95 95 / 93%);;
    color:#ffffff;
    border-radius: 0.2rem;
}
.resp-tab-content .morebtn {
    display: block;
    margin: 0px; 
    padding: 0px;
    width: 150px;
    height: 45px;
    background: #333333;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    position: absolute;
    bottom: 1px; 
    left: 50%;
    transform: translateX(-50%);
}

.resp-tab-content .morebtn:hover {
    background: #147acd;
    color: #fff;
}


 
.homebusiness {
    float: left;
    width: 100%;
    background: #5b76a3 url(../image/bg_homebusiness.jpg) no-repeat top center; 
}
.homebusiness ul {
    margin: 0 auto 0 auto;
    padding-top: 1%;
    width: 1000px;
    overflow: hidden;
    box-sizing: border-box;
}

.homebusiness ul .left {
    float: left;
}

.homebusiness ul .right {
    float: right;
}

.homebusiness ul li {
    position: relative;
    width: 469px;
    height: 200px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 2%;
    border-radius: 20px;
  
}

.homebusiness ul li img {
    width: 100%;
    float: left;
}

.homebusiness ul li .hover {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    /* height: 100%; */
    background: url(../image/bg_homeaboutcover.png) no-repeat top center;
    text-align: center;
}

.homebusiness ul li .hover span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.homebusiness ul li .hover span.en {
    padding-top: 28%;
    font-size: 24px;
}

.homebusiness ul li .hover span.cn {
    padding-top: 2%;
}

.homebusiness ul .left:nth-of-type(1) .en {
    background: url(../image/honorbg1.png) no-repeat  center 20px;
    background-size: 20%;
}
.homebusiness ul .left:nth-of-type(3) .en{
    background: url(../image/honorbg3.png) no-repeat  center 20px;
    background-size: 20%;
}

.homebusiness ul .right:nth-of-type(2) .en {
    background: url(../image/honorbg2.png) no-repeat  center 20px;
    background-size: 20%;
} 
.homebusiness ul .right:nth-of-type(4) .en {
    background: url(../image/honorbg4.png) no-repeat  center 20px;
    background-size: 20%;
} 



.homenews {
    float: left;
    width: 100%;
    background: #cecece url(../image/bg_homeabout.jpg) no-repeat center center;
}

.homenews .category{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;

}
.homenews .line{
    width: 100%;
    height: 0.07rem;
    background: -webkit-linear-gradient(left, rgb(237, 234, 234) -4%,#666 50%,rgb(237, 234, 234) 110%);
}

.homenews .category ul li{
    display: inline-block;
	white-space: nowrap;
	text-align: center;
    border-bottom: 3px solid transparent;
	cursor: pointer;
	position: relative;
	padding: 1rem 0.6rem;
    font-size: 1.25rem;
    font-family: MiSans;
}

.homenews .category ul li:after{
    position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	content: '';
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
}
.homenews .category ul .active:after {
	border-bottom-color: #ff6900
}
.homenews .category ul li.active {
	border-bottom-color: #ff6900;
	color: #ff6900;
    font-weight: 550;
}
.homenews .category ul li:hover{
	color: #ff6900;
    font-weight: 550; 
}
.homenews .news {
    float: left;
    margin-top: 3.5%;
    width: 100%;
    display: none;
    justify-content: center;
}

.homenews .news.active {
    float: left;
    margin-top: 3.5%;
    width: 100%;
    display: block;
    justify-content: center;
}

.homenews .news ul {
    margin: -10px auto;
    width: 1200px;
    overflow: hidden;
    cursor: pointer;
}

.homenews .news ul li {
    float: left;
    margin-bottom: 2%;
    width: 48%;
    min-height: 122px;
    margin-right: 2%;
}

.homenews .news ul li .time {
    display: block;
    width: 98px;
    height: 36px;
    line-height: 36px;
    background: #4b83d0;
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
}

.homenews .news ul li .title {
    padding-top: 10px;
    display: block;
    width: 100%;
    font-size: 0.85rem;
    color: #333;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.homenews .news ul li .title:hover {
    color: #4b83d0;
}

.homenews .news ul li .content {
    color: #999;
    display: block;
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.homenews .news ul li .content:hover {
    color: #4b83d0;
}

.homenews .morebtn {
    display: block;
    margin: 0px auto auto auto;
    width: 150px;
    height: 45px;
    background: #333333;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    z-index: 1001;
}

.homenews .morebtn:hover {
    background: #4b83d0;
    color: #fff;
}

.homebottom {
    width: 100%;
    float: left;
}

.homecontact {
    position: relative;
    float: left;
    margin-bottom: -20px;
    width: 100%;
    overflow: hidden;
    background: url(../image/bg_homecontact.jpg) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

.homecontact .hometitle {
    float: none;
    width: 960px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 200px;
    margin: 36px 0 0 -480px;
}

.homecontact h1 a {
    color: #fff;
    font-size: 46px;
}

.homecontact h2 a {
    color: #fff;
    font-size: 20px;
}

.homecontact h2 {
    border-bottom: #fff 1px solid;
}

.homecontact .bg {
    position: absolute;
    top: 0;
    left: 50px;
    margin: 0 0 0 -960px;
}

.homecontact .contact {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
    height: 100%;
}

.homecontact .title {
    position: absolute;
    left: -16%;
    bottom: 60%;
}

.homecontact .title h3 {
    font-size: 36px;
    font-weight: bold;
}

.homecontact .title h3 a {
    color: #fff;
}

.homecontact .title span {
    margin-top: 8px;
    display: block;
    height: 3px;
    width: 105px;
    background: #fff;
}

.homecontact .icon {
    position: absolute;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 100;
}

.homecontact .icon img {
    -webkit-animation: arr 1.5s infinite;
    -moz-animation: arr 1.5s infinite;
    -o-animation: arr 1.5s infinite;
    -ms-animation: arr 1.5s infinite;
    animation: arr 1.5s infinite;
}


/*.homecontact .icon1{top:50%;left:50%;margin-left:-511px;margin-top:135px;}*/

.homecontact .icon1 {
    top: 61%;
    left: 23.3%;
}

.homecontact .icon2 {
    top: 28%;
    left: 54%;
}

.screen {
    position: fixed;
    left: 0px;
    top: 0px;
    background: url(../image/bg_hover.png);
    z-index: 100;
    height: 100%;
    width: 100%;
}

.screen .screenin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -279px 0 0 -442px;
    width: 884px;
    height: 0px;
    overflow: hidden;
}

.screen .screenin .screenBox {
    position: relative;
    width: 100%;
    height: 100%;
}

.screen .screenin .screenBox img {
    width: 100%;
    height: 100%;
}

.screen .screenin .screenBox ul {
    position: absolute;
    top: 130px;
    left: 0px;
    width: 100%;
    height: 42%;
}

.screen .screenin .screenBox ul li {
    margin-bottom: 56px;
    padding-left: 55px;
    width: 30%;
    float: left;
    color: #333;
    height: 73px;
    font-size: 14px;
}

.screen .screenin .screenBox ul li .title {
    font-weight: bold;
    font-size: 18px;
}

.screen .screenin .screenBox ul li .line {
    width: 100%;
    height: 1px;
    background: #333;
}

.screen .screenin .screenBox ul li.list1 {
    background: url(../image/icon_homeadd.png) no-repeat left 7px;
}

.screen .screenin .screenBox ul li.list2 {
    background: url(../image/icon_hometel.png) no-repeat left 7px;
}

.screen .screenin .screenBox ul li.list3 {
    background: url(../image/icon_homefax.png) no-repeat left 7px;
}

.screen .screenin .screenBox ul li.list4 {
    background: url(../image/icon_homeemail.png) no-repeat left 7px;
}

.screen .screenin .screenBox .map {
    position: absolute;
    left: 3%;
    top: 6%;
    width: 94%;
    height: 88%;
}

.screen .screenin .screenBox .close {
    position: absolute;
    right: 22px;
    bottom: 17px;
    width: 26px;
    height: 27px;
    background: url(../image/bg_close.jpg);
    cursor: pointer;
}


/*内页*/

#main {
    margin: 0 auto;
    width: 960px;
    clear: both;
}

.pagetitle {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

.pagetitle h1 {
    font-weight: bold;
    font-size: 24px;
    color: #323232;
}

.pagetitle h2 {
    display: inline-block;
    display: inline;
    zoom: 1;
    font-size: 18px;
    color: #323232;
    border-bottom: #323232 1px solid;
    line-height: 44px;
}

.applyBox {
    float: left;
    width: 100%;
    margin-top: 22px;
}

.applyBox li {
    margin-bottom: 30px;
}

.applyBox li h3 {
    border-bottom: #969696 1px solid;
    line-height: 38px;
    cursor: pointer;
}

.applyBox li h3 .title {
    padding-bottom: 9px;
    font-size: 16px;
    color: #4b83d0;
    border-bottom: #4b83d0 2px solid;
}

.applyBox li h3 .more {
    float: right;
    margin-top: 14px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../image/icon_morejian.png);
}

.applyBox li h3 .more1 {
    background: url(../image/icon_morejian1.png);
}

.applyBox li h3 .time {
    float: right;
    color: #969696;
    margin-right: 34px;
}

.applyBox li .text {
    display: none;
    margin: 22px auto 0 auto;
    width: 86%;
    font-size: 14px;
}

.applyBox li .text strong {
    font-weight: bold;
}

.contactBox {
    float: left;
    width: 100%;
    margin-top: 65px;
}

.contactBox .contact {
    width: 100%;
    float: left;
}

.contactBox .contact ul {
    float: left;
    width: 83%;
}

.contactBox .contact ul li {
    float: left;
    margin: 0 11% 38px 0;
    width: 25%;
}

.contactBox .contact ul li.list1 {
    background: url(../image/icon_people.png) no-repeat left 14px;
}

.contactBox .contact ul li.list2 {
    background: url(../image/icon_tel.png) no-repeat left 12px;
}

.contactBox .contact ul li.list3 {
    background: url(../image/icon_fax.png) no-repeat left 14px;
}

.contactBox .contact ul li.list4 {
    background: url(../image/icon_email.png) no-repeat left 9px;
}

.contactBox .contact ul li.list5 {
    background: url(../image/icon_ps.png) no-repeat left 14px;
}

.contactBox .contact ul li.list6 {
    background: url(../image/icon_add.png) no-repeat left 8px;
}

.contactBox .contact ul li p {
    padding-left: 34px;
    line-height: 22px;
}

.contactBox .contact ul li .line {
    margin-left: 34px;
    display: block;
    height: 1px;
    background: #969696;
}

.contactBox .contact img {
    float: right;
}

.contactBox .map {
    float: left;
    width: 100%;
    height: 310px;
}

.contactBox .blocktitle {
    float: left;
    width: 100%;
}

.contactBox h5 {
    margin: 66px auto 40px auto;
    width: 138px;
    height: 28px;
    border: #323232 1px solid;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
}

.contactBox .formbox {
    width: 100%;
    float: left;
}

.contactBox .inputrow {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    height: 33px;
}

.contactBox .input-address {
    margin-right: 0px;
}

.contactBox .inputrow.error input {
    border: red 1px solid;
}

.contactBox .inputrow input {
    width: 96%;
    text-indent: 6px;
    line-height: 33px;
    border: #bfbfbf 1px solid;
    color: #999;
    height: 33px;
}

.contactBox .input-message {
    width: 100%;
    height: auto;
}

.contactBox .inputrow textarea {
    margin-top: 30px;
    width: 98.7%;
    height: 208px;
    text-indent: 6px;
    line-height: 33px;
    border: #bfbfbf 1px solid;
    color: #999;
}

.contactBox .submit {
    width: 100%;
    float: left;
    margin: 30px 0 60px 0;
    text-align: center;
}

.contactBox .submit .submit1 {
    display: inline-block;
    +display: inline;
    zoom: 1;
    background: #4b83d0;
    height: 36px;
    width: 258px;
    border: 0px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.activityBox {
    float: left;
    width: 100%;
}

.activityBox h3 {
    margin-top: 35px;
    border-bottom: #969696 1px solid;
    line-height: 38px;
}

.activityBox h3 a {
    padding-bottom: 7px;
    font-size: 16px;
    color: #4b83d0;
    border-bottom: #4b83d0 3px solid;
}

.activityBox .des {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.activityBox .des .img {
    float: left;
    width: 25%;
    margin-right: 20px;
}

.activityBox .des .img img {
    width: 100%;
}

.activityBox .des .text {
    font-size: 14px;
    color: #969696;
    line-height: 28px;
}

.activityBox .iconBox {
    margin-top: 50px;
    float: left;
    width: 100%
}

.activityBox .iconBox li {
    float: left;
    width: 15.4%;
    text-align: center;
    margin: 0 8%;
}

.activityBox .iconBox li .img {
    width: 100%;
}

.activityBox .iconBox li .img img {
    width: 100%;
}

.activityBox .iconBox li h4 {
    padding-top: 18px;
    font-size: 18px;
    color: #4b83d0
}

;
.activityBox .iconBox li p {
    font-size: 16px;
    color: #3e3a39;
}

.activityBox .activity {
    float: left;
    margin-top: 75px;
    width: 100%;
}

.activityBox .activity li {
    float: left;
    padding: 2%;
    padding-bottom: 0;
    margin-bottom: 40px;
    width: 44.8%;
    border: #e2e2e2 1px solid;
}

.activityBox .activity li .img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.activityBox .activity li .img img {
    width: 100%;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}

.activityBox .activity li .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -mz-transform: scale(1.1);
    transform: scale(1.1);
}

.activityBox .activity li .title {
    font-size: 14px;
    line-height: 50px;
    color: #333;
    text-align: center;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.activityBox .activity li .title:hover {
    color: #4b83d0;
}

.socialBox {
    float: left;
    width: 100%;
}

.socialBox .des {
    float: left;
    width: 100%;
    margin-top: 32px;
    font-size: 14px;
    color: #323232;
}

.socialBox ul {
    margin: 70px 0 60px 0;
    float: left;
    width: 100%;
}

.socialBox ul li {
    position: relative;
    float: left;
    width: 48%;
    margin-bottom: 40px;
    cursor: pointer;
}

.socialBox ul li .img {
    width: 100%;
}

.socialBox ul li .img img {
    width: 100%
}

.socialBox ul li .hover {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background: url(../image/bg_socialhover.png);
    color: #fff;
}

.socialBox ul li .title {
    display: block;
    padding: 0 6%;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.socialBox ul li .text {
    padding: 0 6%;
    font-size: 14px;
}

.socialBox ul li .slidebtn {
    position: absolute;
    bottom: 12px;
    right: 30px;
    width: 28px;
    height: 25px;
    background: url(../image/icon_slideleft.png);
}

.socialBox ul li a.wfEditorMode {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
}

.businessBox {
    float: left;
    width: 100%;
    text-align: center;
}

.businessBox .text {
    display: inline-block;
    +display: inline;
    zoom: 1;
    margin: 70px 0 100px 0;
    font-size: 14px;
    text-align: left;
}

.businessBox .text strong {
    color: #4b83d0;
}

.businessBox .text .business {
    position: relative;
}

.businessBox .text .business img {
    width: 100%;
}

.businessBox .text .business .line,
.businessBox .text .business .wenzi,
.businessBox .text .business .btn {
    position: absolute;
    top: 0px;
    left: 0px;
}

.businessBox .text .business .btn {
    -webkit-animation: btn 1.5s infinite;
    -moz-animation: btn 1.5s infinite;
    -o-animation: btn 1.5s infinite;
    -ms-animation: btn 1.5s infinite;
    animation: btn 1.5s infinite;
}

.memberBox {
    float: left;
    width: 100%;
    margin-top: 80px;
    position: relative;
}

.memberBox .member {
    float: left;
    margin: 0 15px;
    width: 100%
}

.memberBox .member .memberlist {
    position: relative;
    margin: 0 2.5% 30px 2.6%;
    float: left;
    width: 181px;
    height: 160px;
    cursor: pointer;
}

.memberBox .member .memberlist .img {
    position: relative;
    width: 179px;
    height: 115px;
    border: #959595 1px solid;
    overflow: hidden;
}

.memberBox .member .memberlist .img .hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../image/bg_bluehover.png);
}

.memberBox .member .memberlist .img img {
    width: 100%;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}

.memberBox .member .memberlist .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -mz-transform: scale(1.1);
    transform: scale(1.1);
}

.memberBox .member .memberlist:hover {
    border-color: #000;
}

.memberBox .member .memberlist h2 {
    margin-top: 10px;
    font-size: 13px;
    color: #333;
    text-align: center;
}

.memberBox .leftBtn {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0px;
    width: 20px;
    height: 52px;
    background: url(../image/btn_left.png);
    cursor: pointer;
    z-index: 10;
}

.memberBox .rightBtn {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    right: 0px;
    width: 20px;
    height: 52px;
    background: url(../image/btn_right.png);
    cursor: pointer;
    z-index: 10;
}

.memberBox .leftBtn:hover,
.memberBox .rightBtn:hover {
    background-position: bottom center;
}

.memberBox .member .memberlist a.wfEditorMode {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 10;
}

.memberdetail {
    float: left;
    width: 100%;
    margin-bottom: 55px;
}

.memberdetail h1 {
    margin-bottom: 35px;
    color: #4b83d0;
    font-weight: bold;
    font-size: 20px;
}

.memberdetail p {
    font-size: 14px;
    color: #727171;
}

.memberdetail p img {
    width: 100%;
}

.resourceBox {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}

.resourceBox .title {
    width: 100%;
    margin-top: 35px;
    height: 34px;
    background: url(../image/bg_resource.jpg)
}

.resourceBox .title h3 {
    margin: 0 auto;
    width: 156px;
    height: 32px;
    border: #323232 solid 1px;
    font-size: 20px;
    color: #323232;
    line-height: 32px;
    background: #fff;
}

.resourceBox .text {
    margin-top: 26px;
    text-align: center;
    font-size: 14px;
    color: #969696;
}

.resourceBox h4 {
    margin-top: 30px;
    display: inline-block;
    +display: inline;
    zoom: 1;
    font-size: 18px;
    color: #323232;
    border-bottom: 1px #323232 solid;
    line-height: 36px;
}

.resourceBox table {
    width: 100%;
    margin-bottom: 10px;
}

.resourceBox table.tablefirst {
    margin-top: 30px;
}

.resourceBox table.tablelast {
    margin-bottom: 60px;
}

.resourceBox table.tablezui {
    margin-top: 30px;
}

.resourceBox table tr {
    background: #e1e9f5;
}

.resourceBox table td {
    width: 20%;
    text-align: left;
    font-size: 14px;
    color: #292929;
    padding: 5px 0 5px 35px;
}

.resourceBox table td.th {
    color: #fff;
    text-align: center;
    background: #4b83d0;
    font-size: 16px;
    text-indent: 0px;
    padding: 5px 0;
}

.resourceBox p.bule {
    color: #4b83d0;
    font-size: 16px;
}

.resourceBox .resource {
    width: 100%;
    margin-top: 30px;
}

.resourceBox .resource .member {
    margin: 0 7px;
    width: 176px;
    height: 304px;
    float: left;
}

.resourceBox .resource .member1 {
    height: 150px;
}

.resourceBox .resource .memberlist {
    position: relative;
    float: left;
    margin-top: 1px;
    margin-bottom: 20px;
    width: 176px;
    border: #ccc 1px solid;
}

.resourceBox .resource .memberlist .hover {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}

.resourceBox .resource .memberlist img {
    width: 100%;
}

.resourceBox .resource .memberlist a.wfEditorMode {
    position: absolute;
    top: 20px;
    right: 0px;
}

.resourceBox .resource .icon {
    display: inline-block;
    +display: inline;
    zoom: 1;
}

.resourceBox .resource .icon a {
    float: left;
    margin: 0 3px;
    display: block;
    width: 10px;
    height: 10px;
    background: url(../image/bg_icon.png) no-repeat left bottom;
    text-indent: 20px;
    overflow: hidden;
}

.resourceBox .resource .icon a.selected {
    background: url(../image/bg_icon.png) no-repeat left top;
}

.researchBox {
    float: left;
    width: 100%;
}

.researchBox .des {
    float: left;
    width: 100%;
    margin-top: 32px;
    font-size: 14px;
    color: #323232;
    line-height: 28px;
}

.researchBox .research {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.researchBox .research li {
    float: left;
    width: 29.5%;
    margin: 0 2.2% 30px 0;
    padding: 1%;
    padding-bottom: 0px;
    border: #e1e1e1 1px solid;
}

.researchBox .research li a {
    display: block;
    color: #333;
    padding: 4px 0;
}

.researchBox .research li a.img {
    width: 100%;
    overflow: hidden;
}

.researchBox .research li a.img img {
    width: 100%;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}

.researchBox .research li a.img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -mz-transform: scale(1.1);
    transform: scale(1.1);
}

.researchBox .research li a.title {
    padding: 8px 0;
    font-size: 14px;
    color: #3e3a39;
    height: 42px;
    overflow: hidden;
}

.aboutBox {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #969696;
}

.aboutBox .des {
    margin: 32px 0 0 0;
    text-align: center;
    color: #4b83d0;
}

.aboutBox .about {
    margin: 50px 0 90px 0;
    float: left;
    width: 100%;
}

.aboutBox .about .img {
    float: left;
    width: 31%;
}

.aboutBox .about .img img {
    width: 100%;
}

.aboutBox .about .img h3 {
    padding-top: 10px;
    text-align: center;
    color: #4b83d0;
    font-size: 18px;
    font-weight: bold;
}

.aboutBox .about .img h4 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #4b83d0;
    font-size: 18px;
    border-bottom: #969696 1px solid;
}

.aboutBox .about .text {
    float: right;
    width: 63%;
}

.aboutBox .about .text p {
    font-size: 14px;
    line-height: 28px;
    color: #969696;
}

.companyBox {
    float: left;
    width: 100%;
}

.companyBox .des {
    float: left;
    width: 100%;
    margin-top: 32px;
    text-align: center;
    font-size: 14px;
    color: #4b83d0;
    ;
}

.companyBox .company {
    margin: 40px 0 75px 0;
    float: left;
    width: 100%;
}

.companyBox .company .img {
    float: right;
    margin-left: 24px;
    width: 40%;
}

.companyBox .company .img img {
    width: 100%;
}

.companyBox .company p {
    font-size: 14px;
    line-height: 28px;
    color: #969696;
}

.companyBox .imglistbox {
    float: left;
    width: 100%;
}

.companyBox .imglistbox .bigimg {
    float: left;
    width: 75%;
    height: 100%;
}

.companyBox .imglistbox .bigimg li {
    float: left;
    overflow: hidden;
}

.companyBox .imglistbox .bigimg li img {
    width: 100%;
}

.companyBox .imglistbox .smallimg {
    float: right;
    width: 23.5%;
}

.companyBox .imglistbox .smallimg li {
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}

.companyBox .imglistbox .smallimg img {
    float: left;
    width: 100%;
}

.companyBox .caroufredsel_wrapper {
    height: 379px!important;
}

#smallslider {
    top: 0px!important;
}

.processBox {
    float: left;
    width: 100%;
}

.processBox .process {
    float: left;
    padding-bottom: 20px;
    margin: 25px 0 80px 0;
    width: 100%;
    background: url(../image/bg_process.jpg) repeat-y left top;
}

.processBox .process li {
    float: left;
    width: 100%;
    cursor: pointer;
}

.processBox .process li .year {
    float: left;
    display: table;
    margin-left: 18px;
    width: 77px;
    height: 78px;
    background: url(../image/bg_processyear.png) no-repeat left bottom;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}

.processBox .process li .year a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.processBox .process li .year span {
    font-size: 12px;
}

.processBox .process li.list0 {
    margin-top: 30px;
}

.processBox .process li .text {
    margin-top: 35px;
    float: left;
    border-top: #c8c8c8 1px solid;
    padding: 0 20px;
    color: #c8c8c8;
    font-size: 14px;
}

.processBox .process li h3 {
    padding-top: 16px;
    color: #c8c8c8;
}

.processBox .process li.active .year {
    background: url(../image/bg_processyear.jpg) no-repeat left top;
}

.processBox .process li.active h3 {
    color: #4b83d0;
}

.processBox .process li.active .text {
    border-color: #4b83d0;
    color: #4b83d0;
}


.honorBox {
    width: 100%;
    float: left;
}

.honorBox .honor {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 35px;
}

.honorBox .honor h3 {
    margin: 40px 0;
    display: inline-block;
    +display: inline;
    zoom: 1;
    width: 142px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    border: #323232 1px solid;
    color: #323232;
}

.honorBox .honor .text {
    margin-bottom: 42px;
    font-size: 14px;
    color: #3e3a39;
}

.honorBox .honor .imgBox {
    position: relative;
    padding: 18px 0;
    margin: 0 auto;
    border-top: #c8c8c8 1px solid;
    border-bottom: #c8c8c8 3px solid;
    height: 197px;
    width: 92.7%;
}

.honorBox .honor .imgBox .item {
    float: left;
    margin: 0 5px;
    padding: 16px;
    width: 252px;
    height: 167px;
    border: #c8c8c8 1px solid;
}

.honorBox .honor .imgBox .item img {
    width: 100%;
}

.honorBox .honor .imgBox .prev {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: -35px;
    width: 20px;
    height: 52px;
    background: url(../image/btn_left.png);
    cursor: pointer;
}

.honorBox .honor .imgBox .next {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    right: -35px;
    width: 20px;
    height: 52px;
    background: url(../image/btn_right.png);
    cursor: pointer;
}

.honorBox .honor .imgBox .prev:hover,
.memberBox .next:hover {
    background-position: bottom center;
}

.cultureBox {
    float: left;
    width: 100%;
    padding: 60px 0;
}

.cultureBox .culture {
    margin: 0 auto;
    width: 960px;
    overflow: hidden;
}

.cultureBox .culture .img {
    float: left;
    width: 48%;
    text-align: center;
}

.cultureBox .culture .text {
    float: right;
    width: 45%;
    color: #666;
    font-size: 14px;
    line-height: 28px;
}

.cultureBox .culture h3 {
    padding-bottom: 16px;
    font-weight: bold;
    font-size: 18px;
    color: #323232;
}

.cultureBox .culture2 .img,
.cultureBox .culture4 .img {
    float: right;
}

.cultureBox .culture .text span {
    display: block;
    font-size: 18px;
    color: #4b83d0;
    margin-bottom: 16px;
}

.cultureBox .culture .text strong {
    color: #4b83d0;
    font-weight: bold;
}

.cultureBox .culture1 .img {
    margin-top: 35px;
}

.cultureBox .culture3 .img {
    margin-top: 50px;
}

.cultureBox .culture4 .img {
    margin-top: 24px;
}

.cultureBox .culture a.wfEditorMode {
    margin-top: 20px;
}

.newsBox {
    float: left;
    width: 100%;
}

.newsBox .newstab {
    float: left;
    width: 100%;
    border-bottom: #dcdcdc 1px solid;
    height: 29px;
}

.newsBox .newstab a {
    float: left;
    display: block;
    margin-left: 10px;
    width: 98px;
    height: 30px;
    background: url(../image/bg_newstab.png) no-repeat left top;
    color: #fff;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.newsBox .newstab a.current {
    background-position: left bottom;
}

.newsBox .newstab a:hover {
    background-position: left bottom;
}

.newsBox .news {
    width: 100%;
    float: left;
    margin: 20px 0 26px 0;
    position: relative;
}

.newsBox .news .newsinner {
    width: 960px;
    float: left;
}

.newsBox .news .newsinner .itemnew {
    width: 32%;
    display: inline-block;
    margin-bottom: 30px;
    border-bottom: #cecece 1px solid;
}

.newsBox .news .newsinner .itemnew .picture-item__inner {
    width: 100%;
}

.newsBox .news .newsinner .itemnew .picture-item__inner img {
    width: 100%;
}

.newsBox .news .newsinner .itemnew .time {
    padding-top: 10px;
    color: #323232;
}

.newsBox .news .newsinner .itemnew .time:hover {
    color: #4b83d0
}

.newsBox .news .newsinner .itemnew .title {
    font-size: 14px;
    color: #323232;
}

.newsBox .news .newsinner .itemnew .title:hover {
    color: #4b83d0
}

.newsBox .news .newsinner .itemnew .content {
    color: #b2b2b2;
}

.newsBox .news .newsinner .itemnew .content:hover {
    color: #4b83d0
}

.newsBox .news .newsinner .itemnew .more {
    display: block;
    margin-top: 10px;
    padding: 4px 20px;
    width: 50px;
    color: #c7c7c7;
    border-top: #cecece 1px solid;
    border-bottom: #cecece 1px solid;
}

.newsBox .news .newsinner .itemnew .more:hover {
    color: #4b83d0;
    border-color: #4b83d0
}

.newsBox .news .newsinner .itemnew a {
    display: block;
    overflow: hidden;
}

.newsBox .news .newsinner .itemnew .text {
    padding: 10px;
    padding-top: 0px;
    border-left: #cecece 1px solid;
    border-right: #cecece 1px solid;
}

.newsBox .news .newsinner .shuffle__sizer {
    position: absolute;
    width: 33.5%;
    opacity: 0;
    visibility: hidden;
}

.picture-item__inner {
    opacity: 0;
    transform: translate(0, 220px);
}

.picture-item__inner--transition {
    transition: all .6s ease;
}

.itemnew .picture-item__inner {
    height: 103%;
}

.itemnew.in .picture-item__inner {
    opacity: 1;
    transform: translate(0, 0);
}

.newsdetail {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    color: #999;
}

.newsdetail h3 {
    margin: 50px 0 10px;
    font-size: 16px;
    text-align: center;
    color: #4b83d0;
}

.newsdetail h4 {
    margin-bottom: 20px;
    text-align: center;
    color: #4b83d0;
}


/*.picture-item__inner {
    opacity: 0;
    transform: translate(0, 220px);
}
.picture-item__inner--transition {
    transition: all .6s ease;
}
.itemnew.in .picture-item__inner {
    opacity: 1;
    transform: translate(0, 0);
}

.itemnew .picture-item__inner {
    height: 100%;
    overflow: hidden;
}

.newsinner .shuffle__sizer{  
    position: absolute;
    width: 330px;
    opacity: 0;
    visibility: hidden;
}

.itemnew.in .picture-item__inner img{
    width:100%;
}*/


/*.itemnew.in .picture-item__inner img{width:100%;-webkit-transition:all 0.8s ease-in;-moz-transition:all 0.8s ease-in;-o-transition:all 0.8s ease-in;-ms-transition:all 0.8s ease-in;transition:all 0.8s ease-in;}
.itemnew.in .picture-item__inner:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-mz-transform:scale(1.1);transform:scale(1.1);}*/


/*#news .newslist .newsimglist .item .picture-item__inner{float:left;padding:0 16px 15px 0;border-right:1px solid #D2D2D2;}
#news .newslist .newsimglist .item .newsimg{float:left;width:100%;margin-bottom:20px;}
#news .newslist .newsimglist .item .newsimg img{width:100%;}
#news .newslist .newsimglist .shuffle__sizer{position:absolute;width:25.7%;opacity: 0;visibility: hidden;}

.picture-item__inner--transition {
    transition: all .6s ease;
}
.item.in .picture-item__inner {
    opacity: 1;
    transform: translate(0, 0);
}

.item .picture-item__inner {
    height: 100%;
    overflow: hidden;
}*/


/*honor弹出*/

div.pp_default .pp_top,
div.pp_default .pp_bottom,
div.pp_default .pp_nav,
.pp_gallery {
    display: none!important;
}

div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right {
    background: none;
}

div.pp_pic_holder {
    background: #fff;
    padding: 20px 130px 0 130px;
    margin-left: -130px;
}

.ppttt {
    display: none;
}

div.pp_default .pp_description {
    line-height: 50px;
    font-size: 14px;
}

a.pp_next {
    margin-right: -149px;
}

a.pp_previous {
    margin-left: -143px;
}

.btn{
    background-color: #86B817;
    border-color: #86B817;  
    color: #ffffff;
    cursor: pointer;
}
.btn-primary{
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
}
.position-absolute {
    position: absolute !important;
}
.rounded-pill {
    border-radius: 50rem !important;
  }
.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.me-2 {
    margin-right: .5rem !important;
}
.end-0 {
    right: 0 !important;
}
.top-0 {
    top: 0 !important;
}
.input-search{
    border-radius: 50rem !important;
    width: 100%;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #808B8D;
    background-color: #fff;
    background-clip: padding-box;
    appearance: none;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border: 0 !important;  /* 去除未选中状态边框 */
    outline:none;  /* 去除选中状态边框 */
    box-sizing: border-box;
}

.guanjci_p {
    color: #bad9f3;
    text-align: center;
    margin-top: 15px;
}

.guanjci_p a {
    color: #fff;
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
}

.guanjci_p a:hover {
    color: #f9990f;
}
@-webkit-keyframes arrowlx {
    0% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@-moz-keyframes arrowlx {
    0% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@-ms-keyframes arrowlx {
    0% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@-o-keyframes arrowlx {
    0% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@keyframes arrowlx
/* Safari 和 Chrome */

{
    0% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@-webkit-keyframes arr {
    0% {
        -webkit-transform: scale(1.0);
    }
    50% {
        -webkit-transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1.0);
    }
}

@-moz-keyframes arr {
    0% {
        -moz-transform: scale(1.0);
    }
    50% {
        -moz-transform: scale(1.5);
    }
    100% {
        -moz-transform: scale(1.0);
    }
}

@-o-keyframes arr {
    0% {
        -o-transform: scale(1.0);
    }
    50% {
        -o-transform: scale(1.5);
    }
    100% {
        -o-transform: scale(1.0);
    }
}

@-mz-keyframes arr {
    0% {
        -mz-transform: scale(1.0);
    }
    50% {
        -mz-transform: scale(1.5);
    }
    100% {
        -mz-transform: scale(1.0);
    }
}

@keyframes arr {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1.0);
    }
}

@-webkit-keyframes btn {
    0% {
        top: 0px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 0px;
    }
}

@-moz-keyframes btn {
    0% {
        top: 0px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 0px;
    }
}

@-o-keyframes btn {
    0% {
        top: 0px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 0px;
    }
}

@-mz-keyframes btn {
    0% {
        top: 0px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 0px;
    }
}

@keyframes btn {
    0% {
        top: 0px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 0px;
    }
}
@media only screen and (max-width: 960px) {
    .homeabout .morebtn {
        width: 100% !important; 
     } 
     .homeabout .morebtn a{
        margin-top: 20px;
     } 
}

@media screen and (max-width: 768px) {
    input::placeholder{
        font-size: 0.8rem;
    }
    .btn-primary{
        font-size: 0.8rem;
    }
    .sap_tabs{
        width: 100% !important;
        margin-top: 38px !important;
    }

    .guanjci_p {
        color: #bad9f3 !important;
        text-align: center !important;
        margin-top: 15px !important;
    }
    
    .guanjci_p a {
        color: #fff !important;
        margin: 0 5px !important;
        font-size: 10px !important;
        font-weight: bold !important;
    }
    
    .guanjci_p a:hover {
        color: #f9990f !important;
    }
    .banners .banner .item .text img {
        width: 30% !important
    }
    .banners .banner {
        width: 100% !important;
        margin-left: -50% !important
    }
    .lunbo .image-wrapper{
        width:290px !important;
    }
    .lunbo .image-wrapper img {
        width: 100% !important;
    }
    .hometitle h2 {
        font-size: 20px !important;
    }
    .homeabout .aboutin .tip {
        font-size: 18px !important;
        margin-top: 18px !important;
        padding-bottom: 10px;
    }
    .homeabout .aboutin ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .homeabout .aboutin ul li .liin {
        background-size: contain;
        width: 100% !important;
        height: 145px !important
    }
    .homeabout .aboutin ul li {
        margin: 20px 0 0 0 !important;
        height: auto !important;
        margin-left: 0 !important;
        width: 50% !important
    }
    .homeabout .aboutin ul li .liin .nummer .data {
        margin-top: 30px !important;
        font-size: 14px !important;
        line-height: 90px !important
    }
    .hometitle h1 {
        font-size: 30px !important;
        margin-top: 60px
    }

    .resp-tab-item{ 
        font-size: 15px !important;
        padding:2px 2px 2px;
        margin: 4px auto;
        width: 45%;
        
    }
    .resp-tab-active,.resp-tab-item:hover{
        background:#c72f53 !important;
    }
    .resp-tab-content ul{
        width: 96% !important;
    }
    .resp-tab-content ul li{
        font-size: 0.7rem !important;
        padding: 0 2px;
    }
    .resp-tab-content .morebtn{
        width: 100px;
        height: 30px;
        font-size: 0.7rem;
        line-height: 30px;
    }
    .homebusiness .hometitle {
        position: absolute;
        top:40px;
        left: 0px;
    }
    .homebusiness ul {
        width: 100% !important;
        padding: 0 4%;
    }
    .homebusiness ul li {
        width: 45%;
        /*float: left !important;
         margin-left: 20% !important; */
        height: 20vh;
        margin: 1px 0.5% !important;
    }
    .homebusiness ul li img{
        height: 20vh;
    }
    .homebusiness ul li .hover {
        background-size: cover;
    } 
    /* .hometitle h2 {
        margin-top: 0 !important
    } 
    .homebusiness ul .left .en {
        background-size: 20%
    }
    .homebusiness ul .right .en {
        background-size: 20%
    } */
    .homebusiness ul li .hover span.en {
        margin-top: 20%;
        padding-top: 4rem;
        font-size: 15px !important
    }
  
    .homebusiness ul li .hover span.cn {
        font-size: 15px !important
    }
   
    .homenews .morebtn {
        margin: 40px auto 0 !important;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 0.7rem;

    }
    .homenews .news ul li .content {
        overflow: hidden
    }

    .headerBox {
        height: 55px !important
    }
    .headerBox .logo {
        margin-top: 0 !important
    }
    #footerBox.footerbox1 .footermap ul {
        width: 60% !important
    }
    #footerBox.footerbox1 .footermap ul.column5 {
        margin-right: 0 !important
    }
    #footerBox.footerbox1 .footermap ul.column1 {
        margin-left: 0 !important
    }
    #footerBox.footerbox1 .footermap ul.column4 {
        margin-left: 0 !important
    }
    .homenews .news {
        margin-top: 38px !important;
    }
    /* .footerbox{
        position:relative !important;
        bottom: 0;
    } */
    #footerBox.footerbox1 .copy {
        position: absolute;
        width: 100%;
        bottom: 0
    }
    .homecontact .hometitle {
        display: none
    }
    .screen .screenin {
        width: 100% !important;
        left: 50% !important;
        margin: -60% 0 0 -50% !important;
    }
    .screen .screenin .screenBox ul li {
        margin-left: 5% !important;
        float: inherit !important;
        width: 70%;
        margin-bottom: 10px !important
    }
    .screen .screenin .screenBox ul {
        top: 70px !important
    }
    #footerBox .footermap ul {
        width: 20% !important
    }
    #footerBox .footermap ul h1 {
        width: 100% !important
    }
    #bannerin {
        height: 200px !important
    }
    #bannerin .text {
        top: 55% !important
    }
    #bannerin .text h1 {
        font-size: 24px !important;
        text-align: center
    }
    .newsBox .news .newsinner .itemnew .content {
        line-height: 22px;
        height: 44px;
        overflow: hidden
    }
    .pagetitle {
        margin-bottom: 0 !important;
        margin-top: 20px
    }
    #breadcrumbs {
        margin-bottom: 0 !important
    }
    .newsdetail h3 {
        margin-top: 30px !important
    }
    .contactBox .contact ul li p {
        width: 100% !important;
        box-sizing: border-box
    }
}
.tzck{
    margin: 0 auto; 
    height:460px;
    text-align: center;
    zoom: 1;
    width: 1150px;
}
   
.slidermain{width:400px; float: right;height: 400px;}
.banner{ text-align:center;position:relative;}
.banner a{ display:block;}
.banner img{ max-width:100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f60;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; visibility:hidden;}
.banner:hover .bx-wrapper .bx-prev,.banner:hover .bx-wrapper .bx-next{ visibility:visible;}
.banner .bx-wrapper .bx-prev{ left:20px; background-position:0 0;}
.banner .bx-wrapper .bx-next{right:20px; background-position:-40px 0;}

.bannerPc{ text-align:center;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none; }
.bannerPc a{ display:block;}
/* .bannerPc img{ max-width:100%; vertical-align:middle;width: 100%;height: 460px;} */
.bannerPc img{ max-width:100%; max-height:100%;vertical-align:middle;width: 100%;height: 400px;}
.ingg_r {
    float: left;
    margin-right: 10px;
    position: relative;
    height: 400px;
    
}
.ingg_r .ingg_r_sd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
}

.ingg_r .ingg_r_sd span {
    color: #fff;
    font-size: 30px;
}
.ingg_r img {
    /* width: 809px;
    height: 460px; */
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; 

}
.ingg_r.active .ingg_r_sd {
    display: flex;
}

/*  footer样式  */

.w1200 {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
    /* display: flex;
    justify-content: space-between; */
}
 .footer {
   /* background: #017ebc;
    margin: auto;
    overflow: hidden;
     padding: 30px 0 10px 0; */
     margin: 0 auto;
    padding: 30px 0 10px 0;
    width: 100%;
    /* overflow: hidden; */
    
} 

.foot_r {
    float: right;
    text-align: center;
    width: 120px !important;
    color: #fff;
    margin-left: 30px;
    height: 140px;
    display: flex;
    flex-direction: column;
}

.foot_r img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border: 4px solid #fff;
    
}

.foot_jsh {
    float: left;
    width: 870px;
}
/* .foot_jsh ul {
    overflow: hidden;
    zoom: 1;
    width: 80% !important;
} */

div.foot_jsh ul li {
    width: 46%;
    margin-right: 2%;
    color: #fff;
    opacity: 0.8;
    float: left;
    line-height: 20px;
    height: 20px;
    overflow: visible;
    border-radius: 0px;
}

ul#sel{
    /* display: flex;
    justify-content: space-between; */
    overflow: inherit;
    width: 80% !important;
    float: left;
}

ul#sel>li {
    color: red;
    width:30% ;
    height: 30px;
    position: relative;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    /* background-color:red; */
    opacity: 1;
    text-align: center;


}

ul#sel>li>div {
    height: 39px;
    line-height: 29px;
    color: #fff;
    padding-left: 10px;
    cursor: pointer;
    background-image: url(../../images/seldown.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 90% 30%;
    font-size: 13px;
}

ul#sel>li>ul {
    position: absolute;
    width: 207px;
    bottom: 29px; 
    left: 0;
    z-index: 888999;
    box-sizing: border-box;
    border: 2px solid #ccc;
    background-color: #fff;
    opacity: 1;
    overflow-y: auto;
    max-height: 300px;
    display: none;
}

ul#sel>li>ul.active {
    display: block;
}

ul#sel>li>ul::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

ul#sel>li>ul::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

ul#sel>li>ul::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}

ul#sel>li ul li {
    color: #000;
    width: 90%;
    opacity: 1;
    padding-left: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    padding: 3px 10px;
    margin: auto;
    font-size:13px;

}

ul #sel>li ul li.active {
    background-color: #3399FF;
    color: #fff;
}


.right_huodong {}

.right_huodong>li>a {
    display: flex;
    margin-bottom: 30px;
}

.right_huodong>li img {
    width: 154px;
    height: 96px;
}

.right_huodong>li div {
    margin: 0;
    padding-left: 20px;
    width: calc(100% - 154px);
    ;
    box-sizing: border-box;

}

.right_huodong>li div p {
    font-weight: 400;
    font-family: Microsoft YaHei;
}

.right_huodong>li div p:first-child {
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    white-space: nowrap;
    color: #000000;
}

.right_huodong>li div p:nth-child(2) {
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
    line-height: 20px;
}

.right_huodong>li div p:last-child {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
/*提示框样式开始*/
.alertwrap {
    display: none;
}
.filter_black {
    overflow-y: scroll;
    position: fixed;
    z-index: 30;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .55);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zixun_box {
    width: 20rem;
    overflow: hidden;
    background: #fff;

}
.alert_title22 {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    color: #fff;
    background: #002fa7;
    font-size: 16px;
    margin-bottom: 25px;
}

.alert_title22 a {
    float: right;
}

.zixun_btn {
    border-top: 1px dashed #ddd;
    padding: 22px 0;
    margin-top: 30px;
}
.zixun_btn a {
    display: block;
    width: 115px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    background: rgb(0, 47, 167);
    cursor: pointer;
}

.zixun_btn a.alertbtn {
    width: 115px;
}

.zixun_infor {
    margin: 0 35px 35px 35px;
    text-align: center;
    font-size: 17px;
}

.zixun_infor img {
    margin: 15px 0 25px 0;
}
/*提示框样式结束*/