@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#333333;font-family:'Microsoft YaHei','Source Han Sans CN','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.8;  overflow-x: hidden!important}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;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:#333333;}
a:hover{color: #143dee}
/*居中*/

.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';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/* 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;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

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

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}

.nav-btnbox { display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.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%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.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%!important}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}




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

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}


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

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


/*省略号*/
.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;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}


.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.05);-webkit-transform: scale(1.05);}

.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}






@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


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


@-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}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{




  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width:90%; max-width: 1400px;}


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

.sosouboxs{width: 100%; position:fixed; left: 0px; top:-20px; z-index: 99999999999; background: #fff; padding: 30px 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.sosouboxs.show{ top: 0; opacity: 1; visibility: visible;}

.sosouhezi{border-bottom:2px solid #143dee; background: url("../images/fada02.png") no-repeat left center; background-size: 15px; padding-left: 30px; width: 80%; max-width: 500px; margin:0 auto}
.sousutxt{height: 40px; width: calc(100% - 50px); border: none}
.sousuclose{width: 50px; height: 50px;}



.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:9999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-bottom: 1px solid rgba(255,255,255,0.05)  }

.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);background: #fff;}
.top.cur>.mainbox{height:80px;}
.top.cur .navdown{top: 80px}
.top.cur .nav li>a{color: #333; line-height: 80px}
.top.cur img.show{display: none}
.top.cur img.hide{display: block}


.top.cur2{border-bottom: 1px solid #dddedf}

.top.cur2 .nav li>a{color: #333;}
.top.cur2 img.show{display: none}
.top.cur2 img.hide{display: block}





.top.cur .nav li.cur>a{color: #1c39b8; font-weight: bold}

.topright{width:60%; max-width: 800px}


.top>.mainbox{height:100px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; max-width: 1800px }
.logo{ width:30%; max-width:200px;}
img.hide{display: none}




.toprightright{width:80px;}
.toprightright a{width: 20px;}
.toprightright a img{width: 100%}
.nav{width:calc(90% - 80px)}
.nav li{position: relative}
.nav li>a {position: relative; display: block; color: #fff;font-size: 18px; line-height: 40px;}


.navdown{position: absolute; left:50%; transform: translate(-50%,0);top:40px;background:rgba(255,255,255,1); min-width:245px; display: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.05); text-align: center; border-radius: 5px;}


.navdown p a{padding:7px 0px; color:#666;  font-size: 16px;  display: block;border-radius: 5px;}
.navdown a:hover{color: #fff; background: #143dee}


.banner{position: relative; overflow: hidden;}
.banner .swiper-pagination{z-index: 999; right:5%; top:50%; width:34px;transform: translate(0,-50%); left: auto; bottom: auto; }
.banner .swiper-pagination-bullet{  width: 32px; height: 32px;border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s;margin:0!important; position: relative;background: none; opacity: 1}

.banner .swiper-pagination-bullet:before{ border: 1px solid #fff; width: 8px; height: 8px; background: #fff; border-radius: 100%; position: absolute; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: '' }


.banner .swiper-pagination-bullet-active{border: 1px solid #fff; }

.banner img{width: 100%}


.bantxt{position:absolute; left:0%;top:50%;transform: translate(0,-50%);color: #fff; width: 100%;z-index:3}

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


.bantxt h2{font-size:46px; line-height: 1.2; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); font-weight: normal; display: inline-block; border-bottom: 1px solid #fff; padding: 10px 0px; margin-bottom: 10px; font-weight: normal;    max-width: 720px;}
.bantxt h3{font-size:20px; line-height: 1.8; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); font-weight: normal; max-width: 720px;}

.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}


.banner .swiper-slide{background-position: center bottom; background-size: cover; background-repeat: no-repeat; height: 100vh}

.morebtn{width:196px; height: 56px;border-radius: 6px; border: 2px solid #143dee; display: inline-block; background: #143dee; color: #ffffff; line-height: 56px; font-size: 18px; text-indent: 30px; position: relative;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.morebtn:before{content:''; width: 24px; position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); background: url("../images/jian.svg") no-repeat center center; height: 13px; background-size: 100% 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;}

.morebtn:hover{color: #FFFFFF; background:rgba(20,61,238,0.6);}

.morebtn:hover:before{right: 15px;}

.morebtn.kong{background: none; color: #143dee}
.morebtn.kong:before{background: url("../images/jian2.svg") no-repeat center center; }
.morebtn.kong:hover{background: #143dee; color: #fff}
.morebtn.kong:hover:before{background: url("../images/jian.svg") no-repeat center center; }


.sytit h2{font-weight: normal; font-size: 48px;}


.synewstxt{background: #f5f7f9; padding: 38px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.synewstxt p{font-size: 22px; line-height: 36px; height: 72px;margin-bottom: 30px;}
.synewstxt span{font-family: 'AvertaStdRegular'; font-size: 18px; color: #999999; background: url("../images/time.svg") no-repeat left center; background-size:20px auto; padding-left: 30px}

.synewsbox{position: relative}
.synewsbox .swiper-container{overflow: hidden}
.synewsbox .swiper-slide a{display: block;}

.synewsbox .swiper-slide a:hover .synewstxt{background: #143dee; color: #fff}

.synewsbox .swiper-slide a:hover .synewstxt span{background: url("../images/time2.svg") no-repeat left center; background-size:20px auto;color: #fff }

.syvideo .swiper-slide img{width: 100%}
.syvideo .swiper-slide{cursor: pointer}
.syvideo .swiper-slide:before{width: 120px; height: 120px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.7); content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syvideo .swiper-slide:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 0;height: 0;
    border-left: 20px solid rgba(255,255,255,0.7);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}


.syvideo .swiper-slide:hover:before{border: 1px solid rgba(255,255,255,1); }
.syvideo .swiper-slide:hover:after{border-left: 20px solid rgba(255,255,255,1); }






.syvideo{position: relative}
.syvideo .swiper-pagination{z-index: 999; bottom: 5% }
.syvideo .swiper-pagination-bullet{  width: 50px; height: 2px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s;margin:0 15px!important; position: relative;opacity: 1; background: rgba(255,255,255,0.3);border-radius: 0}

.syvideo .swiper-pagination-bullet-active{background: rgba(255,255,255,1)}



.footerbj{background: #1c39b8; color:rgba(255,255,255,0.6);}
.footnav{width: 60%;}
.footnav li p a{color: #fff; font-size:20px; line-height: 1}
.footnav li p{margin-bottom:20px;}
.footnavdwon span{display: block; padding: 5px 0px; }

.footnavdwon span a{color:#8b9adc; }
.footnavdwon span a:hover{color:rgba(255,255,255,1); }

.footbot{border-top: 1px solid rgba(255,255,255,0.07); padding: 20px 0px;}
.footbot a{color:rgba(255,255,255,0.8); }
.footbot a:hover{color:rgba(255,255,255,1); }


.footcon{color:#fff; width: 30% }
.footcon h2{font-weight: normal; font-size: 18px; margin-bottom:20px;line-height: 1.6}
.footcon p span{color: #8b9adc}
.footcon p{padding: 5px 0px;}
.line{width: 1px; background:rgba(255,255,255,0.08)}

.footerleft p br{display: none}
.footerleft a{color:rgba(255,255,255,0.6); }
.footerleft a:hover{color:rgba(255,255,255,1); }

.footerleft em{margin: 0px 10px;}
.footerright a{width: 24px; position: relative;margin-left: 20px;}
.footerright a:first-child{margin: 0px;}
.footerright a>img{opacity: 0.5;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.footerright a:hover>img{opacity: 0.8}
.erweimabox{width: 100px; position: absolute; left: 50%; bottom:30px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999}
.erweimabox:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff; left: 50%; bottom: -10px; transform: translate(-50%,0); position: absolute}
.erweimabox img{border-radius: 5px;}
.footerright a:hover .erweimabox{opacity: 1; visibility:visible}

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

.videotanchubox{max-width: 1000px; margin: 0 auto; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%}
.videotanchubox h2{color: #fff; font-size: 20px; font-weight: normal; text-align: center; padding-bottom: 20px;}
.videobox{position: relative}
.guanbi{width: 30px; height:30px; position: absolute; right:-40px; top:-40px; z-index: 999}

.nybanner{position: relative}
.nybanner img{width: 100%}
.nybantxt{position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); width: 100%}
.nybantxt h2{color: #fff; font-size: 40px; font-weight: normal}

.nynav{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);margin-top: -40px; position: relative; z-index: 9}

.nynav li{font-size: 20px;width: 25%; text-align: center}
.nynav li a{position: relative; line-height:80px; display: inline-block}
.nynav li a:before{content: ''; width:0%; background: #1c39b8; height:3px; position: absolute; left: 0px; bottom: 0px;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{font-weight: bold; color: #1c39b8}

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

.nyabouttxt{width:100%;}
.nyabouttxt h2{font-size: 42px; font-weight: normal}
.nyabouttxt p{color: #666666; font-size: 16px; line-height:1.8; margin-top:15px;}

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






.syshuzi ul{overflow: hidden}
.syshuzi li{width: calc(33.33% - 1px); float: left;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin: 40px 0px;line-height: 1;position: relative}
.numbx{min-width:180px;}
.numbx span i{font-family: 'AvertaBold'; font-size: 50px; font-weight: bold}
.numbx p{margin-top: 20px}

.syshuzi li:before{content:''; background: #e6e6e6; width: 1px; height: 100%; position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);}



.syshuzi li:nth-child(3):before,.syshuzi li:nth-child(6):before{display: none}

.syshuzi li:nth-child(1),.syshuzi li:nth-child(4){justify-content:flex-start;}
.syshuzi li:nth-child(3),.syshuzi li:nth-child(6){justify-content:flex-end;}


.syshuzi li:nth-child(1):before,.syshuzi li:nth-child(4):before{right: 20%}
.syshuzi li:nth-child(2):before,.syshuzi li:nth-child(5):before{right:-10%}


.numbx em{color: #999999; padding-left: 10px;}

.nyculturetxt{width: 40%;}

.nyculturepic{width: 45.5%}

.nyculturetxt ul{height: 100%}

.whico{width: 50px}
.whico img{width: 100%}
.whtxt{width: calc(100% - 90px)}
.whtxt p{font-size: 26px;margin-bottom: 10px; line-height: 1.4;font-weight: 600;color: #1c39b8;}
.whtxt span{display: block; color: #666666; font-size:18px;}


.nyculturetxt li.line{height: 1px; background: #d7d6d6; width: 100%}

.huisebj{background: #f5f7f9;}

.honorbox li{background: #fff; float: left; margin-left: 40px; margin-bottom: 35px; padding: 40px; width: calc(33.33% - 120px)}

.honorbox ul{ width: calc(100% + 40px); margin-left:-40px;}

.honorbox li p{font-size: 20px; text-align: center; line-height: 30px;min-height: 60px; margin-bottom: 10px;}


.page a{width: 40px; height: 40px; border: 1px solid #c4c6c7; text-align: center; line-height: 40px; font-size: 18px; color: #666666; margin: 0px 5px; border-radius: 3px;font-family: 'AvertaStdRegular';}
.page a:hover{color: #143dee; border: 1px solid #1c39b8; }
.page a.pageprev{background: url("../images/left.png") no-repeat center center; background-size:8px auto}
.page a.pagenext{background: url("../images/next.png") no-repeat center center; background-size:8px auto}

.page a.pageprev:hover{background: url("../images/left2.png") no-repeat center center; background-size:8px auto}
.page a.pagenext:hover{background: url("../images/next2.png") no-repeat center center; background-size:8px auto}

.page a.cur{color: #143dee; border: 1px solid #1c39b8; }


.productbox li{background: #fff; float: left; margin-left: 40px; margin-bottom:40px;  width: calc(33.33% - 40px)}

.productbox ul{ width: calc(100% + 40px); margin-left:-40px;}

.productbox li .fangdapic{padding: 30px;}

.productbox li .fangdapic img{height: 300px;
    object-fit: cover;}


.protxt{border-top: 1px solid #ebebeb}

.protxt p{padding:20px 30px; width: calc(100% - 140px); font-size: 20px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; line-height: 1.4;}

.protxt p span{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}

.protxt em{background: url("../images/jian2.svg") no-repeat center center; background-size:24px auto; width: 70px; border-left: 1px solid #e7ebfd;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }


.productbox li a:hover .protxt em{background: url("../images/jian.svg") no-repeat center center #143dee; background-size:24px auto; border-left: 1px solid #e7ebfd}

.proshowpic{position: relative}


.proshowpic .swiper-container{overflow: hidden}

.proshowpic .swiper-slide img{max-height: 413px;}

.proshowpic .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:#f2f2f2; left:0%;border-radius: 100%;margin-top:-25px; color: #dddddd}

.proshowpic .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:#f2f2f2; right:0%;border-radius: 100%;margin-top:-25px; color: #dddddd}

.proshowpic .swiper-button-next:after, .proshowpic .swiper-button-prev:after{font-size: 20px;}


.proshowpic .swiper-button-prev:hover{background: #143dee}
.proshowpic .swiper-button-next:hover{background: #143dee}

.proshowpic .swiper-button-next:hover:after, .proshowpic .swiper-button-prev:hover:after{color: #fff}

.proshowtit{font-size: 24px; margin-bottom: 10px;}

.proshowtxt{border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; text-align: justify}

.proshowtxt p{color: #666666; line-height:2}

.proname p{font-size: 30px;}


.protablebox td{border: 1px solid #f0f0f0; padding: 15px 3%; color: #666666;font-family: 'AvertaStdRegular';}

.protablebox th{color: #fff;background: #225aa5; padding: 15px 3%; text-align: left}


.protablebox td strong{color: #333333}


.nynewstop{background: #f5f7f9}

.nynewsleft{width: calc(50% - 100px); padding:50px;}

.nynewstop .fangdapic{width: 50%}
.nynewstop .fangdapic.hide{display: none}


.nynewsleft span{font-family: 'AvertaStdRegular'; font-size: 18px; color: #999999; background:url("../images/time.svg") no-repeat left center; background-size:20px auto; padding-left: 30px}

.nynewsleft h2{font-size: 22px; font-weight: normal; line-height: 30px; height: 30px; margin:20px 0px; color: #333333}

.nynewsleft p{color: #999999; line-height: 30px; height: 90px; margin-bottom: 10%}

.nynewsleft a{display: block}

.nynewstop a:hover .morebtn.kong{background: #143dee; color: #fff}
.nynewstop a:hover .morebtn.kong:before{background: url("../images/jian.svg") no-repeat center center; }

.nynewsbot{margin-top: 50px;}
.nynewsbot li{background: #f5f7f9; float: left; margin-left: 40px; margin-bottom:40px;  width: calc(33.33% - 40px)}

.nynewsbot ul{ width: calc(100% + 40px); margin-left:-40px;}

.newsshowtit{background: #f6f7f8; padding-top:100px}


.newsshowtit h1{font-size: 36px; line-height: 1.2; margin-bottom:30px}

.newsshowtit .mainbox{max-width: 1000px;}

.newsshowtit p{color: #999999; }
.newsshowtit p span{margin-right: 30px}

.newsshowbox{max-width: 1000px; margin: 0 auto}

.newsshowhezi{color: #666666; text-align: justify; line-height: 2}
.newsshowhezi p{padding: 10px 0px;}

.updown{border-top: 1px solid #e5e5e5; padding: 30px 0px;}
.updown ul{display: block}
.updown li{margin: 8px 0px;}
.updown li a{color: #666666}
.updown li a:hover{color: #1c39b8}

.nytit h2{font-weight: normal; font-size: 40px; color: #000033}


.joinbox li .morebtn{width: 156px; height: 48px; font-size: 16px; line-height: 48px; text-indent: 16px;}
.joinbox li{background: #fff; padding:30px 50px;margin-bottom: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}

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


.joinbox li h3{font-weight: normal; font-size: 20px; color: #002e6b; width: 35%}


.joinbox li p{color: #999999; width: 60%}
.joinbox li p span{position: relative; padding: 0px 15px; line-height: 1; display:inline-block}
.joinbox li p span:before{content:''; width: 1px; height: 14px; background: #999999; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}
.joinbox li p span:first-child{color: #143dee; padding-left: 0px;}
.joinbox li p span:first-child:before{display: none}


.contactbox{border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1}


.contactbox li{width:40%;}
.contactbox li.line{ width: 1px;background: #e8e8e8}

.contactbox li h3{font-size: 30px; font-weight: normal;line-height: 1; padding-bottom:20px;}
.contactbox li p{font-size: 20px; color: #999999; position: relative; padding-left: 60px;margin-top: 25px;}
.contactbox li span{color: #333333;font-family: 'AvertaBold';}
.contactbox li a{font-family: 'AvertaBold';}


.yxico:before{background: url("../images/email.svg") no-repeat center center #f0f2f5; background-size:50% auto; border-radius: 100%; width: 40px; height: 40px;content: ''; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}

.sjico:before{background: url("../images/phone.svg") no-repeat center center #f0f2f5; background-size:50% auto; border-radius: 100%; width: 40px; height: 40px;content: ''; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}


.dituContent{width: 100%;height:600px;}

.BMap_pop > img{display: none !important;}
.BMap_pop > div{display: none !important;}

.BMap_shadow{display: none !important;}
.anchorBL{display: none}

.BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(../images/dingwei.svg) no-repeat center !important;width: 30px!important;height:36px !important;max-width: none !important;margin-bottom: 0 !important; background-size: 100%!important;}

.mapboxsd{position: relative}

.mapdizhi{width: 90%; position: absolute; left: 5%; bottom: 40px; background: rgba(255,255,255,0.95); border-radius: 4px;overflow: hidden}

.mapdizhi h3{width: 32%; background: #899fb6; font-size:16px; text-align: center; color: #fff}

.mapdizhi p{width: calc(70% - 60px); padding:20px 30px; font-size:18px;}
.mapdizhi p span{color: #999999; background: url("../images/dingwei.svg") no-repeat left 6px; background-size:18px auto; padding-left: 25px;}

.yingsitxt{line-height: 2.4}
.yingsitxt strong{color: #333333}


.sitemapbox dt{font-weight: bold; width: 100px;  padding: 21px 0px; text-align: right;}

.sitemapbox dd{width: calc(100% - 160px); border-left: 1px dashed #e0e3e4;padding: 15px 0px;position: relative; padding-left: 20px}
.sitemapbox dd:before{width:5px; height: 5px;border-radius: 100%;border: 3px solid #143dee; content:''; position: absolute; left: -6px; top: 50%;transform: translate(0,-50%)}


.sitemapbox dd a{ padding: 6px 15px; border: 1px solid #cccccc; display: inline-block; border-radius: 5px; color: #666; margin-left: 15px;}


.sitemapbox dd a:hover{background: #143dee; color: #fff;border: 1px solid #143dee;}

.swiper-container{overflow: hidden}



.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:20px 0px 10px; display: none; z-index: 99 }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;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("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/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;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#1c39b8}
.nynavselect ul li.cur a{color: #fff}




.nynavdown{ margin-top: 30px;}
.nynavdown li{font-size: 18px; }

.nynavdown ul{max-width: 800px; margin: 0 auto}
.nynavdown li a{position: relative; padding: 10px 0px;}
.nynavdown li.cur a{color:#143dee; font-weight: bold}
.nynavdown li a:before{content: ''; width:0%; background: #143dee; height:2px; position: absolute; left: 0px; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nynavdown li a:hover:before{width: 100%}
.nynavdown li.cur a{font-weight: bold; color: #143dee}

.nynavdown li.cur a:before{width: 100%} 

.toprightright a{color: #fff; font-size: 18px;}

.top.cur .toprightright a{color: #333}
.top.cur .toprightright a:hover{color: #143dee}