@charset "utf-8";
/* CSS Document */
@import url("base.css");

body { font-family: 微软雅黑; background-color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; overflow-x: hidden; margin: 0 auto; min-width: 1260px; }

a, a:hover { text-decoration: none; background-color: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

input, button, textarea { outline: none; -webkit-apperance: normal; border-radius: initial; /*-webkit-appearance: button;*/ }

::-webkit-scrollbar-track { background: rgb(51, 51, 51); }

::-webkit-scrollbar-thumb { background: rgb(0, 162, 233); border-radius: 4px; }

::-webkit-scrollbar { width: 6px; height: 6px; }

.main { width: 1260px; margin: 0px auto; max-width: 1920px; }
@font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.banner { width: 100%; float: left; background-position: center; background-repeat: no-repeat; background-size: 100%;  overflow: hidden; }

.nav { border-bottom: 4px solid #00a2e9; height: 101px; width: 100%; float: left; box-sizing: border-box }
.nav a.logo { background-image:url(../img/logo.png);height:98px;width:340px;float:left;display:block;background-position:center center;background-repeat:no-repeat;margin-right:80px;}
.nav li { float: right; width: 140px; height: 98px; line-height: 100px; font-size: 16px; box-sizing: border-box; text-align: center ;cursor:pointer;}
.nav li a { color: #00a2e9; position: relative; overflow: hidden; display: block; text-align: center; font-weight: bold; width:100%;height:100%}
.nav li a::before { color: #fff; content: ''; position: absolute; bottom: 0; left: 0; width: 98%; margin-left: 1%; margin-right: 1%; height: 0; background: linear-gradient(to top, #00a2e9, #00a2e9); transition: height 0.3s; z-index: -1; }
.nav li a:hover { color: #fff; }
.nav li a:hover::before { height: 100%; color: #fff; }
.nav li a.on { background-color: #00a2e9; color: #fff; }
.nav li:hover,.nav li a.on { line-height: 50px; }
.nav li:hover label, .nav li a.on label { height: 55px; display: block; cursor: pointer; }
.nav li a:hover span,.nav li a.on span{ display: block; margin-top: 10px; }

.nav li span { margin-left: 54px; display: none; width: 32px; height: 32px; }
.nav li span.navhome {  background-image: url(../img/home.png); }
.nav li span.navtext { background-image: url(../img/text.png); }
.nav li span.navwansheng { background-image: url(../img/wansheng.png); }
.nav li span.navfangchan { background-image: url(../img/fangchan.png); }
.nav li span.navjoin { background-image: url(../img/join.png); }
.nav li span.navtel { background-image: url(../img/tel.png); }


/**首页新闻*/
.sydt { float: left; width: 100%; height: 520px; margin-top: 20px; }
.sydtl { float: left; width: 719px; }
.sydtln { float: left; width: 100%; height: 70px; }
.sydtln span { float: right; color: #666666; font-size: 16px; line-height: 70px; text-decoration: none; }
.sydtln span.a { text-decoration: none; }
.sydtln li { float: left; height: 70px; font-size: 24px; line-height: 70px; }
.sydtln li a { color: #3f3f3f; }
.sydtln li a:hover { color: #00a0e9; text-decoration: none; }
.sydtln li img { float: right; width: 1px; height: 21px; margin-top: 26px; margin-right: 15px; }
.sydtln li.l1 { width: 2px; padding: 0px 15px; }
.sydtlist { float: left; width: 100%; height: 130px; border-bottom: #cfcfcf 1px solid; }
.sydtlistlast { border-bottom: 0px; }
.sydtlistl { float: left; width: 75px; height: 75px; margin-top: 30px; }
.sydtlistl span { float: left; width: 75px; background-color: #00a0e9; height: 45px; display: block; padding-top: 6px; font-size: 26px; text-align: center; box-sizing: border-box; color: #fff; }
.sydtlistl span b { float: left; width: 71px; font-weight: normal; font-size: 12px; height: 28px; border: #00a0e9 2px solid; color: #000000; padding-top: 11px; line-height: 28px; }
.sydtlistc { float: left; width: 570px; height: 75px; margin-top: 30px; margin-left: 10px; }
.sydtlistc span { float: left; width: 100%; }
.sydtlistc span.bt { float: left; width: 100%; line-height: 150%; font-size: 18px; color: #000000; margin-bottom: 5px; }
.sydtlistc span.cn { float: left; width: 100%; max-height: 45px; line-height: 20px; font-size: 14px; color: #868585; }
.sydtlistc span.cn a { text-decoration: none; }
.sydtlistc span.bt a { color: #111; }
.sydtlistc span.bt a:hover { text-decoration: none; }
.sydtlist.last { border-bottom: none; }
.sydtr { float: left; width: 520px; height: 520px; margin-top: 10px; margin-left: 21px;}
.sydtr img { height: 440px; width: 520px; }

.sygc { float: left; width: 100%; height: 464px; background-image: url(../img/bj1.png); background-repeat: no-repeat; }
.sygcn { float: left; width: 100%; height:155px; font-size: 30px; text-align: center; line-height: 55px;padding-top:30px;box-sizing:border-box; }
.sygcn a { text-decoration: none; }
.sygcn span.gc { color: #00a2e9; }
.sygcn span.zs { color: #000000; }
.sygcn p { height:35px;line-height:35px;font-size:16px;}
.sygcl { float: left; width: 100%; }
.sygcl li { float: left; width: 600px; height: 242px; margin-right:60px;}
.sygcl li.last { margin-right:0px;}
.syzz { float: left; width: 100%; height: 420px; background-image: url(../img/syzzbj.png); background-repeat: repeat-x }
.syzz2 { float: left; width: 100%; }


.rollbanner { width:100%;height:220px;float:left;background-color:#f5f5f5;margin-top:2px;}
.slider-container { width: 100%; max-width: 1260px; margin: 0 auto; overflow: hidden; position: relative; height: 220px; background: #f5f5f5; }

.slider-track { display: flex; position: absolute; height: 100%; animation: slideLeft 15s linear infinite; }

.slider-item { height: 100%;  flex-shrink: 0; position: relative; transition: transform 0.3s; }

.slider-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 0px;  }

@keyframes slideLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


.newsln { float: left; width: 100%; border-bottom: #dde0e2 1px solid; height: 75px; }
.newslnl { float: left; line-height: 75px;padding-left:270px;box-sizing:border-box; }
.newslnl span { margin: 0px 5px; }
.newslnl b { color: red; }
.newslnl a { color: #00a2e9; text-decoration: none; }
.neswlco { float: left; width: 100%; background-color: #f9f9f9; }
.neswlcol { float: left; width: 230px; }
.neswlcols { float: left; width: 230px; margin-top: -45px; }
.neswlcols span { float: left; width: 100%; height: 95px; background-color: #00a2e9; color: #fff; line-height: 95px; font-size: 22px; text-align: center; font-weight: bold; }
.neswlcols li { float: left; width: 100%; height: 50px; background-color: #eef0f3; line-height: 50px; text-indent: 70px; font-size: 14px; }
.neswlcols li a { color: #858689; text-decoration: none; display: block; height: 100%; width: 100%; }
.neswlcols li a:hover, .neswlcols li a.on { background-position: center center; float: left; width: 100%; height: 50px; color: #fff; color: #00a2e9; background-repeat: no-repeat; background-position: 25px 22px; }
.neswlcols li a.on { font-weight: bold; }

.con { float: left; width: 230px; margin-top: 20px; background-color: #eef0f3; }
.connav { float: left; width: 100%; }
.connav span { float: left; width: 100%; background-image: url(../img/cn.png); background-repeat: no-repeat; background-position: 25px 22px; font-size: 20px; color: #00a2e9; line-height: 75px; text-align: center; font-weight: bold; }
.connav ul { float: left; width: 190px; margin-left: 20px; margin-bottom: 25px; }
.connav li { float: left; width: 100%; line-height: 25px; }
.wxptma { float: left; width: 230px; margin-top: 20px; background-color: #eef0f3; padding-bottom: 20px; }
.wxptmal { float: left; width: 130px; }
.wxptmal img { margin-left: 20px; margin-top: 40px; }
.wxptmar { float: left; width: 100px; }
.wxptmar span { float: left; width: 100px; }
.wxptmar span.wx { font-size: 12px; font-weight: bold; color: #000000; line-height: 35px; margin-top: 10px; }
.wxptmar span.xq { font-size: 12px; color: #707070; line-height: 20px; }
.neswlcor { float: left; width: 1015px; margin-left: 15px; border-left: 1px solid #dde0e2; margin-top: 10px;box-sizing:border-box; }
.newslico { float: left; width: 1015px; height: 170px; border-bottom: #ebebeb solid 1px; margin-left: 15px; }
.newslicon { float: left; width: 100%; height: 50px; font-size: 18px; line-height: 50px; }
.newslicon a { text-decoration: none; color: #000000; font-weight: bold; color: #333; }
.newslbc { float: left; width: 100%; }
.newslbc img { width:160px;height:95px;}
.newslbci { float: left; width: 175px; }
.newslbce { float: left; width: 840px; }
.newslbce2 { width: 100%; }
.newslbce span { float: left; width: 100%; }
.newslbce span.c1 { float: left; width: 100%; font-size: 14px; line-height: 25px; }
.newslbce span.c1 a { text-decoration: none; color: #a2a2a2; }
.newslbce span.c2 { float: left; width: 100%; font-size: 14px; color: #4d4d4d; line-height: 30px; }
.newslbce span.c3 { float: left; width: 100%; font-size: 14px; }
.newslbce span.c3 a { float: right; width: 50px; height: 30px; background-color: #00a2e9; color: #fff; text-align: center; line-height: 30px; text-decoration: none; }

/*资质荣誉*/
.zizhirongyu { width: 96%; float: left; margin-left: 2%; }
.zizhirongyu li { width: 50%; float: left; border-bottom: dotted 1px #bfbfbf; padding: 10px 0px; }
.zizhirongyu li div { width: 350px; margin-left: 65px; }
.zizhirongyu li img { border: 1px solid #dde0e2; padding: 10px; box-sizing: border-box; cursor: pointer; background-color: #fff; }
.zizhirongyu li img:hover { border: 1px solid #fd0908; }
.zizhirongyu li b, .zizhirongyu li p { width: 100%; float: left; }
.zizhirongyu li b { text-align: center; min-height: 45px; line-height: 150%; font-size: 14px; padding-top: 10px; }
.zizhirongyu li p { padding: 10px 0px; min-height: 55px; overflow: hidden; }

.pageinfo { margin: 20px 0px 20px 20px; width: 100%; float: left; box-sizing: border-box; }
.singleinfo { font-size: 15px; margin: 20px 0px 20px 20px; line-height: 150%; min-height: 630px; text-indent:30px;}
.singleinfo img { max-width: 100%; }
.infotitle { width: 100%; border-left: 3px solid #00a2e9; float: left; box-sizing: border-box; padding-left: 10px; }
.infotitle span { width: 100%; float: left; font-size: 12px; }
.infotitle span.t { font-weight: bold; font-size: 18px; color: #333; margin-bottom: 10px; }
.infocontent { margin-top: 30px; width: 100%; float: left; font-size: 14px; line-height: 150%; }
.infocontent img { max-width: 100%; }
.nextpage { width: 100%; float: left; margin-top: 10px; border-top: 1px solid #dedede; padding-top: 10px; }
.nextpage ul li { height: 30px; line-height: 30px; }

.gczslist { float: left; width: 100%; margin-top: 20px; padding-left: 20px; box-sizing: border-box;box-sizing:border-box; }
.gczslist li { float: left; width: 308px; height: 200px; margin-right: 34px; margin-bottom: 20px; }
.gczslist li img { width:100%;}
.gczslist li.la { margin-right: 0px; }
.gczslist li span { float: left; background-image: url(../img/d1.png); position: absolute; display: block; height: 35px; margin-top: -35px; font-size: 14px; line-height: 35px; text-align: center; color: #fff; width: 308px;overflow:hidden; }

.qtbanner { background-position: center center; float: left; width: 100%; height: 261px; background-image: url(xbanner.png); background-repeat: no-repeat; }
.newsinfo { background-image: url(newsinfo.png); }
.jubaobanner { background-image: url(jubaobanner.png); }
.zhaobiaobanner { background-image: url(zhaobiaobanner.png); }
.linkusbanner { background-image: url(linkusbanner.png); }
.casebanner { background-image: url(casebanner.png); }
.jobbanner { background-image: url(jobbanner.png); }
.gaikuangbanner { background-image: url(../img/gaikuangbanner.png); }

.foot { float: left; width: 100%; height: 50px; background-color: #eef0f3; }
.footl { float: left; width: 240px; height: 50px; }
.footm { float: left; width: 100%; height: 50px; }
.footmss { float: left; width: 100%; height: 50px;  }
.fdre { float: left; width: 100%; height: 50px; }
.fdre li { float: left; width: 100%; font-size: 14px; color: #f2f2f2;height:28px; line-height: 28px; }
.syfj { float: left; width: 100%; height: 50px;line-height:50px; font-size: 13px; color: #333333; text-align:center;}
.syfj a { color: #333; }
.footr { float:right;}
.footr img { border:6px solid #fff;background-color:#fff;}


.page { width: 100%; float: left; height: 120px; line-height: 80px; }






.home:before { content: "\F015"; }
.star:before { content: "\F005"; }
.pencil:before { content: "\F040"; }
.map:before { content: "\F041"; }
.user:before { content: "\F2C0"; }
.tel:before { content: "\F095"; }
.message:before { content: "\F0E0"; }
.qq:before { content: "\F1D6"; }
.weibo:before { content: "\F18A"; }
.mobile:before { content: "\F10B"; }
.jiantou:before { content: "\F0DE"; }
.building:before { content: "\F0F7"; }
.history:before { content: "\F1DA"; }
.calendar_empty:before { content: "\F133"; }
.flag:before { content: "\F024"; }
.angle_right:before { content: "\F105"; }
.time:before { content: "\F017"; }
.eye_open:before { content: "\F06E"; }
.play:before { content: "\F144"; }
.shopping_cart:before { content: "\F07A"; }
.yuan:before { content: "\F22D"; }
.search:before { content: "\F002"; }