@charset "utf-8";

*{margin:0;padding:0}
ul{list-style:none}
a{text-decoration:none;cursor:pointer}
em,h1{font-style:normal}
.fl{float:left}
.fr{float:right}
.width{width:1200px;margin:0 auto}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.main-banner{height:460px;width:100%;text-align:center;overflow:hidden;display:block;margin-top: 110px;}
.tab-menu{height:81px;width:100%;background:#f5f5f5}
.tab-menu li{text-align:center;height:75px;line-height:75px;padding:0 35px;float:left}
.tab-menu li:first-child{padding-left:32px}
.tab-menu li a{width:105px;height:100%;display:block;font-size:20px;color:#101010}
.tab-menu li a:hover{color:#f77841}
.tab-menu li.active a{color:#0a6dee;border-bottom:5px solid #0a6dee}
.content .title{font-size:32px;color:#343434;text-align:center;padding-top:80px;line-height:32px;margin-bottom:50px}
.content .title .width{position:relative;height:4px}
.content .title p{font-size:16px;color:#5c5c5c;margin-top:10px}
.content .title p span{color:#f33205;font-size:20px}
.main-about .fl{width:550px;height:420px;overflow:hidden}
.main-about .fl img{width:550px;height:420px;vertical-align:middle;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.main-about .fl img:hover{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}
.main-about .fr{width:600px;padding-top:10px}
.main-about .fr p{color:#555;line-height:26px;font-size:15px;margin-bottom:10px}
.about-Advantage-box{background:#f7f7f7;margin-top:80px;padding-bottom:80px}
.about-Advantage ul{width:1230px}
.about-Advantage li{display:block;float:left;width:285px;height:400px;cursor:pointer;margin-right:20px;position:relative;overflow:hidden}
.about-Advantage li.li1{background:url(../images/about/main-aboutli01.jpg) no-repeat}
.about-Advantage li.li2{background:url(../images/about/main-aboutli02.jpg) no-repeat}
.about-Advantage li.li3{background:url(../images/about/main-aboutli03.jpg) no-repeat}
.about-Advantage li.li4{background:url(../images/about/main-aboutli04.jpg) no-repeat}
.about-Advantage li .text{position:absolute;z-index:2;text-align:center;top:270px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.about-Advantage li .text h3{color:#fff;font-size:24px}
.about-Advantage li .text p{color:#fff;font-size:14px;padding:10px 14px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.about-Advantage li .text span{opacity:0;display:block;font-size:16px;color:#fff;width:100px;height:38px;border:solid 1px #fff;border-radius:4px;text-align:center;line-height:38px;margin:0 auto;margin-top:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.about-Advantage li .bg{position:absolute;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;background:rgba(51,51,51,.8);width:285px;height:400px;display:block;z-index:1;top:240px}
.about-Advantage li:hover .bg{background:rgba(10,109,238,.9);top:0}
.about-Advantage li:hover .text{top:140px}
.about-Advantage li:hover span{opacity:1}
.about-Advantage li:hover .text p{margin-top:6px}
.about-culture-box{margin-top:20px;padding-bottom:40px}
.about-culture{padding-top:20px}
.about-culture ul li{width:400px;float:left;text-align:center;margin-bottom:60px}
.about-culture ul li .icon{width:120px;height:120px;border:1px solid #0a6dee;border-radius:60px;line-height:120px;display:block;margin:0 auto;margin-bottom:16px;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s}
.about-culture ul li .iconfont{background:url(../images/about/iconfont.png) no-repeat;width:112px;height:112px;position:absolute;margin-left:-60px;margin-top:-3px}
.about-culture ul li .icon-1{background-position:1px 1px}
.about-culture ul li .icon-2{background-position:-130px 1px}
.about-culture ul li .icon-3{background-position:-262px 1px}
.about-culture ul li .icon-4{background-position:-387px 1px}
.about-culture ul li .icon-5{background-position:-520px 1px}
.about-culture ul li .icon-6{background-position:-648px 1px}
.about-culture ul li i{color:#0a6dee;font-size:55px}
.about-culture ul li i.icon-aixin{font-size:60px}
.about-culture ul li i.icon-jinbi{font-size:64px}
.about-culture ul li i.icon-cyk{font-size:70px}
.about-culture ul li i.icon-deng{font-size:66px}
.about-culture ul li h3{color:#333;font-weight:400;font-size:26px}
.about-culture ul li p{font-size:15px;color:#666;margin-top:10px}
.about-culture ul li:hover .icon{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px)}
.about-img-box{padding-bottom:50px}
.about-img-box img{cursor:pointer}
.about-img-box .aimg{margin-bottom:3px}
.about-img-box .aimg div{overflow:hidden}
.about-img-box .aimgfl{margin-right:4px}
.about-img-box .aimgb{margin-bottom:2px}
.about-img-box .aimgbox{position:relative;overflow:hidden}
.about-img-box .aimgbox .bg{position:absolute;transition:All .3s ease-in-out;-webkit-transition:All .3s ease-in-out;-moz-transition:All .3s ease-in-out;-o-transition:All .3s ease-in-out;background:rgba(10,109,238,.9);width:100%;height:100%;z-index:1;bottom:-100%;text-align:center;font-size:18px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}
.about-img-box ul li:hover .bg{bottom:0}
.j-contact{padding-bottom:40px;background:#f7f7f7}
.j-contact li{padding-bottom:122px;background:url(../images/about/j5.png) center bottom no-repeat}
.j-left{float:left}
.j-right{float:right}
.j-contact .j-left{width:592px}
.j-contact .j-tit{font-size:24px;color:#999;border-bottom:1px #e3e3e3 solid;position:relative;line-height:44px;padding-bottom:12px}
.j-contact .j-tit em{display:block;font-size:22px;color:#2c93e8;line-height:38px}
.j-contact .j-tit p{font-size:18px}
.j-contact .j-conp{padding-top:13px}
.j-contact .j-p{font-size:14px;color:#999;line-height:34px}
.j-contact .j-p b{width:21px;height:21px;display:inline-block;background:url(../images/about/j2.png) 0 0 no-repeat;vertical-align:middle}
.j-contact .j-p b.b2{background-position:0 -21px}
.j-contact .j-p b.b3{background-position:0 -42px}
.j-contact .j-p b.b4{background-position:0 -63px}
.j-contact .j-p b.b5{background-position:0 -84px}
.j-contact .j-p b.b6{background-position:0 -105px}
.j-contact .j-p span{width:100px;padding-right:2px;display:inline-block;margin-right:25px;text-align:center;font-size:14px;color:#333;background:url(../images/about/j3.jpg) right center no-repeat}
.j-contact .j-right{width:520px;border:1px #dedede solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;margin-top:8px}
.j-contact .j-right img{width:520px}