.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;}
input[type="submit"] {cursor:pointer;}
input[type="reset"] {cursor:pointer;}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}




@font-face {
font-family: 'DINCond-Black';
src: url('../font/DINCond-Black.eot'); 
src: url('../font/DINCond-Black.eot') format('embedded-opentype'),
url('../font/DINCond-Black.woff') format('woff'), 
url('../font/DINCond-Black.ttf') format('truetype'),
url('../font/DINCond-Black.svg') format('svg'); 
}

@font-face {
font-family: 'DIN-Medium';
src: url('../font/DIN-Medium.eot'); 
src: url('../font/DIN-Medium.eot') format('embedded-opentype'),
url('../font/DIN-Medium.woff') format('woff'), 
url('../font/DIN-Medium.ttf') format('truetype'),
url('../font/DIN-Medium.svg') format('svg'); 
}



.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}



.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.hide{display: none}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}
    to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}
    to {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeIn{
	0% {opacity:0;	}
	100% {opacity:1;}
}
@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}



.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


.mainbox{margin: 0 auto; max-width:1400px; }
.top{position: fixed; left: 0px; top: 0px; z-index: 9999999; width: 100%; }

.top.cur{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}
.top.cur .logo .hide{display: block}
.top.cur .logo .show{display: none}
.top.cur .nav li>a{color: #333}
.top.cur .enyu{color: #333}

.logo{width: 153px;}
.top .mainbox{border-bottom: 1px solid rgba(255,255,255,0.1); height: 90px;}
.nav{width:75%; font-size: 18px;}
.nav li>a{color: #fff; line-height: 90px; display: block}
.nav li{position: relative}
.navdown{background: #fff; position: absolute; left:50%; transform: translate(-50%,0); width:200%; top:90px;box-shadow:0px 10px 10px rgba(0,0,0,0.05); padding: 10px 0px; display: none}

.navdown a{display: block; text-align: center; line-height:40px; font-size: 16px; color: #666}
.navdown a:hover{color:#0052d9;}
.nav li:nth-child(2) .navdown{width:280%}
.top .nav li.cur>a{color: #0052d9}
.top.cur .nav li:hover>a{color: #0052d9}

.topright{width: calc(100% - 153px);}

.enyu{color: #fff; font-size: 18px; margin: 0px 5%}

.sousu{width: 20px; height: 20px;}
.top.cur .sousu .hide{display: block}
.top.cur .sousu .show{display: none}

.banner img{width: 100%}
.bantxt{position: absolute; left:0%; top:25%; z-index: 999; font-size: 80px;color: #fff; font-weight: 300; width: 100%; text-align: center}

.huisebj{background: #f7f8fa}

.solutiontit li{width:32.8%;}

.solutiontit li:nth-child(1){ background: url("../image/fa01bj.png") no-repeat right center #fff; background-size: auto 100%;animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.solutiontit li:nth-child(2){ background: url("../image/fa02bj.png") no-repeat right center #fff; background-size: auto 100%;animation-delay:0.6s;-webkit-animation-delay:0.6s;}
.solutiontit li:nth-child(3){ background: url("../image/fa03bj.png") no-repeat right center #fff; background-size: auto 100%;animation-delay:0.9s;-webkit-animation-delay:0.9s;}

.solutiontit li.on:nth-child(1){ background: url("../image/fa01bjh.png") no-repeat right center #0052d9; background-size: auto 100%}
.solutiontit li.on:nth-child(2){ background: url("../image/fa02bjh.png") no-repeat right center #0052d9; background-size: auto 100%}
.solutiontit li.on:nth-child(3){ background: url("../image/fa03bjh.png") no-repeat right center #0052d9; background-size: auto 100%}




.solutiontit li p{font-size: 24px; font-weight: bold; color: #333333; margin-bottom: 10px;}
.solutiontit li p span{color: #666}
.solutiontit li a{display: block; padding:6% 36% 6% 10%}


.solutiontit li.on a{color: #fff}
.solutiontit li.on a p{color: #fff}

.solutionbox li{width: calc(33.333% - 55px); float: left; margin-left: 55px; margin-bottom: 55px; position: relative;}
.solutionbox ul{width: calc(100% + 55px);margin-left:-55px; }

.solutiontxt{width:90%; position: absolute; left: 0px; bottom: 0px; color: #fff;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); padding:5%}

.solutiontxt p{font-size: 18px; font-weight: bold; margin-bottom:6px;}

.solutiontxtleft{width: calc(100% - 100px);}

.solutiontxt em{width:88px; height: 28px; border: 1px solid #fff;font-size: 14px; line-height: 28px; text-align: center; border-radius: 3px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.solutionbox li a:hover .solutiontxt em{border: 1px solid #0052d9; background: #0052d9}
.solutionbox li a:hover .moredx em{border: 1px solid #0052d9; background: #0052d9}

.solutionbiaoti li{display:none}
.solutionbiaoti li:first-child{display: block}
.solutionbiaoti{padding: 50px 0px;}
.solutionbiaoti li{font-size: 24px; color: #333; position: relative; padding: 20px 0;}

.solutionbiaoti li:before{width:46px; height: 3px; background: #0052d9; content: ""; left: 50%; margin-left: -23px; position: absolute; bottom: 0px;}

.sysolutionbox{margin-top: -80px; position: relative; z-index: 9}

.moredx{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.moredx p{font-size: 18px; font-weight: bold; margin-bottom: 35px; color: #fff}

.moredx em{width:88px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; border-radius: 3px; margin: 0 auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.moredx em img{width: 25px;}

.synewstit{ margin-bottom: 40px}
.synewstit h1{font-size: 36px; font-weight: normal; color: #333}

.synewstit a{background: url("../image/jiantou.png") no-repeat right center; background-size:24px auto; padding-right: 38px;}

.synews li{width:30%}
.synews li a:hover p{color: #0052d9}
.synews{padding-top:70px; padding-bottom:90px;}
.newslefts{width:78px; color: #0052d9;font-family: 'DIN-Medium'; line-height: 1}
.newslefts p{font-size: 42px; margin-bottom: 10px;}
.newslefts span{font-size: 12px;}

.newsrights{width: calc(100% - 78px);}

.newsrights p{font-size: 18px; color: #333; margin-bottom: 10px;}
.newsrights span{color: #999999;}


.footerbj{background: #edeff0}
.footer{padding:60px 0px;}

.footnav{width: 70%}
.footcon{width: 22.8%; border-left: 1px solid #e3e3e3}

.footnav li p{font-size: 18px;}
.footnavdown{margin-top: 15px;}
.footnavdown span{display: block; padding:3px 0px;}
.footnavdown span a{color: #999999}
.footnavdown span a:hover{color: #0052d9}


.footcon h2{font-size: 18px; font-weight: normal; color: #333;} 


.footcon p{color: #999999; margin-top: 15px;padding:3px 0px;}
.footcon h3{color: #0052d9; font-size: 24px;font-family: 'DIN-Medium';}

.footcon span{color: #333}

.bottombj{background: #e8e9eb; padding: 24px 0px; color: #999999; text-align: center}

.bottombj a{color: #999999}

.bottombj a:hover{color: #0052d9}


.nybanner{position: relative; margin-top: 70px;}
.nybanner img{width: 100%}

.nybannertxt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%}
.nybannertxt h2{color: #fff; font-size: 36px; font-weight: normal; position: relative; padding-bottom: 25px;}

.nybannertxt h2:before{width:70px; height:2px; background: #fff; content: ""; left:0%;position: absolute; bottom: 0px;}


.down { width:48px; height:48px; border:1px solid #fff; border-radius: 100%; position: absolute; left: 50%; transform: translate(-50%,0); bottom:20%}
.down img { max-width: 40%; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite; max-width: 15px; }

@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}







.nynav{line-height: 82px; border-bottom: 1px solid #e8e9eb}
.nynav li{margin: 0px 3%}
.nynav li a{font-size: 18px; color: #666; position: relative; display: block;}
.nynav li a:hover{color: #0052d9}
.nynav li a:before{width:0%; height:3px; background: #0052d9; content: ""; left:0%;position: absolute; bottom:-1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nynav li a:hover:before{width: 100%}

.nynav li.cur a{color: #0052d9;font-weight: bold}
.nynav li.cur a:before{width: 100%}


.nyprobox{padding-top: 70px; padding-bottom: 70px; text-align: center}
.nyprotit{position: relative; padding: 0px 70px;}
/*.nyprotit .swiper-container:before{content: '';
    width: 10px;
    height: 100%;
    right: 0px;
    top: 0px;
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    position: absolute;
    z-index: 999;}*/
.nyprotit .swiper-button-next{ width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background:url("../image/anright.png") no-repeat center center rgba(0,0,0,0.15); background-size:12px auto; right:0px; border-radius: 100%; margin-top: 0px; transform: translate(0,-50%)}
.nyprotit .swiper-button-prev{width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background:url(../image/anleft.png) no-repeat center center rgba(0,0,0,0.15);  background-size:12px auto; left:0px;  border-radius: 100%;margin-top:0px; transform: translate(0,-50%)}


.nyprotit .swiper-button-next:hover{background-color: #0052d9}
.nyprotit .swiper-button-prev:hover{background-color: #0052d9}

.nyprotit .swiper-slide{width: auto}
.nyprotit .swiper-slide a{ height: 54px;padding: 0px 30px; border-radius: 54px; font-size: 18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;   border: 1px solid #e3e3e3;}
.nyprotit .swiper-slide a:hover{background: #0052d9; color: #fff; }
.nyprotit .swiper-slide.cur a{background: #0052d9; color: #fff; }
.proboxsd{margin-top: 55px;}
.protable{border-top: 4px solid #0052d9; display: none}
.protable th{background: #f0f6ff; font-weight: normal; color: #333333; border: 1px solid #e4e9f2; padding: 30px 10px}
.protable td{color: #666666; border: 1px solid #e4e9f2; padding:15px 10px}
.protable tr:nth-child(odd){background: #f7f7f7}
.downbtn{width: 20px; display: inline-block}

.protable:first-child{display: block}


.solutiontop{line-height:2; font-size: 18px; text-align: center; margin-bottom:60px;}

.fanantit{font-size: 40px; text-align: center; color: #333; margin-bottom: 40px;}

.nysolutionbox{padding-top: 70px; padding-bottom: 70px; }

.solutionshowtit{font-size: 40px; text-align: center; color: #333; margin-bottom: 40px;}

.solution_show{line-height:2; text-align: justify; margin-bottom: 70px}

.solution_show img{max-width: 70%;}

.xiangguantit{text-align: center; margin-bottom: 30px;}
.xiangguantit li{margin: 0px 10px; display: inline-block;}
.xiangguantit li a{ height: 54px;border-radius: 54px; font-size: 18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;   border: 1px solid #e3e3e3; min-width: 180px;}

.xiangguantit li a:hover{background: #0052d9; color: #fff; }
.xiangguantit li.on a{background: #0052d9; color: #fff; }



.xiangguanboxs ul{width:calc(100% + 100px); margin-left:-100px; }
.xiangguanboxs li{width:calc(33.33% - 100px); float: left; margin-left: 100px; margin-bottom: 20px}

.xiangguanboxs li h3{border-bottom: 1px solid #e3e3e3; padding: 20px 0px; background: url("../image/fsicos.png") no-repeat left center; padding-left: 35px; background-size: 20px auto; margin-bottom: 15px;}


.xiangguanboxs li p{font-size: 16px; padding: 5px 0px; position: relative; padding-left: 35px;}
.xiangguanboxs li p:before{background: #666666; width: 5px; height: 5px; border-radius: 100%; content:""; position: absolute; left:9px; top: 15px;}

.xianggutxt{min-height: 200px;}

.serviceboxs{padding-top:70px; padding-bottom:90px}

.onlinetit{text-align: center}
.onlinetit h2{font-size:40px;color: #333333; font-weight:normal; margin-bottom: 10px;}
.onlinetit p{ font-size: 16px;}


.onlineboxs{margin-top:70px;}
.onlineboxs>ul{width:calc(100% + 60px); margin-left:-60px; }
.onlineboxs>ul > li{width:calc(50% - 60px); float: left; margin-left: 60px; margin-bottom: 40px;}
.onlineboxs>ul > li p{font-size: 16px; color: #333; margin-bottom: 10px;}

.onlineboxs>ul > li p em{color: #f00; padding-right: 10px;}

.onlineboxs>ul > li input[type="text"]{ height: 58px; border: 1px solid #ebebeb; background: #f7f7f7; padding: 0px 15px; font-size: 14px; width: calc(100% - 32px)}

.onlineboxs>ul > li input[type="text"]{ height: 58px; border: 1px solid #ebebeb; background: #f7f7f7; padding: 0px 15px; font-size: 14px; width: calc(100% - 32px)}

.onlineboxs li textarea{ height:90px; border: 1px solid #ebebeb; background: #f7f7f7; padding: 15px; font-size: 14px; width: calc(100% - 32px)}
.onlineboxs >ul > li:nth-child(7){width:calc(100% - 60px);}
.onlineboxs >ul > li:nth-child(8){width:calc(100% - 60px);}

.yaznsmc{width: calc(100%  - 220px);}

.onlineboxs li .yaznsmc input[type="text"]{width: calc(57% - 32px)}

.onlineboxs>ul > li input[type="submit"]{width: 200px; height: 60px; background: #0052d9; color: #fff; border-radius:5px; border: none; font-size: 18px;}
.onlineboxs>ul > li input[type="submit"]:hover{ background: #1a69eb;}
.yanzmimg{width: 140px; height: 60px; margin-left: 10px;}
.huanyiz{font-size: 16px; color: #666666; text-decoration: underline; margin-left: 20px;}
.huanyiz:hover{color: #0052d9}



.onlineboxs li input[type="text"]::-webkit-input-placeholder {
       font-size: 14px; color: #999999
      }
.onlineboxs li input[type="text"]::-moz-input-placeholder {
        font-size: 14px; color: #999999
      }
.onlineboxs li input[type="text"]::-ms-input-placeholder {
        font-size: 14px; color: #999999
      }


.select {position:relative;display:block;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none;}
.select .placeholder {position:relative;display:block;z-index:1; height: 58px; line-height: 58px; border: 1px solid #ebebeb; background: #f7f7f7; padding: 0px 15px; font-size: 14px; width: calc(100% - 32px); color: #999; cursor: pointer}


.select .placeholder:after {position:absolute;right:1em;top:50%;transform:translateY(-50%);z-index:10; background: url("../image/fotdown.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}
.select.is-open .placeholder:after {background: url("../image/fotdown2.png") no-repeat center center;background-size: 100% auto}
.select.is-open ul {display:block; border: 1px solid #e5e5e5}
.select.select--white .placeholder {background:#fff;color:#999;}
.select.select--white .placeholder:hover {background:#fafafa;}
.select ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:5px;top:100%;left:0;padding:0;z-index:100;max-height: 210px;overflow-y: scroll;}
.select ul li {display:block;text-align:left; padding: 10px 15px; color:#999;cursor:pointer;}
.select ul li:hover {background:#0052d9;color:#fff;}


.select ul::-webkit-scrollbar
{
    width:6px;
    height:6px;
    background-color: #F5F5F5;
}

.select ul::-webkit-scrollbar-track
{
 
    border-radius:6px;
    background-color: #F5F5F5;
}
 

.select ul::-webkit-scrollbar-thumb
{
    border-radius:6px;
    background-color: #ccc;
}



.download{ padding-top: 80px; padding-bottom: 80px;}

.download li{background: #f7f8fa}


.download ul{width:calc(100% + 30px); margin-left:-30px; }
.download li{width:calc(33.33% - 30px); float: left; margin-left: 30px; margin-bottom: 30px;}

.download li p{font-size: 16px;}
.downico{ min-height:120px; line-height: 25px;background: url("../image/ico_down.png") no-repeat 40px center; background-size: 40px auto; padding:20px 40px 20px 100px; }
.download li .erduan{background: #f0f2f5}
.download li .erduan em{ height: 52px; width:22.4%; background: url("../image/down.png") no-repeat center center; background-size: 20px auto}

.download li .erduan span{color: #b2b2b2; padding-left: 40px;}



.download li a{display: block}
.download li:hover{background: #0052d9}
.download li:hover .erduan{background: #125edc}
.download li a:hover p{color: #fff}
.download li:hover span{color: #fff;}
.download li:hover .erduan em{ background: url("../image/down2.png") no-repeat center center #2f72e0; background-size: 20px auto}
.download li:hover  .downico{background: url("../image/ico_down2.png") no-repeat 40px center; background-size: 40px auto;}

.page a{height: 38px; border: 1px solid #ececec; text-align: center; line-height:38px; border-radius: 3px; font-size: 16px; padding: 0px 15px; margin: 0px 5px;}
.page a:hover{background: #0052d9; color: #fff; border: 1px solid #0052d9}
.page a.cur{background: #0052d9; color: #fff; border: 1px solid #0052d9}


.touzibox{padding-top: 100px; padding-bottom: 140px;}

.touzitit{text-align: center; font-size: 40px; color: #333; border-bottom: 1px solid #e9e9e9; padding-bottom: 60px;}


.touzilist{margin-top: 70px}


.touzileft{width: 24.2%; border: 1px solid #dee0e3; border-radius: 5px;}



.touziright{width:32.8%}

.touziright {display: flex;flex-direction: column;}
.touziright p{border-bottom: 1px dashed #e3e3e3; font-size: 16px;flex:1; padding: 10px 0px;}
.touziright p em{color: #777}
.touziright p span{color: #333333; font-weight: bold}


.newsboxs{padding-bottom: 80px;}
.newsboxs ul{padding: 30px 0px;}
.newsboxs li{padding: 50px 0px; border-bottom: 1px solid #f0f0f0;}
.nynewslefts{width:80px;font-family: 'DIN-Medium'; line-height: 1; border-right: 1px solid #f0f0f0}
.nynewslefts p{font-size: 42px; margin-bottom:5px;}
.nynewslefts span{font-size: 12px;}

.nynewsrights{width: calc(100% - 120px);}

.nynewsrights p{font-size: 22px;margin-bottom: 10px;}
.nynewsrights span{color: #999999;}
.nynewsrights p em{color: #f00}
.newsshowboxs{ padding-top:0px; padding-bottom: 0px;}

.newsshowtit{text-align: center; border-bottom: 1px solid #e3e3e3; padding-bottom: 30px;}

.newsshowtit h1{font-size: 30px; font-weight: normal; color: #000}

.newsshowtit p{font-size: 16px; color: #999999}

.newsshowtxtboxs{ font-size: 16px; line-height: 2; padding: 20px 0px;}

.newsshowtxtboxs p{padding-top: 20px;}

.newsupdown{border-top: 1px solid #e3e3e3; padding: 20px 0px; margin-top: 4%}
.newsupdown li{width: 45%}

.newsupdown li:nth-child(2){text-align: right}

.newsupdown li a{color: #333}
.newsupdown li a:hover{color: #0052d9}


.newsvideoboxs{padding-top: 80px; padding-bottom: 80px;}




.newsvideoboxs ul{width:calc(100% + 55px); margin-left:-55px; }
.newsvideoboxs li{width:calc(33.33% - 55px); float: left; margin-left: 55px;  cursor: pointer}

.newsvideoboxs li .fangdapic{position: relative}
.newsvideoboxs li .fangdapic:before{content: ""; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; background: url("../image/videoan.png") no-repeat center center; background-size: 100% auto; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 9}
.videotxt{padding: 20px 0px; min-height: 100px;}
.videotxt p{font-size: 20px; color: #333; margin-bottom: 5px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}

.videotxt span{color: #999999}

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

.tanchubox{position: absolute; max-width:980px; width: 90%; top: 50%; transform: translate(-50%,-50%); left: 50%; position: relative}

.guanbi{position: absolute; right: -25px; top: -25px; width:20px;}



.addSlide{position: fixed; width:100%; height:100%;background: rgba(0,0,0,0.5); left: 0; top:0; z-index:99999999; display: none}
.addSlide .searchbox{position: absolute; width: 100%; height: 170px;left: 0; top:50%;background: rgba(0,82,217,0.8); transform: translate(0,-50%);}

.addSlide .searchbox .int{width:50%; height:60px; line-height:60px; border-bottom:1px solid #FFF; top:50%; left:50%;}

.addSlide .searchbox .int .t_int{width:calc(100% - 50px); height:60px; line-height:60px; color:#FFF;background:none; border:0px; font-size:20px;}
.addSlide .searchbox .btn{width:40px; height:40px; background:url('../image/search2.svg') no-repeat center center; background-size:20px auto; border: none}
.addSlide .searchbox .close{width:29px; position:absolute; top:-40px; right:5px; cursor:pointer;}


.t_int::-webkit-input-placeholder {
    color: #fff; font-size: 18px;
}
.t_int::-moz-input-placeholder {
    color: #fff; font-size: 18px;
}
.t_int::-ms-input-placeholder {
     color: #fff; font-size: 18px;
}


.nyaboutbox{padding-top: 100px; padding-bottom: 100px;}
.nyaboutbox>h1{font-size: 40px;
    color: #333333;
    font-weight: normal;
    text-align: center; margin-bottom:80px;}
.nyaboutleft{width: 47%}

.nyaboutright{width: 47%}

.nyaboutleft>h1{font-weight: normal; font-size: 40px; color: #333333}

.nyabouttxt{text-align: justify; line-height: 2.3; font-size: 16px; margin: 5% 0}

.aboutshuzi{ padding-top: 3%}
.aboutshuzi li {text-align: center}
.aboutshuzi li span{color: #0052d9; font-size: 48px;font-family: 'DINCond-Black'; position: relative}
.aboutshuzi li p{color: #999999; margin-top: 10px;}
.aboutshuzi li span em{font-size:16px; position: absolute; left:110%; top: 0px;}


.wenhuabox{padding: 100px 0px; background: url("../image/wenhuabj.jpg") no-repeat center center #f7f7f7}

.wenhuabox li{width: 30%; text-align: center; cursor:pointer}

.wenhuabox li img{width: 60px; display: inline-block;  perspective-origin: center;
  transform-style: preserve-3d;
  transition: transform 1s;}
.wenhuabox li:hover img{ transform: rotateY(-180deg);}
.wenhuabox li h3{font-size: 24px;color: #0052d9; padding: 10px 0px; font-weight: normal}
.wenhuabox li p{font-size: 16px;}
.wenhuabox h1{font-size: 40px; color: #333333; font-weight: normal; text-align: center}

.wenhuabox ul{margin-top: 80px}

.honorbox{padding: 80px 0px;}
.honorbox h1{font-size: 40px; color: #333333; font-weight: normal; text-align: center}



.honortxts p{font-size: 16px; color: #333; padding: 15px 0px 0; text-align: center}


.honortxts a{background: #f7f7f7; padding: 45px; display: block;}
.honortxts a img{width: 100%}

.honorhezi{position: relative; padding-bottom: 50px; width: 90%; margin: 0 auto; max-width: 1520px;margin-top:40px}
.honorhezi .swiper-pagination { z-index: 999; left:0px; bottom:0px; width: 100% }
.honorhezi .swiper-pagination-bullet { opacity:1;width: 10px; height:10px;margin:0px 10px; border: 1px solid #acacac; border-radius: 100%; background: none; position: relative  }
.honorhezi .swiper-pagination-bullet-active { border: 1px solid #0052d9; }
.honorhezi .swiper-pagination-bullet-active:before{width: 5px; height: 5px; background: #0052d9;border-radius: 100%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}

.honorhezi .swiper-button-next{ width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background:url("../image/anright.png") no-repeat center center rgba(0,0,0,0.15); background-size:12px auto; right:-80px; border-radius: 100%; margin-top: -90px;}
.honorhezi .swiper-button-prev{width:50px; height:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background:url(../image/anleft.png) no-repeat center center rgba(0,0,0,0.15);  background-size:12px auto; left:-80px;  border-radius: 100%;margin-top: -90px;}


.honorhezi .swiper-button-next:hover{background-color: #0052d9}
.honorhezi .swiper-button-prev:hover{background-color: #0052d9}



.fazhanboxs .swiper-slide{width: 35%; padding: 10px;}

.timeboxs{background: #fff; padding:50px; box-shadow: 0px 0px 10px rgba(0,0,0,0.05);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.fazhanboxs{padding-top: 80px; padding-bottom: 80px;}
.fazhanboxs>h1{font-size: 40px; font-weight: normal; color: #333}


.fazhanboxs .swiper-container{margin-top: 40px; padding-bottom:92px;}
.fazhanboxs .swiper-container:before{content:""; position: absolute; left: 15px; bottom: 45px;  height: 1px; background: #e3e3e3; width: 100%; }
.timeboxs h1{font-size: 40px; color: #0052d9;font-family: 'DIN-Medium'; font-weight: normal; border-bottom: 1px solid #e3e3e3; padding-bottom:30px; margin-bottom:30px;}

.timeboxs h3{font-family: 'DIN-Medium'; font-weight: normal; font-size: 140px; color: rgba(0,82,217,0.04); position: absolute; bottom:-5px; right: 5%; line-height:1; letter-spacing: -10px}


.shijian li span{display: block; color: #999999}
.shijian li p{font-size: 16px; color: #333; margin-top: 5px;}
.shijian li{position: relative; margin-bottom: 15px; padding-left:8%}
.shijian li:before{content: ""; width: 5px; height: 5px; border-radius: 100%; background: #0052d9; position: absolute; left: 0px; top: 8px;}

.shijian{height:400px; overflow-y: scroll; padding-right: 10px;}



.shijian::-webkit-scrollbar
{
    width:3px;
    height:3px;
    background:none
}

.shijian::-webkit-scrollbar-track
{
 
    border-radius:3px;
    background:none
}
 

.shijian::-webkit-scrollbar-thumb
{
    border-radius:3px;
    background-color: #ccc;
}


.timeboxs h2{position: absolute; left: 0px; bottom: -92px;font-family: 'DIN-Medium'; color: #999999; font-size: 20px; padding-top: 30px;}

.timeboxs h2:before{background: #999999; border: 5px solid #e6e6e6; width: 5px; height: 5px; border-radius: 100%; content: ""; position: absolute; left: 50%; top: 0px; transform: translate(-50%,0)}







.timeboxs:hover{background: #0052d9}

.timeboxs:hover .shijian li p{color: #fff}
.timeboxs:hover .shijian li span{color: #87b0ff}
.timeboxs:hover h1{color: #fff; border-bottom: 1px solid #3375e1}
.timeboxs:hover .shijian li:before{background: #fff}

.timeboxs:hover h2:before{background: #fff; border: 5px solid #0052d9}
.timeboxs:hover h2{color: #0052d9}
.timeboxs:hover h3{color: rgba(255,255,255,0.03)}


.timeboxs:hover .shijian::-webkit-scrollbar-thumb
{

    background-color: #fff;
}

.nycontact{padding-top: 120px; padding-bottom: 120px;}

.conmapleftdingwei{position: relative;}
.conmapleft{width: 60%; }
.conmapleft li p{font-size: 1rem; color: #333; position: absolute; left:100%; padding-left:5px; top:50%; width:80px; font-size: 20px; transform: translate(0,-50%)}
.conmapleft li{width:2.5%;}
.shanghai{ left:84.43%; top: 41.8%}
.conmapleft li{position: absolute; cursor: pointer}
.conmapleft li:hover img.hide{display: block}
.conmapleft li:hover img.show{display: none}
.conmapleft li:hover p{color: #0052d9}

.chengdu{ left:55.71%; top: 53.3%}
.shenzhen{ left:72%; top: 58.8%}
.conmapleft li.cur img.hide{display: block}
.conmapleft li.cur img.show{display: none}
.conmapleft li.cur p{color: #0052d9}



.conmapright{width: 33.28%}

.conmapright > h1{font-size: 40px; font-weight: normal; color: #333; margin-bottom: 50px;}
.conmaptxtbox ul{position: relative}
.conmaptxtbox li h2{font-size: 26px; color: #333333; font-weight: normal; margin-bottom:10px; line-height: 1.4}
.conmaptxtbox li{border-top: 1px solid #e3e3e3; padding: 25px 0px; line-height: 2}
.conmaptxtbox li p{font-size: 16px;}
.youx{padding-left: 45px;}
.conmaptxtbox li p span{color: #0052d9;font-family: 'DIN-Medium';}
.conmaptxtbox li.cur h2{color: #0052d9;}



.liuyanbtn{width: 200px; height: 60px; border-radius: 5px; color: #fff; font-size: 18px; background: #0052d9; text-align: center; line-height: 60px; display: block; margin-top:100px}

.liuyanbtn:hover{color: #fff; background: #2169e1}


.conmaptxtbox{overflow-y: scroll; height: 640px; padding-right: 60px;}

.conmaptxtbox::-webkit-scrollbar
{
    width:3px;
    height:3px;
    background:none
}

.conmaptxtbox::-webkit-scrollbar-track
{
 
    border-radius:3px;
    background:none
}
 

.conmaptxtbox::-webkit-scrollbar-thumb
{
    border-radius:3px;
    background-color: #ebebeb;
}

.liuyantanchu{background: #fff; width: calc(90% - 200px); max-width: 1000px; margin: 0 auto; padding: 50px 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}

.guanbix{position: absolute; top:30px; right: 30px;}
.guanbix img{width: 15px;}

.liuyantanchu .onlineboxs li:nth-child(3){width: calc(100% - 60px);}
.liuyantanchu .onlineboxs li:nth-child(4){width: calc(100% - 60px);}





.nynavselect {position:relative;width:calc(100% - 40px);color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 20px; display: none; z-index: 9999}

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 60px; line-height: 60px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../image/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}
.nynavselect.is-open .placeholder:after {background: url("../image/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:5px;top:100%;left:0;padding:20px 0;z-index:100;font-size:16px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}
.nynavselect ul li:hover {background:#0052d9;color:#fff;}

.nynavselect ul li a{display: block}



.nynavselect.cur{ position: fixed; top: 50px; left:0; margin: 0px; width:100%; background: #fff; z-index: 99999; border-left:none; border-right: none}



.top.nofu{ position: relative}
/*.nybanner.nofu{margin-top: 0}*/

.nyhonorhezi li{width: calc(25% - 40px); float: left; margin-left: 40px; margin-bottom: 40px;}
.nyhonorhezi ul{width: calc(100% + 40px); margin-left: -40px;}
.nyhonorhezi{margin-top:50px}

.honortxts p{ line-height:26px; height:52px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}




.morebtn a{width:100px; height:34px; border: 1px solid #ccc; line-height: 34px; text-align: center; border-radius: 3px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color: #666 }

.morebtn a:hover{border: 1px solid #0052d9; background: #0052d9; color: #fff}

.uptop{width:40px; height: 40px; background: rgba(0,0,0,0.5); position: fixed; bottom: 
5%; right: 0px; cursor: pointer; z-index: 9999999; display: none}
.uptop img{max-width: 40%}

.uptop.cur{display:flex}






.nianfenxz .select{width:200px}
.nianfenxz .select .placeholder{background: no-repeat; height: 42px; line-height: 42px}
.nianfenxz .select ul li a{display: block}
.nianfenxz .select ul li:hover a{color: #fff}


.zigongsi .nyaboutleft>h1{font-size: 30px;}
.zigongsi .nyabouttxt{line-height: 2; margin: 3% 0px;}

.linxisdf{line-height: 2; font-size: 16px;}


.zigongstx{margin-top: 80px; border-top: 1px solid #eee; padding-top: 80px;}


@media screen and (max-width:1000px)
{
	.tanchubox iframe{width: 100%; height: 390px;}
}
@media screen and (max-width:768px)
{
	.kgzgs{display: block}
	
	.zigongstx .nyaboutleft{margin-top: 30px;}
}


@media screen and (max-width:680px)
{
	.nianfenxz .select{width:120px}
	
	.nyaboutbox>h1{font-size: 24px; margin-bottom: 40px;}
	
	.zigongsi .nyaboutleft>h1{font-size:20px;}
	
	.zigongstx{padding-top: 10px; margin-top: 40px;}
	
	.linxisdf{font-size: 14px;}
}

.hangzhou{ left:82%; top: 44.8%}