html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

.time03{transition: all 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
.time05{transition:all  0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;}
.underline{height: 2px; margin-top: 0px; background-color: #0068b7; width: 0%; display: block;}

.container{width:84%; margin: 0 auto;}

.header{width:100%;  height:96px; position: fixed; left: 0; top: 0; z-index: 101; webkit-transition: height 0.35s; -moz-transition: height 0.35s; transition: height 0.35s; background-color: #fff; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.08);}
.header .logo{float:left; max-width:20%; margin-top:25px;}
.header .headerright{float:right;}
.header .headerright .menu{float:left;}
.header .headerright .menu>ul>li{float:left; padding: 0px 24px; margin-top: 24px;position: relative; cursor: pointer;}
.header .headerright .menu>ul>li>a{font-size: 16px; font-size:16px; line-height:36px; color:#515151; display: block;}

.header .headerright .menu>ul>li:hover>a{}
.header .headerright .menu>ul>li.act a .underline{width: 100%; margin:0px auto 0px;}
.header .headerright .menu>ul>li:hover a .underline{width: 100%; margin:0px auto 0px;}
/**/
.header .headerright .menu>ul>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.sub-menu {
    position: absolute;
    z-index: 999;
    width: 200px;
    left:-1px;
    top: 54px;
    background: #fff;
    padding:0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-top:3px solid #0068b7;
}
.sub-menu .sj{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #0068b7;
    position: absolute;
    left:32px;
    top:-10px;
}
.sub-menu > li > a {
    display: block;
    text-align: left; 
    font-size: 15px;
    color: #666;
    line-height: 2.4;
    height:48px;
    line-height:48px;
    padding:0px;
    border-bottom:1px dashed #eee;
    transition: all .3s;
    padding-left:32px;
}

.sub-menu > li > a:hover {
    background: #0068b7;
    color:#fff;
}

.sub-menu:after {
    display: none;
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}





.header .headerright .tel{float:left; margin:24px 0px 0px 48px;}
.header .headerright .en{float:left; margin-left:36px; margin-top:30px;}
.header .headerright .tel .icon{font-size:13px; background: url(../images/icon-tel.png) no-repeat left; background-size: 20px; padding-left: 26px; margin-bottom: 6px;}
.header .headerright .tel span{font-size:16px; font-weight:bolder; color:#000;}
.header .headerright .search{float:left; margin-top:30px; margin-left: 24px; position: relative;}
.web_nav{display:none;}
.header .headerright .searchbox {
    display: none;
    position: fixed;
    right: 0;
    top: 0px;
    width: 100%;
    bottom:0px;
    padding: 15% 20%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
}
.header .headerright .searchbox.clicked{display:block;}
.header .headerright .searchbox form{width:60%}
.header .headerright .searchbox input {
    outline: none;
    line-height: 30px;
    width: 100%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
    border-radius: 0px;
}
/*
.header .headerright .searchbox #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;text-align:left;
    box-sizing: border-box;
}

.header .headerright .searchbox #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.header .headerright .searchbox #keyword::placeholder {
    color: #fff;font-size:13px;text-align:left;
}*/

.search-close-btn {
    position: relative;
    top: 0px;
    left:  calc(80% - 30px);;
    width: 30px;
    height: 30px;
    margin-bottom:12px;
    text-align: center;
    line-height: 30px;
}



.search-close-btn i {
    width: 100%;
    height: 100%;
    display: block;
}

.search-close-btn i:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    background-position: -30px -300px;
}




/*index banner11*/
.banner11{padding-top:96px;}
.banner11 img{ display:block;width: 100%;}
.banner11 .swiper-page{text-align: center; padding-right: 100px;box-sizing: border-box;}
.banner11 .swiper-page,.banner11 .swiper-page span{color:#fff; font-size: 24px; border-radius: 0px;  padding: 0px 16px;}
.banner11 .swiper-page .swiper-pagination-current{font-size: 32px; font-weight: 500;}


/*indexabout*/
.indexaboutbox{position:relative; background: url(../images/adbg.png) no-repeat bottom; background-size: cover; margin-top:52px;}
.indexaboutbox .aboutbox{position:absolute; z-index: 1; width: 100%;}
.indexaboutbox .aboutbox .aboutleft{width:50%; float:left;}
.indexaboutbox .aboutbox .aboutleft .abouttit{margin-top: 80px;}
.indexaboutbox .aboutbox .aboutleft .abouttit .en{font-size: 28px;}
.indexaboutbox .aboutbox .aboutleft .abouttit .en span{font-weight: bolder; padding-right: 18px;}
.indexaboutbox .aboutbox .aboutleft .abouttit .cn{font-size:24px; color:#0068b7;}
.indexaboutbox .aboutbox .aboutleft .abouttit .line{display: block; height:2px; width:35px; background: #0068b7; margin-top: 38px; margin-bottom:28px;}
.indexaboutbox .aboutbox .aboutleft .aboutinfo p{color:#b1b2b4; font-size: 16px; text-indent:2em; line-height: 34px;}
.aboutnum{margin-top:52px; padding-top: 76px; border-top:2px solid #e5e9ed;}


.aboutimg{position: absolute; width:46%; right:0px; z-index: 2}
.aboutimg img{max-width: 100%;height: 796px;}

.data-list li{width:33.333%; float:left; margin-bottom: 48px;}
.data-list li:nth-child(3n+2){text-align: center;}
.data-list li:nth-child(3n+3){text-align: right;}
.data-list li h2:after { content: '+'; font-size: 14px; padding-left: 10px; font-weight:normal; display: inline-block; position: relative; top:-30px;}
.data-list li:nth-child(1) h2:after {content: '亿';}
.data-list li:nth-child(2) h2:after {content: '亿';}
.data-list li:nth-child(3) h2:after {content: '亩';}
.data-list li:nth-child(4) h2:after {content: '平方米';}
.data-list li:nth-child(5) h2:after {content: '个';}
.data-list li:nth-child(6) h2:after {content: '个';}
.data-list li h2 {font-size: 36px; line-height: 1; color: #0068b7;}
.data-list li p { font-size: 16px; display:block; margin-top: 10px;}
.data-list li:nth-child(2) p{padding-right: 20px;}
.data-list li:nth-child(3) p{padding-right: 48px;}
.data-list li:nth-child(3) h2{padding-right: 15px;}
.data-list li:nth-child(5) p{padding-right: 20px;}
.data-list li:nth-child(6) h2{padding-right: 35px;}
.data-list .flex li span { font-size: 60px; line-height: normal; margin-bottom: 15px; color: #0068b7;}




.indexpro{position: relative; padding-top:106px;}
.protit{background:#fff; padding-bottom:88px;}
.protit h2{font-size: 26px; font-weight: bold; color:#000; float:left;}
.protit a{float:right; color:#0068b7; font-size: 14px; line-height:39px; padding-right: 32px; background: url(../images/pro-more.jpg) right no-repeat; background-size:24px;}


.indexprolist{width:100%; overflow: hidden;}
.indexprolist .swiper-fa{width:100%; padding-left:8%;}
.indexprolist::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40%;
      background:#0068b7;
    }
.swiper-fa .swiper {padding-bottom: 126px;}
.swiper-fa .swiper-slide {box-sizing: border-box; border:0px solid #0068b7; text-align: center; font-size: 18px; background: #fff;}
.swiper-fa .swiper-slide:hover{border:1px solid #0068b7;}
.swiper-fa .swiper-slide a{background:#f6f6f6;}
.swiper-fa .swiper-slide .indexpro{width:100%; background:url(../images/probg.png); background-size: cover; padding-top:0px;    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 105%;
    height: 0px;}
.swiper-fa .swiper-slide img {display: block;  max-width: 100%;max-height: 100%;
    position: absolute;
    top:50%;
    left:50%;
    
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate(-50%,-50%);}

.swiper-fa .swiper-slide p{display: block; width:100%; height:72px; line-height:72px; overflow:hidden; font-size: 26px; color:#000; background:#fff;}
.swiper-fa .swiper-slide:hover p{color:#0068b7}
.swiper-propage-next{left:90%;}
.swiper-button-next, .swiper-button-prev{top:32%;}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{top:auto; bottom:64px; background:#fff; width:84%; margin: 0 auto;}
.my-pagination-progressbar-fill{background: #fff;    position: absolute;
    left: 0;
    top: -25%;
    width: 100%;
    height: 150%;
    transform: scale(0);
    transform-origin: left top;}




.indexaboutcon{margin:96px 0px;}
.indexaboutcon .container{background:#f2f2f2 url(../images/aboutbg.png) no-repeat; background-size: cover; min-height:626px; padding-top:48px;}
.aboutconbox{margin:8px auto 0px; width:1024px; border-radius:6px; background: #fff;  padding-bottom:32px;}
.index-title {
    text-align: center;
    position: relative;
}

.index-title h3 {
    padding-top: 42px;
    font-size: 48px;
    color:#f00;
    background-image:-webkit-linear-gradient(#a4bcda,#fff); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    height:48px;
}
.index-title .box{height:40px;}
.index-title h4 {
    font-size: 26px;
    color: #000000;
    line-height: 26px;
    height:26px;
    width:100%;
    background: #fff;
    margin-top:40px;
    position: relative;
    z-index: 2;
}


.index-title span {
    height:2px; background:#0068b7; width:32px; display: block; margin: 24px auto;
}

.aboutconbox .acon{padding:0px 48px; line-height:26px; font-size:14px; color:#7a7a7a;}
.aboutconbox .acon p{text-indent: 2em;}

.aboutconbox .more{width:100%; text-align: center;}
.aboutconbox .more img{display: block; margin: 24px  auto 12px;}
.aboutconbox .more a{color:#000; font-size: 14px;}



.indexnewslist{width:100%; margin-bottom:48px;}
.indexnewslist .newsimg{float:left; width:51.4%;}
.indexnewslist .newsimg img{max-width:100%}


.indexnewslist .newslist{float:right; width:45.6%;}
.indexnewslist .newslist .newsitem{border-bottom: 1px solid #f7f7f7;}
.indexnewslist .newslist .newsitem .newsitemimg{display:none;}
.indexnewslist .newslist .newsitem .newsitemwz a.more{display: none;}
.indexnewslist .newslist .newsitem .newsitemwz span{float: right; width:20%; text-align:right; line-height:80px; font-size:15px;}
.indexnewslist .newslist .newsitem .newsitemwz a.ntit{width:80%; float:left; line-height:80px; font-size: 15px; height: 80px; overflow: hidden; color:#666}
.indexnewslist .newslist .act{background:#0068b7 url(../images/newsbg.png) no-repeat right bottom; padding:14px 30px; border-bottom: 0px solid #f7f7f7;}
.indexnewslist .newslist .act:hover{cursor: pointer;}
.indexnewslist .newslist .act a{color:#fff;}




.indexnewslist .newslist .act .newsitemimg{float:left; width:37%; overflow: hidden; display: block;}
.indexnewslist .newslist .act .newsitemimg img{max-width:100%;}
.indexnewslist .newslist .act .newsitemwz{float:left; width:58%; margin-left:5%;}
.indexnewslist .newslist .act .newsitemwz span{display: block; float:none; color:#fff; font-size: 14px; margin:16px 0px 10px; line-height:14px; width:100%; text-align:left}
.indexnewslist .newslist .act .newsitemwz a{font-size: 16px; display: block;}
.indexnewslist .newslist .act .newsitemwz a.ntit{float:none;line-height:30px; width:100%; height: 60px; overflow: hidden; color:#fff;}
.indexnewslist .newslist .act .newsitemwz a.more{display: block; width:120px; height:36px; background: #fff; border-radius:18px; color:#0068b7; line-height: 36px; text-align: center; margin-top:20px;}

 /*.indexnewslist .newsimg .newsinmbg{width: 100%;
    padding-bottom: 68%;
    border-radius: 0px 0;
    transition: 0.3s ease;
    background-size: cover;
}

.prolistbox .ulbox .li-item .img{ overflow: hidden;position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; width:100%;padding-bottom:105%;height:0px;}
.prolistbox .ulbox .li-item .img .Ispic{width:100%;padding-bottom:105%;transition: 0.3s ease; background-size: cover;    margin: 0px;}
.prolistbox .ulbox .li-item .img .Ispic:hover{ transform: scale(1.1); }
.li-img .img img {
    max-width: 100%;
    position: absolute;
    top:50%;
    left:50%;
    
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate(-50%,-50%);

}
*/
 .indexnewslist .newsimg .newsinmbg{overflow: hidden;position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center; width:100%;padding-bottom:68%;height:0px;}
 .indexnewslist .newsimg .newsinmbg img {
    max-width: 100%;
    position: absolute;
    top:50%;
    left:50%;
    
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate(-50%,-50%);

}
@media screen and (min-width:1601px){
    
    .indexnewslist .newsimg{float:left; width:824px; height:560px; overflow:hidden}
   
    
    
    .container{width:1600px;}
    .indexnewslist .newslist .act .newsitemimg{width:272px;height: 185px; overflow: hidden; display: block; border:0px solid #ccc; box-sizing: border-box;}
    
    
    .indexnewslist .newslist .act .newsitemwz{float:left; width:54%; margin-left:3%;}
}



.footer{background: #2a2a2a; padding-top:0px;}
.footer-top{padding:52px 0px; border-bottom: 3px solid #383838;}
.footerlogo{float:left;}
.footernav{float:right; color:#fff; margin-top: 24px;}
.footernav a{color:#fff; font-size: 16px; padding:0px 14px;}
.footercontact{padding:52px 0 52px 12%; border-bottom: 3px solid #383838; color:#fff; font-size: 14px; font-weight: bolder;}
.footercontact .citem{float:left; width:33.33333%;}
.footercontact span{display: block; color:#696969; font-weight:normal;}
.footercopyright{line-height: 96px; color:#696969; font-size: 14px;}
.footercopyright p{float:left}
.footercopyright a{float:right; color:#696969;}

@media screen and (max-width:1600px){
    .banner11 img{max-width:100%}
    .indexaboutbox .aboutbox .aboutleft .abouttit{margin-top:60px}
    .indexaboutbox .aboutbox .aboutleft .abouttit .line{margin-top:28px; margin-bottom:18px;}
    .indexaboutbox .aboutbox .aboutleft .aboutinfo p{line-height:32px;}
    .aboutnum{margin-top:32px; padding-top:48px;}
    .data-list li{margin-bottom:33px;}
    .indexnewslist .newslist .act .newsitemwz a.more{margin-top:0px;}
    .indexnewslist .newslist .newsitem .newsitemwz span{line-height:74px;}
    .indexnewslist .newslist .newsitem .newsitemwz a.ntit{height:74px;line-height:74px;}
    .indexnewslist .newslist .act .newsitemwz span{line-height:14px;}
    .indexnewslist .newslist .act .newsitemwz a.ntit{line-height:30px; height:60px;}
}

@media screen and (max-width:1440px){
    .container{width:92%;}
    .indexaboutbox .aboutbox .aboutleft .abouttit{margin-top:40px}
    .indexaboutbox .aboutbox .aboutleft .abouttit .line{margin-top:18px; margin-bottom:8px;}
    .indexaboutbox .aboutbox .aboutleft .aboutinfo p{line-height:28px;}
    .aboutnum{margin-top:22px; padding-top:32px;}
    .data-list li{margin-bottom:18px;}
    .indexprolist .swiper-fa{padding-left:4%;}
}

@media screen and (max-width:1366px){
    .indexnewslist .newslist .act .newsitemwz a.more{height:28px; line-height:28px;}
    .indexnewslist .newslist .newsitem .newsitemwz span{line-height:69px;}
    .indexnewslist .newslist .newsitem .newsitemwz a.ntit{height:69px;line-height:69px;}
    .indexnewslist .newslist .act .newsitemwz span{line-height:14px;}
    .indexnewslist .newslist .act .newsitemwz a.ntit{line-height:30px; height:60px;}
    .aboutimg{bottom:0px;}
}


@media screen and (max-width:1280px){
    .indexpro{padding-top:72px;}
    .protit{padding-bottom:64px;}
    .indexnewslist .newslist .act .newsitemwz a.more{height:28px; line-height:28px;}
    .indexnewslist .newslist .newsitem .newsitemwz span{line-height:64px;}
    .indexnewslist .newslist .newsitem .newsitemwz a.ntit{height:64px;line-height:64px;}
    .indexnewslist .newslist .act .newsitemwz span{line-height:14px;}
    .indexnewslist .newslist .act .newsitemwz a.ntit{line-height:30px; height:60px;}
    .indexaboutcon{margin:72px 0px;}
    .indexnewslist .newslist .act .newsitemwz span{margin-top:2px;}
}
@media screen and (max-width:1180px){
    .header .headerright .menu>ul>li{padding:0px 16px;}

}


@media screen and (max-width:1024px){
    .indexaboutbox{margin-bottom:0px;}
    .aboutimg{bottom:40px;}
    .data-list li h2{font-size:28px;}
    .indexprolist .swiper-fa{padding-left:2%;}
    .aboutconbox{width:960px;}
    .aboutconbox .acon{padding:0px 28px;}
    .indexnewslist .newslist .act .newsitemwz span{margin-bottom:4px;}
    .indexnewslist .newslist .act .newsitemwz a.more{height:28px; line-height:28px;}
    .indexnewslist .newslist .newsitem .newsitemwz span{line-height:50px;}
    .indexnewslist .newslist .newsitem .newsitemwz a.ntit{height:50px;line-height:50px;}
    .indexnewslist .newslist .act .newsitemwz span{line-height:14px;}
    .indexnewslist .newslist .act .newsitemwz a.ntit{line-height:30px; height:60px;}
}


@media screen and (max-width:768px){
    .banner11{padding-top:60px;}
    .container{width:96%;}
    .header{height:60px;}
    .header .logo{margin-top: 6px; max-width:60%;}
    .headerright .menu{display:none;}
    .headerright .tel{display: none;}
    .header .headerright{width:30%;}
    .header .headerright .search{float:right; margin:20px 0px;}


    .web_nav { display:block; float:right; width: 36px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; }
    .btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 22px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
    .btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #248cff; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
    .btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
    .btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
    .btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
    .btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
    .btn-menu.active span { opacity: 0; }
    .btn-menu.active:before { background-color: #248cff; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .btn-menu.active:after { background-color: #248cff; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
    
    .header .headerright .menu{position:absolute; top:58px; width:100%; left: 0px; background: #0068b7;}
    .header .headerright .menu ul li{width:100%; text-align:center; margin-top:0px;}
    .header .headerright .menu>ul>li{padding:0px;}
    .header .headerright .menu>ul>li>a{color:#fff; line-height:48px;}
    .sub-menu .sj{display:none;}
    .sub-menu{position:inherit; opacity:1; width:100%; background:#248cff; top:0px;visibility: inherit;-webkit-transform: translateY(0px); transform: translateY(0px);}
    .sub-menu > li > a{color:#fff; line-height:36px; height:36px; text-align:center;padding-left: 0px;}
    
    .header .headerright .searchbox form{width:100%}
    .search-close-btn{left:calc(100% - 30px);}
    .indexaboutbox{margin-top:0px;}
    .indexaboutbox .aboutbox .aboutleft .abouttit{margin-top:24px}
    .indexaboutbox .aboutbox .aboutleft{width:100%}
    .aboutimg{position:inherit; width:100%}
    .indexaboutbox .aboutbox{position:inherit;}
    
    .aboutimg{bottom:0px;}
    
    .data-list li h2{font-size:24px;}
    .data-list li h2:after{top:-25px;}
    .data-list li:nth-child(3n+1) {width: 42%;}
    .data-list li:nth-child(3n+2) { width: 24%;}
    .data-list li:nth-child(3n+3) { width: 34%;}
    
    .indexpro{padding-top:36px;}
    .protit{padding-bottom:24px;}
    
    .indexprolist .swiper-fa{width:96%; padding-left:2%;}
    .swiper-propage-next{left:auto}
    .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{width:100%}
    .indexaboutcon{margin:48px 0px;}
    .indexaboutcon .container{width:100%;}
    .aboutconbox{width:92%;}
    .aboutconbox .acon{height:260px; overflow:hidden;}
    
    .indexnewslist .newsimg{display:none;}
    .indexnewslist .newslist{width:100%}
    .indexnewslist .newslist .newsitem .newsitemwz span{display:none;}
    .indexnewslist .newslist .act{}
    
    .indexnewslist .newslist .newsitem .newsitemwz a.ntit{width:100%; overflow:hidden; height:48px; line-height:48px;}
    .footer-top{padding:24px 0px;}
    .footerlogo{float:none; text-align:center}
    .footercontact{display:none;}
    .footercopyright{line-height:32px; margin-top:12px;}
    .footercopyright p{float:none; text-align:center}
    .footercopyright a{float:none; text-align:center; display:block; width:100%;}
}
/*1024px * 768px  1280px * 800px  1366px * 768px  1440px * 900px   1600px * 900px    1920px * 1080px*/







.pbbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; padding-top:80px;}
.pbbanner img{max-width:100%;}

.main{width:100%; margin:48px 0px;}
.main .tit{text-align:center; font-size:26px; color:#515151; font-weight:600;}

.contact{width:100%; margin:60px 0px;}
.contact .citem{text-align: center; width:33.333%; float:left; padding:0px 24px; box-sizing: border-box;}
.contact .citem p{display:block; font-size:22px; color:#484848;}
.contact .citem span{display:block; font-size:18px; margin:12px 0px; color:#484848;}
.contact .citem img{}
.mapBox{ height: 300px;}
@media screen and (min-width:1600px){
    .mapBox{ height: 600px;}
}


.mainnews{background: #f2f2f2;padding:48px 0px;}
.mainnews .newslistitem{background: #fff; margin-bottom: 42px; position: relative;}
.mainnews .newslistitem .newsimg{width:66.666667%; float:left;}
.mainnews .newslistitem .newsimg img{max-width:100%; max-height:100%;}
.mainnews .newslistitem .newsdetail{width:33.333333%; position:absolute; height:100%; right:0px; padding:3% 2%;box-sizing: border-box;}
.mainnews .newslistitem .newsdetail span{display: block; float:none; color:#666666; font-size: 18px; margin:0px 0px 10px; line-height:18px;}
.mainnews .newslistitem .newsdetail a.ntit{float:none;line-height:30px; width:100%; height: 60px; overflow: hidden; color:#1a1a1a; font-size: 22px;}
.mainnews .newslistitem .newsdetail h2{float:none; line-height:30px; width:100%; height:60px; overflow:hidden;color:#1a1a1a; font-size:22px;}
.mainnews .newslistitem a:hover .newsdetail h2{color:#0068b7;}
.mainnews .newslistitem .newsdetail .simple{word-wrap:break-word;margin-top: 42px; font-size: 14px; color:#818181;}
.mainnews .newslistitem .newsdetail .nbottom{border-top:1px solid #dddddd; height:64px; position: absolute; bottom:0px; width:88%; padding-top:6px;}
.mainnews .newslistitem .newsdetail .nbottom .hit{float:right}
.mainnews .newslistitem .newsdetail .nbottom .more{float:left}


.mainprotit{background:#eeeeee; font-size:24px; height:82px; line-height:82px;}
.mainprotit .pronav{padding-left:80px; font-size:24px; float:left;}
.mainprotit .pronav a{color:#237ae4;}
.mainprotit .prosearch{float:right; padding-right: 80px;}
.mainprotit .prosearch .searchbox{margin-top: 20px; height:40px;}

input,button {border:none; outline:none;}
.searchbox form { position:relative; width:206px; margin:0 auto; height:40px;}
.searchbox input { width:182px; border-radius:5px; background:#fff; border:1px solid #ccc; float:right; width:100%; height:100%; padding-left:13px;}
.searchbox button {background:url(../images/search.png) no-repeat center center; right:5px; height:40px; width:42px; cursor:pointer; position:absolute;}

.searchbox.searchboxheader input{}
.searchbox.searchboxheader .searchinput{position:relative; width:60%; margin:0 auto; height:40px;}
.searchbox.searchboxheader button{background:#29A8AA url(../images/searcht.png) no-repeat center center; height:42px; right:27px;}
.searchbox.searchboxheader .search-close-btn{background:#29A8AA; left:auto; right:-15px; height:42px; width:42px; position: absolute;}
.searchbox.searchboxheader button:hover{background:#0068b7 url(../images/searcht.png) no-repeat center center; }
.searchbox.searchboxheader .search-close-btn:hover{background:#0068b7;}

.mainpro{background:#f5f5f5;}

.procatebox{width:20%; float:left; position: relative;}
.navMenu>li a{color:#333;}
.navMenu>li{ display: block; margin: 0; padding: 0; border: 0px; background: #f5f5f5;margin-bottom: 1px; border-bottom:1px solid #fff;}
.navMenu>li>.openbox {display: block; overflow: hidden; padding-left: 80px; line-height: 68px; color: #333333; transition: all .3s; position: relative; text-decoration: none; font-size: 16px; border: 0px solid #e3e3e3; border-radius: 0px;}
.navMenu>li>.openbox>.arrow{display: block; float: right; margin-top: 24px; margin-right: 15px; display: inline; font-size: 16px;height:16px; width:16px; background:url(../images/icon-jia.png) no-repeat;}
.navMenu li .openbox .arrow:before {display: block; float: right; margin-top: 20px; margin-right: 15px; display: inline; font-size: 16px;height:16px; width:16px; background:url(../images/icon-jia.png) no-repeat;}
.navMenu>li>.openbox>.arrow.open{float: right;margin-top:24px;margin-right: 15px;display: inline; height:16px; width:16px; background:url(../images/icon-jie.png) no-repeat;}
.navMenu li .openbox .arrow.open:before {float: right;margin-top: 1px;margin-right: 15px;display: inline; height:16px; width:16px; background:url(../images/icon-jie.png) no-repeat;}
.navMenu>li>.openbox.active, .navMenu>li>.openbox:hover { color: #333333; background: #fff; }
.navMenu>li>.openbox.active a, .navMenu>li>.openbox:hover a{color:#333333;}
.navMenu>li>.openbox.active{background: #0068b7;}
.navMenu>li>.openbox.active a{color:#fff;}
.navMenu>li>ul.pro-menu{ display: none; list-style: none; clear: both; margin:0px; padding-bottom: 5px; padding-left:80px; padding-top: 20px; background: #e8e8e8;}
 .navMenu>li>ul.pro-menu>li>ul.pro-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 0px; padding-bottom: 5px; padding-left:0px;}
.navMenu>li>ul.pro-menu li a{color:#333;}
.navMenu>li.active > ul.pro-menu, .navMenu>li>ul.pro-menu>li.active >ul.pro-menu { }
.navMenu>li>ul.pro-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.pro-menu li>.openbox { display: block; font-size: 18px; line-height: 36px; padding-left:10px; color: #ABB1B7; clear: both; }
.navMenu>li>ul.pro-menu li>.active{}
.navMenu>li>ul.pro-menu li>.active .arrow{color:#0068b7;}
.navMenu>li>ul.pro-menu li>.active a{color: #0068b7;}
.navMenu>li>ul.pro-menu li>a.active, .navMenu>li>ul.pro-menu li>a:hover, .navMenu>li>ul.pro-menu>li.active >a { color: #0068b7; }
.navMenu>li>ul.pro-menu li em{color:#466f80;font-style:normal; font-size: 10px;}
.navMenu>li>ul.pro-menu li>a:hover em{color:#fff;}
.navMenu>li>ul.pro-menu li>ul.pro-menu li> a{ display: block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #666; clear: both; }
.navMenu>li>ul.pro-menu li>ul.pro-menu li> a.active{color:#0068b7;}
.navMenu>li>ul.pro-menu li>ul.pro-menu li> a.active em{color:#0068b7;}
.navMenu>li>ul.pro-menu li>ul.pro-menu li> a:hover{color:#0068b7;}

.prolistbox{width:80%; float:left; padding-left:2px; box-sizing: border-box;}
.prolistbox .ulbox { margin-top: 0rem;}
.prolistbox .ulbox img{max-width: 100%;}

.prolistbox .ulbox .li-item {width:25%;
    float: left;
    border: 0px solid #e7e7e7;
    background: #fff;
    display: block;
    box-sizing: border-box;
    padding: 0px 2px;
    margin-bottom:15px;
}

.prolistbox .ulbox .bot {
    padding: 16px 0px;
    border-top: 1px solid #e7e7e7;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;

}

.prolistbox .ulbox .sp1 {
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
    color: #333;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
    display: block;
    height: 22px;
    overflow:hidden;
}
.prolistbox .ulbox .li-item .img{border:1px solid #f6f6f6; border-bottom:0px}
.prolistbox .ulbox .li-item:hover .img{border:1px solid #0068b7; border-bottom:0px solid #0068b7;}

.prolistbox .ulbox .li-item .img{ overflow: hidden;position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; width:100%;padding-bottom:105%;height:0px;}
.prolistbox .ulbox .li-item .img .Ispic{width:100%;padding-bottom:105%;transition: 0.3s ease; background-size: cover;    margin: 0px;}
.prolistbox .ulbox .li-item .img .Ispic:hover{ transform: scale(1.1); }


.prolistbox .ulbox .li-item:hover .bot {
    background: #0068b7;
}

.prolistbox .ulbox .li-item:hover .sp1 {
    color: #fff;
    margin-left: -5px;
}


.li-img .img {
    overflow: hidden;
    background:#f6f6f6;
}

.li-img .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top:50%;
    left:50%;
    
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate(-50%,-50%);

}

.li-img:hover .img img {
   -webkit-transform: scale3d(1.1, 1.1, 1) translate(-45%,-45%);
    transform: scale3d(1.1, 1.1, 1) translate(-45%,-45%);
    
}


.prodetailbox{width:100%; margin-top:56px;}
.prodetailboxc{width:1300px; margin:0 auto;}
.prodetailbox .proimg{width:480px; float:left; margin-bottom:24px;}
.prodetailbox .probasicinfo{width:780px; float:right;}
.prodetailbox .probasicinfo h2{font-size:42px; color:#000000; height:42px; margin-bottom:36px;}
.prodetailbox .probasicinfo .desc{font-size: 16px; line-height: 32px; max-height: 168px; overflow: hidden; padding-bottom:56px; margin-bottom:72px; border-bottom:2px solid #ececec}
.prodetailbox .probasicinfo a{display: block; width:160px; text-align: center; height: 46px; font-size: 18px; line-height: 48px;color:#000000; border:1px solid #000000;}


.prodetailtit{width:100%; height:108px; background:#0168b7;}
.prodetailtit span{display: block; margin-left:7%; font-size: 30px; color:#fff; background: #2ba2fc; height:108px; line-height: 108px; width:200px; text-align: center; font-weight:200;}
.prodetail img{display:block; margin:24px auto; max-width: 100%;}



.mainpronav{width:100%; padding:0px 8%;    background: #eeeeee;
    font-size: 20px;
    height: 82px;
    line-height: 82px;    box-sizing: border-box;}
.mainpronav a{color:#666; padding-right:15px;}
.mainpronav a:hover{color:#0068b7}
.mainpronav a.act{color:#0068b7}
.shebeidetailbox{width:100%; padding:64px 8%;  box-sizing: border-box;}
.shebeidetailboxl{float:left; width:46%;}
.shebeidetailboxr{float:right; width:50%;}
.shebeidetailboxl h2{font-size:56px; color:#000; font-weight:bold; margin-bottom:24px;}
.shebeidetailboxl p{font-size:18px; color:#333333;  line-height:36px;}
.shebeidetailboxr {color:#333; line-height:36px; font-size:18px; }


.mainbg{background: #f5f5f5; padding:60px 0px;}
.casecontainer{width:96%; max-width: 1323px; margin:0 auto;}
.casecontainer ul li{float:left;width:31%;margin-right:3%;margin-bottom:30px;}
.casecontainer ul li:nth-child(3n) {margin-right: 0px;}
.casecontainer ul li .case_img_box{display:block;width:100%;position: relative; box-shadow: 0px 0px 72px 0px #e1dddd;-webkit-transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;}
.casecontainer ul li .case_img_box .case_img{text-align:center;width:100%;height:210px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.casecontainer ul li .case_img_box .case_img img{vertical-align:middle;max-width:100%;max-height:100%;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.casecontainer ul li .case_img_box .case_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.casecontainer ul li .case_img_box p a{ display:block;height:33px;line-height:30px;font-size:17px;text-align:left;color:#333;padding:10px 45px 30px 15px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
word-break: break-all ;
background: url(../images/jiantou.png) no-repeat right bottom;
background-size: 16px 16px;
background-position: 96% 33px;
}
.casecontainer ul li .case_img_box:hover img{transform: scale(1.1,1.1);opacity: 0.8;}
.casecontainer ul li .case_img_box:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #0068b7;  transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.casecontainer ul li .case_img_box:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }

.detailcontainer{width:96%; max-width: 1200px; margin: 40px auto;}
.detailcontainer h2{font-size: 24px; font-weight: bold; line-height: 1.4; text-align: center;}

.detailcontainer .datalist {font-size: 14px; color: #bbb; margin-top: 0.2rem; text-align: center;}
.datalist span{ padding-left:20px; }
.datalist span.data{background: url(../images/icon-detaildata.png) no-repeat 0px 5px; padding-right: 32px;}
.datalist span.hit{background: url(../images/icon-detailhit.png) no-repeat 0px 5px;}
.detailcontent{
  word-wrap:break-word;
  padding-bottom: 32px;
  padding-top: 24px;
  color: #666;
  line-height: 2;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  margin-top: 24px;
  font-size: 14px;
}
.detailcontent p{line-height: 32px; text-indent: 2em;}
.detailcontent img {
  display: block;
  margin: 10px auto;
}
@media (max-width: 768px) {
  
}
@media (max-width: 640px) {
  
}
.pnext {
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 14px;
}
.pnext a {
  color: #999;
  display: block;
}
.pnext a:hover {
  color: #184cb6;
}
.pnext .pnext {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.pnext .return {
  color: #666;
}
.pnext .return:hover {
  color: #184cb6;
}
.pnext .next {
  padding-right: 0.2rem;
  position: relative;
}
@media (min-width: 769px) {
  .pnext {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
  }
  .pnext .pnext {
    max-width: 30%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .pnext .return {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
  }
  .pnext .next {
    text-align: right;
  }
  .pnext .next .iconfont {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 768px) {
  .pnext {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }
  .pnext .pnext .iconfont {
    display: none;
  }
  .pnext .return {
    color: #666;
  }
  
  
  .mainpronav{display:none;}
  
  .shebeidetailboxl{width:100%}
  .shebeidetailboxl h2{font-size:24px;}
  .shebeidetailboxl p{font-size:14px; line-height:24px;}
  .shebeidetailboxr{font-size:14px; line-height:24px; width:100%; margin-top:12px; padding-top:12px; border-top:2px solid #ccc;}
  .header .headerright .en{margin-top:15px; margin-left:0px; margin-left:10px; float:right}
}



.aboutnav{width:100%; height:80px; text-align: center;}
.aboutnavc{margin: 0 auto; width:1100px;}
.aboutnavc a{display:block; width:220px; height:80px; float: left; line-height: 80px; font-size: 16px; color:#3c3c3c;}
.aboutnavc a.act{background: #CD001A; color:#fff;}
.aboutnavc a:hover{background: #CD001A; color:#fff;cursor:pointer}

.mian-aboutbox{margin:154px 0px 0px 0px; position:relative;}
.mian-aboutbox .pa{width:53.5%; position:absolute; left:46.5%; z-index: -1;}
.maincontainer{width:1360px; margin:0 auto;}
.aboutboxinfo{width:642px; float:left;}
.aboutboxinfo .aboutit{font-size: 25px; color:#262626; font-weight: bolder; position: relative; border-bottom: 2px solid #e5e5e5; width:72%; padding-bottom:24px; margin-bottom: 30px; font-family: PingFang SC;}
.aboutboxinfo .aboutit span{width:130px; height: 2px; background: #0168b7; display:block; position:absolute; bottom:-2px;}
.aboutboxinfo .aboutc{font-size:14px; line-height: 30px;}
.aboutboxinfo .aboutc h3{color:#818181; margin-bottom: 16px; font-family:PingFang SC;    font-weight: 500;}
.aboutboxinfo .aboutc p{text-indent:2em; color:#818181; font-size:16px;font-family:PingFang SC;}
.nyaboutimg{width:642px; float:right; margin-top:90px;}
.nyaboutimg img{max-width: 100%;}

.culturetit{text-align: center; font-size: 24px; color:#000; font-weight: bolder; margin-top:88px;}
.lnitem{width:20%; float:left; text-align: center; font-size: 18px; color:#000; font-family: fantasy;}
.lnitem img{display:block; margin:72px auto 42px;}

.culturebox{width:100%; background: url(../images/culturebg.png) no-repeat; min-height: 360px; margin-top: 32px;}
.culturebox .maincontainer{ padding:66px 0px;}
.culturebox .cultureimg{float:left;}
.culturebox .culbox{width:830px; float:right; color:#fff;}
.culturebox .culbox .culturitem{width:48%; float:left; margin:72px 0px;}
.culturebox .culbox .culturitem h3{font-size: 20px; font-weight: bolder;}
.culturebox .culbox .culturitem span{display: block; width:30px; height:5px; background: #fff; margin:12px 0px 22px}
.culturebox .culbox .culturitem p{font-size:14px;}

.history{background:#f7f7f7; padding:172px 0px; width:100%; position: relative;}
.history .year{
    font-size:26vw;
    letter-spacing: 2vw;
    color:#efefef;
    font-weight:bold;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    top: 8%;
    transform: translateX(-50%);
    z-index: 1;
    text-transform: uppercase;
}

.history .blue{
    width:32%; 
    height:18vw; 
    background: #0168b7;
    position: absolute;
    bottom: 12vh;
    z-index: 2;
}

.historycontainer{margin-left: 20%; position: relative; z-index: 3;}
.historyimg{float:left;}
.historyiteminfo{float:left; width:640px; margin-left:56px; color:#808080;}
.historyiteminfo h3{color:#808080; font-size: 16px; margin-top: 136px; margin-bottom:12px;}
.historyiteminfo p{color:#808080; font-size: 16px; letter-spacing: 2px;}
.historyiteminfo a{margin-top:60px; display: block; color:#808080; padding-left: 24px; background:url(../images/icon-yuan.png) no-repeat left;}
.hide{display:none;}
.yearlist{padding-top: 6vh; text-align: center; font-size:16px; color:#636363;position: absolute;
    bottom: 60px;
    z-index: 10;
    text-align: center;
    width: 100%;}
.yearlist a{padding: 0px 16px 10px;}
.yearlist a.active{color:#CD001A; border-bottom:2px solid #CD001A;}


.abouthonor{padding:96px 0px; position:relative;}
.abouthonor .yuan{width: 274px;
height: 274px;
background: #E7EEF6;
border-radius: 50%; position:absolute; z-index:-1; left: 24%; top: 40%;}
.honortit{float:left; width:18%; margin-left:15%; margin-top:100px;}
.honortit h2{ font-size: 20px; color:#000; font-family: PingFang SC;}
.honortit a{margin-top:60px; display: block; color:#808080; padding-left: 0px; cursor: pointer;}
.honorlist{width:66%; float:right; position: relative; min-height:300px; background: url(../images/honorbg.png) no-repeat right;
    padding: 150px 0px 150px 0px;
    background-size: auto 100%;
    box-sizing: border-box;}
.honorlist .swiper-slide img{max-width: 100%;}
.honorlist .swiper-slide p{width:100%; height:42px; background: #CD001A; display: block; text-align: center; line-height: 42px; overflow: hidden; color:#fff; font-size: 14px;}
.honorlist .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 100px;}



.page-list {
    width:100%;
    text-align:center;
    margin:45px 0 99px 0;
}
.page-list a {
    display:inline-block;
    width:34px;
    height:34px;
    border:1px solid #ddd;
    border-right:none;
    text-align:center;
    line-height:32px;
    color:#0068b7;
    font-family:SimSun;
}
.page-list a:last-child {
    border:1px solid #ddd;
}
.page-list a:first-child {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.page-list a:last-child {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.page-list a.frist, .page-list a.prev, .page-list a.next, .page-list a.last {
    width:auto;
    padding:0 12px;
}
.page-list a:hover {
    color:#fff;
    border-color:#0068b7;
    background:#0068b7;
}
.page-list a.on {
    color:#fff;
    border-color:#0068b7;
    background:#0068b7;
}



@media(max-width: 1600px){
    .historyimg{width:40%;}
    .historyimg img{max-width: 100%;}
}

@media screen and (max-width:1440px){
    .mian-aboutbox{margin-top:72px;}
    .history{padding:126px 0px;}
    .historyiteminfo{width:50%; margin-left:6%;}
    .historyiteminfo h3{margin-top:108px;}
    .history .blue{height:15vh;}
    .honorlist{padding:120px 0px;}
}

@media screen and (max-width:1366px){
    .maincontainer{width:1200px;}
    .nyaboutimg{width:584px;}
    .aboutboxinfo{width:583px;}
    .aboutboxinfo .aboutit{margin-bottom:20px; padding-bottom:16px;}
    .culturetit{margin-top:66px;}
    .culturebox .culbox{width:700px;}
}


@media screen and (max-width:1280px){
    .mainprotit .pronav{padding-left:40px;}
    .navMenu>li>.openbox{padding-left:40px;}
    .navMenu>li>ul.pro-menu{padding-left:40px;}
    .mainnews .newslistitem .newsdetail .simple{margin-top:8px;}
}
@media screen and (max-width:1180px){
    .maincontainer{width:1140px;}
        .nyaboutimg{width:564px;}
    .aboutboxinfo{width:563px;}
    .culturebox .culbox{width:660px;}
}

@media screen and (max-width:1024px){
    .mainprotit .pronav{padding-left:24px;}
    .navMenu>li>.openbox{padding-left:24px;}
    .navMenu>li>ul.pro-menu{padding-left:24px;}
    .shebeidetailboxl h2{font-size:32px;}
.shebeidetailboxl p{font-size:16px; color:#333333;  line-height:32px;}
.shebeidetailboxr {color:#333; line-height:32px; font-size:16px; }

    .container{width:96%;}
    .aboutnavc{width:100%}
    .aboutnavc a{width:20%;}
    .header .headerright .tel{display:none;}
    .maincontainer{width:96%;}
    .mian-aboutbox{margin-top:56px;}
    .aboutboxinfo{width:100%}
    .nyaboutimg{width:100%;  text-align:center; margin-top:0px;}
    .culturebox .cultureimg{}
    .culturebox .culbox{width:500px; float:right;}
    .culturebox .culbox .culturitem{margin:10px 0px; width:100%}
    
    .historycontainer{margin-left:10%;}
    .historyiteminfo h3{margin-top:56px;}
    .honortit{margin-left:8%;}
    .honorlist{width:72%; padding:56px 0px;}
    
    .honorlist .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:40px;}
}


@media screen and (max-width:768px){
    .honortit a{margin-top:12px;}
    .aboutnav{height:60px;}
    .aboutnavc a{height:60px; line-height:60px; font-size:12px;}
    .mian-aboutbox{margin-top:32px;}
    
    .culturetit{margin-top:32px;}
    .lnitem img{margin:24px auto 16px; width:40px; height:40px;}
    .lnitem{font-size:14px;}
    .searchbox.searchboxheader .searchinput{width:90%;}
    .header .headerright .searchbox{padding:15% 4%;}
    .culturebox{background: url(../images/culturebg.png) no-repeat bottom;}
    .culturebox .cultureimg{width:100%}
    .culturebox .maincontainer{padding:0px 0px 24px;}
    .culturebox .cultureimg img{max-width:100%;}
    .culturebox .culbox{width:100%}
    .culturebox .culbox .culturitem span{height:2px; margin:8px 0px 12px;}
    
    .history{padding:42px 0px;}
    .history .blue{display:none;}
    .historyimg{width:100%}
    .historycontainer{margin-left:0px; width:96%; margin:0 auto;}
    .historyiteminfo{width:100%; margin-left:0px; padding-bottom:60px;}
    .historyiteminfo h3{margin-top:12px;}
    .historyiteminfo a{display:none;}
    .yearlist{bottom:30px;}
    
    .abouthonor{padding:32px 0px;}
    .honortit{margin-left:2%; width:96%; margin-top:0px;}
    .honorlist{width:96%; padding:24px 0px; margin: 0 auto;}
    
    .pbbanner{padding-top:58px;}
    
    .mainbg{padding:32px 0px;}
    
    .casecontainer ul li{width:100%; margin-right:0px;}
    .casecontainer ul li .case_img_box p a{font-size:14px; line-height:24px; padding-bottom:10px; background-position: 96% 40px;}
    
    .mainnews .newslistitem .newsimg{width:100%;}
    .mainnews .newslistitem .newsdetail{width:100%; position: inherit; margin-top:10px;}
    .mainnews .newslistitem .newsdetail .simple{margin-top:10px;}
    .mainnews .newslistitem .newsdetail .nbottom{display:none;}
    
    .mainprotit .pronav{padding-left:0px;}
    
    .mainprotit{height: auto; padding:0px 2%;}
    
    .mainprotit .pronav{font-size:16px; line-height:42px; float:right; width:100%}
    .mainprotit .prosearch{padding-right:0px; float:left; margin-bottom:12px; padding-left: 2%; width:100%}
    .mainprotit .prosearch .searchbox{margin-top:0px;}
    .searchbox form{width:100%}
    .searchbox input{width:100%}
    .procatebox{width:100%}
    .navMenu>li>.openbox{line-height:48px; padding-left:12px;}
    .navMenu>li>ul.pro-menu{padding-top:4px; padding-left:12px;}
    
    .prolistbox{width:100%}
    .prolistbox .ulbox .li-item{width:50%;}
    
    .prodetailboxc{width:96%;}
    .prodetailbox .proimg{width:100%}
    .prodetailbox .probasicinfo{width:100%}
    
    .prodetailbox .probasicinfo h2{font-size:16px; height:auto; margin-bottom:12px;}
    .prodetailbox .probasicinfo .desc{padding-bottom:12px; margin-bottom:12px;}
    
    .prodetailtit{margin-top:12px; height:64px;}
    .prodetailtit span{margin-left:2%; font-size:16px; line-height:64px;height:64px; width:100px;}
    .pnext{margin:0px;}
    
    .contact .citem{width:100%}
    .contact .citem img{}
    .contact .citem p{font-size:18px;}
}



.mianhonorbox{background:#F6F7FB; padding-bottom:44px;}
.honorcontainer{width:96%; max-width:1654px; margin:0 auto;}
.honorcontainer .honoritem{width:385px; margin:40px 35px 0px 0px; background: #f0f0f0; padding:10px 10px 0px 10px; box-sizing: border-box; float:left;}
.honorcontainer .honoritem .honorimg{ overflow: hidden;position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; width:100%;padding-bottom:71%;height:0px;}

.honorcontainer .honoritem img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate(-50%,-50%);
}
.honorcontainer .honoritem:nth-child(4n){margin-right:0px;}
.honorcontainer .honoritem .htit{line-height:54px; height:54px; font-size:20px; color:#3C3C3C; text-align: center; overflow:hidden;}
.honorcontainer .honoritem:hover .htit{color:#0068B7;}

.thumb-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.thumb-popup .thumb-copy-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 94%;
  max-width: 1000px;
  overflow: hidden;
}

.thumb-popup .thumb-copy-wrapper .swiper-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}

.thumb-popup .thumb-copy-wrapper .swiper-wrapper li {
  width: 100%;
}

.thumb-popup .thumb-copy-wrapper .swiper-wrapper li img {
  display: block;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}

.honor-swiper-button-next, .honor-swiper-button-prev{
    top:calc(50% - 20px);
    width:92px;
    height:132px;
    color:#fff;
    border-radius:10px;
    background: rgba(0, 0, 0, 0.4);
    right:calc(50% - 600px);
}
.honor-swiper-button-prev{
    left:calc(50% - 600px);
}


.thumb-popup .close {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9;
  width: 33px;
  height: 33px;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #333;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}


.jobbox{background: #f6f6f6; padding:64px 0px}
.jobcontainer{width:96%; max-width:1592px; margin: 42px auto 0px;}
.jobtit{text-align: center; font-size:35px; color:#262626; text-align: left; width:160px; margin:0 auto; position: relative;}
.fk{display: block; width:11px; height:11px; background: #0068B7}
.jobtit .fk{float:right; position:absolute; bottom:0px; right:0px;}
.jobitembox{width:774px; margin-right:44px; float:left; background: #fff; margin-bottom:44px; box-sizing: border-box; position:relative;}
.jobitembox .jobitem{padding:36px 44px; box-sizing: border-box; width:100%;}
.jobitembox:nth-child(2n){margin-right:0px;}
.jobitem h2{color:#000; font-size: 22px; line-height:22px; height:22px; font-weight: bold;}
.jobitem span{display:block; font-size:19px; color:#171717; margin:12px 0px;}
.jobitem .more{font-size:19px; color:#0068B7;}
.jobitem .fk{position:absolute; bottom:10px; right:10px;}
.jobitembox.act .more{display:none;}
.jobitembox .jobitem .yaoqiu{display:none;}
.jobitembox .jobitem .zhize{display:none;}
.jobitembox .close{display:none;}
.jobitembox.act .close{display: block;}
.jobitembox.act .close {
  position: absolute;
  right: 20px;
  top: 0px;
  z-index: 99;
  width: 33px;
  height: 33px;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #333;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.jobitembox.act .yaoqiu{margin:66px 0px 0px; display: block;border-top: 1px solid #f3f3f3;
padding-top: 39px;
margin-top: 39px;}
.jobitembox.act .yaoqiu h3{color:#0068B7; font-size:15px; font-weight: normal; margin-bottom:10px;}
.jobitembox.act .yaoqiu .yaoqiucon{line-height:36px; font-size:15px; color:#242424;}
.jobitembox.act .fk{display:none;}
.jobitembox.act .jobitem{position:absolute; z-index:11; background:#fff; overflow-y:auto;}

.jobitembox.act .zhize{margin:66px 0px 0px; display: block;}
.jobitembox.act .zhize h3{color:#0068B7; font-size:15px; font-weight: normal; margin-bottom:10px;}
.jobitembox.act .zhize .zhizecon{line-height:36px; font-size:15px; color:#242424;}

.jobitembox.act .jobitem::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.jobitembox.act .jobitem::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #0068B7;
    }
.jobitembox.act .jobitem::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.0);
        border-radius: 10px;
        background: #fff;
    }

@media screen and (max-width:1600px){
    
}

@media screen and (max-width:1440px){
    .honorcontainer .honoritem{width:23.5%; margin-right:2%}
    
    .jobitembox{width:668px;}
}

@media screen and (max-width:1366px){
        .honorcontainer .honoritem{width:23.5%; margin-right:2%}
    
    .jobitembox{width:49%; margin-right:2%;}
}
@media screen and (max-width:1024px){
    .honorcontainer .honoritem{width:32%; margin-right:2%}
    .honorcontainer .honoritem:nth-child(4n){margin-right:2%}
    .honorcontainer .honoritem:nth-child(3n){margin-right:0px}
    .jobitembox{width:49%; margin-right:2%;}
}

@media screen and (max-width:768px){
    .jobbox{padding:32px 0px;}
    .honorcontainer .honoritem{width:48%; margin-right:4%}
    .honorcontainer .honoritem:nth-child(4n){margin-right:0px}
    .honorcontainer .honoritem:nth-child(3n){margin-right:4%}
    .honorcontainer .honoritem:nth-child(2n){margin-right:0px}
     .jobitembox{width:100%; margin-right:0%;}
}