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

.header{margin:0 auto; position: relative;}
.header .header-bg{ position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 0;overflow-y:hidden;}
.header .head{ width:1200px; margin:0 auto;}
.header .headerCon{ height:120px; background:url(../img/head-bg.jpg) no-repeat; background-position: left bottom; position: relative; z-index: 9999;}
.header .headerCon .logo{ width:185px; margin-right:0;height: 80px; text-align: center;overflow: hidden; margin-top:20px;}
.header .navi{ padding-left:60px;}
.header .navi ul li{ float: left; z-index: 999; width:70px; height:32px;line-height:32px;border:solid 1px #fff; margin:38px 20px 0 20px; transition: all 0.5s; text-align: center; position: relative;}
.header .navi ul li:hover{ border:solid 1px #00ACFF;width:70px; height:32px;line-height:32px; text-align: center;}
.header .navi ul li.active{ border:solid 1px #00ACFF;width:70px; height:32px;line-height:32px; text-align: center; }
.header .navi ul li.active>a{color: #00ACFF;}
.header .navi ul li a{ font-size: 15px;color: #333;}
.header .navi ul li:hover>a{color: #00ACFF; }
.header .navi ul li .sub-nav02{ display: none; position: absolute; z-index: 9999; width:126px; left: -30px; top: 33px;padding:10px 0;}
.header .navi ul li .sub-nav02 dl{ background:#fafaf9;}
.header .navi ul li .sub-nav02 dl dt:hover{ background:#00acff;}
.header .navi ul li .sub-nav02 dl dt:hover>a{color: #fff;}
.header .navi ul li .sub-nav02 dl dt{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:126px; height:32px;}
.header .navi ul li:hover .sub-nav02{ display: block;}
.header .head .search{ width: 163px; height:32px; border: solid 1px #dddddd; box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); border-radius: 30px; margin-top:38px;}
.header .head .search input{ float: left; width:80px; float: left; height:32px; line-height: 32px; padding-left:15px;}
.header .head .search .btn{ float: right; padding:5px 8px;}
.banner{ position: relative; width:100%; overflow: hidden;}

.advantage .title{ text-align: center; width:1200px; margin:79px 0 39px;}
.advantage .about{ width:1200px;}
.advantage .about-le{ width:588px;}
.advantage .about-le .list{ width:542px; height:84px; border:solid 1px #36b0f3; padding:22px; margin-bottom:20px;}
.advantage .about-le .list .list-btn{ width:65px; cursor: pointer;}
.advantage .about-le .list .list-about{ width:460px;} 
.advantage .about-le .list .list-about .name{ color: #666; font-size: 18px; width:460px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.advantage .about-le .list .list-about .cont{ height:73px; width:460px; margin-top:8px; overflow: hidden;}
.advantage .about-le .list .list-about .cont p{ line-height: 24px; color: #999999;}
.advantage .about-ri{ width:600px; height:435px; overflow: hidden;}
.advantage .about-ri img{ display: block; max-height: 432px;}
.product .title{text-align: center; width:1200px; margin:45px 0;}
.product .choose{ width:1200px; height:40px; margin: 0 auto;}
.product .choose ul li{ width:33%; float: left; cursor: pointer; height:40px; background:#eeedeb; line-height: 40px; text-align: center; margin-right:0.3%; transition: all 0.5s;font-size: 16px;overflow:hidden;
white-space:nowrap;text-overflow:ellipsis;}
.product .choose ul li:nth-child(3){ float: right;}
.product .choose ul li:hover{ background:#00acff; color: #fff;transition: all 0.5s;}
.product .choose ul li.active{background:#00acff; color: #fff;transition: all 0.5s; }
.product .about .item{ display: none;}
.product .about{ padding:30px 0;}
.product .about ul{ margin-left:-20px!important;}
.product .about ul li{ width:262px; height:328px; transition: all 0.5s; border:solid 1px #cccccc; padding:10px; margin-left:20px; float: left; margin-bottom:20px; cursor: pointer;}
.product .about ul li .top{ width:262px; height:197px; background:#fafafa; padding:30px 0;}
.product .about ul li .top img{ display: block; max-height: 197px; margin:0 auto;}
.product .about ul li .bot{ width:262px; height:70px; background:#333333; overflow: hidden;}
.product .about ul li .bot p{ color: #fff; line-height: 24px; padding:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height: 40px;}
.product .about ul li:hover{ border:solid 1px #00ACFF;}
.our{ width:100%; height:566px; background:url(../img/our.jpg) no-repeat center top;}
.our .title{ text-align: center; width:1200px; padding:68px 0 30px;}
.our .cont{ width:1200px; text-align: center; height:100px; overflow: hidden; }
.our .cont p{ line-height: 24px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.our .about ul li{ width:400px; text-align: center; float: left;margin-top:40px;}
.our .about ul li .round{ width:122px; height:122px; margin:0 auto; border:solid 5px #fff; border-radius: 50%; text-align: center; line-height: 122px; font-size: 48px; color: #fff;}
.our .about ul li .round span{ display: inline-block; width:122px; height:60px; overflow: hidden;line-height: 60px;margin-top: 31px;}
.our .about ul li p{ font-size: 18px; color: #fff; padding-top:30px; height:26px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.news .title{ text-align: center; width:1200px; padding:68px 0 30px;}
.news .about .news-about{ width:580px;}
.news .about .news-about .top .name{ font-size: 16px; color: #3399ff; font-weight: bold;}
.news .about .news-about .top .more{ font-size: 14px; color: #3399ff;}
.news .about .news-about .top .more a:hover{color: #00ACFF; transition: all 0.5s; }
.news .about .news-about .cont{ width:580px; height:150px; background:#00ACFF; margin:5px 0;}
.news .about .news-about .cont .pic{ width:190px; height:150px; overflow: hidden;}
.news .about .news-about .cont .pic img{ display: block; max-height: 150px;}
.news .about .news-about .cont .cont01{ width:345px; height:130px; margin:10px 20px;}
.news .about .news-about .cont .cont01 .h1{ color: #fff; width:345px; height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size: 18px;;}
.news .about .news-about .cont .cont01 .cont001{ width:345px; height:72px; overflow: hidden;}
.news .about .news-about .cont .cont01 .cont001 p{ line-height: 24px; color: #fff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;;}
.news .about .news-about ul li{ width: 580px; height:50px; transition: all 0.5s; background: url(../img/jiao.jpg) no-repeat 10px center; overflow: hidden; border-bottom:dashed 1px #cccccc;}
.news .about .news-about ul li p{ width:445px; padding-left:30px; display: inline-block; height:50px; color: #666; line-height: 50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news .about .news-about ul li span{ color: #999; float: right; line-height: 50px;}
.news .about .news-about ul li:hover p{ color: #00ACFF;}
.news .about .news-about ul li:hover span{ color: #00ACFF;}
.trends{ width:100%; height:580px; background:url(../img/trands-bg.jpg) no-repeat center top; margin-top:65px;}
.trends .title{ text-align: center; width:1200px; padding:68px 0 30px;}
.trends .about ul{ margin-left:-20px !important;}
.trends .about ul li{ width:383px; height:334px; border:solid 1px #ccc; cursor: pointer; float: left; margin-left:20px;}
.trends .about ul li .top{ width:383px; height:205px; overflow: hidden;}
.trends .about ul li .top img{ display: block; max-height: 205px;}
.trends .about ul li .bot{ width:363px; height:109px; background:#fff;overflow: hidden; padding:10px;}
.trends .about ul li .bot .name{ width:343px; padding:0 10px; height:50px; border-bottom:dashed 1px #ccc; color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height: 50px; font-size: 18px;}
.trends .about ul li .bot .cont{ padding:10px;}
.trends .about ul li .bot .cont p{ line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;;}
.trends .about ul li:hover .name{ color: #00ACFF;}
.trends .about ul li:hover .bot p{ color: #00ACFF;}
.down .title{text-align: center; width:1200px; padding:68px 0 30px;}
.down .about{ width:1199px; border:solid 1px #eeedeb; border-right:none; border-bottom:none; margin-bottom:80px;}
.down .about ul li:hover p, .down .about ul li:hover span{color: #00ACFF; }
.down .about ul li{float: left; border-right:solid 1px #eeedeb;border-bottom:solid 1px #eeedeb; background:url(../img/down-btn.png) no-repeat 10px center; width:558px; padding-left:40px; height:50px; overflow: hidden; }
.down .about ul li p{ line-height: 50px; width:426px; height:50px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis; display: inline-block;}
.down .about ul li span{ float: right; line-height: 50px; padding-right:20px;}
.footer{ width:100%; height:293px; background:#373838;}
.footer .foot .navi{ width:256px; padding-top:30px;height: 260px;overflow: hidden;}
.footer .foot .navi .navi-name{ font-size: 18px; color: #fff; border-bottom:solid 2px #fff; display: inline-block; padding-bottom:2px;margin-bottom:15px;}
.footer .foot .navi ul li{  line-height: 26px;}
.footer .foot .navi ul li a{color: #cccccc; transition: all 0.5s; }
.footer .foot .navi ul li a:hover{ color: #00ACFF;}
.footer .foot .contact{ padding-top:30px; width:580px;height: 260px;overflow: hidden;}
.footer .foot .contact .name{ font-size: 18px; color: #fff; border-bottom:solid 2px #fff; display: inline-block; padding-bottom:2px;margin-bottom:15px;}
.footer .foot .contact p{ line-height: 30px; color: #cccccc; font-size: 14px; transition: all 0.5s;}
.footer .foot .contact p:hover{ color: #00ACFF;}
.footer .foot .about-our{ width:364px; padding-top:30px;height: 260px;overflow: hidden;}
.footer .foot .about-our .name{font-size: 18px; color: #fff; border-bottom:solid 2px #fff; display: inline-block; padding-bottom:2px;margin-bottom:15px; }
.footer .foot .about-our ul li{ float: left;}
.footer .foot .about-our ul li:nth-child(even){ float: right;}
.footer .foot .about-our ul li .erweima{ width:140px; height:140px; border-radius: 5px; padding:5px; overflow: hidden;}
.footer .foot .about-our ul li .erweima img{ min-height: 140px;display: block;}
.footer .foot .about-our ul li p{ text-align: center; width:156px; color: #fff; padding-top:10px;}
.copyright{ width:100%; height:34px; line-height: 34px; background:#565757; color: #d9dada; overflow: hidden; text-align: center}

.link{ width:100%; border-bottom:solid 1px #cccccc; padding-top:30px;}
.link-n{ line-height: 50px;}
.link-n a{ padding:0 5px; color: #666;}
.content{ padding:30px 0 80px;}
.system ul li{ width:210px; height:50px;border-bottom: dashed 1px #fafaf9; cursor: pointer; transition: all 0.5s; border-left:solid 2px #00ACFF; padding-left:50px; line-height: 50px; background:#fafaf9; font-size: 15px; margin-bottom:2px;}
.system ul li a{display: block; width: 200px;height: 50px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.system ul li:hover{ background:#fff; border-bottom: dashed 1px #ccc;}
.system ul li:hover a{ color: #00ACFF;}
.system ul li.active{ background:#fff; border-bottom: dashed 1px #ccc;}
.system ul li.active a{ color: #00ACFF;}
.product-ri{ width:898px;}
.product-ri ul{ margin-left:-30px;}
.product-ri ul li{ width:200px; float: left; margin-left:30px; transition: all 0.5s; margin-bottom:10px; cursor: pointer;}
.product-ri ul li .top{width: 170px;height: 170px;border: solid 1px #cccccc;text-align: center;padding: 15px;}
.product-ri ul li .top img{ display: block; max-height: 170px; margin:0 auto;}
.product-ri ul li:hover .bot .name{ color: #00ACFF;}
.product-ri ul li .bot{ padding:5px;}
.product-ri ul li .bot .num{ font-weight: bold;height:24px; line-height: 24px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.product-ri ul li .bot .name{ width:190px; margin-top:8px; height:24px; line-height: 24px; font-size: 16px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}

.de-link{ padding-top:30px;}
.content .pro-ri{ width:900px;}
.productDetail .de-top .de-product{ width:360px; height:360px; border:solid 1px #00ACFF; margin-right:10px; text-align: center; padding:30px;}
.productDetail .de-top .de-product img{ display: block; max-height: 360px; margin:0 auto;}
.productDetail .de-top .de-about .name{font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:450px;}
.caption .title, .related .title{ width:890px; border-bottom:solid 2px #00ACFF; padding-left:10px; font-weight: bold; padding-bottom:8px; font-size: 16px; margin-top:30px;}
.caption-img{ width:1200px;padding:30px 0;}
.related-n .swiper-container-products{ width:900px; height:300px; overflow: hidden; padding-top:20px; position: relative;}
.related-n .swiper-container-products .swiper-wrapper .swiper-slide{ width:170px!important; text-align: center; height:200px; padding:15px; border:solid 1px #ccc; box-shadow: 0 0 5px #ccc;}
.related-n .swiper-container-products .swiper-wrapper .swiper-slide .img{ width:170px; height:170px;}
.related-n .swiper-container-products .swiper-wrapper .swiper-slide img{ display: block; max-height: 170px; margin:0 auto;}
.related-n .swiper-container-products .swiper-wrapper .swiper-slide span{ line-height: 30px; display: inline-block; width:170px; height:30px; overflow:hidden;
white-space:nowrap;text-overflow:ellipsis; margin-top:10px; font-size: 16px;}
.related-n .swiper-container-products .swiper-wrapper .swiper-slide:hover span{ color: #00ACFF;}
.program{ width:850px;}
.program ul li{ width:835px; height:40px; cursor: pointer; transition: all 0.5s; line-height: 40px; border-bottom:dashed 1px #ccc; background:url(../img/dian.jpg) no-repeat 5px center; padding-left: 20px;}
.program ul li span{ float: right;}
.program ul li p{ width:745px; display: inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.program ul li:hover p{ text-decoration: underline; color: #00ACFF;transition: all 0.5s;}
.program ul li:hover span{ color: #00ACFF;transition: all 0.5s;}

.program .name{ width:850px; text-align: center;padding-bottom:10px; border-bottom:solid 1px #ccc; font-size:18px; color: #2b2b2b;}
.program .time{ width:850px; text-align: center; line-height: 30px; margin-bottom:20px;}
.program p{ line-height: 40px; color: #444444;}
.down-n{ padding-bottom: 80px;}
.down-n .title{text-align: center; width:1200px; padding:68px 0 30px;}
.down-n ul li{ width:528px; height:48px; margin-bottom:20px; float: left; line-height: 48px; border: solid  1px #cccccc; background:url(../img/down.jpg) no-repeat 8px center; padding-left:45px;}
.down-n ul li:nth-child(even){ float: right;}
.down-n ul li p{ display: inline-block; font-size: 15px; width:430px; height:40px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.down-n ul li span{ float: right; padding-right:10px; font-size: 15px;}
.down-n ul li:hover p{ color: #00ACFF;}
.down-n ul li:hover span{ color: #00ACFF;}

.news-detail{ width:890px;}
.news-detail .title{ width:890px; border-bottom:dashed 1px #ccc; padding-bottom: 20px; font-size: 24px; text-align: center;}
.news-detail .about{ padding:15px;}
.news-detail .about p{ line-height: 30px;}
.aboutus .title{ width:1200px; text-align: center; padding:30px 0;}
.aboutus .about{ text-align: center;}
.aboutus .about p{ text-align: center; padding-bottom:30px; line-height: 30px;}

.contact .title{ padding:30px 0; width:1200px; text-align: center;}
.contact .top .contact-n{ width:600px;}
.contact .top .contact-n .name{ font-weight: bold; padding-bottom:30px; font-size: 18px;}
.contact .top .contact-n .tel{ width:600px; height:50px; overflow: hidden;}
.contact .top .contact-n .tel .tel-img{ float: left;}
.contact .top .contact-n .tel span{ font-size: 32px; color: #00ACFF; font-weight: bold; padding-left:10px;}
.contact .top .contact-n p{ line-height: 30px;}
.contact .top .contact-n .list{ display: inline-block; width:20px; height:2px; background:#00ACFF; margin:15px 0;}
.contact .top .contact-n ul li{ float: left; width:135px; height:135px; margin-right:50px; margin-top:30px;}
.contact .top .contact-n ul li .erwei{ width:125px; height:125px; background:#00ACFF; border-radius: 5px; padding:5px;}
.contact .top .contact-n ul li .erwei img{ display: block; width:125px; height:125px;}
.contact .top .contact-n ul li p{ width:135px; text-align: center;}
.contact .top .contact-n ul li p img{ display: block; max-height: 135px;}
.contact .top .leave{ width:600px;}
.contact .top .leave .name{ font-weight: bold; padding-bottom:30px; font-size: 18px;}
.contact .map{ padding-top:120px;}
.contact .top .leave #myform input{ width:588px; height:50px; border:solid 1px #ccc; margin-bottom:20px; line-height: 50px; padding-left:10px;} 
.contact .top .leave #myform textarea{ width:588px; height:170px; border:solid 1px #ccc; margin-bottom:20px; padding-left:10px;}
.contact .top .leave #myform button{ width:600px; cursor: pointer; border-radius: 5px; height:50px; line-height: 50px; border:none; background:#00ACFF; color: #fff; text-align: center; font-size: 18px;}

/* 页码 */
.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: #00ACFF}
.page .pageoption ul .current span{color: #fff;border:1px solid #00ACFF;}
.page .pageoption ul li a:hover{background: #00ACFF}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #00ACFF;}
.fanpage{margin: 20px 0;margin-top: 50px;}
.fanpage ul li{margin-bottom: 8px;}
.fanpage ul li a:hover{color: #00ACFF;}
/* 地图 */
#map iframe{ width:100%; height:350px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}

.fanpage{ margin:20px 0; margin-top:50px;}
.fanpage-news{ margin:20px !important;}
.fanpage ul li{ margin-bottom:8px;}
.fanpage ul li a:hover{ color: #00ACFF;}


/* 悬浮右侧电话+二维码 */
.fixed-code{position: fixed;top:450px;right: 50px;z-index: 99999;width: 180px;padding: 20px; box-shadow: 0 1px 6px 1px rgba(0,0,0,0.15);box-sizing: border-box;background: #fff;border-radius: 5px;overflow: hidden; }
.fixed-code .codeimg{width: 140px;}
.fixed-code h2{font-size: 18px;margin-bottom: 5px;}
.fixed-code .c00{color: #00ACFF;}

.none{display: none;}