body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0;padding: 0; }

*{margin: 0;padding: 0; font-family: '微软雅黑'; }
body { -webkit-overflow-scrolling: touch; text-align:left;max-height: 100%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;color: #666; }
a{ text-decoration: none; outline: none; color: #666;}
li { list-style: none;}
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none;}
em,i { font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
.clear{clear: both;}
.left{ float: left;}
.right{ float: right;}
.is-center{ text-align: center;}
.container{ width:1200px; margin:0 auto;}
.white{ color: #fff;}
.color01{ color: #2b2b2b;}
.index-padding{padding:36px 0 50px; }
.text-fl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.padding-bot{ padding-bottom:15px;}

.header{ width:100%; height:158px;}
.header-line{ width:100%; height:4px; background:url(../img/header-line.jpg) no-repeat center top;}
.head{ height: 136px; text-align: center; padding-top:14px;}
.head .logo{ width:400px; height:86px; margin:0 auto;}
.head .logo img{ display: block; max-height: 86px;margin:0 auto;}
.head ul li{ display: inline-block; line-height: 50px; padding:0 40px; font-size: 16px;position: relative;}
.head ul li.active>a{color: #269DD4;}
.head ul li:hover>a{ color: #269dd4;transition: all 0.5s;}
.head ul li:hover .hover{ display: block;}
.head ul li .hover{ position: absolute; background:#f0f0f0; left:0; display: none; z-index: 999;}
.head ul li .hover dl dt{ width:140px; height:40px; line-height: 40px;}
.head ul li .hover dl dt a{ font-size: 15px;width:140px; height:40px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis; display: block;}
.head ul li .hover dl dt:hover{ background:#26b9c7;}
.head ul li .hover dl dt:hover a{ color: #fff;}
.banner{ position: relative; width:100%; overflow-x: hidden; text-align: center}
.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{ background:#269DD4}

.index-title{font-size: 30px; color:#269DD4; width:100%; text-align: center; padding-top:50px}
.title-line{ width:100%; text-align: center;}
.index-about ul li{ width:300px; float: left;}
.index-about ul li:hover .brand-img img{ transition: all 1s;transform: rotateY(360deg);}
.index-about ul li:hover .name{ color:#269DD4; }
.index-about ul li:hover .about-p{ color:#269DD4; }
.index-about ul li .brand-img{ width:100px; height:100px; margin:10px auto;}
.index-about ul li .name{ width:200px; padding:0 50px; font-size: 16px; text-align: center; height:40px; line-height: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-about ul li .about-p{ width:270px;padding:0 15px; height:44px; overflow: hidden; text-align: center;}
.index-about ul li p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height: 22px;}

/* 产品中心 */
.product{ width:100%; background:#f8f8f8; overflow: hidden;}
.product-about{ width:1200px; height:403px; background:#fff; margin:36px 0 50px;}
.product-about .box ul li{ width:240px; float: left; text-align: center; height:50px; line-height: 50px; font-size: 16px; cursor: pointer;}
.product-about .box ul li.active{ color: #269DD4;}
.product-about .box{border-bottom:solid 1px #ededed;}
.product-about .cont .item{ display: none;}
.product-about .cont ul{ padding-top:20px;}
.product-about .cont ul li{ width:275px; margin-left:20px; float: left;}
.product-about .cont ul li:hover .name{  color: #269DD4;}
.product-about .cont ul li .product-img{ width:275px; height:275px; overflow: hidden;}
.product-about .cont ul li .product-img img{ display: block;width:100%; max-height: 275px;}
.product-about .cont ul li .name{ width:275px; text-align: center; height: 60px; line-height: 60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size: 16px;}

.service .service-cont{ width:100%; height:405px; background:url(../img/service-bg.png) no-repeat center top;}
.service .service-cont .index-service{ padding-top:90px;}
.service .service-cont .index-service .service-name{ font-size: 30px; color: #fff; width:900px; height:40px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.service .service-cont .index-service .about{ width:900px; height:90px; overflow: hidden; margin-top:10px;}
.service .service-cont .index-service .about p{ color: #fff; line-height: 22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.service .service-cont .index-service ul{ padding-top:40px;}
.service .service-cont .index-service ul li{ width:450px; float: left;}
.service .service-cont .index-service ul li .service-btn{ width:100px; height:100px; overflow: hidden;}
.service .service-cont .index-service ul li .service-btn img{ display: block; width:100%; max-height: 100px;}
.service .service-cont .index-service ul li .service-n{ width:310px; margin-right:24px;}
.service .service-cont .index-service ul li .service-n .name{ width:310px; font-size: 18px; margin-top:8px; height:26px; color: #fff; line-height: 26px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;;}
.service .service-cont .index-service ul li .service-n .li-about{ width:310px; height:75px; padding-top:5px; overflow: hidden;}
.service .service-cont .index-service ul li .service-n .li-about p{ line-height: 26px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.stand .stand-cont ul{ margin-left:-30px; padding:30px 0;}
.stand .stand-cont ul li{ float: left; margin-left:30px;}
.stand .stand-cont .top{ width:380px; height:180px; position: static; z-index: 111;}
.stand .stand-cont .top img{ width: 100%; max-height:180px; display: block;}
.stand .stand-cont .bot{ width:378px; height:280px; border-left:solid 1px #ededed;border-right:solid 1px #ededed;}
.stand .stand-cont .bot .stand-btn{ width:89px; height:89px; margin:-40px auto 0; position: static;z-index: 999;}
.stand .stand-cont .bot .stand-btn img{ width:100%; display: block; max-height: 89px;}
.stand .stand-cont .bot .name{ font-size: 18px;color: #269DD4; width:370px; margin:12px 4px; height:40px; line-height: 40px; text-align: center;overflow:hidden;
white-space:nowrap;text-overflow:ellipsis;}
.stand .stand-cont .bot dl{ height:123px; width:378px; overflow: hidden;}
.stand .stand-cont .bot dl dt{ width:358px; height:40px;padding:0 10px; line-height: 40px;white-space:nowrap;text-overflow:ellipsis; border-top:dashed 1px #dddddd; text-align: center; overflow:hidden;
white-space:nowrap;text-overflow:ellipsis;}
.stand .stand-cont .bot dl dt a{ display: block; width:358px; height:40px;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.stand .stand-cont .bot dl dt:hover a{ color: #269DD4;}
.aboutus .aboutus-about{ overflow: hidden; height:260px; margin-bottom:60px;}
.aboutus .aboutus-about .aboutus-img{ width:482px; height:260px;}
.aboutus .aboutus-about .aboutus-img img{ width:100%; display: block; max-height: 260px;}
.aboutus .aboutus-about .about-cont{ width:690px; padding-right:10px;height: 259px;overflow: hidden;}
.aboutus .aboutus-about .about-cont .name{ width:690px; font-size: 18px; height:22px; line-height: 22px; margin-bottom:10px;}
.aboutus .aboutus-about .about-cont .cont{ width:690px; height:90px; overflow: hidden;}
.aboutus .aboutus-about .about-cont .cont p{ line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.footer{ width:100%; background:#333333}
.footer .top {height:128px; width:1200px; overflow: hidden;}
.footer .top .company{ width:800px;}
.footer .top .company h1{ font-size: 30px; padding-bottom:12px;color: #fff; padding-top:30px; overflow: hidden; width:800px; height:30px;}
.footer .top .company h2{ font-size: 18px; color: #fff;overflow: hidden; width:800px; height:30px;}
.footer .top .erweima{ width:95px; height:95px; background:#fff; padding:5px; margin:12px 0;}
.footer .top .erweima img{ width:95px; height:95px;}
.footer .nav{ width:100%; height:55px; border-top:solid 1px #717171;border-bottom:solid 1px #717171;}
.footer .nav ul li{ padding-right:60px; float: left; line-height: 55px;}
.footer .nav ul li a{ color: #cccccc;}
.footer .nav ul li a:hover{ color: #269dd4; transition: all 0.5s;}
.footer .bot{ width:1200px;}
.footer .bot .bot-le{ width:800px; padding-top:32px;}
.footer .bot .bot-le p{ color: #cccccc; line-height: 30px; height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:800px;}
.footer .bot .bot-ri{ width:290px; height:88px; border:solid 1px #717171; margin-top:32px;}
.footer .bot .bot-ri .tel{ width:58px; height:55px; margin:16px 20px;}
.footer .bot .bot-ri .tel img{ width:100%; max-height: 55px; display: block;}
.footer .bot .bot-ri .tel-text{ width:187px; height:72px; padding-top:16px;}
.footer .bot .bot-ri .tel-text h1{ font-size: 14px; color: #fafafa; margin-bottom:10px;}
.footer .bot .bot-ri .tel-text h2{ font-size: 22px; color: #fff; width:187px; height:30px; line-height: 30px; overflow: hidden;}
.copyright{ width:100%; height:38px; overflow: hidden; border-top:solid 1px #717171; text-align: center; line-height: 38px; color: #cccccc; background:#333333; font-size: 15px;}

.link{ height:46px; line-height: 46px;}
.link a{ padding:0 5px;}
.link a:hover{ color: #269DD4;}
.inner{ padding-bottom:50px;}
.inner .system{width:255px;}
.inner .system .top{ width:255px; height:70px; background:#269dd4; padding-top:20px;}
.inner .system .top .name{ font-size: 30px; color: #fff; width:235px; height:40px; overflow: hidden; text-align: center; padding:0 10px;}
.inner .system .top .inner-line{ width:255px; padding-top:5px; text-align: center;}
.inner .system .top .inner-line img{width:225px; height:8px; }
.inner .system ul li{ width:215px; height:50px; line-height: 50px; padding-left:40px;margin-top:10px; background:url(../img/li-bg.jpg) no-repeat; cursor: pointer;}
.inner .system ul li:hover{background:url(../img/hover-bg.jpg) no-repeat; transition: all 0.5s; }
.inner .system ul li a{ display: block; width:166px; height:50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #fff; font-size: 18px;}
.inner .system ul li.active{background:url(../img/hover-bg.jpg) no-repeat;width:215px; height:50px; line-height: 50px; padding-left:40px;margin-top:10px; }
.inner .system-cont{ width:915px;}
.inner .system-cont .top{ width:915px; height:33px; border-bottom:solid 1px #ededed;}
.inner .system-cont .top h1{ font-size: 22px; width:915px; height:33px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.inner .system-cont .product-detail ul{ margin-left:-17px; margin-top:20px;}
.inner .system-cont .product-detail ul li{ width:216px; height:252px; overflow: hidden; margin-left:17px; float: left; margin-bottom:10px;}
.inner .system-cont .product-detail ul li .img{ width:194px; height:194px; border:solid 1px #ededed; text-align: center; padding:10px;}
.inner .system-cont .product-detail ul li .img img{ display: block;width:100%; max-height: 194px;}
.inner .system-cont .product-detail ul li p{ width:216px; height:40px; line-height: 40px;font-size: 16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.inner .system-cont .product-detail ul li:hover .img{ border:solid 1px #269dd4; transition: all 0.5s; }
.inner .system-cont .product-detail ul li:hover p{ color: #269dd4;transition: all 0.5s;}
.inner .system-cont .detail{ padding:15px 0;}
.inner .system-cont .detail .name{ font-size: 18px; color: #000; line-height: 40px; width:100%; text-align: center; padding:15px 0 8px; line-height: 26px;}
.inner .system-cont .detail .num{ width:100%; text-align: center; padding-bottom:20px;}
.inner .system-cont .detail p{ line-height: 28px; font-size: 16px; text-align: justify;}
.network .network-about{ width:1200px; padding:20px 0 50px;}
.network .network-about .network-le{ width:257px;}
.network .network-about .network-le ul li{ width:227px; height:54px; background:url(../img/network-li.png) no-repeat; padding-left:30px; margin-bottom:20px;}
.network .network-about .network-le ul li a{ display: block; width:190px; height:54px; color: #fff; font-size: 16px; line-height: 54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.network .network-about .network-le ul li:hover a{padding-left:10px; transition: all 0.5s; }
.network .network-about .network-le ul li.active a{padding-left:10px; }
.network .network-about .network-ri{ width:913px;}
.network .network-about .network-ri ul li{ width:911px; height:52px; border:solid 1px #cccccc; margin-bottom:20px;}
.network .network-about .network-ri ul li a{ font-size: 16px; height:22px; border-right:solid 1px #ccc; padding:0 20px; margin-top:15px; display: inline-block;}
.network .network-about .network-ri ul li a:hover{ color: #269DD4; transition: all 0.5s;}
.network .network-about .network-ri ul li .name{ width: 150px; height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.network .network-about .network-ri ul li .tel{ width: 200px; height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.network .network-about .network-ri ul li .address{ width: 412px; height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* .news-detail p{ padding:15px 0; text-align: justify; line-height: 28px; font-size: 16px;} */
.news-detail .name{ font-size: 18px; width:100%; text-align: center; padding:15px 0 20px; color: #2b2b2b; border-bottom:solid 1px #ededed;}
.news-detail .num{ font-size: 14px; width:100%; text-align:center; padding:15px 0 20px;}
.news-detail .cont{ width:915px; overflow: hidden;}
.news-detail .cont p{padding:15px 0; text-align: justify; line-height: 28px; font-size: 16px;}

.aboutus .aboutus-cont{ width:1200px;text-align: center;}
.aboutus .aboutus-cont p{ line-height: 26px; font-size: 15px; color: #777777;}
.aboutus .aboutus-img{ width:1200px; height:320px; overflow: hidden; transition:all 0.35s ease;}
.aboutus .aboutus-img img{ width: 100%; max-height: 320px; display: block;}
.aboutus .culture .culture-about{ width:1200px; height:100px; overflow: hidden; text-align: center;}
.aboutus .culture .culture-about p{line-height: 26px; font-size: 15px; color: #777777;}
.aboutus .culture ul{ padding:20px 0 60px; overflow: hidden;}
.aboutus .culture ul li, .contact ul li{ width:300px; float: left; padding:15px 0; overflow: hidden;}
.aboutus .culture ul li .img{ width:64px; height:66px; margin:10px auto 15px; }
.aboutus .culture ul li .name, .contact ul li .name{ width:200px; text-align: center; height:40x; font-size: 18px; line-height: 40px; font-size: 16px; margin:0 50px;}
.aboutus .culture ul li p, .contact ul li p{ width:280px; margin:0 10px; text-align: center;}
.aboutus .culture ul li:hover .name, .contact ul li:hover .name{ color: #269DD4; transition: all 0.5s;}
.contact{ background:#f8f8f8; padding-bottom:80px;}
.contact .contact-about{ padding:20px 0; overflow: hidden;}
.contact .contact-about .map{ width:550px; height:400px; background:green;}
.contact .contact-about .leave{ width:550px; height:400px;}
.contact .contact-about .leave #form{ padding:0 20px;}
.contact .contact-about .leave input{ width:495px; height:40px; line-height: 40px; background:#fff; border:solid 1px #ccc; padding-left:15px; margin-bottom:15px;}
.contact .contact-about .leave textarea{ width: 480px; height:170px; border:solid 1px #ccc;padding:15px;background:#fff; }
.contact .contact-about .leave button{ width:512px; height:46px; cursor: pointer; margin-top:20px; font-size: 16px; text-align: center; line-height: 46px; background:-webkit-linear-gradient(left,#3294e4,#25e3b6); color: #fff; border:none;}
.contact ul{ width:1200px; background:#fff; margin-top:20px;}
.contact ul li .img{ width:80px; height:80px; margin:10px auto 15px;}
.business{ width:1180px; height:50px; line-height: 50px;background:-webkit-linear-gradient(right,#3294e4,#25e3b6); color: #fff; font-size: 18px; text-align: right; padding-right:20px; }
.service-list{ width:920px;}
.service-list ul{ padding:20px;}
.service-list ul li{ width:880px; height:40px; border-bottom:dashed 1px #ccc; line-height: 40px; background:url(../img/dian.jpg) no-repeat 2px center;}
.service-list ul li span{ float: right; line-height: 40px;}
.service-list ul li p{ width:745px; height:40px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:15px;}
.service-list ul li:hover p, .service-list ul li:hover span{ color: #269DD4; }

/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 50px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #269DD4}
.page .pageoption ul .current span{color: #fff;border:1px solid #269DD4;}
.page .pageoption ul li a:hover{background: #269DD4}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #269DD4;}
.fanpage{margin: 20px 0;margin-top: 50px;}
.fanpage ul li{margin-bottom: 8px;}
.fanpage ul li a:hover{color: #269DD4;}
/* 地图 */
#map iframe{width: 100%;height: 400px;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;box-sizing: border-box;}



/* 悬浮右侧电话+二维码 */
.fillimg{width: 100%;height: 100%}
.fixed-code{position: fixed;top:450px;right: 50px;z-index: 99999;width: 180px;padding: 20px; box-shadow: 0 1px 8px 3px rgba(0,0,0,0.1);box-sizing: border-box;background: #fff;border-radius: 5px;overflow: hidden; }
.fixed-code .codeimg{width: 140px;}
.fixed-code h2{font-size: 20px;margin-bottom: 7px;margin-top: 2px}
.fixed-code .c00{color: #269DD4;}