@charset "UTF-8";
@font-face{font-family:'din'; src: url('../font/din.otf');}
@font-face {
    font-family: 'Alibaba';
    src: url('../font/Alibaba-Medium.ttf');
  }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.2;  margin: 0 auto; color: #666; background-color: #fff; font-family:'Microsoft YaHei',Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent;  font-family:'Microsoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #007cca; color: #fff; text-shadow: none; }
::selection { background: #007cca; color: #fff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

::-webkit-scrollbar {width: 8px;height: 8px;background-color: rgba(255,255,255,.1);}
::-webkit-scrollbar-thumb { border-radius: 50px; background-image: -webkit-linear-gradient(120deg, #048de3,#007cca);  background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca);}
::-webkit-scrollbar-thumb:hover { background: #007cca;}


a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
.container{position: relative; width: 1560px; max-width: 1560px; height: 100%; margin: 0 auto;}

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%;*height: auto;}
.rect-50 {padding-bottom: 50%;}
.rect-506 {padding-bottom: 50.6%;}
.rect-553 {padding-bottom: 53.3%;}
.rect-67 {padding-bottom: 67%;}
.rect-100 {padding-bottom: 100%;}

.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

/*头部*/
.header{height:110px; z-index: 9999;width: 100%; position:fixed;transition:0.5s all;  background: url(../img/header_bg.png)  repeat-x center bottom;}
.header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.15); transition:2s}
.header.on:before{ width:0%}
.header .logo{ height:110px; display:flex;  align-items:center; transition:0.5s all;}
.header .logo img{ height:50px; display:block;  transition:0.5s all;}
.header .logo .lg2{display: none;}
.lan_con{ display: flex; position: relative;}
.lan_con .lan_tit {width: auto;line-height: 36px;display: flex;align-items: center; cursor: pointer;}
.lan_con .lan_tit img { width: 24px; height: 24px; margin-right: 5px;}
.lan_con .lan_tit span {display: inline-block;font-size: 17px;color:#333; font-weight: bold;}
.lan_con .lan_list {display: flex; background: #fff; padding: 10px 20px; position: absolute; z-index: 99;top: 110px; right: 0;font-size: 16px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity: 0;visibility: hidden;transform:  translate(0, 20px);transition: all .3s ease;flex-direction: column;}
.lan_con .lan_list::before{position: absolute; content: ''; top:-12px; left: 50%; transform: translateX(-50%); width: 0;height: 0;border-left: 12px solid transparent;  border-right: 12px solid transparent;  border-bottom: 12px solid #fff; }
.lan_con .lan_list span { position: relative; line-height: 1px; display: inline-block; height: 1px; width: 100%;}
.lan_con .lan_list p{line-height: 40px;}
.lan_con .lan_list a{ display: block; color: #333; font-weight: bold;}
.lan_con .lan_list a:hover{color: #007cca;}
.lan_con:hover .lan_list{opacity: 1;visibility: visible;transform: translate(0, 0);}
/*下拉菜单*/
.header .nav{ display: flex; position: relative; height:110px; transition:0.5s all;}
.header .nav>ul{display:flex; position: relative; height:100%;}
.header .nav .drop{display: inline-block;text-align: center;padding: 0 24px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.header .nav .drop>a{position: relative; height:100%; display:flex; justify-content:center;align-items:center; font-size: 17px; color: #333; font-weight: bold;}
.header .nav .drop .subbox{display: none;width: 100%; height: 360px; right: 0; top: 100px; position: absolute; background: #fff; }
.header .nav .drop:hover>a{ color: #007cca;}
.header .nav .drop .subbox:last-child{ right: 0;}
.header .nav .drop .subbox .subnavl{ width: 38%; float: left; padding: 20px 0 10px 30px;  background: #f5f5f5; height: 100%; box-sizing: border-box;}
.header .nav .drop .subbox .subnavl .txt{ margin-bottom: 20px; font-size: 18px; color: #333; font-weight: bold; text-align: left;}
.header .nav .drop .subbox .subnavl .txt span{ display:inline-block; transform:rotate(180deg);  font-size: 16px; padding-left: 10px;}
.header .nav .drop .subbox .subnavl li{border-bottom: #e0e0e0 1px solid;}
.header .nav .drop .subbox .subnavl li a{display: block; width: 100%; line-height: 45px; padding-left: 10px; color: #242424; font-size: 16px; font-weight: normal; text-align: left;}
.header .nav .drop .subbox .subnavl li:hover a{ color: #007cca; font-weight:bold;}
.header .nav .drop .subbox .subnavr{ width: 62%; float: right;}
.header .nav .drop .subbox .subnavr .navcover{ padding: 30px 20px;}
.header .nav .drop .subbox .subnavr .navcover .Img{ width: 100%; position: relative;}
.header .nav .drop .subbox .subnavr .navcover .Img img{ width: 100%;}
.header .nav .drop .subbox .subnavr .navcover .tit{ font-size: 18px;color: #333; padding: 15px 0px 4px; text-align: left; font-weight: bold;}
.header .nav .drop .subbox .subnavr .navcover .sec{ font-size: 15px; color: #666; line-height: 26px; text-align: left; font-weight: lighter;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
/*导航下拉*/
.header.scroll {background:#fff; height:80px; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: 0.5s all;}
.header.scroll.on:before{width:0px;transition: 0.01s all;}
.header.scroll .logo,.header.scroll .nav,.header.scroll .tel{height:80px;}
.header.scroll .logo .lg1{display: none;}
.header.scroll .logo .lg2{display: block;}
.header.scroll .drop .subbox{top:80px;}
.header.scroll .nav li>a{color: #333;}
.header.scroll .nav li:hover>a{color: #007cca;}
.header.scroll .nav li.active>a{color: #007cca;}
.header.scroll .lan_con .lan_list{top:80px;}
.sp_nav{ display: none;}
.sjj_nav{ display: none;}

/*======================轮播图======================*/
.banner {width:100%;position: relative; z-index:0; background:#000; overflow:hidden;}
.banner .swiper-slide .pic {height:100%; position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%;height:100%;transition: all 3s;  transform: scale(1,1); -webkit-transform: scale(1,1); display:block;}
.banner .swiper-slide-active .pic img{ transform: scale(1.05,1.05);  -webkit-transform: scale(1.05,1.05);  transition-delay:0.3s;}
.banner .swiper-pagination { bottom: 25px !important;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 24px; height: 6px; margin: 0 10px;border-radius: 0; background: #fff !important; opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ width: 24px;height: 6px;border-radius: 0;background: #007cca !important;}

.solution{ position: relative; width: 100%; padding: 40px 0; background:#007cca;}
.solution .container{ display: -webkit-flex;display: flex;height: 100%;flex-direction: row;justify-content: space-between;}
.so_search{display: flex; flex-direction: column; justify-content: center; width: 22%;}
.so_search .soluT{ font-size: 26px; color: #fff; font-weight: 600;}
.so_search .soluB{ position: relative; margin: 15px 0; font-size: 15px; color: #fff; }
.so_search .soluB a{ font-size: 15px; color: #fff; padding: 0 5px;}
.so_search .search {position: relative; width: 100%; height: 45px;}
.so_search .search .search-txt {float: left;width: 78%; background: rgba(255,255,255,0.6);}
.so_search .search input {padding: 0 5%;color: #333;width: 100%;border: none;outline: none;font-size: 15px; line-height: 45px; background: none; box-sizing: border-box;}
.so_search .search .search-btn { float: right;width: 22%;height: 45px;}
.so_search .search button { width: 100%;height: 45px; border: none; outline: none; cursor: pointer; background:rgba(0, 0, 0, 0.5) url(../img/so.png) center no-repeat; background-size: auto 20px;}
.solution .soluico{ position: relative; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; width: 22%; }
.solution .soluico .item{display: flex;flex-direction: column; justify-content: center; text-align: center;}
.solution .soluico .item a{display: block;}
.solution .soluico .item img{ height: 40px; margin-bottom: 15px;}
.solution .soluico .item p{ font-size: 18px; font-weight:bold; color: #fff;}

.product{position: relative; width: 100%;}
.product .proTabc{ position: relative;}
.product .proTabc .swiper-container,.product .proTabc .swiper-wrapper,.product .proTabc .swiper-slide{width: 100%;height: 100%;}
.product .proTabc .swiper-slide{padding: 80px 0 200px; position: relative;}
.product .proTabc .swiper-slide .container{display: -webkit-flex;display: flex; flex-direction: row; justify-content: space-between;    align-items: center; height: 100%;}
.product .proTabc .swiper-slide .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f0f9fd;}
.product .proTabc .swiper-slide .bg img{ width: 100%;}
.product .proTabc .swiper-slide .slideboxL{ width: 38%;}
.product .proTabc .swiper-slide .slideboxL .slideboxLt{ position: relative; margin-bottom: 35px; padding-left: 16px; font-size: 28px; color: #007cca; font-weight: bold;}
.product .proTabc .swiper-slide .slideboxL .slideboxLb{ position: relative; width: 100%; font-size:16px; line-height:30px;}
.product .proTabc .swiper-slide .slideboxL .slideboxLb .item{ float: left; width: 50%; margin-bottom: 10px;}
.product .proTabc .swiper-slide .slideboxL .slideboxLb .item a{display: block; margin: 0 4%; padding: 0 4%; height: 40px; line-height: 40px; font-size: 15px; color: #007cca; border: 1px #007cca solid; border-radius: 18px; box-sizing: border-box;}
.product .proTabc .swiper-slide .slideboxL .slideboxLb .item a:hover{ background: #007cca; color: #fff;}
.product .proTabc .swiper-slide .slideboxL .slideboxLt::before{ position: absolute; content: ''; left: 0; top: 50%; width: 6px; height: 25px; background: #007cca; transform: translateY(-50%);}
.product .proTabc .swiper-slide .slideboxL .slideboxLz{position: relative; margin-top: 30px;}
.product .proTabc .swiper-slide .slideboxL .slideboxLz li{float: left; margin-right: 2%;}
.product .proTabc .swiper-slide .slideboxL .slideboxLz li img{border: 1px #eee solid;}
.product .proTabc .swiper-slide .slideboxL .morebtn{ margin-top: 50px;}
.product .proTabc .swiper-slide .slideboxL .morebtn a{position: relative;z-index: 1;display: inline-block;color: #ffffff;font-size: 15px;padding: 0px 35px;height: 50px;line-height: 50px; }
.product .proTabc .swiper-slide .slideboxL .morebtn a img{display: inline-block; margin-left: 15px; height: 14px;}
.product .proTabc .swiper-slide .slideboxL .morebtn a:before{content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: #007cca;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.product .proTabc .swiper-slide .slideboxL .morebtn a:hover:before{left: auto;right: 0;width: 0;}
.product .proTabc .swiper-slide .slideboxL .morebtn a:after{content: '';position: absolute;left: 0; top: 0;z-index: -2; width: 100%; height: 100%; background: #016db1;}
.product .proTabc .swiper-slide .slideboxR{ width: 40%;}
.product .proTabc .swiper-slide .slideboxR img{ width: 100%;}
.product .tab{ position: absolute; width: 100%; bottom: 0; left: 0; overflow: hidden; z-index: 99; background: rgba(231, 244, 250, 0.8);}
.product .tab .tabitem{width: 25% !important; padding: 35px 4%; float: left; box-sizing: border-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; cursor: pointer;}
.product .tab .tabitem .ico img{ height: 55px;}
.product .tab .tabitem .ico .ico2,.product .tab .tabitem.swiper-slide-thumb-active .ico .ico1{display: none;}
.product .tab .tabitem.swiper-slide-thumb-active .ico .ico2{display: block;}
.product .tab .tabitem.swiper-slide-thumb-active{background: #007cca;}
.product .tab .tabitem .tit h3{ margin-bottom: 15px; font-size: 18px;color: #333;}
.product .tab .tabitem .tit p{ font-size: 14px; color: #666;}
.product .tab .tabitem.swiper-slide-thumb-active .tit h3{ color: #fff;}
.product .tab .tabitem.swiper-slide-thumb-active .tit p{ color: #fff;}

.about{ position: relative; padding: 80px 0 0; background: #fff url(../img/abobg.jpg) top center no-repeat;}
.about .warp{ width: 1680px; margin: 0 auto;padding:0 0 80px; background: url(../img/abobg1.jpg) bottom center no-repeat;}
.about .Toptit{ font-size: 36px; color: #007cca; font-weight: bold;}
.about .Toptib{  margin: 15px 0; font-size: 20px; color: #333; font-weight: bold;}
.about .Toptoc{width: 45%; font-size: 15px; color: #555; line-height: 24px;}
.about .Advantage {position: relative;width: 100%;margin-top: 50px;display: -webkit-box;display: -webkit-flex;display: flex;}
.about .Advantage .item {position: relative;float: left;width: 23.5%;margin-right: 2%;padding: 50px 3%;background: #ffffff;box-shadow: 0 0 20px rgba(0, 0, 0, .1);box-sizing: border-box;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.about .Advantage .item .box {position: relative;height: 100%;}
.about .Advantage .item1{ background:#f7f7f9 url(../img/advbg1.jpg) top center no-repeat;}
.about .Advantage .item2{ background:#ffffff url(../img/advbg2.jpg) bottom center no-repeat;}
.about .Advantage .item3{ background:#ffffff url(../img/advbg3.jpg) bottom center no-repeat;}
.about .Advantage .item:last-child {margin-right: 0;}
.about .Advantage .item h3 {font-size: 24px;color: #007cca;}
.about .Advantage .item p {margin: 20px 0;font-size: 15px;color: #666666; height: 90px; line-height: 30px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.about .Advantage .item .ico {width: 44px;height: 40px;}
.about .Advantage .item .ico img {width: 100%;}
.about .abohonor{ width: 54%; padding: 60px 0; font-size: 17px; font-weight: bold; line-height: 28px; color: #fff;}
.about .number{ position: relative; width: 68%; display: -webkit-flex; display: flex; height: 100%; flex-direction: row; justify-content: space-between;}
.about .number .item {position: relative;float: left;width: 25%;padding: 0 3%;box-sizing: border-box;}
.about .number .item .T{display: -webkit-flex;display: flex; align-items: center;}
.about .number .item .T .math{font-size: 40px;font-weight: 600;color: #ffffff;line-height: 1.2; margin-right: 10px;font-family:  'din', Arial, sans-serif;}
.about .number .item .T .num{font-size: 26px; color: #ffffff; display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.about .number .item .T .num em{font-size: 18px; color: #ffffff; font-style: normal;}
.about .number .item .c {padding-left: 30px; font-size: 15px; line-height: 30px; color: #ffffff; }
.about .number .item .ico1{ background: url(../img/numico1.png) left center no-repeat; background-size: auto 20px;}
.about .number .item .ico2{ background: url(../img/numico2.png) left center no-repeat; background-size: auto 20px;}
.about .number .item .ico3{ background: url(../img/numico3.png) left center no-repeat; background-size: auto 20px;}
.about .number .item .ico4{ background: url(../img/numico4.png) left center no-repeat; background-size: auto 20px;}

.news{position: relative; padding: 80px 0; background: #f4f9fd;}
.news .top{ font-size: 36px; color: #007cca; font-weight: bold; text-align: center;}
.news .innews{ position: relative; margin-top: 45px;}
.news .innews ul{ width: 101%; margin-left: -0.5%;}
.news .innews li{ width: 25%; float: left;}
.news .innews li a{ display: block; margin: 0 2%;}
.news .innews li .newsbox{position: relative; padding: 20px 15px; box-sizing: border-box; background: #fff;}
.news .innews li .newsbox .tit{ margin-bottom: 5px; height: 52px; font-size: 18px; font-weight: bold; color: #000; line-height: 26px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.news .innews li .newsbox .tic{ margin-bottom: 15px; height: 52px; font-size: 15px; color: #666; font-weight: 400; line-height: 26px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.news .innews li .newsbox .more{ font-size: 15px; color: #666;}
.news .innews li .newsbox .ico{ position: absolute; width: 56px; height: 55px; right: 15px; bottom: 20px; background: url(../img/newsico.png) center no-repeat;opacity: 0;}
.news .innews li:hover .newsbox{ background-image: -webkit-linear-gradient(120deg, #048de3,#007cca) !important;  background-image: -moz-linear-gradient(120deg, #048de3,#007cca) !important; background-image: -o-linear-gradient(120deg, #048de3,#007cca) !important;background-image: linear-gradient(120deg, #048de3,#007cca) !important;}
.news .innews li:hover .ico{ opacity: 1;}
.news .innews li:hover .newsbox .tit,.news .innews li:hover .newsbox .tic,.news .innews li:hover .newsbox .more{ color: #fff;}

.slogan{ position: relative; padding: 60px 0; background: url(../img/sloganbg.jpg) center no-repeat;}
.slogan .title{ font-size: 34px; color: #fff; font-weight: 600; text-align: center;}

.footer{ width: 100%; position: relative; }
.footer .footTop{position: relative; float: left; padding: 60px 0;  width: 100%; background: #fff;}
.footer .footTop .foot_logo{ width: 18%; float: left;padding: 60px 0; }
.footer .footTop .foot_logo img{ height: 50px;}
.footer .footTop .foot_logo .tit{ font-size: 28px; color: #333; margin-top: 20px; font-weight:  bold; }
.footer .footTop .foot_nav{ width: 68%; float: right; }
.footer .footTop .foot_nav dl{ width: 15%; float: left; }
.footer .footTop .foot_nav dl dt{ font-size: 18px; color: #333; font-weight: 600; margin-bottom: 20px; }
.footer .footTop .foot_nav dl dd{ width: 100%;display:  inline-block; }
.footer .footTop .foot_nav dl dd a{ width: 100%; display: inline-block;font-size: 15px; line-height: 30px; color: #999; }
.footer .footTop .foot_nav dl:nth-child(4){ width: 32%; }
.footer .footTop .foot_nav dl:nth-child(5){ float: right;}
.footer .footTop .foot_nav dl .fLx{ width: 100%; position: relative; }
.footer .footTop .foot_nav dl .fLx li{ width: 100%; line-height: 32px;}
.footer .footTop .foot_nav dl .fLx li img{ margin-right: 10px; float: left; margin-top: 10px; height: 15px;}
.footer .footTop .foot_nav dl .fLx li span{ font-size: 15px; color: #999; }
.footer .footTop .foot_nav dl .fLx li:nth-child(1) span{ font-size: 20px; font-family: 'din'; color: #333; }
.footer .footTop .foot_nav dl a:hover{ color: #007cca; }
.footer .footTop .foot_nav dl dd img{ padding: 6px; border-radius: 8px; border: 3px #007cca solid;}
.footer .footTop .foot_nav dl dd p{ margin-top: 15px; font-size: 15px; color: #333; text-align: center;}
.footer .copy{ width:100%; position: relative; padding: 25px 0; background:#007cca; float: left; }
.footer .copy .copyL{ color: #fff; font-size: 15px; }
.footer .copy .copyL a{color: #fff;}
.footer .copy .copyL a:hover{opacity: 0.7;}

/*二级页面 banner*/
.pbanner{ width:100%; position:relative; color: #fff; overflow:hidden;}
.pbanner .bannerimg { position: relative; }
.pbanner .bannerimg img{width:100%; display:block; opacity:1;-webkit-animation: picMove 3s ease;animation: picMove 3s ease;}
@-webkit-keyframes picMove {
    0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
@keyframes picMove {
	0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
.pbanner .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.pbanner .bannerText .innerText h5, .pbanner .bannerText .innerText h6 { text-align: center; }
.pbanner .bannerText .container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.pbanner .bannerText .container h6 { font-size: 24px;  color: #333; font-weight: normal; font-family: 'din'; text-transform: uppercase; }
.pbanner .bannerText .container h5 { margin-top: 10px; line-height: 1.3; font-size: 38px; color: #007cca;}
.crumbsbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.crumbsbox .box{position: absolute;left: 0;bottom: 0;width: 300px;height: 134px;padding: 18px 28px 0;-webkit-box-sizing: border-box;box-sizing: border-box; background-image: -webkit-linear-gradient(120deg, #048de3,#007cca);  background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca);}
.crumbsbox .box h5{font-size: 26px;color:#fff;line-height: 1; font-weight: bold;}
.crumbsbox .box .crumbs{margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.crumbsbox .box .crumbs .fangzi{display: inline-block; width: 17px; height: 15px; margin-right: 5px; margin-bottom: -1px;  background: url(../img/home.png) center no-repeat; background-size: auto 15px;}
.crumbsbox .box .crumbs a{color: #fff;margin: 0 2px; font-size:15px; font-weight: lighter;}
.crumbsbox .box .crumbs a:hover{ opacity: 0.6;}

.subNav{display: -webkit-box; display: -ms-flexbox; display: flex; height: 75px; width: 100%; position: relative; z-index: 8; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0); box-shadow: 0 0 3px rgba(0, 0, 0, 0); -webkit-transition: .5s; transition: .5s; }
.subNav .left { width: 30%; background-image: -webkit-linear-gradient(120deg, #048de3,#007cca);  background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.subNav .left a { color: #fff; font-size: 26px; }
.subNav .left p { color: #fff; margin-left: 70px; margin-right: 70px; font-size: 22px; font-weight: bold; }
.subNav .left i { color: #fff; margin-right: 60px; }
.subNav .right{ width: 70%; background: #fff;}
.subNav .right .page-title{ line-height:75px; padding-left:20px;}
.subNav .right ul { display: -webkit-box; display: -ms-flexbox; display: flex; background: inherit; white-space: nowrap; height: 100%; overflow-x: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; }
.subNav .right ul li {position: relative;}
.subNav .right ul li a{ position: relative; height: 100%;  padding:0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333; font-size: 17px; font-weight: bold; }
.subNav .right ul li a::after{content: '';position: absolute; right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px; background: #E1E1E1;}
.subNav .right ul li.select a,.subNav .right ul li:hover a { color: #007cca; -webkit-transition-delay: .1s; transition-delay: .1s; }

.pageMain{position: relative; padding: 75px 0; background: #f9f9f9;}
.pageMain .stitle { margin-bottom: 50px;}
.pageMain .stitle .chinalist{ font-weight: 700; color: #007cca; font-size: 36px; line-height: 1.15; overflow: hidden; white-space: pre-wrap; margin-bottom: 10px; }
.pageMain .stitle .uklist { line-height: 1.15; color: #333; font-size: 20px;  overflow: hidden; white-space: pre-wrap; }
.pageMain .pagenumber{ position: relative; width: 100%; margin: 60px 0 60px; display: -webkit-flex; display: flex; height: 100%; flex-direction: row; justify-content: space-between;}
.pageMain .pagenumber .item {position: relative;float: left;width: 25%;padding: 0 3%;box-sizing: border-box;}
.pageMain .pagenumber .item .T{display: -webkit-flex;display: flex; align-items: center;}
.pageMain .pagenumber .item .T .math{font-size: 58px;font-weight: 600;color: #007cca ;line-height: 1.2; margin-right: 10px;font-family:  'din', Arial, sans-serif;}
.pageMain .pagenumber .item .T .num{font-size: 26px; color: #333; display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.pageMain .pagenumber .item .T .num em{font-size: 18px; color: #333; font-style: normal;}
.pageMain .pagenumber .item .c {padding-left: 30px; font-size: 18px; line-height: 30px; color: #333; }
.pageMain .pagenumber .item .ico1{ background: url(../img/paboico1.png) left center no-repeat; background-size: auto 20px;}
.pageMain .pagenumber .item .ico2{ background: url(../img/paboico2.png) left center no-repeat; background-size: auto 20px;}
.pageMain .pagenumber .item .ico3{ background: url(../img/paboico3.png) left center no-repeat; background-size: auto 20px;}
.pageMain .pagenumber .item .ico4{ background: url(../img/paboico4.png) left center no-repeat; background-size: auto 20px;}
.pageMain .cont{ position: relative; font-size: 16px; line-height: 2; color: #666; font-weight: lighter;}
.pageMain .cont img{ max-width: 100%;}
.about_us01{position:relative; display: block; width:100%; padding: 130px 0; box-sizing: border-box;}
.about_us01::before{ content: ''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/about_us02_1.jpg) center 0 no-repeat; background-size: cover; display:block; }
.about_us01 .big_tit{font-size: 26px; font-weight: bold; line-height: 50px;color: #fff;}
.about_us01 .big_tit span{display: block; font-size: 40px;}
.about_us01 .common_btn{display: inline-block; margin-top: 60px; color: #fff;font-size: 16px;line-height: 56px;cursor: pointer;}
.about_us01 .common_btn .box{position:relative;}
.about_us01 .common_btn .more{position:absolute; left:0; top:0; width:56px; height:56px; border:1px solid #fff; border-radius:30px; text-align:center; transition: width .6s cubic-bezier(0.215, 0.61, 0.355, 1)}
.about_us01 .common_btn:hover .more{ width:200px; }
.about_us01 .common_btn .txt{font-size:14px; margin-left:70px; line-height:58px; opacity:1; transform:translateX(0); transition:opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1)}
.about_us01 .common_btn:hover .txt{opacity:0; transform: translateX(-30px);}
.about_us01 .common_btn .videoed{display: block !important;}
.about_us01 .common_btn .videos{display:none; position:fixed; left:0; top:0;z-index:9999; width:100%; height:100vh; background: rgba(0, 0, 0, .8); padding:8% 20%; }
.about_us01 .common_btn .videosList{ position: relative; padding: 40px; background: #fff;}
.about_us01 .common_btn .vclose{ position:absolute; right:10px; top:10px; border-radius:100%; cursor: pointer;}

.pageculture{position: relative; margin-top: 60px; display: grid; grid-gap:25px; grid-template-columns: repeat(2,1fr);}
.pageculture .item { position: relative; float: left; cursor: pointer; }
.pageculture .item:hover .bg { -webkit-clip-path: circle(100%); clip-path: circle(100%); opacity: 1; }
.pageculture .item:hover .text { opacity: 0; visibility: hidden; }
.pageculture .item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-clip-path: circle(20%); clip-path: circle(20%); opacity: 0; -webkit-transition: .5s; transition: .5s; background: #007cca; -webkit-transition-timing-function: var(--ease-in-out-a); transition-timing-function: var(--ease-in-out-a); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pageculture .item .bg img { width: 42px; }
.pageculture .item .bg span { font-size: 22px; font-weight: 700; color: #fff; line-height: 1; display: block; margin: 18px 0 25px; }
.pageculture .item .bg i { width: 17px; height: 4px; background: #fff; display: block; margin-bottom: 20px; }
.pageculture .item .bg p { line-height: 1.6; color: #fff; }
.pageculture .item .text { position: absolute; left: 40px; bottom: 40px; -webkit-transition: .5s; transition: .5s; -webkit-transition-timing-function: var(--ease-in-out-a); transition-timing-function: var(--ease-in-out-a); }
.pageculture .item .text i { width: 20px; height: 4px; background: #fff; display: block; margin-bottom: 10px; }
.pageculture .item .text span { font-size: 22px; font-weight: 700; color: #fff; line-height: 1; }

.about_center{padding: 0;}
.about_center01 .content{position:relative; margin-top:-140px;}
.about_center01 .left{width:45%; position:relative;}
.about_center01 .left .cover{position:absolute; width:100%; height:100%; top:0; left:0;}
.about_center01 .left .cover .box{padding:60px 20% 0 50px;}
.about_center01 .left .cover .box .tit{font-size:38px; color:#fff; font-weight:600;}
.about_center01 .left .cover .box .tit span{font-size:55px; font-weight:bold;}
.about_center01 .left .cover .box .con{font-size:16px;  color:#fff; line-height:30px; margin:10px 0 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.about_center01 .btn-border{border-color:rgba(255,255,255,0.6);}
/*有线框*/
.btn-border{padding:0 20px; display:inline-block; height:50px; line-height:50px; border:1px solid #d0d0d0; cursor:pointer; position:relative; display:inline-block; text-align:center; font-size:0;}
.btn-border .arrow { display:inline-block; width:17px; height:14px; background:url(../img/btn_black_jt.png) 50% 50% no-repeat; vertical-align:middle; background-size: auto 13px; }
.btn-border .label {font-size:15px; position:relative; display:inline-block; vertical-align:middle; white-space:nowrap; padding:0 10px; opacity:0; visibility:hidden; max-width:0; padding:0; -webkit-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); color:#fff;}
.btn-border:hover .label{max-width:80px; padding:0 10px; opacity:1; visibility:visible;}

.about_center01 .right{position: absolute; right: 0;bottom: 0;width: 62%; padding: 80px 0; background: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.about_center01 .right .number{ position: relative; width: 100%; display: -webkit-flex; display: flex; height: 100%; flex-direction: row; justify-content: space-between;}
.about_center01 .right .number .item {position: relative;float: left;width: 25%;padding: 0 3%;box-sizing: border-box;}
.about_center01 .right .number .item .T{display: -webkit-flex;display: flex; align-items: center;}
.about_center01 .right .number .item .T .math{font-size: 58px;font-weight: 600;color: #007cca ;line-height: 1.2; margin-right: 10px;font-family:  'din', Arial, sans-serif;}
.about_center01 .right .number .item .T .num{font-size: 26px; color: #333; display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.about_center01 .right .number .item .T .num em{font-size: 18px; color: #333; font-style: normal;}
.about_center01 .right .number .item .c {padding-left: 30px; font-size: 15px; line-height: 30px; color: #333; }
.about_center01 .right .number .item .ico1{ background: url(../img/paboico1.png) left center no-repeat; background-size: auto 20px;}
.about_center01 .right .number .item .ico2{ background: url(../img/paboico2.png) left center no-repeat; background-size: auto 20px;}
.about_center01 .right .number .item .ico3{ background: url(../img/paboico3.png) left center no-repeat; background-size: auto 20px;}
.about_center01 .right .number .item .ico4{ background: url(../img/paboico4.png) left center no-repeat; background-size: auto 20px;}
.about_center02{padding:90px 0;}
.about_center02 .rect-101{padding-bottom:101%;}
.about_center02 .infor{text-align:center; margin-bottom:50px; color:#333e46}
.about_center02 .infor .tit{font-size:38px; font-weight:bold; line-height:55px;}
.about_center02 .infor .con{font-size:20px; font-weight:lighter;}
.about_center02 .content .item{float:left; width:31%; margin-left:3.5%; overflow:inherit;}
.about_center02 .content .item:first-child{margin-left:0;}
.about_center02 .content .item a{display:block;}
.about_center02 .content .item .intro{position:relative; float:right; margin-top:-95px; width:92%; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); transition:.5s ease;}
.about_center02 .content .item .intro .box{padding:50px 6%; color:#333e46;}
.about_center02 .content .item .intro .box .t{font-size:26px; font-weight:bold; transition:.5s ease;}
.about_center02 .content .item .intro .box .c{ margin-top: 5px; font-size:15px; transition:.5s ease;}
.about_center02 .content .item:hover .intro{background:#007cca;box-shadow:inherit;}
.about_center02 .content .item:hover .intro .box .t{color: #fff; transform:translateY(-10px)}
.about_center02 .content .item:hover .intro .box .c{color: #fff; transform:translateY(-10px)}
.about_center02 .content .item.cur .intro{background:#007cca; box-shadow:inherit;}
.about_center02 .content .item.cur .intro .box .t{transform:translateY(-10px)}
.about_center02 .content .item.cur .intro .box .c{transform:translateY(-10px)}
.about_center03{ padding: 90px 0; background:#f6faff  url(../img/history.png) center no-repeat; }
.about_center03 .infor{text-align:center; margin-bottom:50px; color:#333e46}
.about_center03 .infor .tit{font-size:38px; font-weight:bold; line-height:55px;}
.about_center03 .infor .con{font-size:20px; font-weight: lighter;}
.about_center03 .history-inner{position: relative; overflow: hidden;}
.about_center03 .history-inner .swiper-slide{position: relative; width: 33.333%; padding-bottom: 40px; margin-bottom: 50px; background: url(../img/historyline.png) repeat-x left bottom;}
.about_center03 .history-inner .swiper-slide:after {content: '';position: absolute;left: 1px;bottom: -20px;width: 12px;height: 12px;
    background: url(../img/historyd.png) no-repeat center;background-size: cover;}
.about_center03 .history-inner .swiper-slide .box{ padding: 35px 8%; border-right: 1px solid #dedede; }
.about_center03 .history-inner .swiper-slide:first-child .box{border-left: 1px solid #dedede;}
.about_center03 .history-inner .swiper-slide .box .date{ font-size: 40px; color: #007cca; font-weight:600; margin-bottom: 10px;}
.about_center03 .history-inner .swiper-slide .box .con{ height: 90px; font-size: 16px; color: #666; line-height: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.about_center03 .history-inner .swiper-button{position: relative; margin: 20px auto 0; text-align: center;}
.about_center03 .history-inner .swiper-button div{ margin: 0 10px;}
.about_center03 .history-inner .swiper-button .swiper-button-prev{ position: relative;  display: inline-block; width: 60px;height: 60px;text-align: center;font-size: 0.16rem;transition: .5s ease;line-height: 60px; background: #fff; cursor: pointer;}
.about_center03 .history-inner .swiper-button .swiper-button-next{ position: relative;  display: inline-block; width: 60px;height: 60px;text-align: center;font-size: 0.16rem;transition: .5s ease;line-height: 60px; background: #fff;  cursor: pointer;}
.about_center03 .history-inner .swiper-button .iconfont{ font-size: 18px;}
.about_center03 .history-inner .swiper-button .swiper-button-prev{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.about_center03 .history-inner .swiper-button .swiper-button-prev:hover,.about_center03 .history-inner .swiper-button .swiper-button-next:hover{ background: #007cca;}
.about_center03 .history-inner .swiper-button .swiper-button-prev:hover .iconfont,.about_center03 .history-inner .swiper-button .swiper-button-next:hover .iconfont{ color: #fff;}
.abolist .abobox{display: grid; grid-gap:25px; grid-template-columns: repeat(3,1fr);}
.abolist .abobox li{ position: relative;padding: 3%; background: #fff; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
.abolist .abobox li a>div{ position: relative;  z-index: 5; overflow: hidden;}
.abolist .abobox li::after{ width: 100%; height: 0; position: absolute; bottom: 0; left: 0; content: ''; display: block; background-color: #007cca; z-index: -1; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ;}
.abolist .abobox li .txt{ position: relative; margin-top: 15px; color: #333;}
.abolist .abobox li .txt .tit{ font-size: 20px; font-weight: bold; line-height: 2.4;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.abolist .abobox li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0,.15); }
.abolist .abobox li:hover .txt{ color: #fff;}
.abolist .abobox li:hover::after{ height: 100%;}
.abolist .abobox .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.abolist .abobox li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

.pageProduct{ position: relative; width: 100%;}
.pageProduct .probox{display: grid; grid-gap: 30px; grid-template-columns: repeat(3,1fr);}
.probox .item{ position:relative;float: left; transition:.3s ease;}
.probox .item:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  transform: translateY(-8px);}
.probox .item .box{position: relative;border: 1px #eee solid; background:#fff; }
.probox .item .infor{padding:25px 20px; background:#f9faff}
.probox .item .infor .t{position: relative; padding-bottom: 10px; margin-bottom: 10px; font-size:20px; color:#333; font-weight:600; border-bottom: 1px solid rgba(0,124,202,0.2);}
.probox .item .infor p:first-child{ font-size:15px; color:#555;}
.probox .item .infor p:first-child span{font-size:17px; font-weight:600;}
.probox .item .infor p{ font-size:15px; color:#555; line-height:26px;}
.probox .item .li_line{width:0; height:5px; background:#007cca; position:absolute; right:0; bottom:0; transition:all 0.5s ease;}
.probox .item:hover .li_line{width:100%; left: 0;}
.probox .item:hover .infor .t{ color:#007cca}
.boxProduct .imgLift {float: left;width: 40%;position: relative;overflow: hidden;zoom: 1;}
.boxProduct .imgLift .thumbSwiper {position: relative;width: 100%;margin-top: 20px;}
.boxProduct .imgLift .mySwiper {width: 88%;margin: 0 6%;overflow: hidden;position: relative;box-sizing: border-box;}
.boxProduct .imgLift .mySwiper .swiper-slide {float: left;width: 23.5% !important;margin-right: 2%;text-align: center;}
.boxProduct .imgLift .mySwiper .swiper-slide:last-child {margin-right: 0;}
.boxProduct .imgLift .mySwiper .swiper-slide img {display: block;width: 100%;border: 2px solid #eee;cursor: pointer;box-sizing: border-box;}
.boxProduct .imgLift .mySwiper .swiper-slide.swiper-slide-thumb-active img {border: 2px solid #007cca;}
.boxProduct .imgLift .mySwiper2 .swiper-slide img {display: flex;width: 100%;border: 2px #eee solid;box-sizing: border-box;}
.boxProduct .imgLift .mySwiper2 .swiper-slide span {width: 100%;}
.boxProduct .imgLift .thumbSwiper .swiper-button-prev {position: absolute;top: 50%;left: 0;width: 13px;height: 26px;background: url(../img/pro_left.png) center no-repeat;background-size: auto 26px;cursor: pointer;transform: translateY(-50%);}
.boxProduct .imgLift .thumbSwiper .swiper-button-prev:hover {background: url(../img/pro_lefth.png) center no-repeat;background-size: auto 26px;}
.boxProduct .imgLift .thumbSwiper .swiper-button-next {position: absolute;top: 50%;right: 0;width: 13px;height: 26px;background: url(../img/pro_right.png) center no-repeat;background-size: auto 26px;cursor: pointer;transform: translateY(-50%);}
.boxProduct .imgLift .thumbSwiper .swiper-button-next:hover {background: url(../img/pro_righth.png) center no-repeat;background-size: auto 26px;}
.boxProduct .conRight {float: right;width: 56%;}
.boxProduct .conRight .tit{font-size: 24px; font-weight: 600; color: #007cca; margin-bottom: 10px; padding-bottom:10px;}
.boxProduct .conRight .tib {font-size: 20px;font-weight: 600; color: #333;line-height:1;}
.boxProduct .conRight .tic {margin-top: 10px; color: #333; font-size: 16px; font-weight: normal; line-height: 26px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.boxProduct .conRight .con {font-size: 16px;line-height: 26px;color: #222;margin-top: 20px; margin-bottom:20px;}
.boxProduct .conRight .more{position:relative; padding:0 45px; box-sizing:border-box; line-height:50px; background:#007cca; color:#fff; font-size:16px; display:inline-block; margin-top:20px; margin-bottom:15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.boxProduct .conRight .more:hover{background: #016db1;}
.boxProduct .conRight .links{position:relative}
.boxProduct .conRight .links a{display:inline-block; margin-right:35px;}
.boxProduct .conRight .links img{vertical-align:middle; margin-right:5px; height:15px;}
.boxProduct .conRight .links span{color:#222; font-size:16px;}
.boxProduct .conRight .links a:hover span{ color:#007cca;}
.boxProduct .contentPage {position: relative;width: 100%;margin-top: 20px;}
.boxProduct .contentPage .titTop {width: 100%;font-size: 24px;color: #333;line-height: 2;border-bottom: 2px #eee solid;}
.boxProduct .contentPage .content {margin-top: 30px;font-size: 16px;line-height: 2;color: #666;}
.boxProduct .contentPage .content a {color: #666;}
.boxProduct .contentPage .content a:hover {color: #007cca;}
.boxProduct .contentPage .content img {max-width: 90%;}
.boxProduct .contentPage .content table {border-collapse: collapse;width: 100%;}
.boxProduct .contentPage .content table,.boxProduct .contentPage .content tr {font-size: 16px;color: #444;}
.boxProduct .contentPage .content table,.boxProduct .contentPage .content th,.boxProduct .contentPage .content td {font-size: 15px;text-align: center;border: 1px solid #666;}
.boxProduct .contentPage .goback {border-top: 2px #eee solid;text-align: right;margin-top: 40px;padding-top: 20px;}
.boxProduct .contentPage .goback a {display: inline-block;width: 160px;height: 50px;line-height: 50px;text-align: center;background: #333;color: #fff;}
.boxProduct .contentPage .goback a img {position: relative; margin-right: 10px; height:16px;}
.boxProduct .contentPage .goback a:hover {background: #007cca;}

.casebox{display: grid; grid-gap:25px; grid-template-columns: repeat(3,1fr);}
.casebox li{ position: relative;padding: 4%; background: #fff; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
.casebox li a>div{ position: relative;  z-index: 5; overflow: hidden;}
.casebox li::after{ width: 100%; height: 0; position: absolute; bottom: 0; left: 0; content: ''; display: block; background-color: #007cca; z-index: 2; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ;}
.casebox li .txt{ position: relative; margin-top: 15px; color: #333;}
.casebox li .txt .tit{ font-size: 20px; font-weight: bold; line-height: 2.4;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.casebox li .desc{font-size: 16px; opacity: 0.6; line-height: 2.4;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.casebox li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0,.15); }
.casebox li:hover .txt{ color: #fff;}
.casebox li:hover::after{ height: 100%;}
.casebox li .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.casebox li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.caseBoxbg{ background: #fff;}
.caseBoxbg .title{ padding: 40px; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center;}
.caseBoxbg .title .pageT{ font-size: 30px; line-height: 1.4; color: #333;}
.caseBoxbg .title .pageD{font-size: 16px; color: #666;}
.caseBoxbg .title .backList{width: 210px;height: 55px; color: #fff; border-radius: 30px; background: #007cca; display: flex; align-items: center; justify-content: center;}
.caseBoxbg .title .backList .ml-cio{ margin-left: 10px; height: 12px;}
.caseBoxbg .title .backList:hover{background-image: -webkit-linear-gradient(120deg, #048de3,#007cca);  background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca);}
.caseBoxbg .pagecont{padding: 40px; font-size:16px; color:#666; line-height:2;}
.caseBoxbg .pagecont p a{font-size: 16px !important; }
.caseBoxbg .pagecont img{max-width:100%; margin:5px 0;}
.caseBoxbg .pagecont table{border-collapse:collapse;width:100% !important;}
.caseBoxbg .pagecont table,.caseBoxbg .pagecont tr{ font-size: 15px; color: #444; }
.caseBoxbg .pagecont table,.caseBoxbg .pagecont th,.caseBoxbg .pagecont td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.caseBoxbg .backpad{ padding: 40px;}


.pageNews{ position: relative; width: 100%;}
.pageNews .newsbox{display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.pageNews .item{ position:relative;float: left; transition:.3s ease;}
.pageNews .item:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  transform: translateY(-8px);}
.pageNews .item .box{position: relative; background:#fff; }
.pageNews .item .infor{padding:35px 25px;}
.pageNews .item .infor .date{ font-size: 15px; color: #aaa;}
.pageNews .item .infor .t{font-size:22px; line-height: 30px; height: 60px; color:#333; margin:20px 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pageNews .item .infor .c{font-size:15px; color:#666; line-height:2; height: 30px;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pageNews .item .infor .more{float:right; color:#666; display: none;}
.pageNews .item .li_line{width:0; height:5px; background:#007cca; position:absolute; right:0; bottom:0; transition:all 0.5s ease;}
.pageNews .item:hover .li_line{width:100%; left: 0;}
.pageNews .item:hover .infor .t{ color:#007cca;}
.pageNews .boxNews{box-shadow: 0 0 15px rgb(0 0 0 / 8%); background: #fff;box-sizing: border-box;padding: 40px; }
.pageNews .boxNews .boxNewsl{ width: 70%; float: left; padding-right: 40px; border-right: 1px #e5e5e5 solid; box-sizing: border-box;  }
.pageNews .pageNewsT{ width:100%; margin:0 auto; font-size:30px; line-height: 1.4; color:#333;}
.pageNews .pageNewsC{ width:100%; margin:0 auto; font-size:15px; color:#666;padding:10px 0 30px; border-bottom:solid 1px #e5e5e5; }
.pageNews .pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#666; line-height:2; margin:40px 0;}
.pageNews .pageNewsD p a{font-size: 16px !important; }
.pageNews .pageNewsD img{max-width:100%; margin:5px 0;}
.pageNews .pageNewsD table{border-collapse:collapse;width:100% !important;}
.pageNews .pageNewsD table,.pageNews .pageNewsD tr{ font-size: 15px; color: #444; }
.pageNews .pageNewsD table,.pageNews .pageNewsD th,.pageNews .pageNewsD td{border: 1px solid #333333; text-align: center; font-size: 15px;}
.pageNews .boxNews .boxNewsr{ position: relative; width: 30%; float: left; padding-left: 40px; box-sizing: border-box;}
.pageNews .boxNews .boxNewsr .caption{margin-bottom: 30px;color: #333333;font-size: 30px;font-weight: normal;}
.pageNews .boxNews .boxNewsr .related-body .list{margin-bottom: 15px;}
.pageNews .boxNews .boxNewsr .related-body .list .infor{padding:20px 4%;background: #fff;}
.pageNews .boxNews .boxNewsr .related-body .list .infor .tit{ font-size: 18px;color: #333;font-weight: bold; max-height: 22px; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pageNews .boxNews .boxNewsr .related-body .list .infor .con{font-size: 14px;color:#666;line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pageNews .boxNews .boxNewsr .related-body .list:hover .infor .tit{ color:#007cca;}

.markbox { position: relative; display: flex; flex-flow: wrap;}
.markbox .left{width: 40%; padding: 40px; background: #fff url(../img/markbg.png) center no-repeat; box-sizing: border-box;}
.markbox .left .title{ font-size: 34px; color: #007cca; font-weight: bold; line-height: 2;}
.markbox .left .decs{margin-top: 15px; font-size: 24px; line-height: 1.6; color: #666;}
.markbox .left .tel{ margin-top: 40px; font-size: 42px; font-family: 'din'; font-weight: bold;}
.markbox .left .tel a{ color: #007cca;}
.markbox .left .con {font-size: 15px;color: #535353;font-weight: lighter;margin-bottom: 40px;}
.markbox .left .txt{font-size: 18px;line-height: 30px;font-weight: lighter;}
.markbox .right{ width: 60%; color: #fff; padding: 40px; background: #007cca; display: grid;grid-gap: 20px 30px;grid-template-columns: repeat(2,1fr);}
.markbox .right .item{ text-align: center;}
.markbox .right .item img{ height: 40px;}
.markbox .right .item h3{margin: 20px 0; font-size: 24px;}
.markbox .right .item p{ font-size: 16px;color: #fff; line-height: 30px; opacity: 0.9;}
.pageMark .markbox{display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.pageMark .markbox .item .img { border-radius: 8px;position: relative;display: block;padding-bottom: 62.953%;height: 0;overflow: hidden;line-height: 1;}
.pageMark .markbox .item p {display: block;position: absolute;left: 0;bottom: 0;padding: 36px 0 21px;width: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);line-height: 1.1;color: #fff;font-size: 16px;text-align: center;border-radius: 0 0 8px 8px;}

.joinProfile { padding:80px 0;  background: #f9f9f9;}
.joinProfile .container { text-align: center; }
.joinProfile .container h5 { font-size: 36px; margin-bottom: 35px;background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.joinProfile .container .f20 { max-width: 100%; width: 85%; color: #707070; font-size: 16px; line-height: 2; margin-left: auto; margin-right: auto; }
.joinPromotion { position: relative; padding: 80px 0; background: #f6faff;}
.joinPromotion .promotion { position: relative; }
.joinPromotion .promotion .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.joinPromotion .promotion .items .item { cursor: pointer; width: 24.14%; position: relative; z-index: 3; }
.joinPromotion .promotion .items .item img{ width: 100%;}
.joinPromotion .promotion .items .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.3); }
.joinPromotion .promotion .items .item .font { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; z-index: 2; padding: 27px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: padding .5s; transition: padding .5s; }
.joinPromotion .promotion .items .item .font:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca);  opacity: 0; -webkit-transition: .5s; transition: .5s; }
.joinPromotion .promotion .items .item .font .title i { font-size: 34px; line-height: 1; display: block; margin-bottom: 22px; -webkit-transition: font-size .6s; transition: font-size .6s; }
.joinPromotion .promotion .items .item .font .title h6 { font-size: 22px; line-height: 1.4; }
.joinPromotion .promotion .items .item .font .text { height: 0; overflow: hidden; -webkit-transition: height .55s; transition: height .55s; }
.joinPromotion .promotion .items .item .font .text .line { position: relative; width: 100%; padding: 25px 0 35px; }
.joinPromotion .promotion .items .item .font .text .line:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100%; background: #fff; opacity: .3; }
.joinPromotion .promotion .items .item .font .text p { font-size: 14px; line-height: 2; }
.joinPromotion .promotion .items .item:hover .font { padding-bottom: 60px; }
.joinPromotion .promotion .items .item:hover .font .text{height: 144px;}
.joinPromotion .promotion .items .item:hover .font:before { opacity: .9; }
.joinPromotion .promotion .items .item:hover .font .title i { font-size: 50px; }

.jnlist { border-top: 4px solid #007cca; display: -webkit-box;display: -ms-flexbox;display: flex;background: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 70px;-webkit-transition: .4s;transition: .4s;}
.jnlist div{font-size: 18px; color: #333;font-weight: bold; -webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;-webkit-transition: .4s;transition: .4s;}
.joinlist {width: 100%;position: relative;margin-top: 10px;}
.joinlist .list_dl{ margin-bottom: 5px;-webkit-transition: .4s;transition: .4s;}
.joinlist .list_dl:last-child{ margin-bottom: 0;}
.joinlist .list_dt {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;background: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 60px; -webkit-transition: .4s; transition: .4s;}
.joinlist .list_dt div {font-size: 17px;color: #333;-webkit-box-flex: 1;-ms-flex: 1;flex: 1; text-align: center;}
.joinlist .list_dt div.menu { position: relative; }
.joinlist .list_dt div.menu i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; height: 2px; background: #606060; display: block; -webkit-transition: .4s; transition: .4s; }
.joinlist .list_dt div.menu i:last-child { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.joinlist .list_dl#open .list_dt{background:  #007cca;}
.joinlist .list_dl#open .list_dt div{ color: #fff;}
.joinlist .list_dl#open .list_dt div.menu i { background: #fff; }
.joinlist .list_dl#open .list_dt div.menu i:last-child { -webkit-transform: translate(-50%, -200%) rotate(90deg); transform: translate(-50%, -200%) rotate(90deg); opacity: 0; }
.joinlist .list_dd {display: none;padding: 40px;font-size: 16px;line-height: 2;color: #666;background: #fff; -webkit-transition: .4s; transition: .4s;}
.joinlist .list_dl#open .list_dd{ display: block;-webkit-transition: .4s; transition: .4s;}
.joinlist .list_dd .jointd {position: relative;width: 160px;height: 50px;margin-top: 40px;font-size: 17px;color: #fff;font-weight: bold;
text-align: center;line-height: 50px;background: #387fc0;}
.joinlist .list_dd .jointd a{ color:#fff}
.joinlist .list_dd .jointd:hover {background: #007cca;}

.contactbox{display: flex; justify-content: space-between; box-sizing: border-box;}
.contactbox .gbook{width: 64%; padding: 40px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); background: #fff;}
.contactbox .gbook .title{ font-size: 34px; color: #333; font-weight: bold; line-height: 2;}
.contactbox .gbook .decs{margin-top: 15px; margin-bottom: 20px; font-size: 16px; color: #666;}
.contactbox .gbook .flex-center{margin-top: 25px; display: flex;justify-content: space-between; align-items: center;}
.contactbox .gbook .input{padding-left: 60px; width: 48%; height: 60px; font-size: 16px; color: #333;  border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px;}
.contactbox .gbook .mt-25{ margin-top: 25px;}
.contactbox .gbook textarea {padding: 15px;width: 100%; font-size: 16px; color: #333; border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px; background-color: #f6f6f6;}
.contactbox .gbook .dis-flex-center{ margin-top: 25px; display: flex;align-items: center;justify-content: center;}
.contactbox .gbook .dis-flex-center .indexmore {width: 210px;height: 55px; font-size: 18px; color: #fff; border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px; background: #007cca; cursor: pointer;}
.contactbox .gbook .dis-flex-center .indexmore:hover{background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca);}
.contactbox .gbook .input::-webkit-input-placeholder,.contactbox .gbook textarea::-webkit-input-placeholder{ color: #999; font-size: 15px;}
.inputName{background: url(../img/inputName.png) no-repeat center left 22px #f6f6f6; background-size: auto 22px;}
.inputTel{ background: url(../img/inputTel.png) no-repeat center left 22px #f6f6f6; background-size: auto 22px;}
.inputEmail{ background: url(../img/inputEamil.png) no-repeat center left 22px #f6f6f6; background-size: auto 22px;}
.inputAdd{ background: url(../img/inputAdd.png) no-repeat center left 22px #f6f6f6; background-size: auto 22px;}
.contactbox .contact{width: 36%;color: #fff; padding: 40px; background: #007cca;}
.contactbox .contact .title{ font-size: 34px; font-weight: bold; line-height: 2;}
.contactbox .contact .decs{margin-top: 15px; margin-bottom: 20px; font-size: 16px; opacity: 0.6;}
.contactbox .contact .dis-flex { margin-top: 40px; display: flex;}
.contactbox .contact .dis-flex .ml-15{margin-left: 15px;}
.contactbox .contact .dis-flex img{height: 25px;}
.contactbox .contact .dis-flex .ml-15 .f17{ margin-bottom: 10px; font-size: 17px;}
.contactbox .contact .dis-flex .ml-15 .f22{ font-size: 22px; font-family: 'din';}
.contactMap .Map{height: 480px; width: 100%; padding: 10px; box-sizing: border-box; background: #f3f4f8;}

/* fenye */
.pages { margin:0 auto; text-align:center; font-size:15px;}
.pages li { margin-top: 30px; display:inline-block; height:36px; line-height:36px; background:#fff; }
.pages li a{text-align:center; color:#333; padding:0 15px;}
.pages .active {background:#007cca; text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#007cca; text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}
.pages1{ width:100%; padding: 40px 0; background: #fff;border-top: 1px #e5e5e5 solid; margin-top: 20px; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#007cca;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#007cca;}
.backbox{padding-top:20px;position:relative; padding: 40px 0;border-top: 1px #e5e5e5 solid; }
.bc-prev,.bc-next{display:block;width:200px;height:50px; background: #f5f5f5;overflow:hidden;color:#666;line-height:50px;position:relative; text-align: center;}
.bc-prevn,.bc-nextn{display:block;width:200px;height:50px; background: #f5f5f5; overflow:hidden;color:#666;line-height:50px;position:relative; text-align: center;}
.bc-prev,.bc-prevn{float:left;}
.bc-next,.bc-nextn{float:right;}
.bc-prev .aw,.bc-next .aw{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;background-image:url(../img/bcaw.png);}
.bc-prev .aw{left:18px;background-position:left top;}
.bc-prev p{padding-left:51px;position:relative;}
.bc-next .aw{right:18px;background-position:right bottom;}
.bc-next p{padding-right:51px;position:relative;}
.bc-prev .bg,.bc-next .bg{height:100%;width:0;background:#007cca;display: block;position: absolute;top: 0;left: 0;
transition: 300ms;-webkit-transition: 300ms;-ms-transition: 300ms;}
.bc-prev .bg{left:auto;right:0;}
.backlist{width:220px;height:50px;line-height:50px;background:#007cca;display:block;color:#fff;text-align:center;position:absolute;left:50%;top:50%; transform: translate(-50%, -50%);}
.pager .prev:hover,.pager .next:hover{ background:#007cca; }
.bc-prev:hover,.bc-next:hover{color:#fff;border-color:#007cca;}
.bc-prev:hover .bg,.bc-next:hover .bg{ width:100%; }
.bc-prev:hover .aw{ background-position:right top; }
.bc-next:hover .aw{ background-position:left bottom; }
.backlist:hover{background-image: -webkit-linear-gradient(120deg, #048de3,#007cca);  background-image: -moz-linear-gradient(120deg, #048de3,#007cca); background-image: -o-linear-gradient(120deg, #048de3,#007cca);background-image: linear-gradient(120deg, #048de3,#007cca);}