/* -----------------------公用*/
#main_box{ padding:40px 0; min-height:500px; height:auto;}
/* ----------------------------width:100%; 头部*/
#head_box {width: 100%; height: 500px; overflow: hidden;}
.head_mask {left: 0px; top: 0px; width: 100%; height: 500px; position: absolute;z-index:0;}

#logo_box{ width:100%; height:65px; position:relative; background-color:#000; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;z-index:1;}
#logo{ position:absolute; left:20px; top:0px; z-index:10;}
#iconbox{ position:absolute; right:20px; top:0px; height:65px; line-height:65px; z-index:10;color:#FFF; font-size:20px;}
#iconbox span{ font-size:32px; position:relative; top:5px;}
#iconbox:hover{}

/* 导航 */
#navigation{ position:absolute; left:50%; top:0; z-index:10; width:1050px; margin-left:-525px;}
#navigation dl{ float:left; width:105px; height:65px; line-height:65px; text-align:center;}
#navigation dl dt{}
#navigation dl dt a{ display:block; color:#FFF; font-size:16px;}
#navigation dl:hover dt a{ color:#fcef0d;}



/* -----------------------大图*/
#head_pic{ width:100%; height:100%; position:relative;}
.swiper-container {}
#head_pic .swiper-slide {
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
#head_pic .swiper-pagination-bullet-active{ background-color:#ff6600;}


/* -----------------------图片列表--产品*/
#pic_list{}
#pic_list ul li{ float:left; margin-top:15px; width:285px; height:250px; margin-left:20px; text-align:center; position:relative;}
#pic_list ul li:nth-child(4n+1){ margin-left:0;}
#pic_list ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:100;}
#pic_list ul li .in_pic{ width:285px; height:215px; position:relative; overflow:hidden;}
#pic_list ul li .in_pic img{width:100%; height:100%;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}

#pic_list ul li .in_title{ height:35px; line-height:35px; overflow:hidden;}
#pic_list ul li .in_dark{ position:absolute; left:0; top:0; width:100%; height:100%;background-color:#000; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; z-index:50;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}
#pic_list ul li p{ position:absolute; left:90px; top:90px; z-index:80; width:104px; height:31px; line-height:31px; text-align:center; background-color:#ff6600; color:#FFF;
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}

#pic_list ul li:hover .in_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
#pic_list ul li:hover .in_dark{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#pic_list ul li:hover p{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}


/* -----------------------图片列表--产品*/
#pic_list2{}
#pic_list2 ul li{ float:left; margin-top:15px; width:285px; height:190px; margin-left:20px; text-align:center; position:relative;}
#pic_list2 ul li:nth-child(4n+1){ margin-left:0;}
#pic_list2 ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:100;}
#pic_list2 ul li .in_pic{ width:285px; height:155px; position:relative; overflow:hidden;}
#pic_list2 ul li .in_pic img{ width:100%; height:100%;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}

#pic_list2 ul li .in_title{ height:35px; line-height:35px; overflow:hidden;}
#pic_list2 ul li .in_dark{ position:absolute; left:0; top:0; width:100%; height:100%;background-color:#000; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; z-index:50;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}
#pic_list2 ul li p{ position:absolute; left:90px; top:60px; z-index:80; width:104px; height:31px; line-height:31px; text-align:center; background-color:#ff6600; color:#FFF;
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}

#pic_list2 ul li:hover .in_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
#pic_list2 ul li:hover .in_dark{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#pic_list2 ul li:hover p{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}

/*新闻*/
.news_list{width:1200px;}
.news_list ul li{ margin-top:10px; margin-bottom:10px; height:120px; position:relative; border-bottom:1px solid #e5e5e5;}

.news_list ul li .time{ float:left; width:75px; text-align:center; color:#999999;}
.news_list ul li .time span{ display:block; height:50px; line-height:50px; background-color:#f2f2f2; border-bottom:1px solid #FFF; font-size:28px; color:#666;}
.news_list ul li .time p{background-color:#f2f2f2; height:42px; line-height:42px;}

.news_list ul li .content{ float:left; margin-left:25px; width:1100px;}
.news_list ul li .content h2{ font-weight:normal; height:20px; line-height:20px; font-size:16px; overflow:hidden;}
.news_list ul li .content p{ margin-top:10px; height:75px; line-height:25px; overflow:hidden; color:#999;}
.news_list ul li  a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}

/*新闻*/
.news_list2{width:1200px;}
.news_list2 ul li{ margin-top:20px; margin-bottom:10px; height:170px; position:relative; border-bottom:1px solid #e5e5e5;}
.news_list2 ul li  a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}

.news_list2 ul li .item_pic{ float:left; width:200px; height:150px;}

.news_list2 ul li .item_cont{ float:left; margin-left:15px; width:985px; height:150px; position:relative;}
.news_list2 ul li .item_title{ height:20px; line-height:20px; font-size:16px; font-weight:normal; overflow:hidden;}
.news_list2 ul li .item_des{ margin-top:5px; height:100px; line-height:25px; overflow:hidden; color:#999;}
.news_list2 ul li .item_time{ position:absolute; left:0; bottom:0; height:20px; line-height:20px; color:#666;}





/*面包屑*/
#postionx{height:45px; line-height:45px; background-color:#f0f0f0;}
#postionx h2{ float:left; font-weight:normal;font-size:16px; text-indent:10px;}
#postionx p{ float:right; color:#888; margin-right:10px;}
#postionx p a{color:#888;}
#content{ padding:20px 0;}
#content2{}





/* 详细 */
.info_title{ font-size:18px; text-align:center; font-weight:bold; padding-bottom:20px;}
.info_des{ padding:10px; background-color:#f4f5f6;}
.info_des span{ color:#888;}

.info_time{ padding:15px 0; text-align:center; color:#999; background-color:#f8f8f8;}
.info_time span{ margin:0 20px;}
.info_time .wt1{font-size:19px; position:relative; top:1px;}
.info_time .wt2{ font-size:16px;}
.info_time .wt3{ font-size:14px;}
.info_time .wt4{ font-size:25px; position:relative; top:4px;}

.info_cont{ min-height:400px; height:auto; padding:20px 0;}
.info_cont img{ width:auto; max-width:100%; height:auto;}

#prenext{ padding-top:20px; border-top:1px solid #e2e2e2;}
#prenext ul li{ height:35px; line-height:35px; overflow:hidden;}
#prenext ul li span{ color:#999;}

/* 分页 */
#pagelist{ margin-top:15px; margin-left:10px; float:right;}
#pagelist ul li{ float: left;  margin:0px 2px;}
#pagelist ul li a{display: block;border: 1px solid #cccccc;background-color:#f5f5f5;
padding:2px 15px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999;
}
#pagelist ul li a:hover{background-color:#ff6600; color:#FFF; border:1px solid #ff6600;}
.selectpage{}
.selectpage a{font-weight: bold;border:1px solid #ff6600!important; background-color:#ff6600!important;color: #FFF!important; }


























































/* -----------------------案例*/
#cases_list{ margin-top:20px;}
#cases_list ul li{ float:left; margin-top:20px; margin-left:30px; width:380px; height:345px; background-color:#FFF;  text-align:center; position:relative;}
#cases_list ul li:nth-child(3n+1){ margin-left:0;}
#cases_list ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}

#cases_list .item_pic{ width:380px; height:285px;overflow:hidden;}
#cases_list .item_pic img{ width:380px; height:285px;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
#cases_list ul li .item_title{ padding-top:15px;}
#cases_list ul li .item_title h2{ font-size:18px; font-weight:normal; color:#002648; height:30px; line-height:30px; overflow:hidden;}
/*#cases_list ul li .item_title p{ color:#888888; height:30px; line-height:30px; overflow:hidden;}*/


#cases_list ul li:hover .item_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}

/* -----------------------图片新闻 580-200=380-*/
/* --头条-*/
#news_istop{ width:100%;  margin-top:30px; background-color:#f4f5f6; height:375px;position:relative;}
.swiper-container {}
#news_istop .swiper-slide {
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
#news_istop .swiper-pagination-bullet-active{ background-color:#ff6600;}

.item_top{ width:100%; height:375px; position:relative;}
.item_top a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}

.item_top_pic{ float:left; width:500px; height:375px;}
.item_top_pic img{width:500px; height:375px;}

.item_top_cont{ float:left; margin-left:40px; width:650px; height:365px; padding:5px 10px 5px 0px; position:relative;}
.item_top_cont h1{ height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:normal;}
.item_top_cont .item_top_des{ height:300px; line-height:25px; overflow:hidden; color:#888; overflow:hidden;}


.item_top_time{ position:absolute; left:0px; bottom:30px; color:#999; width:100%; height:25px; line-height:25px;}
.item_top_time span{ font-size:18px;}
.item_top_time i{ margin-left:50px; font-size:14px;}


/* --列表-*/
#news_pic{}
#news_pic ul li{ float:left; margin-left:40px; margin-top:40px; width:580px; height:150px; position:relative;}
#news_pic ul li:nth-child(2n+1){ margin-left:0;}
#news_pic ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:20;}

#news_pic ul li .item_pic{ position:absolute; left:0px; top:0px; width:200px; height:150px; overflow:hidden;}
#news_pic ul li .item_pic img{ width:100%; height:auto;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
#news_pic ul li .item_title{ position:absolute; left:220px; top:0px; width:360px; height:25px; line-height:25px; font-weight:bold; overflow:hidden;}
#news_pic ul li .item_note{ position:absolute; left:220px; top:25px; color:#999; width:360px; height:75px; line-height:25px; overflow:hidden;}
#news_pic ul li .item_time{ position:absolute; left:220px; top:125px; color:#999; width:360px; height:25px; line-height:25px;}
#news_pic ul li .item_time span{ font-size:18px;}
#news_pic ul li .item_time i{ margin-left:50px; font-size:14px;}

#news_pic ul li:hover{ background-color:#f4f5f6;}
#news_pic ul li:hover .item_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}