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

/*banner*/
div.moduletable-banner{width:100%;background: url(../images/loading.gif) no-repeat;margin:0 auto;}
.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:10px;width:100%;margin:0 auto;text-align:center;}
.flex-control-nav li{display: inline-block;zoom: 1;margin-right: 10px;margin-bottom: 6px;}
.flex-control-nav li a{display: block;width: 32px;height: 5px;border-radius:20px;background:#eee;cursor: pointer;text-indent: -9999px;}
.flex-control-nav li a: hover{width: 32px;height: 5px;border-radius:20px;background:#FF3030;}
.flex-control-nav li a.active{width: 32px;height: 5px;border-radius:20px;background:#FF3030;cursor: default;}
/*banner */

/*.gd-box{height: 38px;line-height:38px;width:1180px;padding:0 10px;margin:0 auto;background-color: #f7f7f7;}
.gd-box h2{float: left;width: 120px;font-size: 15px;color:#777;letter-spacing: 1px;}
.gd-box h2 img{margin-right:10px;}
.gd-box div{float: right;width: 1000px;}*/

.gd-box{height:60px;line-height:60px;width:1180px;padding:0 10px;margin:0 auto;background: #f7f7f7;position: relative;}
.gd-box .t_news{width:910px;float:left;color: #777;overflow: hidden;position: relative;}
.gd-box .t_news b{line-height: 60px;font-size: 15px;color:#777;letter-spacing: 1px;display: inline-block}
.gd-box .t_news img{margin-right:10px;}

.gd-box .news_li{width: 700px;float: right;}
.gd-box .news_li,.swap{line-height:60px;display: inline-block;position: absolute;top: 0;left: 120px}
.gd-box .swap{line-height:60px;display: inline-block;position: absolute;top: 0;left: 120px}
.gd-box .news_li a,.swap a{color: #777;font-size: 14px;}
.swap{top: 38px}

.gd-box-r{float:right;margin-top:15px;height: 30px;width: 250px;background: url(../images/sousuobg.png) no-repeat left top;border:1px solid #ddd;border-radius:5px;}
.gd-box-r .txtipt { float: left; width: 250px; height: 30px; line-height: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; margin-left: 10px; outline:none; color: #333;}
.gd-box-r .btnipt { height: 30px; width: 35px; float: left;background: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor: pointer; outline:none;}
.gd-box-r .lang { float: right; margin-top: 33px; color: #43c687;}

/*业务领域*/
.yewu-nav{width: 390px;margin-top: 5px;}
.yewu-nav ul li{float: left;width:185px;margin:5px 10px 5px 0;height:60px;line-height:60px;background-color: #ebebeb;}
.yewu-nav ul li b{display: inline-block;width:32px;height: 32px;float: left;margin: 14px 10px 14px 30px;}
.yewu-nav ul li a{color: #333;font-size: 16px;}
.yewu-nav ul li:nth-child(1) b{background: url("../images/asd01.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(2) b{background: url("../images/asd02.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(3) b{background: url("../images/asd03.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(4) b{background: url("../images/asd04.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(5) b{background: url("../images/asd05.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(6) b{background: url("../images/asd06.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(7) b{background: url("../images/asd07.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(8) b{background: url("../images/asd08.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(9) b{background: url("../images/asd09.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(10) b{background: url("../images/asd10.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(11) b{background: url("../images/asd11.png") no-repeat;background-size:cover;}
.yewu-nav ul li:nth-child(12) b{background: url("../images/asd12.png") no-repeat;background-size:cover;}

/*工程项目*/
.bcase-list{width:795px;margin:0 auto;}
.bcase-list ul{overflow:hidden; zoom:1;}
.bcase-list ul li{width: 243px;height:190px;float: left;margin:10px;border:1px solid #ddd;position: relative;border-radius:3px;}
.bcase-list ul li a{width:243px;height:150px;position: absolute;overflow:hidden;top:0px;left:0;right:0;}
.bcase-list ul li a:hover img{width: 243px;height:150px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}
.bcase-list ul li:hover{box-shadow: 3px 5px 10px #999;color:#fff;border-radius:0;}
.bcase-list ul li:hover img{width: 243px;height: 150px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}

.bcase-list ul li img{width: 243px;height:150px;-moz-transition: all 2s; -webkit-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.bcase-list ul li .news_bott{height:40px;line-height:40px;background: #f2f3f5;margin-top: 150px;text-align: center;}
.bcase-list ul li .news_bott h2{font-size: 14px;color: #717070;font-weight: normal;overflow: hidden;height: 40px;}

.bcase-list ul li:hover .news_bott{height:40px;line-height:40px;margin-top: 150px;text-align: center;}
.bcase-list ul li:hover .news_bott h2{font-size: 14px;color: #717070;font-weight: normal;}

/*关于我们 切换*/
#osSlider{position:relative; width:360px;height:280px;margin:0 auto;}
#osSlider .bigUl li {position:absolute;}
#osSlider .bigUl li img{width:360px; height:280px;}

#osSlider .prev{ position:absolute; width:40px; height:60px; background:url(../images/focusimg-btn.png) -44px -63px no-repeat; z-index:500; top:90px; left:0px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
#osSlider .next{ position:absolute; width:40px; height:60px; background:url(../images/focusimg-btn.png) -74px -63px no-repeat; z-index:500; top:90px; right:0px; opacity:0; filter:alpha(opacity=0);cursor:pointer;}

.numberUl {position:absolute; right:10px; bottom:10px; z-index:400}
.numberUl li{width:18px; height:18px;line-height:18px;float:left; background:#fff;color:#161616;margin: 0 2px;}
.numberUl li a{display:block;color:#161616;background:#fff;font-size:12px; text-align:center;}
.numberUl li.on a{width:18px; height:18px;line-height:18px;background:#C7000B; color:#fff; }

/*成功案例*/
.index-newsbg{width:100%;height:600px;background:#fefefe;}

.index-cases{width:1050px;height:260px;margin: 0 auto;}
.index-cases ul li{float:left; width:230px; border:5px solid #eee; margin:0 10px; background:#fff;}
.index-cases ul li:hover{float:left; width:230px; border:5px solid #d51717; margin:0 10px; background:#fff;}

.index-cases ul li img{width:230px;height:180px;}
.index-cases ul li .info{width: 230px;height:40px;}
.index-cases ul li .info h2{text-align:center; line-height:40px; font-size:14px; color:#333;}

.index-cases ul li:hover .info{width: 230px;height:40px;}
.index-cases ul li:hover .info h2{text-align:center; line-height:40px; font-size:14px; color:#d51717;}

/*通用*/
.m-i-nbox { clear: both; height: auto; width: 100%;}
.tab-n ul li {color: #444;display: inline; float: left;height:40px;line-height:40px;margin-right: 30px;font-size: 17px; font-weight: bold;}
.tab-n ul li i {margin-right: 10px;}
.tab-n ul { float: left;}
.tab-n .tit-imore {float: right;}
.tab-n {height:40px;line-height:40px;border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd;clear: both; height: auto; width: 100%; margin-bottom: 20px; overflow: hidden;}
.tit-imore a{ color: #888888;}
.tit-imore a:hover{ color: #397AB8;}

.aboutbg{background:url(../images/aboutbg.jpg) no-repeat;width:100%;height:560px;padding: 20px 0;}

.mores{margin:30px auto;text-align:center; }
.mores a{display:inline-block;line-height:30px; padding:4px 50px; border:1px solid #999; color:#808080;border-radius:30px;font-size:16px;}
.mores a:hover, .moresa a:active {background:#fab702; border-color:#fab702; color:#fff; text-decoration:none; }

.tab-box{float: left;width: 380px;}
.tab-box h4{width: 100%; height: 40px; line-height: 39px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.tab-box h4 span{float: left; width:80px; font-size: 18px; font-weight: bold; color: #397AB8; text-align: center; border-bottom: 4px solid #397AB8;}
.tab-box h4 .more{float: right;font-size: 12px; color: #555;font-weight:normal;}


.tab-boxw{width:1200px;margin: 0 auto;}
.tab-boxw h4{width: 100%; height: 40px; line-height: 39px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.tab-boxw h4 span{float: left; width:80px; font-size: 18px; font-weight: bold; color: #397AB8; text-align: center; border-bottom: 4px solid #397AB8;}
.tab-boxw h4 .more{float: right;font-size: 12px; color: #555;font-weight:normal;}

.tab-box780{width:780px;margin: 0 auto;}
.tab-box780 h4{width: 100%; height: 40px; line-height: 39px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.tab-box780 h4 span{float: left; width:80px; font-size: 18px; font-weight: bold; color: #397AB8; text-align: center; border-bottom: 4px solid #397AB8;}
.tab-box780 h4 .more{float: right;font-size: 12px; color: #555;font-weight:normal;}



.news-one{ clear: both; height: auto; width: 100%; margin-bottom: 12px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #dddddd; padding-bottom: 15px;}
.news-one h3 { font-size: 17px; font-weight: bold; margin-bottom: 6px;}
.news-one p { font-size: 13px; font-weight: normal; color: #777; line-height: 20px;}
.news-one h3 a, .news-one h3 a:visited {color: #397AB8;}

.news-list {clear: both; height: auto;width: 400px;}
.news-list ul { clear: both; height: auto; width: 100%;}
.news-list ul li {font-size: 13px; line-height: 27px;color:#555;overflow: hidden;text-overflow: clip;white-space: nowrap;}
.news-list ul li a{color:#555;}
.news-list ul li i{margin-right: 6px; font-size: 12px;font-style: normal; color: #f0a94c;}
.news-list ul li .date {font-size: 12px;color: #999; float: right;}


/*合作伙伴*/
.hezuo_content{width:1200px;height:150px;margin:10px auto;}
.hezuo_content ul{width:1190px;margin:10px auto;float: left;}
.hezuo_content ul li{float:left;width:140px;margin: 0 15px 15px 15px}
.hezuo_content ul li img{width:140px;height:40px;padding: 5px;border:1px solid #ddd;;border-radius:5px;}

/*index banner*/
.slider2{height: 280px; overflow: hidden; position: relative; z-index: 1;}
.slider-md{left: 0px; top: 0px; overflow: hidden; position: absolute; z-index: 2;width: 380px; height: 280px;}
.slider-image{width: 380px; height: 280px;}
.slider-md img{width: 380px; height: 280px;}
.slider-image{overflow: hidden; position: relative; z-index: 3;}
.slider-md h2{margin: 0px;left: 0px; width: 350px;padding:0 15px;height: 40px;bottom: 0px; line-height: 40px; overflow: hidden; font-size: 14px; font-weight: normal; filter: alpha(opacity=70); position: absolute; z-index: 4; opacity: 0.7; background-color: rgb(51, 51, 51);}
.slider-md a:link{color: rgb(255, 255, 255);}
.slider-md a:visited{color: rgb(255, 255, 255);}
.slider-md a:hover{color: rgb(255, 255, 255);}

.slider-index{margin: 0px; width: 70px; height: 20px; text-align: center; right: 0; bottom:0; line-height: 20px; overflow: hidden; position: absolute; z-index: 5;}
.slider-index ul{margin: 0px; overflow: hidden;}
.slider-index li{width: 8px; height: 8px; margin-right: 5px; float: left; display: inline; list-style-type: none;}

.slider-index a:link{width: 8px; height: 8px; color: rgb(255, 255, 255); text-decoration: none; display: block; background:#fff;border-radius:6px;}
.slider-index a:visited{width: 8px; height: 8px; color: rgb(255, 255, 255); text-decoration: none; display: block;background:#fff;border-radius:6px;}
.slider-index a:hover{width: 8px; height: 8px; color: rgb(255, 255, 255); text-decoration: none; display: block; background:#fff;border-radius:6px;}

.slider-index li.current a:link{background:#003F9A;}
.slider-index li.current a:visited{background:#003F9A;}
.slider-index li.current a:hover{background:#003F9A;}

/*内容 新闻*/
.weblist{margin:15px auto 0 auto;width:456px;}
.weblist li{height:30px; line-height:30px; overflow:hidden; position:relative; font-size:14px;color:#999;}
.weblist li span{position:absolute; top:0px; right:5px; white-space:nowrap;}
.weblist li a{background:url(../images/icon-dot.gif) 2px center no-repeat; padding-left:20px;color:#666;}
.weblist li a:hover{background:url(../images/icon-dot.gif) 2px center no-repeat;}



/* 荣誉 */
.gungong-ry{width:1200px;POSITION:relative;margin: 0 auto;}

.LeftBotton{POSITION:absolute;WIDTH:50px;FLOAT:left;HEIGHT:150px;CURSOR:pointer;TOP:20px;LEFT:0;background: url(../images/left.png);background-repeat: no-repeat;background-position: 0 0;}
.RightBotton{POSITION:absolute;WIDTH:50px;background:url(../images/right.png) no-repeat 0 0;FLOAT:right;HEIGHT:150px;CURSOR:pointer;RIGHT:0;TOP:20px;}

.review{width:1100px;margin: 35px auto;}

.tab-list li{width:250px;float: left;position: relative;padding: 0 12.5px;}
.tab-list li a{background: #fff; display: block; padding: 0; position: relative;}

.listNews .img-box{ text-align:center;}
.listNews .img-box img{width:250px;height:175px;}

.listNews li .hd{line-height:40px;display:block; font-size: 16px;color:#666;height:40px;text-align: center;}

.listNews li .bg{background: #2F878E;opacity: 0; filter: alpha(opacity=0);width: 100%;height: 0%; opacity: 0; position: absolute; left: 0px;top: 50%; }
.listNews li .bg::before{ position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid #fff;content: '';}

.trans {-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}

.listNews li .bg .jianjie{padding: 35px 25px; color: #fff;font-size:16px;text-align:center;line-height: 40px;opacity: 0; filter: alpha(opacity=0);}

.listNews li .bg .line {display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.listNews li .bg .line_1 {width: 28px; height: 1px; bottom: 54px; left: 107px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.listNews li .bg .line_2 {width: 1px; height: 28px; bottom: 40px; margin-top: -14px; left: 120px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.listNews li a:hover .bg .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }

.listNews li a:hover .bg { height: 100%; top: 0%; opacity: 0.9; filter: alpha(opacity=90);}
.listNews li .bg::before,.listNews li .bg .jianjie{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);} 
.listNews li a:hover .bg::before{ opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.listNews li a:hover .bg .jianjie { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.listNews li a:hover{color: #555;}
	
	
/*案例*/
.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:15px auto 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-family: "微软雅黑"; font-size: 14px;}
.ST13 ul li a:hover{color: #ff0000;}


/*通用*/
.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;}


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

.pro-tab-box-type{width: 720px;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}