@charset "utf-8";
@import "base.css";
/*通用样式
-------------------------------------*/
/*头部*/
.wrap {width:1000px; margin:0 auto; clear:both;  display:block;}

.headt {background:#f5f5f5; height:36px; font:14px/36px "微软雅黑"; overflow:hidden; border-bottom:1px solid #efefef; color:#999;}

.head_right {float: right; display: block; padding-top:4px; }
.head_right li{  float:left; padding-left:5px;}
.head_right li a{ display:block; background:url(../images/head_icon.png) no-repeat left top; height:25px;}
.head_right li a:hover{ background-position:left bottom;}
.head_right li.li01 a{  }
.head_right li.li02 a{ width:20px; background-position:-20px top;}
.head_right li.li02 a:hover{ background-position:-20px bottom;}
.head_right li.li03 a{ width:20px; background-position:-40px top;}
.head_right li.li03 a:hover{ background-position:-40px bottom;}

.headt span{color:#ccc; font:12px/36px "宋体";}
.headt span a{color:#666; margin:0px 5px;}

.headt .tel {background:url(../images/tel_icon.png) no-repeat left center; padding-left:18px; font:14px/36px "微软雅黑"; color:#999; margin-right:10px;}
.headt .tel em {font-family:Arial, Helvetica, sans-serif; color:#cc3333; font-size:16px;}

.headc {height:63px;}
.headc h1 {background:url(../images/logo.gif) left top no-repeat; width:250px; height:40px; overflow:hidden; text-indent:-999em; margin:11px 0 0;}
.headc h1 a{display:block; width:250px; height:40px;}
       /*
.headc .nav { border: 1px solid #FF0000; width: 606px; font: 16px/60px "微软雅黑"; text-align: center; color: #666; }
.headc .nav a {width:100px; height:60px; display:block; float:left; margin-right:1px;}
.headc .nav a.on, .headc .nav a:hover{background:#f7f7f7; border-top:3px solid #0066cc; color:#0066cc;}  */


/*----------导航----------*/
#Nav {  height: 60px; width: 606px; margin: 0 auto; margin-bottom: 5px; }
#MutiNav .multiUl li { WIDTH: 100px; HEIGHT: 60px; LINE-HEIGHT: 60px; TEXT-ALIGN: center; FONT-SIZE: 16px; FLOAT: left; DISPLAY: inline; Z-INDEX: 1000; POSITION: relative; FONT-FAMILY: 微软雅黑; }
#MutiNav .multiUl li a.go { COLOR: #666; }
#MutiNav .multiUl li a.on { COLOR: #DFE8D9; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
#Nav li.s { FLOAT: left; WIDTH: 8px; HEIGHT: 35px; LINE-HEIGHT: 35px; TEXT-ALIGN: center; DISPLAY: inline; COLOR: #517B55; }
#MutiNav .multiUl li blockquote { DISPLAY: none; LEFT: -2px; POSITION: absolute; TOP: 55px; HEIGHT: auto; BACKGROUND-COLOR: #808000; }
#MutiNav .multiUl li blockquote .ChildNavIn { OVERFLOW: hidden; TEXT-ALIGN: center; WIDTH: 102px; HEIGHT: auto; COLOR: #DEE6E9; BACKGROUND: #fff; PADDING: 10px 0 10px 0; /*filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8;*/ }
#MutiNav .multiUl li blockquote .ChildNavIn li { HEIGHT: 30px; LINE-HEIGHT: 30px; }
#MutiNav .multiUl li blockquote .ChildNavIn a { FLOAT: left; TEXT-ALIGN: center; DISPLAY: inline; COLOR: #666; PADDING: 2px 4px; LINE-HEIGHT: 18px; MARGIN: 3px 0 3px 6px; TEXT-ALIGN: center; WIDTH: 80%; BORDER-BOTTOM: 1px dotted #255F51; FONT-SIZE: 14px; FONT-WEIGHT: normal; }
#MutiNav .multiUl li blockquote a:hover { color: #FEFBC2 !important; background: #6666FF; }
/*----------导航----------*/

/*banner
----------------------------------*/
#full-screen-slider {width:100%; height:500px; float:left; position:relative; margin:0 auto;}
#slides{display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li{display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a{display:block; width:100%; height:100%; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; top:430px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:30px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#ccc;}
#pagination li a{display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current{background:#0066cc}


/*title
----------------------------------*/
.title{font:14px/24px "微软雅黑"; color:#454545; text-align:center; padding-bottom:50px;}
.title h1{font:30px/30px "微软雅黑";}      .c1{color:#0066cc;}
.title span{color:#999; text-transform:uppercase; font-size:12px; font-family:arial;}


/*首页样式
----------------------------------*/

/*服务项目*/
.i_service{display:block; width:1000px; font-family:"微软雅黑"}
.i_service dl{width:1100px;}
.i_service dd{background:#f5f5f5; width:228px; height:298px; cursor:pointer; margin-right:27px; display:inline; float:left; border:1px #e6e6e7 solid}
.i_service dd .pic{height:80px; margin:40px 0px 30px 0px; text-align:center; }
.i_service dd .pic span{height:80px; display:block;}
.i_service dd .pic span.bg1{background:url(../images/service_icon.png) no-repeat center top}
.i_service dd .pic span.bg2{background:url(../images/service_icon.png) no-repeat center -90px}
.i_service dd .pic span.bg3{background:url(../images/service_icon.png) no-repeat center -180px}
.i_service dd .pic span.bg4{background:url(../images/service_icon.png) no-repeat center -270px}

.i_service dd .tit{text-align:center; display:block; color:#555; font-size:18px; line-height:16px;}
.i_service dd .tit span{display:block; color:#c1c1c1; font-size:11px}

.i_service dd .txt{text-align:center; display:block; color:#555; font-size:14px; line-height:24px; margin-top:20px;}
.i_service dd:hover .txt,.i_service dd.hover .txt{color:#fff; }

.i_service dd:hover,.i_service dd.hover{background:url(../images/bg_icon.gif) #09C; border:1px #09C solid;}
.i_service dd:hover .tit,.i_service dd.hover .tit{color:#fff; }
.i_service dd:hover .tit span,.i_service dd.hover .tit span,.i_service dd .tit a:hover,.i_service dd a:hover{ color:#ccccff;text-decoration:none }

.i_service dd:hover .pic span.bg1,.i_service dd.hover .pic span.bg1{background:url(../images/service_icon2.png) no-repeat center top; }
.i_service dd:hover .pic span.bg2,.i_service dd.hover .pic span.bg2{background:url(../images/service_icon2.png) no-repeat center -90px;}
.i_service dd:hover .pic span.bg3,.i_service dd.hover .pic span.bg3{background:url(../images/service_icon2.png) no-repeat center -180px;}
.i_service dd:hover .pic span.bg4,.i_service dd.hover .pic span.bg4{background:url(../images/service_icon2.png) no-repeat center -270px;}


/*案例赏析*/
.i_case{display:block; font-family:"微软雅黑"}
.i_case dl{width:1100px;}
.i_case dd{width:314px; height:283px; background:#f5f5f5; border-bottom:2px solid #1fa8f6; cursor:pointer; margin:0px 29px 30px 0; display:inline; float:left;}

.i_case dd .pic{width:314px; height:190px;}
.i_case dd .pic img{width:314px; height:190px;}
.i_case dd .txt{width:280px; height:73px; padding:10px 17px;}

.i_case dd .txt h3 { height:30px; font: 16px/30px "微软雅黑"; color: #333; width: 280px; overflow: hidden; }
.i_case dd .txt p { height: 48px; font: 12px/24px 微软雅黑; color: #999; width: 280px; overflow: hidden; }

.i_case dd:hover,.i_case dd.hover{background:#1fa8f6;}
.i_case dd:hover .txt h3,.i_case dd.hover .txt h3,.i_case dd .txt a:hover,.i_case dd a:hover{color:#fff;}
.i_case dd:hover .txt p,.i_case dd.hover .txt p,.i_case dd .txt a:hover,.i_case dd a:hover{ color:#ccccff;}


/*资讯中心*/
.i_news{display:block; font-family:"微软雅黑"}
.i_news dl{width:1100px;}
.i_news dd{width:314px; cursor:pointer; margin-right:29px; display:inline; float:left;}

.i_news dd .tit{height:32px; padding:9px 0px; border-bottom:2px solid #eaeaea; margin-bottom:8px;}
.i_news dd .tit .fsp{float:left; font:42px/32px Arial; color:#de0010; margin-right:5px; _margin-right:3px;}
.i_news dd .tit h3{font:18px/20px "微软雅黑"; color:#333;}
.i_news dd .tit h3 em{font:11px/12px "Microsoft YaHei",微软雅黑,tahoma; color:#999; text-transform:uppercase;}
.i_news dd .tit .more {padding-right:35px; margin-top:5px; background:url(../images/news_more.png) no-repeat scroll 0% 0% #FFF; height:25px; }

.i_news dd ol {  overflow:hidden; margin: 15px 0px; }
.i_news dd ol li {width: 314px; height: 90px; overflow: hidden; float: left; color: #656565; line-height: 22px;  font-size: 12px; }
.i_news dd ol li span { display: block; font-size: 14px; color: #DE0026; width: 175px; line-height: 24px; height: 24px; overflow: hidden; }
.i_news dd ol li img{width:122px; height:82px; border:1px #eaeaea solid;  float:left; padding:3px; margin-right:5px;   }

.i_news dd ul { padding: 5px 0px; float: left; }
.i_news dd ul li{  width:314px; height:30px; line-height:30px; font-size:13px; color:#666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news dd ul li a{color:#666}
.i_news dd ul li a:hover{color:#0896de}


/*友情链接*/
.links{ padding:10px 0; font:14px/30px "微软雅黑"; background:url(../images/line_h.jpg) repeat-x;}

.links dt{ float:left; color:#000;}
.links dd{ float:left; width:910px; overflow:hidden;}
.links dd a{ white-space:nowrap; display:inline-block; color:#959595; background:url(../images/links_line.jpg) no-repeat right center; padding:0 9px; }

/*底部*/
.foot_w{width:100%; height:300px; margin:0 auto; background:#0066cc;}
   .foot_w a:link, .foot_w a:visited{color:#FFF;}
.foot_w a:hover { color: #FFFFFF; }

.foot{width:980px;border-bottom:1px solid #4d94db; height:200px; font:14px/30px "微软雅黑"; padding:40px 10px 0 10px;}
.foot dd{ width:155px; float:left; margin-right:20px;}
.foot dd h3{width:100px; margin-bottom:10px; font-size:16px; color:#fff; border-bottom:1px solid #4d94db; display:block}
.foot dd li a{ display:table; font-size:13px; color:#ccccff;}
.foot dd li  a:link,.foot dd li a:visited{color:#ccccff;}
 
.foot .contact{width:280px; float:right; color:#ccccff;}
.foot .contact h3{font-size:16px; color:#FFF;}




.foot .contact span{font-size:12px; line-height:24px;}
.foot .contact span em{font-size:24px; line-height:36px; color:#0F0;}

.copyright{width:1000px; height:60px; margin:0 auto; font:13px/60px "微软雅黑"; color:#fff; text-align:center;} 


/*子页样式
----------------------------------*/
.sub_banner_w{width:100%; height:300px; margin:0 auto; background:url(../images/sub_banner.jpg) no-repeat center;}
.sub_banner{width:1000px; height:300px; margin:0 auto;}

.about_img{background:url(../images/about_img.png) no-repeat right center;}
.service_img{background:url(../images/service_img.png) no-repeat right center;}
.case_img{background:url(../images/case_img.png) no-repeat right center;}
.news_img{background:url(../images/news_img.png) no-repeat right center;}
.contact_img{background:url(../images/contact_img.png) no-repeat right center;}

.sub_left{height:300px; font:13px/30px "微软雅黑"; background:url(../images/sub_line.png) no-repeat left; position:relative;}

.sub_left .sub_title{width:420px; height:60px; position:absolute; top:75px; left:10px;}
.sub_left .sub_crumb{height:30px; position:absolute; top:169px; left:140px; padding-left:15px; background:url(../images/crumb_icon.gif) no-repeat left center;}
.sub_left .sub_crumb a{color:#333;}
.sub_left .sub_crumb a:hover{color:#fff;}

.sub_left .sub_nav{height:30px; position:absolute; top:225px; left:60px; text-align:center;}
.sub_left .sub_nav a{width:120px; height:30px; display:block; float:left; margin-left:-10px; background:url(../images/ejnav1.png) no-repeat left center; color:#FFF;}
.sub_left .sub_nav a:visited,.sub_left .sub_nav a:hover{ background:url(../images/ejnav2.png) no-repeat left center;}
.sub_left .sub_nav .curr{ background:url(../images/ejnav2.png) no-repeat left center;}


/* container  */
.container p{font:13px/30px "微软雅黑"; color:#666; margin-bottom:20px;}
.container .p1 {font:16px/30px "微软雅黑";}
.container .p1 span{font-family:Iskoola Pota; font-size:30px; text-transform:uppercase;}
.container .p1 .i2 {font-size:20px; line-height:24px;}
.container .p1 .i3 {font-size:10px; line-height:14px;}
.container .p2{width:480px; height:auto; float:left; padding-right:20px;}
.container .p3{width:960px; height:auto; float:left; padding:0px 20px;}

.container img{ float:left;  }
.container h3{font:24px/30px "微软雅黑"; color:#0066cc; margin-bottom:20px;}

/* service  */
.service{width:1000px; height:450px;}
.service .img{width:500px;}
.service .text{width:460px; height:auto;}
.service .text h3{font:24px/30px "微软雅黑"; color:#0066cc; margin-bottom:20px;}
.service .text p{font:18px/30px "微软雅黑"; color:#999; margin-bottom:10px;}
.service .text span{margin-top:30px; display:block;}
.service .text ul{margin-bottom:10px; float:left; display:inline;}
.service .text li{width:200px; font:15px/30px "微软雅黑"; float:left;}
.service .text li i{font:18px/30px "宋体"; color:#3399ff; margin-right:5px;}


/* case  */
.case_al{width:700px; float:left; padding-bottom:50px;}

.case_ar{width:260px; float:right;}
.case_ar h3{font:22px/30px "微软雅黑"; color:#0066cc; margin-bottom:0px;}
.case_ar h3 em{font:14px/30px "微软雅黑"; color:#666;}
.case_ar span{display:block; font:14px/30px "微软雅黑"; color:#333; margin-bottom:20px;}


/* contact  */
.contact_al{width:500px;}
.contact_ar{width:450px; padding-top:60px;}
.contact_ar h3{width:150px; font:30px/50px "微软雅黑"; color:#282D30; margin-bottom:30px; border-bottom:3px solid #333;}
.contact_ar img{float:left; margin-right:10px;}
.contact_ar ul{width:400px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.contact_ar li{font:14px/30px "微软雅黑"; color:#666; margin-bottom:3px;}
.contact_ar p{font:12px/16px "微软雅黑"; color:#666;}

.contact_b .feed {width:960px; margin:0 auto;}
.contact_b .inp1 {width:450px; height:48px; font:14px/50px "宋体"; color:#999; padding:0 9px; border:1px solid #eee; float:left; margin-right:10px;}
.contact_b .feed dd {float:left; padding:0 0 15px 0;}
.contact_b .feed .d3 {display:block; width:960px; zoom:1; overflow:hidden; float:none; float:left;}
.contact_b .feed textarea {width:928px; height:98px; padding:10px;  border:1px solid #eee; font-size:14px; color:#999;}
.contact_b .feed .d4 {text-align:center; padding:20px 0; width:960px; float:left;}
.contact_b .feed .d4 .mit1 {width:365px; height:45px; background:#f94747; border:0; font-size:18px; color:#fff; cursor:pointer; font-family:微软雅黑;}


/* news  */
.news_a{width:1000px; height:300px; margin:0 auto;}
.news_a dl{ padding-bottom:30px; font-family:"微软雅黑"}
.news_a dt{ width:550px; height:250px; float:left; background:#0b98de}
.news_a dt .pic{ width:330px; float:left;}
.news_a dt .txt{ width:180px; float:right; padding-top:20px; font-size:16px; color:#FFF; margin-right:20px;}
.news_a dt .txt a,.news_a dt .txt a:hover,.news_a dt .txt a:link{color:white}
.news_a dt .txt span{ font-size:13px; display:block; padding-top:20px; line-height:22px; height:120px; overflow:hidden;}

.news_a dd{ width:410px; float:right;}
.news_a dd li{ width:400px; height:31px; line-height:30px; color:#666; font-size:14px}
.news_a dd li a{ float:left;}

.news_b {padding:25px 0px; font:14px/24px "微软雅黑"; border:1px solid #D6D6D6; overflow:hidden; margin-bottom:20px; display:block;}
.news_bl {width:119px; text-align:center; color:#999; float:left;}
.news_bl p {color:#35383F; font:bold 48px/46px "宋体"; margin-bottom:10px;}

.news_br {  float: left; color: #666; width: 840px; height: 95px; }
.news_br h3 { color:#333; font-size:18px; height:30px; width:840px; line-height:24px; margin-bottom:5px; }
.news_br .zhaiyao{ color:#333; font-size:14px; width: 840px; height:60px; line-height: 20px;  }

.news_c{overflow:hidden; margin-bottom:25px; font-family:"微软雅黑"}
.news_c_l{border:1px solid #d8d8d8; width:640px; padding:35px 29px; background:#fff; float:left}
.news_c_l h1{color:#333333; font-size:18px; text-align:center;}
.news_c_la{ text-align:center; padding:15px 0; color:#666;}
.news_c_lb p{ line-height:24px; margin:20px 0; text-indent:2em }
.news_c_lc{ color:#a0a0a0; margin:25px 0; }
.news_c_lc b{ height:16px; width:16px; display:inline-block; margin-right:11px; float:left; margin-top:1px }
.news_c_lcl{ float:left}
.news_c_lcl b{ background:url(../images/collb_a.gif) no-repeat center center #d5d5d5;}
.news_c_lcl b:hover{background:url(../images/collb_a.gif) no-repeat center center #939395;}
.news_c_lcr{ float:left; margin-left:45px}
.news_c_lcr b{ background:url(../images/collb_b.gif) no-repeat center center #d5d5d5; }
.news_c_lcr b:hover{ background:url(../images/collb_b.gif) no-repeat center center #939395; }
.news_c_lc a{ color:#a0a0a0; font-weight:bold; }

.news_c_r{ float:right; width:260px;}
.news_c_r p{color:#333333; font-size:16px; margin-bottom:10px;}
.news_c_r li{line-height:24px;}
.news_c_r li b{color:#999; font-size:6px; margin-right:5px;}
.news_c_r h3{background:#eee; border-bottom:1px solid #ddd; font:bold 14px/30px "微软雅黑"; color:#666; padding-left:10px; margin-bottom:0px;}

.news_c_r ol li{width:260px; height:80px; overflow:hidden; color:#656565; line-height:20px; font-size:12px; margin-top:10px;}
.news_c_r ol li span { display: block; font-size: 14px; color: #FF0000; line-height: 22px; height: 22px; width: 135px; overflow: hidden; }
.news_c_r ol li img{width:102px; height:72px; border:1px #eaeaea solid; margin-right:10px; float:left; padding:3px;}