@charset "utf-8";


/* --- 公用样式 --- */
span{display:block;}
p,span{line-height:100%;}
::-webkit-input-placeholder {color:#ccc;}
.clear{clear:both;}
 
/* --- 字体样式 --- */
@font-face{
    font-family:eng;
    src:url(../images/CenturyGothic.TTF);
    src:url(../images/CenturyGothic.eot)\9; 
}

 
/*1024*/
@media screen and (min-width:1200px)  and  (max-width:2600px)  {

/* --- 公用样式 --- */
html{font-size:14px;}
.pc{display:block;}
.wap{display:none;}
.left{float:left;}
.right{float:right;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
a:hover{color:#0076B3;}
.wrap{max-width:1200px; margin:0 auto;}



/* --- 头部 --- */
.header{border-bottom:1px solid #ddd; height:100px;}

/* logo */
.header .logo{height:100px; line-height:100px; float:left;} 

/* 链接 */
.header .links{float:right; line-height:100px; font-size:14px;}
.header .links i{margin-left:10px; margin-right:10px; color:#ccc;}

/* 链接 */
.header .search{float:right; margin-left:30px; height:30px; margin-top:35px; position:relative; width:200px;}
.header .search input{border:1px solid #ddd;  border-radius:100px; font-size:14px; padding-left:10px; height:30px; line-height:30px; width:100%; transition:all .3s;}
.header .search input:focus{border:1px solid #0076B3; background:#fff;}
.header .search .button{background:url(../images/search.png) no-repeat 0 center; position:absolute; width:16px; height:16px; border:none; right:10px; top:0; height:30px; cursor:pointer;}





/* --- 导航 --- */
.nav{background:url(../images/nav.png) repeat-x; height:48px; line-height:48px; border-bottom:1px solid #ddd;}

/* 导航 */
.nav ul{float:left; width:80%;}
.nav li{float:left; width:14.28%; background:url(../images/nav-line.png) no-repeat  right center; text-align:center; font-size:16px; position:relative;}
.nav li dl{position:absolute; left:0; width:100%; background:#fff; z-index:100; opacity:0; top:88px; height:0; overflow:hidden; transition:all .3s;} 
.nav li dl em{display:block; height:48px; line-height:48px; border-bottom:1px solid #efefef; }
.nav li:hover dl{opacity:1; top:48px; height:auto;}
.nav li .on{color:#;}


/* global websites */
.global{float:right; background:url(../images/eng.png) no-repeat 0 center; padding-left:30px; position:relative; display:none;}
.global dt{display:block; background:url(../images/eng-arrow.png) no-repeat right center; padding-right:20px;}
.global dd{position:absolute; background:#fff; left:0; top:88px; width:200px; box-shadow: 0 3px 8px #ccc; z-index:100; opacity:0; height:0; overflow:hidden;  transition:all .3s;} 
.global dd a{display:block; border-bottom:1px solid #efefef; text-align:center;}
.global:hover dd{opacity:1; top:48px; height:auto;}





/* --- banner --- */
.banner {position:relative;}
.banner .bd li{height:400px;}
.banner .bd li a{display:block; height:400px;}
.banner .hd {position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.banner .hd li{display:inline-block; width:10px; height:10px; background:#fff; margin-left:5px; margin-right:5px; border-radius:100%; opacity:.5;}
.banner .hd li.on{opacity:1;}

.page-banner{text-align:center;}





/* --- 公告 / 查询 --- */
.notice-box{background:#f9f9f9; border-bottom:1px solid #ddd; height:50px; line-height:50px;}

/* 公告 */
.notice-box .notice {float:left;}
.notice-box .notice li{height:50px; line-height:50px; font-size:14px; background:url(../images/notice.png) no-repeat 0 center; padding-left:25px;}
.notice-box .notice li a{color:#666;}

/* 查询 */
.notice-box .query{float:right;}
.notice-box .query li{float:left; margin-left:20px;}
.notice-box .query li.query-01{background:url(../images/query-01.png) no-repeat 0 center; padding-left:35px;}
.notice-box .query li.query-02{background:url(../images/query-02.png) no-repeat 0 center; padding-left:35px;}





/* --- 首页框架 -- */
.home-box{margin-top:30px; margin-bottom:30px;}


/* 更多 */
.more a{color:#2990c4; background:url(../images/more-arrow.png) no-repeat right 0 center; padding-right:10px;}


/* 标题 */
.home-title{border-bottom:1px solid #ddd; height:38px; line-height:38px; position:relative;}
.home-title h2{float:left; font-size:18px; height:38px; line-height:38px; background:url(../images/title-line.png) no-repeat 0 center; padding-left:15px;}
.home-title .more{position:absolute; right:0; top:0;}


/* 新闻 */
.home-news { width:380px; float:left;}

/* 新闻 切换*/
.home-news .hd{overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:5px;}
.home-news .hd li{float:left; width:100px; height:38px; line-height:38px; text-align:center; cursor:pointer;}
.home-news .hd li.on{background:url(../images/news.png) no-repeat;}

/* 新闻 内容*/
.home-news .bd{position:relative;}
.home-news .bd ul em{position:absolute; right:0; top:-38px;}
.home-news .bd li{border-bottom:1px dashed #ddd; height:45px; line-height:45px; background:url(../images/news-arrow.png) no-repeat 0 center; padding-left:10px; position:relative;}
.home-news .bd li span{position:absolute; right:0; top:0; line-height:40px; color:#ccc;}


/* 简介 */
.home-about{ float:left; width:370px; margin-left:30px;}
.home-about .content{margin-top:20px;}
.home-about .content img{float:left; margin-right:10px;}
.home-about .content p{line-height:150%;}


/* 服务项目 */
.home-item{ float:right; width:388px;}
.home-item ul{margin-top:20px; width:105%;}
.home-item li{ border:1px solid #C2DCF2; float:left; background:url(../images/item-back.png) repeat-x; border-radius:5px; width:186px; height:46px; text-align:center; font-size:12px; margin-bottom:8px; margin-right:15px; transition:all .3s; position:relative; }
.home-item li a h3{ color:#2990c4; font-size:16px; padding-top:3px; margin-bottom:2px;}
.home-item li a{display:block;}
.home-item li p{ color:#999;}
.home-item li:hover{ border:1px solid #91C0E8;}
.home-item li:hover h3{color:#333;}


/* 公司环境 */
.home-photo{margin-top:20px; position:relative;}
.home-photo .bd{border:1px solid #ddd; padding:10px; border-top:none;}
.home-photo .bd li{float:left; width:14.28%; text-align:center;}
.home-photo .prev,.home-photo .next{position:absolute; top:50%; cursor:pointer;}
.home-photo .prev{ left:-40px;}
.home-photo .next{ right:-40px;}





/* --- 底部 -- */
.footer{background:#4C4C4C; padding-top:30px; padding-bottom:30px; overflow:hidden;}
.footer2{ background:#373737; text-align:center; padding:15px 0; color:#999; font-size:12px;}
 
/* 栏目 */
.footer-column{width:65%;}
.footer-column dl{float:left; width:20%;}
.footer-column dt{color:#33ccff; margin-bottom:20px;}
.footer-column dd em{display:block;}
.footer-column dd em a{color:#ccc;}
.footer-column dd em a:hover{text-decoration:underline;}
 
/* 二维码 */
.footer-qrcode{float:right; width:137px; text-align:center;}
.footer-qrcode .pic{margin-bottom:15px;}
.footer-qrcode .text em{display:block; font-size:12px; color:#ccc; line-height:150%;}

/* 联系 */
.footer-contact{float:right; width:250px; margin-left:20px;}
.footer-contact h3{font-size:16px; color:#33ccff; margin-bottom:10px;}
.footer-contact p{line-height:150%; color:#ccc;}





/* --- 内页框架 -- */
.page{margin-top:35px; margin-bottom:35px; overflow:hidden;}

/* 左侧 */
.page-left{float:left; width:250px;  margin-bottom:35px;}

/* 当前栏目 */
.this-column{margin-bottom:30px; width:230px;}
.this-column h2{font-size:24px; font-family:Impact; color:#2990c4; font-weight:; margin-bottom:5px;}
.this-column h3{background:url(../../images/page-column-line.png) no-repeat right 90%; color:#2990c4; font-size:18px;}

/* 子栏目 */
.sub-column{margin-bottom:30px;}
.sub-column li{height:40px; line-height:40px;}
.sub-column li a{display:block; background:url(../../images/dot-01.jpg) no-repeat 15px center; padding-left:35px; position:relative;}
.sub-column li a:hover,.sub-column li a.now{color:#fff; background:url(../../images/dot-02.jpg) no-repeat 15px center #2990C4; }
.sub-column li a:hover:before,.sub-column li a.now:before{content:""; background:url(../../images/left-arrow2.png) no-repeat 0 center; width:6px; height:40px; position:absolute; right:20px; top:0;}
.sub-column li a:hover:after,.sub-column li a.now:after{content:""; background:url(../../images/left-arrow.png) no-repeat; width:9px; height:18px; position:absolute; right:-9px; top:11px;}

/* 内页栏目 */
.page-column {border-bottom:1px solid #ddd; }
.page-column h2{ font-size:18px; color:#2990c4; padding-bottom:10px; position:relative;}
.page-column h2:before{content:""; width:35px; height:3px; background:#2990C4; position:absolute; bottom:-1px;}
.page-left .page-column{ width:230px; }

/* 联系我们 */
.left-contact{width:230px;}
.left-contact .pic{margin-bottom:15px; margin-top:20px;}
.left-contact .text p{line-height:220%; color:#444;}
.left-contact p .text{line-height:220%;}

/* 右侧内容 */
.page-right{float:right; width:950px; padding-top:23px; border-left:1px solid #ddd; padding-left:40px; min-height:700px;}

/* 分页
.showpage{text-align:center; margin-top:50px;}
.showpage a{display:inline-block; width:26px; height:26px; line-height:26px; text-align:center;}
.showpage a.now{background:#2990C4; color:#fff; border-radius:5px;} */

.showpage{text-align:center; margin-top:50px; margin-bottom:50px; font-size:14px;}
.showpage a{display:inline-block; padding:4px 12px; height:24px; line-height:24px;}
.showpage span{background:#2990C4; display:inline-block; height:24px; line-height:24px; padding:0 8px; color:#fff; border-radius:5px;}


/* --- 企业简介 -- */
.about-box{margin-top:30px; margin-bottom:50px;font-size:16px; line-height:200%;}
.about-box p,.about-box span{line-height:200%;}
.about-box img{  margin-left:20px; margin-top:10px;}






/* --- 文章列表 -- */
.article-box {margin-top:30px; margin-bottom:30px;}
.article-box li{border-bottom:1px solid #efefef; height:55px; line-height:55px; position:relative; background:url(../../images/news-arrow2.jpg) no-repeat 0 center; padding-left:15px;}
.article-box li a{font-size:16px;}
.article-box li span{position:absolute; right:0; top:0; line-height:55px; color:#ccc;}



/* --- 新闻内容 --- */
.news-show{ position:relative; overflow:hidden;}
.news-show h1{text-align:center; margin-bottom:20px; margin-top:20px;}
.news-show .date{border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px; text-align:center; font-size:14px; color:#999;}
.news-show .show p{margin-bottom:20px; line-height:200%;}
.news-show .goback{position:absolute; right:0; top:0; font-size:14px;}
.goback{ float:right; font-size:14px;}


/* --- 联系方式  -- */
.contact-way{margin-top:30px;}
.contact-way .text{margin-top:50px; margin-bottom:50px;}
.contact-way .text h3{font-size:24px; margin-bottom:10px;}
.contact-way .text p{line-height:200%;}
.my-map { margin: 0 auto; width: 100%; height: 400px; }
.amap-container{height: 100%;}






/* --- 招贤纳士  -- */
.jobs-box {margin-top:30px;}
.jobs-box li h3{font-size:24px; margin-bottom:20px;}
.jobs-box li{border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.jobs-box li .text p{line-height:200%; color:#666;}
.jobs-box li .text strong{display:block; margin-bottom:20px; margin-top:20px;}
.jobs-box li .online{margin-top:30px; margin-bottom:30px;}
.jobs-box li .online a{background:#2990C4; padding:10px 20px; border-radius:5px; color:#fff; font-size:18px;}






/* --- 服务内容  -- */
.service-content {margin-top:30px;}
.service-content p{margin-bottom:30px; line-height:200%; font-size:16px;}


/* --- 团队 --- */
.tema{ display:block; padding-top:30PX; padding-left:10PX;}
.tema ul{width:105%;}
.tema li{float:left; margin-right:20px; margin-bottom:20px;}
.tema li .pic{border:1px solid #efefef; margin-bottom:10px;}
.tema li .pic img{width:205px;height:205px;}
.tema li .text h3{font-size:16px; margin-bottom:10px;}
.tema li .text p{color:#999; font-size:14px;}

}