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

/*banner*/
div.moduletable-banner{width:100%;background: url(../images/loading.gif) no-repeat;margin:0 auto;position: relative;top:0;z-index: 9;}
.flexslider{width:100%;overflow: hidden;}
.flexslider .slides > li{display: none;}
.flexslider .slides img{width:100%;height:auto;display: block;}
.slides: after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li: first-child{display: block;}

.flexslider{position: relative;zoom: 1;}
.flexslider .slides{zoom: 1;}
.flexslider .slides > li{position: relative;}
.flex-caption{background: none;-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom: 1;}
.flex-caption{width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}
.flex-direction-nav{height: 0;overflow: hidden;}
.flex-direction-nav li a{display: none;width: 47px;height: 80px;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;text-indent: -9999px;}
.flex-direction-nav li a.next{right: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next: hover{}
.flex-direction-nav li a.next: active{background: url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev: hover{}
.flex-direction-nav li a.prev: active{background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity: .3;filter: alpha(opacity=30);cursor: default;}

.flex-control-nav{position: absolute;bottom:15px;width:150px;margin: 0 auto;text-align: left;left: 0;right: 0;}
.flex-control-nav li{display: inline-block;zoom: 1;margin-right: 15px;margin-bottom: 6px;}
.flex-control-nav li a{display: block;width: 35px;height: 8px;background:#eee;cursor: pointer;text-indent: -9999px;border-radius:20px;}
.flex-control-nav li a: hover{width: 35px;height: 8px;background:#397AB8;}
.flex-control-nav li a.active{width: 35px;height: 8px;background:#397AB8;cursor: default;}
/*banner */


/*头条*/
.topone-box{width:1160px;margin:20px auto 10px auto;height:60px;border-bottom:1px solid #e8e8e8;padding:20px;background: #eee;}
.topone-box em{float:left;width:59px;height:54px;padding-top:5px;line-height:24px;background-color:#c80d13;font-size:22px;color:#fff;font-weight:700;text-align:center;border-radius:4px}
.topone-box h1{overflow:hidden;width:980px;margin:14px auto;line-height:36px;}
.topone-box h1 a{font-size:30px;font-weight:lighter;color:#555;}


/*通用*/
.case_tit{width:1000px;margin:0 auto 20px auto;padding-top:30px;text-align:center;}
.case_tit h1{font-size:28px}
.case_tit span{width:200px;font-size:16px;height:1px;background:#ddd;margin:15px auto;display:block}
.case_tit span i{width:60px;height:5px;background:#DA2B2B;font-style:normal;display:block;margin:0 auto;position:relative;top:-2px}
.case_tit .case_ms h3{font-size:24px;color:#333;font-weight:inherit;}


/*案例展示*/
.index-caseboxbg{width: 100%;background: #f0f1f5;padding:30px 0;height: 850px;}
.probox{width:1320px;margin:0 auto;overflow: hidden; zoom:1;}
.probox li{float: left;width:400px; margin:0 20px 20px 20px;}
.probox img{display: block;width:400px;height:250px;}
.name{font-size: 18px; margin: 10px 0 20px 0; background: url(../images/pro_more.jpg) no-repeat right center; font-weight: normal;}
.name a{ color: #333;}

.sit_tit{color:#000;font-size:24px;line-break:30px;font-weight:400}
.sit_tit strong{font-size:30px;display:inline-block;margin-right:5px;vertical-align:middle}
.sit_tit span{font-size:24px;display:inline-block;margin-left:5px;vertical-align:middle}

.link_rect{display:block;width:100%;position:relative;overflow:hidden}
.link_rect .up-graybox{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;opacity:0;transition:all .4s ease 0s}
.link_rect:hover .up-graybox{opacity:1}
.link_rect img{transform:translateZ(0);transition:transform .3s ease 0s}
.link_rect:hover img{transform:scale(1.05,1.05);transition:transform .6s ease 0s}
.link_rect .up-graybox .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6}
.link_rect .up-graybox .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.link_rect .up-graybox .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s}
.link_rect .up-graybox .linet{top:0}
.link_rect .up-graybox .lineb{bottom:0}
.link_rect .up-graybox:hover .line{width:6px;margin-left:-3px;opacity:.6}


/*index banner*/
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;}
.yx-rotation-title{position:absolute;width:100%;height:50px;line-height:50px;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;left:0;bottom:0;z-index:0;}
.yx-rotation-t{color:#fff;font-size:16px;z-index:2;bottom:0;left:10px;line-height:50px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:50px;line-height:50px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:20px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}

.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;}
.rotaion_list li{width: 100%;}
.rotaion_list li img{width:650px;height:424px;background-size:cover;}


/*新闻资讯*/
.news-box{width: 1200px;margin:20px auto;height:425px;padding:0;box-shadow: #d8d8d8 0 0 10px;}
.news-box .news-box-l{width: 650px;float: left;}
.news-box .news-box-r{width: 520px;float: right;background: #fff;}

.news-tab {overflow:hidden;width:520px;float: right;padding-top: 15px;}
.news-tab h1{width:520px;height:36px;line-height: 36px;}
.news-tab h1 span{float: left;padding-right:36px;text-align:center;font-size: 17px;letter-spacing: 1px;color:#555;position: relative;z-index: 1;-ms-transition: .3s;transition: .3s;}
.news-tab h1 span.on{color:#018dd7;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
.news-tab h1 span.on a{color:#018dd7;}

.newsli{width: 92%;padding:0;font-weight: normal !important;}
.newsli ul li{line-height: 40px;position: relative;font-size: 14px;color:#646464;list-style-type: none;width:100%;}
.newsli ul li span{ position: absolute; right: 5px;color:#999;}
.newsli ul li a{color:#424242;}
.newsli ul li a:hover{color:#018dd7;text-decoration:none;}

/*中间*/
.container{width: 1400px;height: 100%;margin:0 auto;}
.container .banner>img{width: 100%;height: auto;}
.container>dl{overflow: hidden;margin-bottom: 20px;margin-top:30px;}
.container>dl>dd{float: left;width: 25%;margin-top: -4px;}
.container>dl>dd>a>img{width: 100%;height:auto;}

/*按钮*/
.mores{clear:both; margin:20px auto 0 auto;text-align:center;}
.mores a{display:inline-block;line-height:35px; padding:5px 60px;color:#fff;font-size:14px;background: #3D3939;border-radius:30px;}
.mores a:hover, .moresa:active {background:#397AB8;color:#fff; text-decoration:none;border-radius:30px;}

/*通用*/
.Til_title{width: 100%;height: 40px;border-bottom: 4px solid #e6e6e6;}
.cityName{font-size: 18px;height: 40px;float: left;line-height: 40px;color: #0c0300;border-bottom: 4px solid #BC3006;width:80px;}
.cityName em{font-size:14px;position:absolute;font-style: italic;color:#b0b0b0;text-align:left;margin-left:15px;margin-top:2px;}
.cityMore{float: right;color: #999;padding-top:16px;}
.cityMore a{color: #999;background:url(../images/newsmore.png) no-repeat; width:22px; height:18px; display: block;}
.cityMore a:hover{background:url(../images/headMore.png) no-repeat; width:22px; height:18px;}

/*工程案例*/
.cases-tab{width:1170px;margin: 0 auto;}
.cases-tab h1{width:1160px;height:50px;line-height:50px;}
.cases-tab h1 span{float: left;width:290px;text-align:center;font-size: 16px;letter-spacing: 1px;color:#555;position: relative;z-index: 1;-ms-transition: .3s;transition: .3s;}
.cases-tab h1 span.on{color:#fff;background:#054d81;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
.cases-tab h1 span.on a{color:#fff;}

.casesli{width: 92%;padding:0;font-weight: normal !important;}
.casesli .caseimgbox{width: 1170px;margin: 0 auto;}
/*.casesli .caseimgbox img{float: left;width:935px;height: 640px;}*/

.caseimgone{float: left;width: 935px;height: 640px;}
.caseimgone img{width:935px;height:640px;}
.caseimgone .link_rect{display:block;width:100%;position:relative;overflow:hidden}
.caseimgone .link_rect .up-graybox{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;opacity:0;transition:all .4s ease 0s}
.caseimgone .link_rect:hover .up-graybox{opacity:1}
.caseimgone .link_rect img{transform:translateZ(0);transition:transform .3s ease 0s}
.caseimgone .link_rect .up-graybox .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6}
.caseimgone .link_rect .up-graybox .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.caseimgone .link_rect .up-graybox .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s}
.caseimgone .link_rect .up-graybox .linet{top:0}
.caseimgone .link_rect .up-graybox .lineb{bottom:0}
.caseimgone .link_rect .up-graybox:hover .line{width:6px;margin-left:-3px;opacity:.6}


.caseimg{float: right;width: 235px;}
.caseimg li{float: left;width:235px;height: 160px;}
.caseimg img{width:235px;height:160px;}
.caseimg .link_rect{display:block;width:100%;position:relative;overflow:hidden}
.caseimg .link_rect .up-graybox{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;opacity:0;transition:all .4s ease 0s}
.caseimg .link_rect:hover .up-graybox{opacity:1}
.caseimg .link_rect img{transform:translateZ(0);transition:transform .3s ease 0s}
.caseimg .link_rect:hover img{transform:scale(1.05,1.05);transition:transform .6s ease 0s}
.caseimg .link_rect .up-graybox .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6}
.caseimg .link_rect .up-graybox .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.caseimg .link_rect .up-graybox .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s}
.caseimg .link_rect .up-graybox .linet{top:0}
.caseimg .link_rect .up-graybox .lineb{bottom:0}
.caseimg .link_rect .up-graybox:hover .line{width:6px;margin-left:-3px;opacity:.6}

/*视频*/
.videos-box{width:1160px;margin:0 auto 40px auto;padding: 40px 0;}
.videos-box .list{width: 100%;}
.videos-box .list li{float:left;width:33.333%;}
.videos-box .list li img{max-width: 100%; margin: auto;border: 1px solid #efefef;}
.videos-box .list li a{display: block;width: 94%; border: 1px solid #ebebeb; background: #fff; overflow: hidden;  margin:10px auto;}
.videos-box .list .news-img{width: 90%;margin: 20px auto 10px auto;overflow: hidden;}
.videos-box .list .news-img img{width:370px;height: 215px;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.videos-box .list .news-txt{width:90%; margin:0 auto;}
.videos-box .list .news-txt h3{font-size: 16px;font-weight:normal;overflow: hidden; color:#000;height: 36px; line-height:36px;margin-bottom: 10px;}
.videos-box .list .time{width:90%; margin:0 auto;overflow: hidden;  padding-bottom: 15px;}
.videos-box .list li a:hover{ background: #015cb9;}
.videos-box .list li a:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.videos-box .list li a:hover h3{color: #fff;}