 @charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#333;line-height:1.6;font-family:'AlibabaPuHuiTi-Regular','微软雅黑';min-width:320px;padding-top:80px;}
a{color:#333;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#0667b6;}

/* css */
@font-face {
font-family: "anton";
src: url("anton.ttf") format("truetype");
font-family: "SourceHanSansCN-Regular";
src: url("SourceHanSansCN-Regular.otf") format("truetype");
}
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.container{position:relative;width:100%;max-width:1600px;min-width:320px;margin:0 auto;}
.container1{position:relative;width:100%;max-width:1783px;min-width:320px;margin:0 auto;}
.pImg{position:relative;padding-top: 70%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd50{padding:50px 0;overflow:hidden;}
.pd60{padding:60px 0;overflow:hidden;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.font16{font-size:1.143em;}
.gray{background:#efefef;}
/* css */

/* header */
.header{width:100%;height: 100px;line-height: 99px;font-size:1rem;background:#fff;transition:all .5s;position: fixed;top:0;width:100%;left:0;z-index:99;color:#333;border-bottom: 1px solid #eee;}
.header .logo{float:left;display: flex;align-items: center;}
.header .logo span{color:#000;font-family:Arial;line-height:1.2;margin-left:15px;}
.header .logo span b{display:block;font-size:26px;font-weight:400;}
.header .logo .txt{position:relative;color:#000123;font-size: 20px;display: block;margin-left: 24px;}
.header .logo .txt font{display: block;margin-top: 2px;font-size: 14px;}
.header .logo .txt:before{content:"";position: absolute;top: 0;left: -12px;bottom: 0;width:1px;height: 80%;background: #eee;}
.header .container{height:100px;}
.nav{width:55%;margin-right: 340px;display:flex;justify-content:space-between;max-width:760px;font-size: 16px;}
.nav .m{float:left;text-align:center;position:relative;}
.nav .m>a{position: relative;display: flex;color: #000123;font-size: 17px;height: 100%;text-align: center;align-items: center;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:#0667b6;}
.nav .cur>a:after,.nav .cur>a:after{transform: scale(1);transform-origin:left;}
.nav .navSub{position:absolute;left:50%;top:120%;background: #fff;line-height:35px;width:180px;color:#333;font-size:.875rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;margin-left:-90px;}
.nav .navSub::after{content:"";position: absolute;left:50%;top:-12px;border:6px solid transparent;border-bottom-color:#ddd;margin-left:-6px;}
.nav .navSub li{border-bottom: 1px solid #fbf7f7;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#0667b6;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.headTel{position:absolute;right: 130px;font-size: 18px;font-family:"Arial";background: url('../images/headTel.png') no-repeat left center;padding-left: 27px;line-height: 24px;margin-top: 23px;margin-right: 5px;}
.headTel span{display:block;color: #0769b3;font-size: 25px;font-weight: bold;letter-spacing: -1px;}
.header .cloud{display: flex;color:#0b3861;font-size: 16px;margin-left: 20px;align-items: center;}
.header .cloud:before{content: "\e622";margin-right: 10px;font-size: 26px;color: #0b3861;}
.header .cloud:hover{color:#85cb52}
.header .bar{color:#333;position: absolute;right: 0;font-family: "Arial";background: url(../images/headWeb.png) no-repeat left center;padding-left: 23px;}
.header .bar:hover{color:#0f3e97}
/* header */

/* navTrigger */
.navTrigger{position:absolute;top:22px;right:15px;width:24px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#333;margin-bottom:5px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger span:nth-child(2){width:16px;}
.navTrigger-on span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel{font-family:"iconfont";position: absolute;color:#333;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
/* navTrigger */

/* banner */
.banner{position:relative;overflow:hidden;z-index:2;color:#fff;}
.banner img{width:100%;animation:scale 30s infinite;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .mouse{position:absolute;background: url('../images/mouse.png') no-repeat center;left:50%;bottom:60px;z-index:2;width:15px;height:28px;  -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite;margin-left:-8px;}
.banner div.progress{width:150px;bottom:62px;top:auto;background: rgba(255,255,255,.5);left:6%;height:2px;margin-left:25px;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}
.banner .btn{width:30px;height:30px;border:1px solid #fff;top:auto;bottom:50px;right:6%;background:none;left:auto;transform: skew(-6deg);font-family:"iconfont";text-align:center;line-height:30px;font-size:.875rem;transition:all .4s;}
.banner .swiper-button-prev{margin-right:45px;}
.banner .btn:hover{opacity:1;background:#fff;color:#0769b2;}
.banner .num{position: absolute;z-index:2;left:6%;bottom:50px;font-family:Arial;}
.banner .total{margin-left:180px;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}
/* banner */

/* clTitle */
.clTitle{font-size:2rem;margin-bottom:40px;color:#1f1e23;text-align:center;font-weight:normal;line-height:1.4;text-transform: uppercase;}
.clTitle span{display:block;font-size:1.563em;font-weight:400;letter-spacing:4px;}
/* clTitle */

/* clApply */
.clApply{overflow:hidden;}
.clApply p{position:relative;font-size:12px;font-family:Arial;text-align:right;padding-bottom:10px;}
.clApply p::after{content:"";position: absolute;right:0;bottom:0;width:15px;height:1px;background:#e21b05;}
.clApply ul {margin-right: -45px;}
.applyMain li{float:left;width: 33.3%;padding-right: 45px; margin-bottom:30px;}
.applyMain li:nth-child(4),.applyMain li:nth-child(5),.applyMain li:nth-child(6){ margin-bottom:0;}
.applyMain li a{display:block;height:341px;position:relative;color:#fff;position: relative;overflow: hidden;}
.applyMain li a::after{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: #333;opacity: .4;transition:all .3s;}
.applyMain li h4{position: absolute;left:15%;top:50%;font-size: 30px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform:translateY(-50%);z-index:3;transition:all .3s;}
.applyMain li h4 span{display:block;font-size: 18px;font-family:Arial;line-height: 1.5;}
.applyMain li a:hover .bgImg{transform: scale(1.1);}
.applyMain li a:hover::after{background: #0768b6;}
.applyMain li a:hover h4{padding-left:15px;}
.applyMain li:nth-child(2) i{background-position: -34px 0;}
.applyMain li:nth-child(3) i{background-position: -68px 0;}
.applyMain li:nth-child(4) i{background-position: -102px 0;}
.applyMain li:nth-child(5) i{background-position: -136px 0;}
.applyMain li:nth-child(6) i{background-position: -170px 0;}
/* clApply */

/* clAbout */
.clAbout{background: url('../images/clAboutbg.jpg') no-repeat center;background-size:cover;}
.aboutL{width:50%;}
.aboutL .hTitle{text-align:left;margin-bottom:15px;}
.aboutL .title2{font-size:1.5em;color:#0667b6;}
.aboutL .pic{height:450px;overflow:hidden;}
.aboutR{width:45%;}
.aboutR .txt{line-height:1.8;margin-bottom:30px;}
.aboutR .txt p{text-align: justify;line-height: 35px;color:#666;text-indent: 2em;padding-bottom: 10px;font-size: 16px;}
.hMore{display:inline-block;height:46px;line-height:44px;border:1px solid #0667b6;padding:0 40px;color:#0667b6;}
.hMore i{margin-left:15px;display:inline-block;font-family:"iconfont";font-style: normal;}
.hMore:hover{background:#0667b6;color:#fff;}
.hMore:hover i{animation: moveRightIn 1s 1;}
.aboutNum{text-align:left;overflow: hidden;right:0%;bottom:0;width: 100%;}
.aboutNum li{float:left;width: 25%;padding: 5% 6% 0 6%;margin-left:-1px;margin-top:-1px;border-radius:8px;overflow:hidden;transition:all .5s;}
.aboutNum li span{margin-bottom:15px;display:block;color:#0667b6;line-height:1;font-size:1.125em;}
.aboutNum li b{font-size:2.667em;margin-right:5px;font-family:"Anton";font-weight:400;}
/* clAbout */

/* honor */
.honor{font-size:1em;}
.honorSlide li{float:left;width:25%;}
.honorSlide li a{display: block;position: relative;overflow:hidden;}
.honorSlide li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size: 16px;}
.honorSlide li .pic{border:1px solid #ddd;transition:all .5s;display:block;margin-bottom: 15px;}
.honorSlide li img{transition:all .5s;max-height:100%;height: 247px:}
.honorSlide li a:hover img{transform: scale(1.1);}
.honorSlide li a:hover .pImg{border-color:#f90a0a;}
.honor .swiper-pagination{position: static;margin-top:40px;height:2px;background:#e7e7e7;background:#e7e7e7;}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#f90a0a;}
/* honor */

/* clNews */
.clNews{ background-color:#f6f8fa;}
.clNews ul {margin:0 0 0px -15px;}
.clNews ul li{float:left;width: calc(33.3% - 15px);margin: 0 0 0px 15px;}
.clNews ul a {display:block;position:relative; background:#fff;}
.clNews ul .box{position: relative;z-index: 1;padding:20px; }
.clNews ul .pic img {display:block;width:100%;height:100%;object-fit:cover;}
.clNews ul h4 {position:relative;color: #333;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clNews ul p {-webkit-line-clamp:2;margin-top: 8px;color:#878787;font-size:14px;line-height: 24px;}
.clNews ul li:hover h4 {color:#0768b5;transform:translateX(5px)}
.clNews ul li:hover .more{color:#0768b4}
.clNews ul .one .pic {height: 360px;}
.clNews ul .one .low{margin-top: 30px;display: flex;color:#9a9a9a;font-size:14px;justify-content: space-between;align-items: center;}
.clNews ul .one .more{ font-weight:normal;}
.clNews ul .two{position:relative}
.clNews ul .two:after{content:"";position:absolute;left:0;bottom:0;right:0;margin:0 30px;height:1px;background:#ddd}
.clNews ul .two:last-child:after{display:none}
.clNews ul .two a{padding: 25px 30px; }
.clNews ul .two h4{align-items: center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.clNews ul .two h4:before{content:"";display: inline-block;width: 8px;height: 8px;margin: 0px 10px 0 0;border-radius: 50%;background: #ddd;}
.clNews ul .two p{-webkit-line-clamp: 2;}
.clNews ul .two:hover a{}
.clNews ul .two:hover h4{color: #0768b5;transform:translateX(5px)}
.clNews ul .two:hover h4:before{background:#0768b6} 
.clNews ul .lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.clNews ul .slow,.clNews ul .slow a,.clNews ul .slow p,.clNews ul .slow li,.clNews ul .slow font,.clNews ul .slow td,.clNews ul .slow input,.clNews ul .slow button,.clNews ul .slow select.slow textarea,.clNews ul .slow em,.clNews ul .slow img,.clNews ul .slow span,.clNews ul .slow hr,.clNews ul .slow h1,.clNews ul .slow h2,.clNews ul .slow h3,.clNews ul .slow h4,.clNews ul .slow h5,.clNews ul .slow h6,.clNews ul .slow b,.clNews ul .slow u,.clNews ul .slow *:before,.clNews ul .slow *:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
/* clNews */

/* footer */
.footer{background:#252525;overflow:hidden;font-size:.875rem;color:#888;}
.footMain{padding:50px 0 40px 0;overflow:hidden;line-height:2.2;}
.footMenu{overflow:hidden;width:50%;display: flex;justify-content: space-between;}
.footMenu dl{float:left;}
.footMenu dt,.footTxt h4{font-size:1.125em;color:#fff;margin-bottom:15px;line-height:1.2;position: relative;}
.footMenu dt::after{content:"\e600";position: absolute;right:0;top:0;transition: transform 0.3s ease;display:none;font-family:"iconfont";opacity:.4;}
.footMenu dd a{display:block;}
.footMenu .on dt::after{transform: rotate(180deg);}
.footMenu .n dt::after{content:"\e624";transform: rotate(0);}
.footTxt{max-width:28%;margin-left:9%;}
.footTxt .tel{font-size:2em;color:#fff;font-weight:700;font-family:Arial;}
.footTxt p{padding-left:40px;}
.footTxt p i{margin-left:-40px;float:left;font-style:normal;}
.footTxt p span{display: block;}
.copyright{border-top: 1px solid #363539;padding:25px 0;overflow:hidden;}
.footer a{color:#888;}
.footer a:hover{color:#fff;}
.footer .ewm {float:right;margin-left:2%;color:#aaa;font-size:14px;text-align:center;}
.footer .ewm span{float: left;margin-left:30px;}
.footer .ewm img {display:block;width:130px;margin-bottom:10px;}
/* footer */

/* listBan */
.listBan{height:450px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.listBan .txt{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:leftPic .8s;color:#fff;max-width:1600px;margin:0 auto;width:100%;text-align:center;font-size:1.5em;text-transform: uppercase;letter-spacing:2px;line-height:1.2;}
.listBan .txt h3{font-size:32px;margin-bottom:20px;position:relative;}
.listBan .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 8s 0s ease both infinite;-moz-animation: minus 8s 0s ease both infinite;animation: minus 8s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBan .hBtn{margin-top:70px;margin-right:20px;border-color:#222;color:#222;font-size:.9em;}
.listBan .hBtn:hover{border-color: #f90a0a;color:#fff;}
.listBan p{ font-size:20px;}
/* listBan */

/* location */
.location{position: absolute;left: 0;bottom: 23px;width: 100%;}
.location a{font-size: 14px;color: #ffffff;line-height: 21px;display: inline-block;margin-right: 5px;}
.location a.on i{font-family:"iconfont";font-style:normal;border-radius:100%;width: 40px;height: 40px;float:left;text-align:center;line-height: 40px;color:#fff;font-size: 18px;/* font-weight:700; */margin-top: -10px;/* margin-right:20px; */}
/* location */

/* clMenu */
.clMenu{width: 100%;padding-top: 20px;padding-bottom: 20px;background: #f5f5f5;border-bottom: 1px solid #E3E3E3;}
.clMenu ul{font-size: 0;text-align: center;margin: -6px -72px;width: calc(100% + 144px);}
.clMenu ul li{display: inline-block;vertical-align: middle;padding: 6px 72px;position: relative;}
.clMenu ul li::after{content: "";display: block;width: 6px;height: 8px;background: url(../images/clMenu.png)no-repeat center center;background-size: cover;position: absolute;left: 100%;top: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);}
.clMenu ul li a{display: block;font-size: 18px;color: #333333;line-height: 24px;}
.clMenu ul li:hover a,
.clMenu ul li.on a{color: #0769b3;}
/* clMenu */

/* clContact */
.clContact ul{ display:block; overflow:hidden;}
.clContact li{width:48%;overflow:hidden;background:#fff;background: rgba(255, 255, 255, .6);overflow:hidden;border-radius:3px;transition:all .5s;animation-fill-mode:backwards; border:1px solid #eee;}
.clContact .bgImg{width:42%;height:320px;}
.clContact .txt{width:58%;padding:6%;}
.clContact .txt h4{font-size: 24px;color: #333;margin-bottom:25px;padding-top:10%;font-weight: bold;}
.clContact .txt p{ color:#666; font-size:16px;}
.clContact .txt span{display: block;font-size:22px;color:#0769b3;font-family:Arial;}
.contactBox{margin-top:50px;box-shadow:0 0 10px #ddd;padding:4%;border-radius:5px;font-size:17px;overflow:hidden;}
.contactBox .con{width:45%;border-right: 1px dashed #bcbcbc;padding-right:20px;}
.contactBox .con p{height: 65px;padding-top:15px;}
.contactBox .con p:nth-child(3){height:auto;}
.contactBox .con p i{font-family:"iconfont";font-style:normal;border-radius:100%;width: 40px;height: 40px;border:1px solid #0769b3;float:left;text-align:center;line-height: 40px;color:#0769b3;font-size: 18px;font-weight:700;margin-top: -8px;margin-right:20px;}
.contactBox .con p span{margin-left:20px;}
.contactBox .wx{width:26%;overflow:hidden;line-height:2;padding-top:30px;}
.contactBox .wx span{float:left; border:1px solid #0769b3;padding:5px;display:block;width:165px;height:165px;margin-right:40px;}
.contactBox .wx img{width:100%;}
/* clContact */

/* clFaq */
.clFaq{ background-color:#f9f9f9;}
.clFaq ul li{margin-bottom: 30px;padding: 30px;border-radius: 10px;background-color:#fff;}
.clFaq ul li .label{flex-shrink: 0;color: #0769b3;margin-right: 12px;}
.clFaq ul li .dt{display: flex;align-items: flex-start;line-height: 34px;color: #0769b3;margin-bottom: 20px;font-size: 20px;}
.clFaq ul li .dd{display: flex;align-items: flex-start;font-size: 16px;color: #111111;line-height: 32px;}
.clFaq ul li .dt p,.clFaq ul li .dd .cont{flex: 1;overflow: hidden;}
.clFaq ul li .dd .cont{color: #666666;line-height: 28px;}
.clFaq ul li .dd .cont p{margin:0cm; text-align:justify}
.clFaq ul li:last-child{ margin-bottom:0;}
/* clFaq */

/* clInformation */
.newsSlide{overflow:hidden;position:relative;margin-bottom:50px;padding-bottom:0;}
.newsSlide li{background:#f5f5f5;overflow: hidden;}
.newsSlide li .pic{width:50%;height:450px;overflow: hidden;display:block;border: 1px solid #eee;}
.newsSlide li .txt{width:50%;padding:3% 5%;}
.newsSlide li .date{font-size:1.125em;color:#999;display: block;margin-bottom:10px;}
.newsSlide li .date b{color:#000;font-size:2em;font-weight:400;}
.newsSlide li h4{font-size: 24px;color:#000;margin-bottom:10px;height:65px;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;}
.newsSlide li h4 a{color:#000;}
.newsSlide li .pic:hover .bgImg{transform:scale(1.05);}
.newsSlide li:hover h4 a{color:#0769b3;}
.newsSlide p{line-height:2em;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;}
.newsSlide .swiper-pagination{width:auto;left:55%;bottom:10%;}
.newsSlide .swiper-pagination-bullet{width:10px;height:10px;}
/*--*/
.newsList ul{margin-right:-20px;}
.newsList li{float: left;width:33.3%;padding-right:20px;margin-bottom:30px;}
.newsList li .pImg{border:1px solid #e8e8e8;padding-top:56%;}
.newsList li .txt{background:#f5f5f6;padding:25px;position: relative;z-index:2;}
.newsList li h4{color:#111;font-size:1.12em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li p{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;margin-bottom:15px;height:75px;font-size:0.9em;}
.newsList li .date{font-family:Arial;color:#999;}
.newsList li .date i{float:right;font-family: "iconfont";font-style:normal;color:#666;font-size:2em;line-height:1;margin-top:-2px;}
.newsList li a:hover img{transform: scale(1.1);}
.newsList li a:hover h4,.newsList li a:hover p,.newsList li a:hover .date,.newsList li a:hover .date i,.newsList li a:hover .low{color:#fff;transition:all .5s;}
.newsList li a:hover .date,.newsList li a:hover p{opacity:.9;}
.newsList li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#f90a0a;background: linear-gradient(to bottom,rgba(7,105,179,.4),rgba(7,105,179,1)); z-index:-1;transition:all .5s;}
.newsList a:hover .txt::after{height:100%;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3,.newsList li a:hover i{color:#f90a0a;}
.newsList li .low{margin-top: 30px;display: flex;color:#9a9a9a;font-size:14px;justify-content: space-between;align-items: center;}
.newsList li .more{ font-weight:normal;}
/* clInformation */

/* infoShown */
.infoShown .title{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #DDDDDD;}
.infoShown .title h5{color: #111111;line-height: 42px;margin-bottom: 12px; font-size:28px;}
.infoShown .title .info{color: #999999;line-height: 28px;}
.infoShown .title .info span{margin-right: 30px;}
.infoShown .title .info span:last-child{margin-right: 0;}
.infoShown .title .info .toList{color: #0769b3;padding-left: 24px;background: url(../images/icon-back.svg) no-repeat left center;}
.infoShown .title .info .toList:hover{opacity: 0.8;}
.infoShown .content{position: relative;}
.infoShown .content::before{content: "";width: 1px;height: 100%;background: #DDDDDD;position: absolute;top: 0;right: calc(25.83% + 30px);}
.infoShown .content .left{width: calc(74.17% - 60px);}
.infoShown .content .left .box p{ font-size:16px; line-height:26px; padding-bottom:15px;}
.infoShown .content .left .box p img{ padding-bottom:10px; padding-top:10px;height: auto !important;}
.infoShown .box{padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;}
.infoShown .box .pic{margin: 0.66rem 0;text-align: center;}
.infoShown ul{color: #666666;line-height: 32px;}
.infoShown ul li{margin-bottom: 15px;}
.infoShown ul li:last-child{margin-bottom: 0;}
.infoShown ul li:hover a{color: #0769b3;}
.flexBetween {display: flex;justify-content: space-between;align-items: center;}
.flexCenter {display: flex;justify-content: center;align-items: center;}
/* infoShown */

/* infoOther */
.infoOther{width: 25.83%;line-height: 32px;}
.infoOther h5{color: #111111;margin-bottom: 22px; font-size:22px;}
.infoOther ul a{display: block;position: relative;padding-left: 12px;margin-bottom: 0.66rem;color: #666666;}
.infoOther ul a::before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;border-radius: 50%;background: #666666;}
.infoOther ul a:hover{color: #0769b3;}
.infoOther ul a:hover:before{background: #0769b3;}
/* infoOther */

/* clExample */
.proSider{width:20%;font-size:1.125em;float:left;}
.proSider .title{background: #0769b3;padding:30px 25px;color:#fff;font-size: 24px;line-height:1;}
.proSider .title span{position:relative;padding-left:20px;display: block;}
.proSider .title span::after{content:"";position:absolute;top:3px;left:0;width:2px;height: 24px;background:#fff;}
.proSider .title i{float:right;color:#0769b3;display:none;font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;position: relative;z-index:5;}
.proSider .title i::after{content:"\e623";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}
/*--*/
.proSide_sub{border:1px solid #e4e4e4;border-top:none;margin-bottom:25px;}
.proSide_sub li a{display:block;height:50px;line-height:50px;padding:0 6%;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position: relative;border-top:1px solid #ddd;font-size: 16px;}
.proSide_sub li i{font-family:"iconfont";margin-right:5px;font-style:normal;font-size: 12px;position: relative;top: -1px;}
.proSide_sub li:last-child a{border-bottom:none;}
.proSide_sub>li>a:after{content:"";position:absolute;left:-1px;top:0;height:0;width:3px;background: #0769b3;transition:all 0.3s;}
.proSide_sub li a:hover,.proSide_sub li .cur{color: #0769b3;background:#f5f5f5;}
.proSide_sub li .cur:after,.proSide_sub li a:hover:after{height:100%;}
.proSide_sub li ul{font-size:.889em;border-top: 1px solid #ddd;padding:5px 0;}
.proSide_sub li ul a{background: url('../images/ly_li.png') no-repeat 15% center;padding-left:20%;color:#666;height:36px;line-height:36px;font-size:13px;border:none;}
.proSide_sub li ul .cur,.proSide_sub li ul a:hover{background: url('../images/ly_li.png') no-repeat 15% center;color:#f90a0a; }
/*--*/
.proList{float:right;width:77%;}
.proList ul{margin-right:-30px;overflow:hidden;}
.proList li{float:left;width:33.3%;margin-bottom:30px;padding-right:30px;}
.proList li .pImg{padding-top:70%;}
.proList li .con{padding: 20px;}
.proList li a{display: block;border:1px solid #f5f5f5;}
.proList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;text-align: left;}
.proList li i{float:right;margin-left:10px;width:30px;height:30px;border:1px solid #f90a0a;border-radius:100%;margin-top:20px;line-height:28px;font-style:normal;font-family:"iconfont";color:#f90a0a;text-align:center;transform: rotate(320deg);font-size:.875em;transition:all .5s;}
.proList li a:hover img{transform:scale(1.1);}
.proList li a:hover i{transform:rotate(0);background:#f90a0a;color:#fff;}
.proList li a:hover p{color: #0769b3;}
/* clExample */

/* proShow */
.proShow1{margin-bottom:60px;overflow: hidden;}
.proShow1 .pic{width:50%;position:relative;}
.proShow1 .pic .img{position:relative;height:417px;background:#fff;}
.proShow1 .pic .img p{position: absolute;bottom:-40px;left:0;height:40px;line-height:40px;text-align:center;width:100%;background: rgba(0,0,0,.6);color:#fff;transition:all .5s;z-index:5;}
.proShow1 .pic .img p i{font-family:"iconfont";font-style:normal;margin-right:15px;}
.proShow1 .pic .img:hover p{bottom:0;}
.proShow1 .pic img{max-height:100%; vertical-align: middle;height: 100%;}
.proShow{float:right;width:77%;}
.proShow1 .con{width:50%;overflow:hidden;height:417px;background:#f4f4f4;padding:3%;}
.proShow1 .con .title{margin-bottom:20px;color:#333;border-bottom: 1px solid #ddd;font-size:22px;padding-bottom:20px;}
.proShow1 .con .font{min-height:120px;line-height:2;}
.proShow1 .con .tel{border-bottom: 1px solid #ddd;padding:20px;margin:20px 0;border-top: 1px solid #ddd;color:#191919;background: url('../images/zxtel.png') no-repeat left center;padding-left:40px;}
.proShow1 .con .tel span{ font-size:1.5em; }
/*--*/
.proShow2{width:100%;}
.proShow2 .title,.showTie2{height: 60px;background:#fafafa;border:1px solid  #ddd;padding: 0 4%;font-size: 20px;line-height: 60px;color: #0769b3;}
.proShow2 .title span,.showTie2 span{position:relative;display:inline-block;}
.proShow2 .title span::after,.showTie2 span::after{content:"";position: absolute;left:0;bottom:0px;height:2px;background: #0769b3;width:100%;}
.proShow2 .info{padding: 3% 4% 4% 4%;border-bottom: 1px solid #ddd;min-height:400px;border:1px solid #ddd;border-top:none;}
.proShow2 .info p{font-size:16px;line-height:24px;padding-bottom:10px;color: #444;}
.proShow2 .info p img{ height: auto !important;}
.proShow2 .tie{margin-bottom: 20px;font-size: 18px;border-left: 3px solid #2f69b3;padding-left:20px;line-height:1;color: #111;margin-top: 1%;}
.proShow2 .tie a,.proShow2 p a{ color:#ff0000;}
.proShow2 .info table{ border:1px solid #e6e6e6; width:100%;}
.proShow2 .info table tr{ border:1px solid #e6e6e6;}
.proShow2 .info table td{ border:1px solid #e6e6e6;padding: 10px;}
.proShow2 .info table td p{ padding-bottom:0;}
/* proShow */

/* clApplys */
.clApplys{overflow:hidden;}
.clApplys p{position:relative;font-size:12px;font-family:Arial;text-align:right;padding-bottom:10px;}
.clApplys p::after{content:"";position: absolute;right:0;bottom:0;width:15px;height:1px;background:#e21b05;}
.clApplys ul {margin-right: -45px;}
.applyMains li{float:left;width: 33.3%;padding-right: 45px; margin-bottom:30px;}
.applyMains li:nth-child(13),.applyMains li:nth-child(14){ margin-bottom:0;}
.applyMains li a{display:block;height:341px;position:relative;color:#fff;position: relative;overflow: hidden;}
.applyMains li a::after{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: #333;opacity: .4;transition:all .3s;}
.applyMains li h4{position: absolute;left:5%;top:50%;font-size: 30px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform:translateY(-50%);z-index:3;transition:all .3s;}
.applyMains li h4 span{display:block;font-size: 18px;font-family:Arial;line-height: 1.5;}
.applyMains li a:hover .bgImg{transform: scale(1.1);}
.applyMains li a:hover::after{background: #0768b6;}
.applyMains li a:hover h4{padding-left:15px;}
.applyMains li:nth-child(2) i{background-position: -34px 0;}
.applyMains li:nth-child(3) i{background-position: -68px 0;}
.applyMains li:nth-child(4) i{background-position: -102px 0;}
.applyMains li:nth-child(5) i{background-position: -136px 0;}
.applyMains li:nth-child(6) i{background-position: -170px 0;}
.applyMains li:nth-child(7) i{background-position: -204px 0;}
.applyMains li:nth-child(8) i{background-position: -238px 0;}
.applyMains li:nth-child(9) i{background-position: -272px 0;}
.applyMains li:nth-child(10) i{background-position: -306px 0;}
.applyMains li:nth-child(11) i{background-position: -340px 0;}
.applyMains li:nth-child(12) i{background-position: -374px 0;}
.applyMains li:nth-child(13) i{background-position: -408px 0;}
.applyMains li:nth-child(14) i{background-position: -442px 0;}
/* clApplys */

/* clAbouts */
.clAbouts .tie{font-size: 26px;color: #0769b3;margin-bottom:30px;line-height:1;}
.clAbouts .left{width:50%;line-height:1.8;padding-top:20px;position: relative;height:414px;}
.clAbouts .left p{ font-size:16px; line-height:32px; padding-bottom:25px;}
.clAbouts .main{/* margin-bottom:40px; */}
.clAbouts .font{overflow-y:auto;height:380px;}
.clAbouts .right{width:46%;height:414px;overflow:hidden;display:block;}
/* clAbouts */

/* 公司环境 */
.clZizhi{background: url('../images/20190516152511_1722512932.jpg') no-repeat center;background-size:cover;}
.setting{overflow:hidden;text-align:center;}
.settingMenu,.albumMenu{text-align:center;margin-bottom:40px;position:relative;margin-top: -10px;}
.settingMenu a,.albumMenu a{display:inline-block;width: 144px;height: 44px;line-height: 44px;background: #fff;margin:0 8px;color:#191919;}
.settingMenu a.on,.albumMenu a.on{background: #0769b3;color:#fff;}
.settingMenu::before{left:auto;right:0;}
.settingMain,.settingBox{overflow:hidden;}
.settingBox li{float:left;width:25%;}
.settingBox:nth-child(1) li .pImg{padding-top:70%;border:1px solid #ddd;background:#000;}
.settingBox:nth-child(2) li .pImg,.settingBox:nth-child(3) li .pImg,.settingBox:nth-child(4) li .pImg,.settingBox:nth-child(5) li .pImg{padding-top:130%;border:1px solid #ddd;background:#000;}
.settingBox li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;}
.settingBox li:hover img{transform: scale(1.1);opacity:.4;}
.settingBox li:hover p{bottom:0;}
.settingBox .btn,.process .btn{width:24px;height:40px;background:rgba(0,0,0,.5);color:#fff;line-height:40px;text-align:center;font-family:"simsun";font-weight:700;left:0;z-index:5;pointer-events:initial;cursor:pointer;top: 40%;}
.settingBox .swiper-button-next{left:auto;right:0;}
.settingBox .btn:hover{background: #0769b3;right:0;opacity:1;}
.process .btn{display:none;width:40px;height:24px;line-height:24px;}

/* clTest */
.clTest{background: #f3f3f3;}
.clTest .mxf{ margin-right: -23px; }
.clTest .one{ width: 66.66%; }
.clTest .one .box{margin-right: 23px;height: 400px;position: relative;}
.clTest .one .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat;background-size: cover;display:block;overflow:hidden;}
.clTest .one .bg img{vertical-align: middle;max-width: 100%;width: 100%;height: 100%;transition:all 0.5s;}
.clTest .one .bg:hover img{transform: scale(1.1);}
.clTest .one .layer{ position: absolute;left: 35px;bottom: 30px;color: #fff;z-index: 3;color: #fff;padding: 20px 30px 30px 35px;box-sizing: border-box;position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;}
.clTest .one .name{ font-size: 22px; line-height: 40px; height: 40px; overflow: hidden; }
.clTest .one .wen{ font-size: 16px; line-height: 16px; margin-top: 8px; }
.clTest .one .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(images/mask.png) repeat-x;}
.clTest .item .box:hover .more{ height: 16px; margin-top: 20px; }
.clTest .item .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(images/mask.png) repeat-x;}
/*--*/
.clTest .list .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(images/mask.png) repeat-x;}
.clTest .two .mask {position: absolute;z-index: -2;width: 100%;bottom: 0;left: 0;height: 140px;background: url(images/mask.png) repeat-x;}
.clTest .two{ width: 33.33%; }
.clTest .two .box{margin-right: 23px;height: 400px;position: relative;}
.clTest .two .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat;background-size: cover;display:block;overflow:hidden;}
.clTest .two .bg img{width: 100%;height: 100%;transition:all 0.5s;}
.clTest .two .bg:hover img{transform: scale(1.1);}
.clTest .two .layer{ position: absolute;left: 35px;bottom: 30px;color: #fff;z-index: 3;color: #fff;padding: 20px 30px 30px 35px;box-sizing: border-box;position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;}
.clTest .two .name{ font-size: 22px; line-height: 40px; height: 40px; overflow: hidden; }
.clTest .two .wen{ font-size: 16px; line-height: 16px; margin-top: 8px; }
.clTest .two .more{ height: 0; width: 82px; font-size: 16px; line-height: 16px; overflow: hidden; background: url(../images/ico1on.png) right center no-repeat; }
.clTest .two .lbox:hover .more{ height: 16px; margin-top: 20px; }
.clTest .list{ padding-bottom: 28px; clear: both; }
.clTest .list ul{ margin-right: -23px; }
.clTest .list li{ float: left; width: 33.33%;margin-bottom: 23px;}
.clTest .list li .box{margin-right: 23px;position: relative;display:block;overflow:hidden;}
.clTest .list li .box img{vertical-align: middle;max-width: 100%;width: 100%;height: 100%;transition:all 0.5s;}
.clTest .list li .box:hover img{transform: scale(1.1);}
.clTest .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.clTest .list li .layer{position: absolute;left: 35px;bottom: 30px;color: #fff;z-index: 3;color: #fff;padding: 20px 30px 30px 35px;box-sizing: border-box;position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;}
.clTest .list li .name{font-size: 22px;line-height: 40px;height: 40px;overflow: hidden;color: #fff;}
.clTest .list li .wen{font-size: 16px;line-height: 16px;margin-top: 8px;color: #fff;}
.clTest .list li .more{ height: 0; width: 82px; font-size: 16px; line-height: 16px; overflow: hidden; background: url(../images/ico1on.png) right center no-repeat; }
.clTest .list li .box:hover .more{ height: 16px; margin-top: 20px; }
/* clTest */

/* clLicheng */
.clLicheng .title{ text-align: left; margin-bottom:30px;}
.clLicheng .wx{float:left; width:55%;color:#525252;font-size:14px;line-height: 30px;}
.clLicheng .wx p{ font-size:16px; line-height:32px; padding-bottom:15px; color:#444;}
.clLicheng .pic{ float:right; width:40%;}
.clLicheng .pic img{max-width:100%}
/* clLicheng */

/* pages */
.pages{ margin:20px 0 0; text-align:center; line-height:1.5;display: flex;justify-content: center;}
.pages ul,.pages li{list-style:none; padding:0; margin:0;}
.pages li{background:none;border:1px solid #CCCCCC;margin:0 0.1em;display:inline-block; *display:inline; *zoom:1;padding:0.2em 0.4em;border-radius: 2px;-moz-border-radius:2px;-webkit-border-radius:2px;width: auto;}
.pages li a{ display:block; color:#666;text-decoration:none;padding:0.2em 0.5em; font-size:12px;border: none;}
.pages li span{ display:block; color:#666;padding:0.2em 0.5em;}
.pages li.active,.pages li:hover{background: #2853bc;}
.pages li.active a,.pages li:hover a{color: #fff;}
.pages li.disabled,.w-pages li.disabled:hover{*filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);background: #2853bc;border-color: #2853bc;}
.pages li.disabled a,.w-pages li.disabled:hover a,.pages li.disabled span,.w-pages li.disabled:hover span{color: #fff;cursor:default;}
/* pages */

/* clInformations */
.listWraps{ background-color:#f5f5f6; margin-top:50px; margin-bottom:-80px;}
.newsLists ul{margin-right:-20px;}
.newsLists li{float: left;width:25%;padding-right:20px;margin-bottom:30px;}
.newsLists li .pImg{border:1px solid #e8e8e8;padding-top:56%;}
.newsLists li .txt{background:#fff;padding:25px;position: relative;z-index:2;}
.newsLists li h4{color:#111;font-size:1.12em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsLists li p{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;margin-bottom:15px;font-size:0.9em; line-height:26px;}
.newsLists li .date{font-family:Arial;color:#999;}
.newsLists li .date i{float:right;font-family: "iconfont";font-style:normal;color:#666;font-size:2em;line-height:1;margin-top:-2px;}
.newsLists li a:hover img{transform: scale(1.1);}
.newsLists li a:hover h4,.newsLists li a:hover p,.newsLists li a:hover .date,.newsLists li a:hover .date i,.newsLists li a:hover .low{color:#fff;transition:all .5s;}
.newsLists li a:hover .date,.newsLists li a:hover p{opacity:.9;}
.newsLists li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#f90a0a;background: linear-gradient(to bottom,rgba(7,105,179,.4),rgba(7,105,179,1)); z-index:-1;transition:all .5s;}
.newsLists a:hover .txt::after{height:100%;}
.newsLists li a:hover img{transform:scale(1.1);}
.newsLists li a:hover h3,.newsLists li a:hover i{color:#f90a0a;}
.newsLists li .low{margin-top: 30px;display: flex;color:#9a9a9a;font-size:14px;justify-content: space-between;align-items: center;}
.newsLists li .more{ font-weight:normal;}
/* clInformations */