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


.slides-box{width: 100%; height: 100%; margin: auto; overflow: hidden;}
.slides{position: relative; height: 100%; width: 100%; margin: auto; float: left;}
.slides li{position: absolute; width: 100%; height: 100%;}
.slides li img{display: block;width: 100%;height:100%;}

.slides li .ban_f_con{position: absolute;width:1000px;margin:0 auto;top:35%;left:0;right:0;}
.slides li .ban_f_con .ban_f_info{width:660px;padding:50px;background:rgba(255,255,255,0);border-radius:10px;}
.slides li .ban_f_con h1 {font-size:40px;line-height:65px;margin-bottom: 20px;font-weight: normal;color:#fff;text-shadow:0px 3px 3px #0555A3;}

/*.prev, .next{position: absolute; z-index: 99; top: 50%; margin-top: -40px; left: 0; height: 70px; width: 30px; color: #fff; cursor: pointer; background-color: #000; opacity: .5;}
.prev:hover, .next:hover{opacity: .7;}
.prev{background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");}
.next{left: auto; right: 0; background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");}*/

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



/*通用*/
.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;}
/*我们的客户*/


/*关于我们*/
.abox{width:840px;margin: 0 auto;}
.abox ul{width:102%;transition:.2s width ease;}
.abox ul:before,.row:after{display:table;clear:both;content:''}
.abox ul li{float:left;margin-right:2%;width:31.33333333%;position: relative;overflow: hidden;margin-bottom: 10px;}

.abox ul li img{width: 100%;height: auto;}

.abox ul li .a_info{background:#6f6f6f;color:#fff;position: absolute;bottom: 0;width: 100%;height:105px;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.abox ul li .a_info h2{font-size: 20px;padding: 15px 0 10px 24px;color:#fff;}
.abox ul li .a_info p{font-size: 14px;padding: 0 25px;line-height: 25px;white-space: normal;color:#fff;font-weight: normal;}

.abox ul li:hover .a_info{width: 100%;height: 100%;background-color: #d61934;opacity: 0.9;position: absolute;bottom: 0;transition: all 0.5s;overflow: visible;text-overflow:ellipsis;white-space: nowrap;}
.abox ul li:hover .a_info h2{font-size: 30px;padding: 12% 0 7% 7%;color:#fff;}
.abox ul li:hover .a_info p{font-size: 14px;padding:0 10%color:#fff;font-weight: normal;}
.abox ul li:hover .jiantou{display: block;transition: all 0.5s ease;}

.a_info .jiantou a{display: block;}
.a_info .jiantou{position: absolute;bottom: 22px;display: none;transition: all 0.5s ease;padding-left: 80.5%;padding-top: 18.43%;}

/*产品*/
.p3_scroll{width:900px;margin:0 auto;overflow: hidden;}
.p3_scroll ul li{width: 280px;height: 280px;float:left;margin: 0 10px;background-color:rgba(255,255,255,0.8);border-bottom: 2px solid #fb001c;position: relative;overflow: hidden;}

.p3_scroll ul li .infobox{width: 100%;text-align: center;padding-top: 40px;}
.p3_scroll ul li .infobox img{width:110px;height: 110px;}
.p3_scroll ul li .infobox h1{font-size:18px;color: #111d3f;text-align: center;font-weight:normal;padding: 10px 0;}
.p3_scroll ul li .infobox p{font-size: 13px; color:#666666;text-align: center;margin:0 auto;width: 90%;line-height: 22px;}
.p3_scroll ul li .infobox p span{float: left;width:50%;text-align: center;font-size: 14px;}

/*上滑效果*/
.p3_scroll ul li .info{width: 100%;height: 100%;position: absolute;bottom: -282px;transition: all 0.2s ease;background: #fff;}
.p3_scroll ul li .info img{width: 100%;height:100%;}
.p3_scroll ul li:hover .info{width: 100%;height: 100%;position: absolute;bottom: 0;transition: all 0.2s ease;}




/*应用领域*/
.contMain{width:840px;margin-bottom: 30px;overflow: hidden;}
.contMain ul li{width: 260px;float: left;height: 267px;margin:0 10px;}

.contMain ul li.li1 {background: url(../images/icon-1.png) no-repeat;}
.contMain ul li.li2 {background: url(../images/icon-2.png) no-repeat;}
.contMain ul li.li3 {background: url(../images/icon-3.png) no-repeat;}
.contMain ul li.li4 {background: url(../images/icon-4.png) no-repeat;}
.contMain ul li.li5 {background: url(../images/icon-5.png) no-repeat;}
.contMain ul li.li6 {background: url(../images/icon-6.png) no-repeat;}
.contMain ul li.li1:hover {background: url(../images/icon-01.png) no-repeat;}
.contMain ul li.li2:hover {background: url(../images/icon-02.png) no-repeat;}
.contMain ul li.li3:hover {background: url(../images/icon-03.png) no-repeat;}
.contMain ul li.li4:hover {background: url(../images/icon-04.png) no-repeat;}
.contMain ul li.li5:hover {background: url(../images/icon-05.png) no-repeat;}
.contMain ul li.li6:hover {background: url(../images/icon-06.png) no-repeat;}

.contMain ul li h4{text-align: center;font-size: 16px; margin-bottom: 10px;color: #333333; margin-top: 110px;}
.contMain ul li p{padding: 0 15px;font-size: 14px;color: #999999;line-height: 20px;}

/*通用*/
.section-til{width:1100px;height:80px;margin: 10px auto;}
.section-til p{line-height:75px;font-size: 28px;color:#333;}

#intro{width: 840px;margin: 50px auto 20px auto;}
#intro h1{font-size: 28px;line-height:28px; margin: 0 auto; text-align:center;color:#0555A3;}
#intro i{height: 2px;width: 100px;background: #0555A3;display: block;margin: 20px auto;}
#intro p{font-size:15px;line-height: 25px;text-align: center;}

#introw{width:840px;margin: 50px auto;}
#introw h1{font-size: 28px;line-height:28px; margin: 0 auto; text-align:center;color:#fff;}
#introw i{height: 2px;width: 100px;background: #fff;display: block;margin: 20px auto;}
#introw p{font-size:16px;line-height: 25px;text-align: center;color:#fff;}

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

/*模块*/
#index-side{position: fixed; left: 0;right:0;top: 13%;z-index: 10; width: 100px;height:700px;}

#menu {position: absolute;left:45px;top:30%; width: 10px; margin:0 auto; padding: 0; list-style-type: none;}
#menu li{float: left;width:100%;}

#menu .menu-info{width:90px;height:10px;line-height:10px;margin: 10px auto;}
#menu .menu-info i{float:left;display: block;width: 10px; height: 10px;overflow: hidden;background:#ccc;z-index: 9999;border-radius:50%;}
#menu .menu-info span{float: right;width:70px;display: block;color:#999;font-size: 14px;}

#menu .active .menu-info i{width: 8px; height: 32px;background: #0555A3;border-radius:10px;border:1px solid #0555A3;margin-bottom: 10px;}
#menu .active .menu-info span{color: #0555A3;font-size: 14px;line-height: 32px;}


.section{position:relative;left:0;top:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section-content{position:relative;display:block;top:18%;width: 840px;height:100%;margin: 0 auto;}

.section-content .section-content-left{float: left;width: 280px;padding-top: 20px;}
.section-content .section-content-left .slider2{widows: 280px;height:300px;position: relative; z-index: 1;}
.section-content .section-content-left .slider-md{left: 0px; top: 0px;overflow: hidden; position: absolute; z-index: 2;width: 390px; height: 300px;}
.section-content .section-content-left .slider-md img{width: 100%; height: 300px;}
.section-content .section-content-left .slider-image{width: 280px; height: 300px;overflow: hidden; position: relative; z-index: 3;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.section-content .section-content-left .slider-image:hover{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.section-content .section-content-left .slider-md h2{margin: 0px;left: 0px; width:280px;padding:0 10px;height: 40px;bottom: 0px; line-height: 40px; overflow: hidden; font-size: 14px; font-weight: normal;position: absolute; z-index:99;background: rgb(51, 51, 51,0.9);}
.section-content .section-content-left .slider-md a{color:#fff;}
.section-content .section-content-left .slider-md a:link{color:#fff;}
.section-content .section-content-left .slider-md a:visited{color:#fff;}
.section-content .section-content-left .slider-md a:hover{color:#fff;}

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

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

.section-content .section-content-left .slider-index li.current a:link{background:#BF0302;}
.section-content .section-content-left .slider-index li.current a:visited{background:#BF0302;}
.section-content .section-content-left .slider-index li.current a:hover{background:#BF0302;}


.section-content .section-content-right{float: right;width:540px;padding-top: 20px;}
.section-content .section-content-right ul{width:520px;}
.section-content .section-content-right ul li{width:520px;margin-bottom: 20px;margin-left:20px;float: left;padding:15px;background:rgba(255,255,255,0.3);border:1px solid #ddd;border-radius:5px;}
.section-content .section-content-right ul li:hover{width:520px;margin-bottom: 20px;float: left;padding:15px;background:#f9f9f9;border:1px solid #ddd;border-radius:5px;}

.section-content .section-content-right ul li h1{height:38px;line-height:38px;margin:0;font-size: 16px;color:#4f4f4f;overflow: hidden;text-overflow:ellipsis;}
.section-content .section-content-right ul li h1 a{color:#333;text-decoration: none;}
.section-content .section-content-right ul li h1 a:hover{color:#333;text-decoration: underline;}
.section-content .section-content-right ul li p{font-size: 14px;color:#555;height:75px;margin-top:5px;line-height: 25px;overflow: hidden;}


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