@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:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#2853bc;}

/* css */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.container1{position:relative;min-width:320px;width:100%;max-width:1200px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;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%;}
.pd60{padding:50px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

/* header */
.header{position: relative;width:100%;z-index:99;left:0;top:0;height:90px;line-height:90px;background:#fff;}
.header .logo{position:absolute;left:0;top:0;} 
.nav {padding: 0 240px 0 32%;height:90px;display:flex;justify-content: space-between;}
.nav .m{float:left;text-align:center;position:relative;}
.nav .m>a{color:#1a1a1a;display:block;position:relative;z-index:2;font-size: 16px;}
.nav .m>a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#2853bc;transform: scale(0,1);transform-origin:right;transition:transform .5s;}
.nav .cur>a,.nav .m>a:hover{color:#2853bc;}
.nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;}
.nav .navSub{position:absolute;left:0;top:120%;background:#f9f9f9;line-height:35px;width:180px;color:#333;font-size:.875rem;transform: scale(0) ;transition:top .5s,opacity 0.4s;opacity:0;left:50%;margin-left:-90px;}
.nav .navSub li{border-bottom:1px solid #efeded;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#2853bc;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.headFix{box-shadow:1px 1px 5px #ddd;position: fixed;}

/* headR */
.headR{position:absolute;right:0;top:30px;line-height:30px;}
.headR .tel{float:left;font-size:14px;padding-left: 50px;color: #444;font-size:22px;font-weight: normal;font-family:Arial;position: relative;}
.headR .tel::after{content:"\e94f";position: absolute;left:28px;font-family:"iconfont";opacity:.8;font-size:16px;color:#333;}
.wapTel{font-family:"iconfont";position: absolute;color:#2853bc;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

/* navTrigger */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#2853bc;margin-bottom:6px;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-on span:nth-child(1){transform: translateX(4px) 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:#2853bc;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
.wapLang{position: absolute;right:96px;top:12px;display:none;}

/* banner */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width: 10px;height: 10px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top: 1px;left: 1px;border-radius:100%;opacity:0;}
.banner .swiper-pagination-bullet-active{border-color: #fff;}
.banner .swiper-pagination-bullet-active::after{background:#fff;opacity:1;}

/* proTitle */
.proTitle{height:40px;border-bottom: 1px solid #e1e1e1;margin-bottom:25px;font-size:1.286em;color:#191919;font-weight:700;position:relative;}
.proTitle::after{content:"";position: absolute;left:0;bottom:-1px;height:1px;width:70px;background:#2c62dc;}
.proTitle .more{float:right;font-size:14px;color:#2c62dc;font-weight:400;}

/* proNews */
.proNews .zuo{width:60.03%;}
.newsL, .newsR{width: 50%;overflow:hidden;position:relative;}
.newsL{ float:left;}
.newsL li,.newsR ul{background:#fff;}
.newsL li .a{display: block;color:#898989;}
.newsL li .bgImg{height: 399px;}
.newsL li h4{font-size:1.143em;margin-bottom:10px;color:#191919;}
.newsL li p{height:110px;margin-bottom:15px;overflow: hidden;line-height:1.8;}
.newsL li .date{display: block;line-height:36px;margin-bottom:70px;}
.newsL li i{float:right;width:120px;height:36px;font-style:normal;border:1px solid #2c62dc;color:#2c62dc;text-align:center;transition:all .3s;}
.newsL li:hover i{background:#2c62dc;color:#fff;}
.newsL li:hover .bgImg{transform: scale(1.1);}
.newsL li:hover h4,.faq li h4 a:hover{color:#2c62dc;}
.newsL .swiper-pagination{bottom:20px;}
/*--*/
.newsR{float: right;padding-left: 30px;}
.newsR ul{height: 399px;overflow:hidden;}
.newsR li.txt {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;border-bottom: 1px dashed #e7e7e7;padding-bottom: 15.8px;margin-bottom: 14px;}
.newsR li.txt span{float:right;color:#999;font-size:12px;margin-left:20px;}
.newsR li.txt a:hover{padding-left:10px;color:#2c62dc;}
/*--*/
.proNews .you{width:37.45%;}
.proNews .you ul{margin-right: -10px;}
.proNews .you li{float:left;width: 50%;padding-right: 10px;padding-bottom: 10px;}
.proNews .you li:nth-child(3),.proNews .you li:nth-child(4){padding-bottom: 0;}
.proNews .you li .pImg{padding-top: 55%;}
.proNews .you li p{position: relative;background: rgba(0,0,0,0.4);padding:0 5%;height: 33px;line-height: 33px;color: rgba(255,255,255,1);left:0;/* bottom:-60px; */z-index:2;width:100%;/* transition:all .3s; */text-align:center;font-size: 14px;}
.proNews .you li.big {width:40%;}
.proNews .you li:hover img{transform: scale(1.1);}
.proNews .you li:hover p{bottom:0;}

/* proCase */
.proCase{background:#f2f2f2;position:relative;}
.proCase h3{text-align: center;margin-bottom: 15px;font-size: 22px;color: #191919;font-weight: 700;position: relative;}
.proCase .menu{margin-bottom: 40px;overflow: hidden;text-align:center;}
.proCase .menu a{display:inline-block;width:148px;height:38px;line-height:38px;background:#424242;text-align:center;color:#fff;margin-right:15px;}
.proCase .menu .on{background:#2853bc;color:#fff;}
/*--*/
.settingBox li{float:left;width:25%;text-align:center;}
.settingBox li .pImg{padding-top:70%;}
.settingBox li p{background-color: rgba(255,255,255,0.8);color: #666;font-size: 15px;line-height: 60px;}
.settingBox li:hover img{transform: scale(1.1);}
.settingBox li:hover p{opacity:1;top:0;}

/* footer */
.footer{background: #fff;overflow:hidden;font-size:.875rem;color: #888;}
.footer a{color: #666;font-size: 14px;}
.footer a:hover{color:#333;}
/*--*/
.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: 16px;color: #333;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; color:#666;}
.footTxt p i{margin-left:-40px;float:left;font-style:normal;}
.footTxt p span{display: block;}
.footWx{width:150px;text-align:center;}
.footWx span{display:block;margin-top:10px;}
/*--*/
.copyright{border-top: 1px solid #efeff1;padding:25px 0;overflow:hidden; color:#666;}

/* listBanner */
.listBanner{height:400px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner h3{position:absolute;color:#fff;top:40%;font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%); }
.listBanner h3 span{display: block;font-size:14px;font-weight: 400;opacity: 0.8;}

/* proContact */
.proContact{ background-color:#f9f9f9;}
.conLeft{width: 23%;float: left;overflow: hidden;}
.sideBar{margin-bottom:20px;}
.sideTitle{padding: 16px 15px;color:#fff;font-size: 18px;background: #2853bc;font-weight: normal;text-align: center;}
.sideTitle span{display:block;font-size:35px;font-family:Arial;color:#fff;margin-top: 20px;}
/*--*/
.sideMenu{border-top:none;}
.sideMenu li{font-size:15px;border-top: solid 1px #fff;margin-bottom: 3px;margin-top: 3px;}
.sideMenu li a{height:50px;line-height:50px;background:url('../images/sideMenu2.png') no-repeat 25px center #fff;padding-left:50px;display:block;color:#454545;transition: all .5s;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.sideMenu li .current,.sideMenu li a:hover{background: #fff url(../images/sideMenu3.png) no-repeat 25px center;color: #2853bc;}
.sideMenu li ul{font-size:12px;padding:5px 0;background:#f8f8f8;}
.sideMenu ul li{background:none;padding-top:0;border-top: solid 1px #fff;}
.sideMenu li ul a{background: url('../images/sideMenu2.png') no-repeat 25px center;padding-left:45px;color:#666;height:35px;line-height:35px;font-size:13px;}
.sideMenu li ul .current,.sidebarMenu li ul a:hover{background: url('../images/sideMenu3.png') no-repeat 25px center;color:#38257e;}
/*--*/
.conLeft .thrTitle{background: #fff;height:50px;line-height:50px;font-size: 16px;color: #333;border-bottom: 1px solid #efeded;text-align: center;}
.leftTel{margin-top:10px;background:#fff;padding:30px;}
.leftTel strong{font-size:28px;color:#333;font-weight:normal;margin-bottom:10px;display:block;line-height:30px;}
.leftTel p{margin-bottom:10px;line-height:20px;}
.leftTel h4{font-size:14px;color:#333;margin-bottom:25px;}
.leftTel h4 span{font-size:20px;color:#0452bb;}
.leftTel a{width:105px;height:30px;background:#0452bb;color:#fff;text-align:center;display: inline-block;line-height:30px;}
.leftTel a:hover{width:160px;;}
/*--*/
.conRight{width: 74.5%;float: right;overflow: hidden;text-align:justify;text-justify:inter-ideograph;background-color: #fff;padding: 30px;}
.breadCrumb{border-bottom: 1px solid #efeded;height:30px;margin-bottom: 40px;}
.breadCrumb strong{color:#333;font-size:18px;font-family:"微软雅黑";height:29px;border-bottom:2px solid #2853bc;display:block;font-weight:normal;float: left;}
.breadCrumb p{background:url('../images/breadCrumb.png') no-repeat left center;padding-left:20px;font-size: 12px;}
/*--*/
.contact {width: 100%;overflow: hidde;padding: 5px 0px;background-color: #fff;overflow: hidden;}
.conBox {float: left;width: 45%;overflow: hidden;}
.conTit {color: #222222;font-size: 20px;}
.conBox ul {overflow: hidden;margin-top: 30px;}
.conBox ul li {position: relative;padding-left: 50px;overflow: hidden;margin-bottom: 40px;padding-right: 4%;}
.boxIcon {position: absolute;left: 0;top: 5px;width: 29px;}
.boxIcon img {width: 24px;height: 24px;}
.conTit1 {float: left;display: inline-block;width: 11%;min-width: 40px;text-align: left;color: #333333;font-weight: bold;line-height: 32px;font-size: 15px;}
.conTit2 {float: left;display: inline-block;width: 89%;color: #888888;font-size: 17px;line-height: 32px;}
/*--*/
.conForm {position: relative;float: left;width: 55%;overflow: hidden;}
.conForm:before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 2px;border-left: #efeded solid 1px;}
.formBox {max-width: 580px;width: 80%;margin: 0 auto;overflow: hidden;margin-left: 20%;}
.formTit {color: #888888;font-size: 16px;line-height: 30px;}
.formItem {width: 100%;overflow: hidden;border-bottom: #efeded solid 1px;height: 60px;line-height: 60px;}
.formTit1 {float: left;color: #222222;font-size: 16px;}
.formSubmit {display: block;margin: 30px auto 0 auto;width: 105px;height: 30px;border: none;line-height: 30px;text-align: center;color: #666;font-size: 14px;background-color: #f3f2f2;}
.formSubmit:hover{ background-color:#0452bb; color:#fff;}

/* jobTop */
.jobTop{height:420px;overflow:hidden;background:#ededed;margin-bottom:40px;}
.jobTop .bgImg{width:50%;float:left;}
.jobTop .txt{width:50%;padding:4%;float:right;z-index:2;position:relative;background:#ededed;height:420px;}
.jobTop h4,.aTie{font-size:2.571em;color:#333;position:relative;padding-bottom:15px;margin-bottom:30px;}
.jobTop p{margin-bottom:25px;}
.jobTop p strong{color:#333;margin-bottom:20px;display:block;font-size:1.286em;}
.jobTop:hover .bgImg{transform: scale(1.05);}
/*--*/
.jobList .title{font-size:1.857em;font-weight:bold;color:#333;margin-bottom:20px;}
.jobList li{overflow:hidden;padding:0 40px;margin-bottom:15px;background:#fff;}
.jobList .top{padding: 10px 0;overflow:hidden;padding-right:150px;line-height:34px;cursor:pointer;}
.jobList .top span{float:left; width:20%;}
.jobList .top a{float:right;width:130px;height:34px;line-height:34px;background:#2853bc;color:#fff;text-align:center;font-size:12px;margin-right:-150px;}
.jobList .top .tie{font-weight:700;color:#333;font-size: 15px;}
.jobList .top a:hover{background:#2ec1b7;}
.jobList .font{border-top: 1px solid #efeded; overflow:hidden;padding-top:30px;font-size:12px;display:none;padding-bottom:40px;}
.jobList .font p{ font-size:14px; color:#333; line-height:28px;}
.jobList .font .txt{float:left;width:48%;}
.jobList .font .txt .tie{color:#333;margin-bottom:20px;display:block;font-size:14px;}
.jobList .font .txt:nth-child(2n){float:right;}
.jobList li.on{border-top: 1px solid #f5f5f5;}
.jobList li:nth-child(1) .font{display:block;}
.jobList2 li{background: #fff;border: 1px solid #efeded;}

/* newsList */
.newsList{width:100%;overflow:hidden;}
.newsList ul{ margin-bottom:50px;}
.newsList li{border-bottom: 1px solid #ddd;padding-bottom:20px;margin-bottom:20px;transition: all .3s;overflow: hidden;}
.newsList li .pic{float: left;width:26.4%;height:240px;margin-right:40px;overflow: hidden;}
.newsList li img{transition: all .5s;width:100%;height:100%;}
.newsList li .con{ width:70%;}
.newsList li h3{font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:12px;}
.newsList li h3 a{color:#333;}
.newsList li p{min-height:80px;line-height: 26px;}
.newsList li .date{display: block;color:#999;margin-bottom:25px;font-size:12px;}
.newsList li .date i{font-style: normal;margin-left:8px;}
.newsList li .more{display: inline-block;width:105px;height:30px;line-height:30px;text-align: center;margin-top:25px;border: 1px solid #ccc;}
.newsList li .more:hover{ width:160px;}
.newsList li:hover{box-shadow: 6px 6px 6px #eee;}
.newsList li:hover img{transform: scale(1.1);}

/* pages */
.pages{ margin:20px 0 0; text-align:center; line-height:1.5;}
.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;}
.pages li a{ display:block; color:#666;text-decoration:none;padding:0.2em 0.5em; font-size:12px;}
.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;}

/* newsShow */
.newsShow {width: 100%;overflow:hidden;}
.newsShow .title{text-align:center;font-size: 22px;color:#333;}
.newsShow .tieTip{margin: 10px 0 15px 0;text-align:center;border-bottom: 1px solid #efeded;padding-bottom: 20px;}
.newsShow .tieTip span{margin:0 30px;}
/*--*/
.showCon{overflow:hidden;margin-bottom:30px;border-bottom: 1px solid #dfdfdf;padding-bottom:10px;}
.showCon p{ font-size:15px; line-height:28px;  margin-bottom:10px; color:#333;}
.showCon p br{content: "";display: block;margin-top: 10px; }
.showCon p span{ font-size:16px; padding-top:5px; color:#333;}
.showCon p span{ display:block;}
.showPage{margin-top:25px;overflow:hidden;}
.showPage i{font-style:normal;}
.showPage p{max-width:49%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

/* caseList */
.caseList ul{margin-right:-10px;}
.caseList li{width:25%;text-align:center;float:left;padding-right:10px;margin-bottom:30px;}
.caseList li a{display:block;overflow:hidden;}
.caseList li .pImg{padding-top:75%;border:1px solid #e1e1e1;}
.caseList li p{background-color: rgba(245,245,245,1);color: #666;font-size: 14px;line-height: 60px;}
.caseList li a:hover img{transform:scale(1.1);}
.caseList li a:hover p{color:#2853bc;}

/* proService */
.proService li{background: #fff;overflow:hidden;margin-bottom:20px;transition:all .5s;}
.proService li .pic{width:50%;overflow:hidden;display:block;height: 320px;}
.proService li .txt{width:50%;padding:4%;position:relative;}
.proService li h4{font-size: 24px;font-weight:normal;position:relative;margin-bottom: 22px;color:#333;}
.proService li h4 a{color:#333;}
.proService li .txt .info{min-height: 100px;font-size: 15px;line-height: 26px;margin-bottom: 30px;}
.proService li:nth-child(2n) .txt{float:left;} 
.proService li:hover .bgImg{transform: scale(1.05);}
.proService li:hover{box-shadow:0 0 10px #ccc;}
.proService li h4 a:hover{color:#333;}
.proService li:nth-child(2n) .txt{float:left;} 
.proService li:nth-child(2n) .pic{float:right;}
.proService li .txt a:hover{color:#333;}
.page-more {display: block;width: 105px;line-height: 33px;background-color: #2853bc;border-radius: 20px;color: #fff;text-align: center;}
.proService li .txt .page-more:hover {background-image: linear-gradient(90deg, #016cec 0%, #0237a5 100%), linear-gradient(#0033a0, #0033a0);background-blend-mode: normal, normal;color: #fff;}

/* proHonor */
.proHonor p{ font-size:16px; line-height:26px; padding-bottom:10px;}
.proHonor table{ font-size:16px; line-height:28px; margin-bottom:10px;} 
.proHonor table tr:nth-child(1) td{ padding-bottom:10px;}
.proHonor table tr{ line-height:30px;}
.proHonor ul{margin-right: -20px; margin-bottom:30px;}
.proHonor li{width:20%;text-align:center;float:left;padding-right: 20px;margin-bottom: 20px;}
.proHonor li a{display:block;overflow:hidden;}
.proHonor li .pImg{padding-top:75%;border:1px solid #e1e1e1;}
.proHonor li b{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px; display:block; font-size:14px;}
.proHonor li a:hover img{transform:scale(1.1);}
.proHonor li a:hover p{color:#2853bc;}

/* partner */
.partner{padding-top:1px;padding-left:1px;overflow:hidden;}
.partner li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:76%;}
.partner li .pImg img {padding: 10px;}
.partner li p{background:#00904a;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}

/* organization */
.organization{ text-align:center;}

/* history */
.history{position:relative;font-size:1em;color:#333;}
.history .container{padding-left: 16%;}
.history .tie{font-size: 32px;position:absolute;top:50%;left:0;transform: translateY(-50%);}
.history ul{position:relative;}
.history ul::after{content:"";position: absolute;left:90px;top:0;width:1px;height:100%;background:#333;opacity:.4;}
.history li{margin-bottom:15px;overflow:hidden;padding-left:120px;}
.history li span{float: left;margin-left:-120px;position: relative;width:90px;font-size:1.125em;}
.history li span::after{content:"";position: absolute;width:9px;height:9px;background: #666;top:50%;margin-top:-5px;right:-5px;border-radius:100%;z-index:2;}

/* aboutBox */
.aboutBox .tie{font-size:2.571em;color:#2853bc;margin-bottom:30px;line-height:1;}
.aboutBox .box{width:100%;line-height:1.8;position: relative;height:auto;}
.aboutBox .font{overflow-y:auto;height:auto;}
.aboutBox .font p{ font-size:15px; line-height:26px; padding-bottom:10px;}
/*--*/
.ambient li{float:left;width:25%;padding-right:1px;padding-bottom:1px;}
.ambient li a{display:block;position:relative;}
.ambient li .pImg{padding-top:74%;}
.ambient li p{position: absolute;bottom:0;left:0;width:100%;background: rgba(0,0,0,.7);height:50px;line-height:50px;text-align:center;color:#fff;padding:0 5%;}
.ambient li:nth-child(1),.ambient li:nth-child(4){width:50%;}
.ambient li:nth-child(4){float:right;}
.ambient li:hover img{transform: scale(1.08);}