@charset "utf-8";
html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;border:0;}
body{font:normal normal 12px/22px Tahoma,Verdana,Arial;color:#333;}
ul,li,dl,dd,dt{list-style: none;}
a,input,select,textarea{text-decoration:none;outline:none; color:#333; blur:expression(this.onFocus=this.blur());}
a img{outline:none; border-style:none; border-width:0;}
.clear{clear:both;zoom:1;}
em,tt,i {font-style: normal;}
.clear::after{clear:both; content: "";display:block; height: 0; visibility:hidden;}
.w1200{width:1200px; margin:0 auto;}
.w1000{width:1000px; margin:0 auto;}
.w800{width:800px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.center{text-align:center;}
/*header*/
.header-top {height: 40px;line-height: 40px;color: #fff;font-size: 14px;background-color: #282828;overflow: hidden;}
.header-top p {font-size:0 ;}
.header-top p span {display: inline-block;height: 40px; line-height: 40px;padding: 0 25px;}
.header-top p span a {color: #999;font-size: 14px;}
.header-top p span.act {background-color: #333333;}
.header-top p span.act a {color: #fff;}
.logo {width: 250px;}
.logo img {display: block; width: 100%;margin-top: 25px;}
.nav {height: 60px;line-height: 60px;margin:30px 0;}
.nav a {display: inline-block;padding:0 30px;line-height:60px;font-size: 18px;color: #444;}
.nav a.act {border-bottom: 2px solid #000bd8;font-weight: 600;}
.nav a:hover {border-bottom: 2px solid #000bd8;}
/*banner*/
.swiper1 {margin-bottom: 50px;}
.swiper-slide img {width: 100%;display: block;}
.swiper-pagination-bullet{width:30px;height:30px;text-align:center;line-height:30px;font-size:12px;color:#000;opacity:1;background:rgba(255,255,255,0.6);}
.swiper-pagination-bullet-active{color:#fff;background:#007aff;}
/*about*/
.about,.news {margin-bottom: 50px;}
.about-tit {width: 70%;margin:0 auto 50px;text-align: center;position: relative;}
.about-tit p {font-size: 24px;height: 70px;line-height: 70px;border-bottom: 1px solid #ccc;font-weight: 600;}
.about-tit span {font-size: 14px;line-height: 20px; display: block;width: 50%;text-align: center;margin:0 auto;position: absolute;bottom: -10px;background-color: #fff;left: 50%;margin-left: -25%;color: #747474;}
.about img {display: block;width:460px;}
.about-con {width: 680px;margin-left: 60px;}
.about-con p {text-indent: 2em;line-height: 28px;margin-bottom: 20px;font-size: 14px;color:#333;} 
/*news*/
.news {position: relative;}
.news .swiper-container {width: 1200px;height:auto;}
.news .swiper-slide {background-color: #f3f3f3;}
.news .swiper-button-next,.news .swiper-button-prev {width: 40px;height: 100px;position: absolute;top: 55%;background: url(icon.png) no-repeat;}
.news .swiper-button-prev {left: -80px;background-position: -36px -70px;}
.news .swiper-button-next {right: -80px;background-position: -179px -70px;}
.news .swiper-slide {height: auto;}
.news .news-con {padding: 15px;}
.news .news-con .news-img {width: 255px;height: 170px;overflow: hidden;}
.news .news-con .table-cell {height:170px;display: table-cell;vertical-align: middle;}
.news .news-con h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333333;margin-bottom: 10px;}
.news .news-con p {color: #999999;margin:10px 0;}
.news .news-con span {color: #666666;display: block;height: 110px;overflow: hidden;}
.news .swiper-slide:hover {background-color: #000bd8;}
.news .swiper-slide:hover .news-con h3,
.news .swiper-slide:hover .news-con span,
.news .swiper-slide:hover .news-con p,
.news .swiper-slide:hover .news-con h3 {color: #fff;}
  

 /*product*/
.product {width: 100%;background-color: #f3f3f3;padding-bottom: 50px;}
.product .about-tit span {background-color: #f3f3f3;}
.pro-con .pro-item {width: 275px;height:290px;background-color: #fff;float: left;margin-right: 30px;margin-bottom: 40px;position: relative;border:1px solid #dcdcdc;}
.pro-con .pro-item:hover {border:2px solid #000bd8;width: 273px;height: 288px;}
.pro-con .pro-item:nth-child(4n) {margin-right: 0;}
.pro-con .pro-item img {width: 240px;height: 240px; display: block;margin:0 auto;}
.pro-con .pro-item p {color: #3c3c3c;font-size: 14px;height: 50px;line-height: 50px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 15px;}
.icons {background:url(icon.png) no-repeat;}
.icons-nano {background-position: -29px -11px;width: 110px;height: 40px;position: absolute;top: 10px;right: 10px;}
.icons-dow {background-position: -170px -11px;width: 110px;height: 40px;position: absolute;top: 10px;right: 10px;}
.pro-more {width: 220px;height: 50px;line-height: 50px;border:1px solid #cacaca;margin: 0 auto;}
.pro-more a {display: block;font-size: 16px;text-align: center;color: #666565;}


/*footer*/
.footer {background-color: #282828;padding-bottom: 20px;}
.footer ul {padding-top: 20px;border-bottom: 1px solid #555;padding-bottom: 20px;}
.footer ul li {float: left;width: 240px;text-align: center;}
.footer ul li h3 {color: #cacaca;font-size: 18px;margin:10px 0 20px;font-weight: 400;}
.footer ul li a {display: block;color: #c1c1c1;font-size: 14px;height: 25px;line-height: 25px;}
.footer .ft-contact {padding-top: 20px;margin:0 80px 30px;}
.footer .ft-contact p {line-height: 40px;color: #cacaca;font-size: 14px;height: 40px;}
.footer .ft-contact p i {width: 28px;height: 28px;border:1px solid #ccc;border-radius: 100%;display: inline-block;vertical-align: middle;margin-right: 15px;}
.footer .ft-contact p .icons-tel {background-position: -42px -206px;}
.footer .ft-contact p .icons-email {background-position: -42px -268px;}
.footer .ft-contact p .icons-area {background-position: -42px -331px;}
.footer .ft-l {position: relative;width: 940px;}
.footer .ft-l .ft-info {margin-left: 150px;}
.footer .ft-r {width: 100px;}
.footer .ft-weixin {width: 120px;position: absolute;}
.footer .ft-weixin img {width: 120px;}
.footer .ft-r {width: 100px;margin-top: 20px;}
.footer .ft-r .toTop{width: 100px;height:100px;background-color: #fff;border-radius: 200px;overflow: hidden;}
.footer .ft-r .toTop .icons-top {background-position: -155px -202px;width: 50px;height: 40px;display: block;margin:20px auto 0;}
.footer .ft-r .toTop p {color: #333;height: 30px;line-height: 30px;text-align: center;}
.footer .company {font-size: 12px;color: #787878;margin-left: 80px;}

/*产品页*/

.banner,.banner img {width: 100%;overflow: hidden;display: block;}
.pro-tit {width: 100%;background-color: #f3f3f3;margin-bottom: 50px;}
.pro-tit ul li {float: left;padding: 0 30px;height: 70px;line-height: 70px;text-align: center;}
.pro-tit ul li a {display: block;font-size: 18px;color: #333;}
.pro-tit ul li.act {background-color: #fff;}
.pro-tit ul li.act a {font-weight: 600;}
.product-items {margin-bottom: 50px;}
/* .product-items .pro-con,.product-items .newsMain {display: none;}
.product-items .pro-con:first-child,.product-items .newsMain:first-child {display: block;} */
#product>div {display: none;}
#product>div:first-child {display: block;}

/*产品详情页*/
.proDerail-img {width: 350px; border:1px solid #cacaca;}
.proDerail-img img {width: 100%;display: block;}

/*新闻动态页*/

.newsMain-date {width: 150px;height: 150px;background-color: #000bd8;}
.newsMain-date p {color: #fff;font-size: 50px;height: 90px;line-height: 90px;text-align: center;}
.newsMain-date span {display: block; color: #fff;width: 110px; height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;font-size: 16px;margin:0 auto;}
.newsMain-con {width: 988px; height: 108px;border:1px solid #cacaca;padding: 20px 30px;margin-bottom: 50px; overflow: hidden;}
.newsMain-con h2 {height: 30px;line-height: 30px; margin-bottom: 10px;}
.newsMain-con h2>p {width: 850px;color: #444;font-weight: normal; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsMain-con h2 span {width: 100px;border:1px solid #cacaca;}
.newsMain-con h2 span a {font-size: 12px;color: #6e6bf1;display: block;text-align: center;font-weight: 400;}
.newsMain-con>p {height: 68px; overflow: hidden;font-size: 14px;color: #787878;}
/*分页样式*/
.pagenav {clear:both;text-align:center; margin:20px 0px 5px 0px; height:40px;}
.pagenav td {padding:0px 10px; font-size:12px;}
.pagenav a{margin:0px 3px; padding:7px 8px; border:1px solid #D5D5D5; background:#F3F3F3; color:#000BD8; text-decoration:none; }
.pagenav a:hover{margin:0px 3px; padding:7px 8px; border:1px solid #000BD8; background:#fff; color:#333; text-decoration:none; }
.pagenav span{margin:0px 3px; padding:7px 8px; border:1px solid #D5D5D5; background:#F3F3F3;color:#333; text-decoration:none; }
.pagenav .opts{font-size:14px; }
/*新闻列表页*/

.article {margin:0 auto;overflow: hidden;}
.article h2 {height: 80px;line-height: 80px;text-align: center;font-size:26px;border-bottom: 1px solid #cacaca;margin-bottom: 30px;}
.article p {color: #555;font-size:14px;line-height:25px;margin-bottom: 20px;}
.article img{max-width:1060px;vertical-align:middle;}
.art-pic {width: 100%;overflow: hidden;}
.art-pic img {width: 100%;display: block;}
.art-img {width: 85%;margin:20px auto 30px;}
.art-img img{width: 100%;display: block;}

/*新闻详情页*/

.news-detail {background-color: #f3f3f3;overflow: hidden;padding: 30px 0 50px;}
.news-detail h2 {height: 80px;line-height: 80px;border-bottom: 1px dashed #cacaca;text-align: center;font-size: 32px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail .news-author {height: 50px;line-height: 50px;text-align: center;margin-bottom: 30px;}
.news-detail .news-author span {color: #757575;font-size: 14px;margin-left: 20px;}

/*联系我们*/

.contact-way p {height: 30px;line-height: 30px;color: #444;font-size: 14px;}
.contact-way form li {margin-bottom: 15px;}
.contact-way form li label {width: 120px;display: inline-block;font-size: 14px;text-align: right;font-weight: 600;margin-right: 10px;}
.contact-way form li label em {color: red;margin-right: 10px;}
.contact-way form li input {width: 300px; height: 30px;line-height: 30px;background-color: #f3f3f3;border:1px solid #cacaca;padding-left: 10px;}
.contact-way form ul li:nth-child(7) input {width: 60px;}
.contact-way form ul li:nth-child(7) img {height: 30px;vertical-align: middle;}
.contact-way form li textarea {width: 290px;background-color: #f3f3f3;padding: 10px;vertical-align: middle;}
.contact-way form li .button {width: 300px;height: 50px;line-height: 50px;color: #fff;background-color: #000bd8;font-size: 18px;text-align: center;border:0;margin-left: 30px;cursor: pointer;}
.contact-way form li .error-box {width: 400px;margin-left: 80px;height: 30px;line-height: 30px;}
.contact-way form li .error-box .red {color: red;font-size: 14px;}


/* 消息提示 */
.msgbox{width: 500px; height: 100px;  margin: 0 auto;  padding-top: 80px; padding-bottom: 20px;  text-align: center;}
.msgbox p{line-height: 50px;font-size: 16px;}
.msgbox .button{background-color: #4D76DF;line-height: 30px; color: #fff;padding: 10px;}