/**************************************** 首页 ****************************************/
/********** 首页banner **********/
#banner-ind{ width:100%; height:560px; position:relative;}
.flexslider{ margin:0px auto; position:relative; width:100%; height:480px; overflow:hidden; zoom:1;}
.flexslider .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:70px; height:70px; line-height:99em; overflow:hidden; margin:-35px 0 0; display:block; background:url(../images/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:35px;}
.flex-direction-nav .flex-next{ background-position:0 -70px; right:100px;}
.flex-direction-nav .flex-prev{ left:100px;}
.flexslider:hover .flex-next{ opacity:0.8; filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{ opacity:0.8; filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{ opacity:1; filter:alpha(opacity=50);}
.flex-control-nav{ width:100%; position:absolute; bottom:30px; text-align:center;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{ display:block; width:26px; height:26px; background:url(../images/dot.png) no-repeat 0 -26px; overflow:hidden; text-indent:-99em; cursor:pointer;}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a{ background-position:0 0;}
.flexslider .slides a img{ width:100%; height:560px; display:block;}


/********** 首页分层 **********/
.indmain{ width:100%; height:400px; padding:50px 0; background-color:#FFF;}

.indab{ float:left; width:500px; height:400px; position:relative;}
.indab h3{ font-size:24px; font-weight:normal; margin-top:36px; margin-bottom:12px;}
.indab h3 span{ font-size:14px; color:#999; margin-left:12px;}
.indab h3 span label{ display:inline-block; width:56px; height:6px; border-top:1px solid #999; margin-right:12px;}
.indab p{ font-size:16px; color:#666; text-transform:uppercase; margin-bottom:36px;}
.indab .indab-txt{ font-size:14px; line-height:30px; color:#666; text-indent:2em;}
a.indab-btn{ position:absolute; left:0; bottom:30px; display:block; width:96px; height:30px; border:1px solid #0087A4; background-color:#FFF; font-size:14px; color:#0087A4; line-height:30px; text-align:center;}
a.indab-btn:hover{ background-color:#0087A4; color:#FFF; transition:all 0.5s;}

.inditem-wrap{ float:right; width:400px;}
.inditem{ float:left; width:160px; height:160px; padding:20px; background-color:#0087A4; position:relative;}
.inditem:hover{ background-color:#0f3357; transition:all 0.5s;}
.inditem2{ background:url(../images/inditem2_bg.jpg)}
.inditem3{ background:url(../images/inditem3_bg.jpg)}
.inditem2:hover, .inditem3:hover{ background-image:none; background-color:#0f3357;}
.item2-mask{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1;}
.item3-mask{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1;}
.inditem h3{ font-size:18px; font-weight:normal; line-height:30px; color:#FFF; margin-top:26px; position:relative; z-index:2;}
.inditem span{ display:block; width:36px; height:1px; background-color:#FFF; margin:6px 0 16px; position:relative; z-index:2;}
.inditem p{ font-size:12px; line-height:24px; color:#AAC8D2; position:relative; z-index:2;}


/**************************************** 内页 ****************************************/
/********** banner **********/
#banner-inside{ width:100%; height:300px; background-color:#000; position:relative; z-index:1;}
.banner-ab{ background:url(../images/banner/banner_ab.jpg) top center no-repeat;}
.banner-news{ background:url(../images/banner/banner_news.jpg) top center no-repeat;}
.banner-prod{ background:url(../images/banner/banner_prod.jpg) top center no-repeat;}
.banner-serv{ background:url(../images/banner/banner_serv.jpg) top center no-repeat;}
.banner-hr{ background:url(../images/banner/banner_hr.jpg) top center no-repeat;}
.banner-ctc{ background:url(../images/banner/banner_ctc.jpg) top center no-repeat;}

/********** main **********/
.main{ width:100%; min-height:240px; padding:50px 0; background-color:#FFF; position:relative;}
.main .w1000{ position:relative;}
.content{ width:100%; padding-bottom:10px; font-size:14px; line-height:24px; color:#333;}

/********** sidebar **********/
.sidebar{ position:absolute; top:0; margin-top:-100px; width:100%; height:50px; background-color:rgba(255,255,255,0.8); overflow:hidden; z-index:2;}
.sidebar a{ float:left; display:block; width:159px; height:50px; border-right:1px solid #CCC; font-size:16px; line-height:50px; color:#333; text-align:center;}
.sidebar a:hover, .sidebar a.cur{ background-color:#0087A4; color:#FFF;}

.sidebar2{ width:100%; margin-bottom:40px; text-align:center;}
.sidebar2 a{ display:inline-block; padding:6px 0; margin:0 12px; font-size:16px; line-height:24px; color:#333;}
.sidebar2 a:hover, .sidebar2 a.cur2{ border-bottom:2px solid #0087A4;}

#p10 #s1,
#p20 #s1, #p21 #s2,
#p30 #s1, #p31 #s2,
#p40 #s1, #p41 #s2,
#p50 #s1, #p51 #s2,
#p60 #s1, #p61 #s2, #p62 #s3
{ background-color:#0087A4; color:#FFF;}


/********** 关于我们 **********/
/** 企业简介 **/
.about{ width:100%;}
.about p{ text-indent:2em; line-height:30px; margin-bottom:12px;}
.about p strong{ color:#0087A4;}

/********** 新闻资讯 **********/
.newslist{ width:100%;}
.newslist ul{ width:100%;}
.newslist ul li{ width:1000px; height:100px; background-color:#FFF; margin-bottom:30px; }
.newslist ul li a{ display:block; width:100%; height:100%; cursor:pointer;}
.newlist-time{ float:left; width:60px; height:100px; padding:0 20px; background-color:#0087A4; text-align:center;}
.newlist-time label{ display:block; font-size:40px; line-height:60px; color:#FFF;}
.newlist-time span{ display:block; font-size:14px; line-height:38px; color:#FFF; border-top:1px solid #FFF;}
.newlist-txt{ float:left; width:858px; height:98px; padding:0 20px 0 21px; border:1px solid #DDD; border-left:none;}
.newlist-txt p{ padding:12px 0 6px 0; font-size:16px; font-weight:bold; line-height:24px; color:#666;}
.newlist-txt span{ display:block; width:858px; font-size:14px; color:#666; line-height:22px;}
.newlist-txt span label{ font-size:14px; color:#666; line-height:22px;}
.newslist ul li:hover{ background-color:#EEE; transition:all 0.5s;}
.newslist ul li:hover .newlist-txt p{ color:#0087A4;}
.newslist ul li:hover .newlist-txt span label{ color:#D02127;}
.newsdetail{ padding:0 20px 20px 20px;}
.news-title{ margin-bottom:14px; text-align:center; font-size:24px; font-weight:bold; line-height:36px; color:#333;}
.news-time{ text-align:center; height:30px; line-height:30px; color:#666; border-bottom:1px dotted #CCC; padding-bottom:14px;}
.news-cont{ margin-top:20px; line-height:30px;}
.news-cont p{ display:block; /*margin-bottom:10px; text-indent:2em;*/}
.page-jump{ position:relative; padding-top:20px;}
.page-jump div{ line-height:42px;margin-top:10px; padding-left:20px; background:#e6e6e6; font-size:14px; color:#333;}

/********** 产品世界 **********/
.prodlist{ width:100%;}
.prodlist ul{ width:1020px;}
.prodlist ul li{ float:left; width:234px; height:294px; margin:0 21px 20px 0;}
.prodlist ul li .prod-img{ width:214px; height:214px; background-color:#FFF; border:10px solid#F6F6F6;}
.prodlist ul li .prod-img a{ display:table-cell; width:214px; height:214px; text-align:center; vertical-align:middle; overflow:hidden;}
.prodlist ul li .prod-img img{ display:block; max-width:214px; max-height:214px; margin:0 auto;}
.prodlist ul li .prod-name{ width:234px; height:60px; background-color:#F6F6F6;}
.prodlist ul li .prod-name a{ display:block; width:214px; height:60px; padding:0 10px; font-size:14px; line-height:60px; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodlist ul li:hover .prod-img{ border-color:#0087A4; transition:all 0.5s;}
.prodlist ul li:hover .prod-name{ background-color:#0087A4; transition:all 0.5s;}
.prodlist ul li:hover .prod-name a{ color:#FFF;}
.prodshow{ width:100%;}
.product-img{ max-width:80%; margin:0 auto 24px; text-align:center;}
.product-img img{ margin:0 auto; max-width:100%;}
.product-name{ font-size:20px; line-height:36px; color:#00A050; text-align:center; margin-bottom:24px;}
.prod-editor{ margin-top:24px;}

/********** 服务支持 **********/
/** 生产能力 **/
.capacity{ width:100%;}
.caplist{ width:100%;}
.caplist ul{ width:1002px;}
.caplist li{ float:left; width:290px; height:280px; margin:0 22px 0px 22px;}
.caplist li .cap-name{ display:block; height:60px; padding:0 10px; font-size:14px; line-height:60px; color:#0C60A9; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.caplist li .cap-img{ display:table-cell; width:280px; height:210px; padding:4px; border:1px solid #EEE; box-shadow:2px 2px 10px #AAA; -moz-box-shadow:2px 2px 10px #AAA; text-align:center; vertical-align:middle; overflow:hidden;}
.caplist li .cap-img img{ display:block; max-width:280px; max-height:210px; margin:0 auto;}
/** 技术支持 **/
.tech{ width:100%;}

/********** 人才资源 **********/
/** 人才理念 **/
.philosophy{ width:100%;}
.philosophy p{ text-indent:2em; line-height:30px; margin-bottom:12px;}
.philosophy p strong{ color:#0087A4;}
/** 招聘信息 **/
.jobs{ width:100%;}
.jobdetail{ width:100%;}

/********** 联系我们 **********/
/** 联系方式 **/
.contact{ padding:50px 80px 40px; border:1px solid #EBEBEB; background-color:#FAFAFA; text-align:center; margin-bottom:40px;}
.contact h1{ font-size:24px; font-weight:bold; color:#0087A4; margin-bottom:30px;}
.contact p{ margin-bottom:12px;}
.contact p span{ margin:0 12px;}
/** 信息反馈 **/
.feedback{ padding:40px 80px 60px; border:1px solid #EBEBEB; background-color:#FAFAFA;}
.feed-tip{ border-bottom:1px dotted #A7A7A7; padding-bottom:20px; text-indent:2em;}
.feed-cont{ padding-top:10px; padding-left:20px;}
.feed-cont .btn-feedback{ width:120px; height:36px; background-color:#0087A4; border:medium none; color:#FFF; cursor:pointer;}
.feed-cont .btn-feedback:hover{ background-color:#F40; border-color:#F40;}
.feed-cont input, .feed-cont textarea{ background-color:#FFF; border:1px solid #999; padding:4px;}
.feed-cont input:hover, .feed-cont textarea:hover{ border-color:#0087A4;}
/** 地理位置 **/



