@import url('goble.css');
@import url('header.css');
@import url('nav.css');
@import url('animate.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:40px;background:#eee;cursor: pointer;text-indent: -9999px;}
.flex-control-nav li a: hover{width: 32px;height: 5px;border-radius:40px;background:#0081cc;}
.flex-control-nav li a.active{width: 32px;height: 5px;border-radius:40px;background:#0081cc;cursor: default;}
/*banner */


/*关于我们*/
.aboutbg{background:url(../images/aboutbg.jpg) no-repeat;width:100%;height:560px;padding: 20px 0;}
.about-box{width: 1200px;margin: 50px auto;height: 400px;}
.about-box .about-box-l{float: left;width: 550px;padding-top: 10px;}

.about-box .us_pic {position: relative;z-index:20;overflow:hidden;}
.about-box .us_pic img {width: 100%;opacity: 0;left:50%;position: relative;}
.about-box .us_pic a{width: 100%; height: 0; overflow: hidden; padding-bottom: 60.7%;}
.about-box .us_pic a:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.about-box .us_on {position: absolute;top: 0;left: 0;width:100%;height:100%;background:url(../images/play.png) no-repeat center;}
.about-box .us_on:hover{opacity:0.5}
.about-box .us_con {float:left;min-height:260px;z-index:10;bottom:50%;opacity:0;position: relative;background: #df0c36;color: #fff;}
.about-box .us_con h1{padding: 36px 21px 0;font-weight: bold;font-size: 18px;}
.about-box .us_con span{display: inline-block;width: 88%;margin-left: 6%;margin-top: 10px;-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height: 1.5;height: 9em;font-size: 14px;}


.about-box .about-box-r{float: right;width:600px;padding-top: 5px;}
.about-box .about-box-r h1{font-size: 28px;font-weight: bold;color:#263c92;}
.about-box .about-box-r .line{width:80px;border-top:4px solid #263c92;margin: 10px 0;}


.about-box .about-box-r .about-box-info{color: #000;font-size: 14px;color:#666;line-height: 26px;margin:20px 0;overflow: hidden;}
.about-box .about-box-r .about-box-info a{color: #fff; display: block; margin: 20px 0 10px 0; padding: 5px 10px; background: #43B9F6; width: 100px; text-align: center; border-radius: 5px; transition: all .5s linear; text-indent: 0;}
.about-box .about-box-r .about-box-info a:hover{background: #ffc000;color: #fff;}


/*  新闻资讯 */
.newsbg{background: url('../images/indexbg.jpg') no-repeat;height:560px;padding:50px 0;width: 100%;}
.news-box{width: 1200px;margin:30px auto;}
.news-box .news-box-l{width: 550px;float: left;}
.news-box .news-box-l .news-one{background: #fff;margin-bottom: 20px;}
.news-box .news-box-l .news-one img{width: 100%;height:300px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.news-box .news-box-l .news-one .img_box{overflow:hidden;}
.news-box .news-box-l .news-one .img_box:hover img{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);}
.news-box .news-box-l .news-one .h3{height:70px;line-height:70px;padding:0 10px;color:#333333;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.news-box .news-box-l .news-one .time{padding:0 20px 10px 20px;color:#7a7a7a;}

.news-box .news-box-r{width: 600px;float: right;background: #fff;}

.news-tab {overflow:hidden;width:590px;float: right;}
.news-tab h1{height:70px; line-height: 70px;border-bottom: 1px solid #e6edf2;padding: 0 20px;}
.news-tab h1 span{float: left; height: 70px; line-height: 70px; padding: 0 5px;font-size: 16px;margin-right:25px;color:#666;}
.news-tab h1 span.on{border-bottom: 2px solid #1c4587;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: #1c4587;}
.news-tab h1 a{color: #666;}
.news-tab h1 a:hover{color: #666;}

.news-tab .newsli{width: 100%;}
.news-tab .newsli li{margin-left:5px;}

.news-tab ul{padding: 10px;}
.news-tab ul li{line-height: 35px;position: relative;font-size: 14px;color:#646464;list-style-type: none;width:550px;margin:0 auto;}
.news-tab ul li span{ position: absolute; right: 5px;color:#666;}
.news-tab ul li a{color:#666;}
.news-tab ul li a:hover{color: #1c4587;text-decoration: underline;}


.index_onelist{margin:0 auto;width:585px;height:125px;}
.index_onelist li {height:28px;line-height:28px;font-size:14px;}
.index_onelist li a{display:block; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.index_onelist li a:hover{color:#0069AD;text-decoration: none;}

.index_onelist li.xlisfirt{display:block; height:125px; overflow:hidden;}
.index_onelist li.xlisfirt b{ display:block; height:40px; line-height:40px; font-size:16px; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; width:380px;color:#555;}
.index_onelist li.xlisfirt img{ border:0; float:left; margin-right:15px;}
.index_onelist li.xlisfirt p{font-size:12px; line-height:20px;}
.index_onelist li.xlisfirt span{float:right; color:#6bb297; margin-right:12px;}




.pagination{position: absolute;z-index: 99;}
.pagination li{float: left;}
.pagination li a{display: block; width: 28px;margin:0 5px; height: 5px; border-radius:10px; background: #fff;color: #fff; text-align: center; font-family: Arial;text-decoration: none;}
.pagination .active{background: #df0c36;}



/*中间*/
.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:30px auto;text-align:center; }
.mores a{display:inline-block;line-height:34px; padding:4px 50px; border:1px solid #999; color:#808080;border-radius:5px;font-size:16px;}
.mores a:hover, .moresa:active {background:#fab702; border-color:#fab702; color:#222; text-decoration:none; }



/*通用*/
.intro{width: 100%;text-align: center; vertical-align: top;}
.intro h1{text-align: center; font-size: .3rem;font-weight: normal; margin-bottom: .08rem; color: #263c92;background: url('../images/intro-bg.png') no-repeat center;}
.intro p{font-size: 16px;}

.introw{width: 100%;text-align: center; vertical-align: top;}
.introw h1{text-align: center; font-size: .3rem;font-weight: normal; margin-bottom: .08rem; color: #fff;background: url('../images/intro-bg.png') no-repeat center;}

.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;}


/*解决方案*/
.solutionbg{background: url(../images/indexbg/solutionbg.png) no-repeat;padding: 50px 0;height: 600px;width: 100%;}

.ind-group{margin:50px auto;width: 1300px;}
.ind-group li{width: 22%; float: left; margin:0 1.5%;}
.ind-group li:first-child{width: 22%; float: left; margin-left:0;}
.ind-group li:last-child{width: 22%; float: left; margin-right:0;}

.ind-group li div{border: solid 1px #fff;height: 320px; padding: 15px 30px; position: relative;border-radius:5px;}
.ind-group li:hover div{border:1px solid #fff;box-shadow: 3px 5px 10px #999;}

.ind-group li i{ display: block; text-align: center; padding: 10px; width: 90px; height: 90px; -webkit-background-size: 70px;background-size: 70px; margin: 0 auto; background-position: center center; background-repeat: no-repeat;}
.ind-group li h1{display: block; text-align: center; color: #fff; font-size: 18px;}
.ind-group li p{display: block;font-size: 14px; color: #fff; line-height: 20px;}

.ind-group li .group-pic-1{ background-image: url(../images/s1.png);}
.ind-group li .group-pic-2{ background-image: url(../images/s2.png);}
.ind-group li .group-pic-3{ background-image: url(../images/s3.png);}
.ind-group li .group-pic-4{ background-image: url(../images/s4.png);}

.ind-group li a:hover .group-pic-1{ background-image: url(../images/s1.png);}
.ind-group li a:hover .group-pic-2{ background-image: url(../images/s2.png);}
.ind-group li a:hover .group-pic-3{ background-image: url(../images/s3.png);}
.ind-group li a:hover .group-pic-4{ background-image: url(../images/s4.png);}

/*通用*/
.load-more{margin: 130px auto 0 auto;}
.load-more a{padding:8px 60px;font-size:16px;color:#333;text-transform: uppercase;background:#fff;border:1px solid #999;border-radius:10px;}
.load-more a:hover{padding:8px 60px;font-size:16px;color:#333;text-transform: uppercase;background:#eee;border:1px solid #999;border-radius:10px;}

.load-mores{margin: 50px 0 0 0;float: right;}
.load-mores a{padding:8px 60px;font-size:16px;color:#333;text-transform: uppercase;background:#fff;border:1px solid #999;border-radius:10px;}
.load-mores a:hover{padding:8px 60px;font-size:16px;color:#333;text-transform: uppercase;background:#eee;border:1px solid #999;border-radius:10px;}


#superContainer{height: 100%; position: relative;}

.slide{float: left;}
.slide, .slidesContainer{height: 100%; display: block;}
.slides{height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.tableCell{/*display: table-cell;*/ vertical-align: middle; width: 100%; height: 100%;}
.slidesContainer{float: left; position: relative;}

.controlArrow{position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px;}
.controlArrow.prev{left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}
.controlArrow.next{right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}

.scrollable{overflow: scroll;}

.easing{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}

#fullPage-nav{position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}
#fullPage-nav.right{right: 17px;}
#fullPage-nav.left{left: 17px;}

.fullPage-slidesNav{position: absolute; z-index: 4; left: 50%; opacity: 1;}
.fullPage-slidesNav.bottom{bottom: 17px;}
.fullPage-slidesNav.top{top: 17px;}

#fullPage-nav ul,.fullPage-slidesNav ul{margin: 0; padding: 0;}
#fullPage-nav li,.fullPage-slidesNav li{display: block; width: 14px; height: 13px; margin: 7px; position:relative;}
.fullPage-slidesNav li{display: inline-block;}
#fullPage-nav li a,.fullPage-slidesNav li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fullPage-nav li .active span,.fullPage-slidesNav .active span{background: #333;}
#fullPage-nav span,.fullPage-slidesNav span{top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1;}

.fullPage-tooltip{position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px;}
.fullPage-tooltip.right{right: 20px;}
.fullPage-tooltip.left{left: 20px;}

/*合作 s*/
.works_contentbg{background: url('../images/indexbg.jpg') no-repeat;height:500px;padding:50px 0;width: 100%;}
.works_content{width:1200px;margin:0 auto;padding: 30px 0;}
.works_content ul li{position:relative;float:left;width:220px;margin: 10px;}
.works_content ul li img{width:220px;height:100px;vertical-align:middle;border:1px solid #ddd;border-radius:5px;}

/* 产品展示 */
.gungong-ry{width:1340px;height:270px;padding:15px 0;POSITION:relative;margin: 40px auto 70px auto;background:rgba(0,77,178,0.65);border-radius:10px;}

.LeftBotton{POSITION:absolute;WIDTH:50px;FLOAT:left;HEIGHT:170px;CURSOR:pointer;TOP:50px;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:170px;CURSOR:pointer;RIGHT:0;TOP:50px;}

.review{width:1200px;margin: 20px auto;}

.tab-list li{width:220px;float: left;position: relative;margin:10px;}
.tab-list li a{background: #fff;display: block;position: relative;}

.listNews .img-box{text-align:center;border:1px solid #ddd;border-radius:5px;}
.listNews .img-box img{width:218px;height:173px;}

.listNews li .bg{background: #2F878E;opacity: 0; filter: alpha(opacity=0);width: 100%;height: 0%; opacity: 0; position: absolute; left: 0px;top: 50%;border-radius:5px;}
.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: 30px;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: 96px; 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: 110px; 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;}