@import url('goble.css');
@import url('header.css');
@import url('animate.css');


/*banner*/
.slider li { display:none}
.slider li.cur { display:block}
.dot span img.cur{display:none; cursor:pointer}
.dot span.cur img.cur{display:block; cursor:pointer}
.cur img.cur{margin-top:0;}

.banner{position:relative;}
.banner ul{margin:0 auto;height:auto;text-align:center;}
.banner ul li img{height:100%;width:100%;}

.banner .dot{position:absolute; bottom:20px; left:47%;}
.banner .dot span{display:inline-block;background:#CECECE;width: 30px;height: 8px;margin: 0 2px;border-radius:6px;}
.banner .dot .cur{display:inline-block;background:#FE0000;width: 30px;height: 8px;margin: 0 2px;border-radius:6px;}


/*案例滑动*/
.case_pre_next{ position:absolute; z-index:3; right:20px; top:40px; width:80px; height:25px; }
.case_pre_next #prev{ width:32px;height:25px;background-position:0 -200px; text-indent:-999em;display:block; float:left }
.case_pre_next #prev:hover{ background-position:0 -230px;}
.case_pre_next #next{width:32px;height:25px;background-position:-32px -200px;text-indent:-999em;display:block;float:left}
.case_pre_next #next:hover{background-position:-32px -230px;}


/*产品展示*/
.hjnavcn{WIDTH: 1200px;margin: 20px auto;}

.albumblock{float: left;}
.albumblock .inner{width: 278px;height: 240px;margin:10px;position: relative;border: 1px solid #DEDEDC;overflow: hidden;background:#f2f2f2;}
.albumblock .inner img{width: 278px;height: 200px;}
.albumblock .inner .albumtitle{height: 40px;line-height: 40px;font-size: 14px;width: 100%;position: relative;bottom: 0px;left: 0;color: #d00d16;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.albumblock .inner a{color: #6c6c6c;}
.albumblock .inner a:hover{text-decoration: none;}
.albumblock .inner a:visited{text-decoration: none;}
.albumblock .inner:hover{border: 1px solid #1153A7;}

/*案例*/
.caseshow ul{width:1100px;}
.caseshow li{float:left; width:274px; height:170px; background:#FFF; position:relative; z-index:2; overflow:hidden;}
.caseshow li a{ display:block}
.caseshow li a img{ position:absolute; z-index:3; top:10px; left:10px;display: inline-block; }
.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}
.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:10px; left:10px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;
margin-left:0px;
-webkit-transition:height;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 150ms;}
.caseshow li a .up_box h3{ margin:22px; font-size:14px; line-height:24px; color:#fff}


/*首页 新闻*/
.ST13 ul{width:320px;margin:0 auto;}
.ST13 ul li{line-height:30px;height: 30px;list-style-image: url(../images/bullet.gif);margin-left:20px;padding-left:5px;}
.ST13 ul li a{color: #666666; font-size: 14px;}
.ST13 ul li a:hover{color: #ff0000;}


/*关于我们*/
.about{width: 100%;height:480px;background: url(../images/index_bg.jpg) no-repeat center center;text-align: center;}
.about h3 {font-size: 26px; padding-top:40px;display: block; text-align:center;font-weight:normal;margin:0 auto;color:#333;}
.about .lead {font-size: 14px;line-height:24px; margin: 0 auto 15px; text-align:center}

.about p{width: 900px;margin:0 auto;font-size: 14px;color: #fff;line-height:28px;text-align: left;}


/*tab 切换*/
.pro-tab-box-bg{background: #fff;margin-top: 20px;}
.pro-tab-box {width:1200px;margin:20px auto;}

.pro-tab-box-type{width: 570px;margin: 0 auto;}
.pro-tab-box-type ul{height:39px; line-height: 39px; font-weight: 500;}
.pro-tab-box-type ul li{float: left;width:120px;margin:0 10px;text-align:center;color:#999;height: 32px;line-height: 32px;font-size: 16px;border: 1px solid #999;border-radius:22px;}
.pro-tab-box-type ul li.on{border: 2px solid #D20C01;border-radius:20px;color:#D20C01;}

.pro-tab-li-box{width: 1200px;padding-top:10px;clear:both;}
.pro-tab-li-box .img_list ul{width: 1200px;margin:0 auto;}
.pro-tab-li-box .img_list ul LI{width:280px;FLOAT:left;text-align:center;margin: 10px;background: #ddd;border-radius:6px;}
.pro-tab-li-box .img_list ul LI IMG{width:280px;height:232px;}
.pro-tab-li-box .img_list ul LI span{color:#fff;text-align:center;}

.pro-tab-li-box .img_list ul LI .project-btn-wrap{width:100%;text-align:center;margin-top: 10px;}
.pro-tab-li-box .img_list ul LI .project-btn{display:inline-block;font-size:16px;width:140px;height:38px;line-height:38px;margin:0 10px;border:#999 1px solid;border-radius:20px}
.pro-tab-li-box .img_list ul LI .project-btn:hover{font-size:16px;border-color:#0E82E7;background:#0E82E7;color:#fff}

.project-pic-link{position:relative;display:block}
.project-pic{display:block;width:280px;height:232px}
.project-pic-text{height:36px;line-height:36px;font-size:16px;text-indent:15px}
.m-abs-text-bg{position:absolute;bottom:0;left:0;width:100%;background:rgba(26,70,119,.6);overflow:hidden}


/*通知*/
.case_more {background:#ddd; color: #666; display: block; margin:40px auto 0px auto; width:300px; height:52px; font-size: 16px; line-height: 52px; text-align: center;border-radius:10px; overflow: hidden}
.case_more:hover{color: #fff; background: #b0272b; box-shadow: 0 7px 24px 2px rgba(0,0,0,.15);}


/*通用*/
#intro{width: 1200px;margin: 0 auto;}
#intro h3 {font-size: 26px; display: block; text-align:center;font-weight:normal;margin:30px auto 5px auto;color:#333;}
#intro .intro-en{color:#bfbfbf;font-size: 12px;text-transform: uppercase;text-align: center;}
#intro .intro-line{width: 18px; height: 1px; background: #d2d2d2; margin: 12px auto;}


.news-list{width: 100%;height: auto;overflow: hidden;}
.news-list ul{width: 1000px;margin:0 auto;}
.news-list ul li{width: 998px;border: 1px solid #dcdcdc;height: 98px;margin-top: 20px;background: #fff;}
.news-list ul li:hover{width: 998px;border: 1px solid #dcdcdc;height: 98px;margin-top: 20px;background: #eee;}
.news-list ul li a{display: flex;align-items: center;height: 98px;justify-content: space-between;}
.news-list ul li .time{float: left;width: 100px;height: 80px;margin-left: 10px;background: rgb(40,114,202);border-right: 1px solid #ccc;}
.news-list ul li .time p{width: 100%;text-align: center;color:#fff;font-size: 18px;font-weight: bold;line-height: 30px;margin-top:15px;}
.news-list ul li .time span{display: block;text-align: center;color:#fff;font-size: 14px;line-height: 30px;}
.news-list ul li img{width: 120px;height: 80px;margin-left: 8px;}
.news-list ul li .info{width: 860px;margin-right: 10px;}
.news-list ul li .info h4{color:#000000;font-size: 16px;width: 100%;height: 25px;line-height: 25px;}
.news-list ul li .info p{color:#999;font-size: 12px;line-height:20px;height:40px;width: 100%;overflow: hidden;margin-top: 5px;}