html{font-family:'Microsoft Yahei';background:#fff}
.hidden{display:none!important}
.wrapper{width:1200px;margin:0 auto}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

.header{height:120px}
.header .logo{float:left;width:428px;height:120px;background:url(images/logo.png) no-repeat center;cursor:pointer;display:block}
.header .nav{float:right;margin-top:40px}
.header .nav a{line-height:50px;display:inline-block;width:85px;height:50px;text-align:center;text-decoration:none;color:#001f3f;transition:all 500ms}
.header .nav a:hover,.header .nav a.active{border-bottom:4px solid #235b9c;background:#8792a6;background:rgba(135,146,166,.3)}

.main.inside{min-height:500px}
.main.inside.header-caption{min-height:250px!important;background:#ccc center}
.main.inside.header-caption.header-caption-aboutus{background-image:url(images/header-caption.aboutus.jpg)}
.main.inside.header-caption.header-caption-cases{background-image:url(images/header-caption.cases.jpg)}
.main.inside.header-caption.header-caption-main-business{background-image:url(images/header-caption.main-business.jpg)}
.main.inside.header-caption.header-caption-news{background-image:url(images/header-caption.news.jpg)}
.main.inside.header-caption.header-caption-jobs{background-image:url(images/header-caption.jobs.jpg)}
.main.inside.header-caption.header-caption-contactus{background-image:url(images/header-caption.contactus.jpg)}

.main .slide{position:relative;overflow:hidden;max-width:1200px;height:448px;margin:0 auto}
.main .slide .image{height:100%;background-size:100%}
.main .slide .footer{position:absolute;bottom:0;width:100%;height:37px;background:#001f3f;background:rgba(0,31,64,.5)}
.main .slide .btns{float:right;margin:0;padding:0;list-style:none;margin-right:24px}
.main .slide .btns li{float:left;width:40px;height:11px;margin:13px 4px;cursor:pointer;opacity:.5;background:#fff}
.main .slide .btns li:hover,.main .slide .btns li.active{opacity:.8}

.main .introduce{display:block}
.main .introduce > dt h2{font-size:18px;font-weight:400;display:inline-block;margin:5px 0;color:#001f3f}
.main .introduce > dt h2 a{color:#001f3f;text-decoration:none}
.main .introduce > dt h2 small{font-size:12px;text-transform:uppercase;color:#b7b7c4}
.main .introduce > dt .more{float:right;text-decoration:none;color:#001f3f}
.main .introduce > dt{border-bottom:1px solid #001f3f}
.main .introduce > .content{margin:0;overflow:hidden}
.main .introduce > .content dl{margin:0;width:100%;margin-top:10px}
.main .introduce > .content dl dt{float:left}
.main .introduce > .content dl dd{float:left;margin:0}
.main .introduce > .content dl dd p{margin:0;line-height:1.5;font-size:13px}

.main .sidebar{float:left;width:308px}
.main .sidebar .contact-us .content dl dt{color:#001F3F}
.main .sidebar .contact-us .content dl dd{margin-top:1em;font-family:NSimSun}
.main .sidebar .contact-us .content dl dd p{font-size:16px}
.main .sidebar .feedback{display:block;width:308px;height:100px;background:url(images/feedback.png) no-repeat center}
.main .sidebar .links{border:1px solid #D4D4D4;padding:1em}
.main .sidebar .links > dt{border-bottom:none}
.main .sidebar .links .content a > img{margin:.5em 0}

.main .introduces{float:right;width:860px}
.main .introduces .introduce .content dl dt{background:no-repeat center}
.main .introduces .introduce .content dl dd{float:left;margin:0;margin-left:1em}

.main .introduces .enterprise-profile .content dl dt{width:333px;height:242px;background-image:url(images/introduce.enterprise-profile.png)}
.main .introduces .enterprise-profile .content dl dd{width:510px}
.main .introduces .business-scope{float:left;width:49%}
.main .introduces .business-scope .content dl dt{width:120px;height:140px;background-image:url(images/introduce.business-scope.png)}
.main .introduces .business-scope .content dl dd{width:280px}
.main .introduces .news{float:right;width:49%}
.main .introduces .news .content dl dt{width:120px;height:140px;background-image:url(images/introduce.news.png)}
.main .introduces .news .content dl dd ul{margin:0;padding:0;list-style:none}
.main .introduces .news .content dl dd ul li{font-size:12px;text-overflow:ellipsis;line-height:2;width:255px;padding:0 1em;cursor:pointer}
.main .introduces .news .content dl dd ul li:hover{background:#ccc;cursor:pointer}
.main .introduces .news .content dl dd ul li .posted{float:right}
.main .introduces .classic-case{clear:both}
.main .introduces .classic-case > dt{border-bottom:none}
.main .introduces .classic-case .content{position:relative;margin-top:1em;margin-bottom:1em;background:url(images/cases.png) no-repeat center}
.main .introduces .classic-case .content .cases{position:relative;overflow:hidden;width:760px;height:229px;margin:0 auto}
.main .introduces .classic-case .content .cases ul{position:absolute;top:0;left:0;overflow:hidden;width:2000px;height:229px;margin:0;padding:0;list-style:none;transition:all 250ms linear}
.main .introduces .classic-case .content .cases ul li{float:left;width:180px;height:180px;margin:24px 5px}
.main .introduces .classic-case .content .container{position:absolute;top:93.5px;display:block;width:20px;height:40px;cursor:pointer;background:url(images/cases.container.png) no-repeat}
.main .introduces .classic-case .content .container.prev{left:20px}
.main .introduces .classic-case .content .container.next{right:20px;background-position:-20px 0}

.main.inside > .sidebar{width:250px}
.main.inside > .sidebar .nav a:before{content:'> ';color:#0FA}
.main.inside > .sidebar .nav a{display:block;text-decoration:none;color:#555;line-height:2.5}
.main.inside > .introduce{float:right;width:920px}

.main.inside .introduce.news .content ul{list-style:none;margin:0;padding:1em 0.5em}
.main.inside .introduce.news .content ul li{line-height:2}
.main.inside .introduce.news .content ul li .posted{float:right}
.main.inside .introduce.news .content ul li a{text-decoration:none}
.main.inside .introduce.cases .content ul{list-style:none;margin:0;padding:0}
.main.inside .introduce.cases .content ul li{float:left;padding:1.5em}

.footer{font-size:12px;height:120px;background:#4f6e82}
.footer .qrcode.weixin{display:block;float:left;width:100px;height:120px;background:url(images/qrcode-weixin.png) no-repeat center}
.footer .cooperate{display:block;float:right;width:100px;height:120px;background:url(images/cooperate.png) no-repeat center}
.footer .nav,.footer .copyright,.footer .powerby{width:500px;margin:auto;line-height:2}
.footer .nav{padding-top:2em}
.footer .nav a{color:#000;text-decoration:none}
.footer .nav a:first-child:before{content:''}
.footer .nav a:before{content:'| '}
.footer .powerby a{color:#000;text-decoration:none}