@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:15px; color:#555; background: #fff;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}
input,textarea{ outline:none;font-family:Arial, sans-serif; color:#9f9f9f;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#28b1f0;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}

.wrap{ width:1200px; margin:0 auto;}

.header{ background: #fff;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1); position: relative;z-index: 999}
.header .sitetop{height: 34px; line-height: 34px; background: #3c3c3c; color: #b4b4b4; font-size: 12px;}
.header .sitetop dl{float:right; margin-top: 7px;}
.header .sitetop dl a{color: #b4b4b4; border: #b4b4b4 solid 1px;width: 40px; height: 18px; line-height: 18px; float: left; text-align: center;margin-left: 5px; border-radius: 5px; display: block;}
.header .head_con{ height: 100px;}
.header .logo{float: left; margin-top: 15px;}
.header .nav{float: right; line-height: 100px; border-right: #efefef solid 1px;}
.header .nav ul li{float: left; border-left: #efefef solid 1px;}
.header .nav ul li a{ padding: 0 30px; display: block;font-size: 16px;}
.header .nav ul li.focus a{color:#28b1f0; border-top:#28b1f0 solid 5px; line-height: 90px; padding-bottom: 5px; background: #fcfcfc;}
.header .wapnav{display: none;}
.header .menu-toggle{ display:none;}

.banner {position: relative;}
.banner .swiper-container{ height:560px; overflow:hidden; text-align:center;width: 100%;}
.banner .swiper-container .swiper-slide{height:560px; width:100%;}
.banner .swiper-container .swiper-slide a{height:560px; display:block;}
.banner .pagination {position: absolute;z-index: 20;bottom: 15px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:15px; height: 15px; border-radius: 20px; background: #fff; margin: 0 5px; opacity: 0.8; cursor: pointer;}
.banner .swiper-active-switch {background:#f49c1b; }

.nei_banner{ height: 300px;}

.ipro{ padding-bottom: 65px;}
.ipro dl{ text-align: center; color: #c5c5c5; padding: 30px 0;}
.ipro dl h3{font-size: 25px; color: #000;}
.ipro ul li{float: left; margin:0 30px;text-align: center;}
.ipro ul li img{display: block;}
.ipro ul li p{ margin: 10px 0; font-weight: bold; font-size: 16px;}
.ipro ul li .more{ background: #29b1f0; color: #fff; font-size: 12px;width: 90px; height: 24px; line-height: 24px; display: block; margin: 0 auto;}

.iabout{ background:#f9f9f9 url(../images/iaboutBg.jpg) no-repeat center top;}
.iabout .iabout_top{ height: 165px;}
.iabout .iabout_top dl{color: #fff; font-size: 18px;float: left; margin-left: 80px; margin-top: 55px;}
.iabout .iabout_top h3{font-size: 29px; line-height: 1; margin-bottom: 10px;}
.iabout .iabout_top .search{float: right; margin-top: 67px; margin-right: 80px;}
.iabout .iabout_top .search input[type="text"]{ width: 290px; height: 40px; border: none; float: left; text-indent: 20px;}
.iabout .iabout_top .search input[type="submit"]{ width: 60px; height: 40px; background: url(../images/search.jpg) no-repeat center; font-size: 0; border: 0;}
.iabout .iabout_box{ background: #fff; padding: 30px;}
.iabout .iabout_box .con{ width: 730px; float: left;font-size: 12px; line-height: 2;}
.iabout .iabout_box .con dl{ margin-bottom: 20px; line-height: 1;}
.iabout .iabout_box .con dl h3{ color: #28b1f0; font-size: 24px; font-weight: normal; float: left; margin-right: 10px;}
.iabout .iabout_box .con dl span{ float: left; margin-top: 10px; color: #7e7e7e; font-size: 14px;}
.iabout .iabout_box .con .more{background: #29b1f0; color: #fff; font-size: 12px;width: 90px; height:30px; line-height:30px; display: block; text-align: center; margin-top:20px;}
.iabout .iabout_box img{float: right; margin-top: 10px;}

.imenu{ background: #f9f9f9; padding: 50px 0;}
.imenu ul li{ float: left; width: 33.3%; font-size: 12px;}
.imenu ul li .icon01{ background: url(../images/icon01.png) no-repeat left center;}
.imenu ul li .icon02{ background: url(../images/icon02.png) no-repeat left center;}
.imenu ul li .icon03{ background: url(../images/icon03.png) no-repeat left center;}
.imenu ul li dl{ padding:0 55px 0 70px;margin-left:60px;}
.imenu ul li h3{font-size: 18px; color: #000; margin-bottom: 10px;}
.imenu ul li p{ color: #999;}

.content{ background: #f1f1f1; padding-bottom: 90px;}
.breadcrumbs{ line-height: 70px;color: #999;font-size: 12px;}
.breadcrumbs a{color: #999;}
.breadcrumbs a:hover{color: #114e9e;}

.left{width: 260px;background: #fff; float: left;}
.left .leftnav dl{ background: #17aaed; line-height: 70px; font-size: 22px; color: #fff; text-indent: 30px;}
.left .leftnav ul li{ border-bottom: #dedede solid 1px; line-height: 40px;text-indent: 30px;}
.left .leftnav ul li.cur a{color: #17aaed;}
.left .leftnav ul li a{ display: block; color: #444;}
.right{width: 820px;padding: 40px;background: #fff; float: right;}
.right .tit_top{border-bottom: #dedede solid 1px; margin-bottom:20px; padding-bottom: 24px; overflow: hidden; line-height: 1;}
.right .tit_top h3{float: left;color: #17aaed;font-size: 20px; font-weight: normal;}

.text{ line-height: 2;}

.equipment{overflow: hidden;}
.equipment ul{ overflow: hidden; width:900px;}
.equipment ul li{ float: left; margin-right: 30px; margin-bottom: 10px; text-align: center;}

.pro{ overflow:hidden;}
.pro ul{ width:1000px;}
.pro ul li{ float:left; width:262px; text-align:center; margin-right:18px; margin-bottom:20px;}
.pro ul li img{ display:block;}
.pro ul li p{color:#5d9dc0;text-align: center; font-size:16px; line-height:1.5;}
.pro ul li span{ color:#5d9dc0; background:url(../images/icon02.jpg) no-repeat right center; padding-right:20px; font-size:12px;}
.proview .protit{ text-align: center; font-size:18px; margin-bottom: 10px;}
.proview .propic{ text-align: center;}
.proview .proxx dl{border-bottom: #6ec9fa solid 2px;font-size: 16px; line-height: 3; margin-bottom: 20px;}

.right .news ul li{ overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:#eee solid 1px;}
.right .news ul li img{ float:left;}
.right .news ul li dl{ width:610px; float:right;}
.right .news ul li dl h3{ color:#333; font-size:15px; margin-bottom:5px; line-height:1.8;}
.right .news ul li dl p{color:#999; font-size:12px; line-height:1.8; height:50px; margin-top:10px;}
.right .news ul li dl span{ color:#999; font-size:13px;}
.right .news ul a:hover h3,.right .news ul a:hover span,.right .news ul a:hover p{color:#28b1f0;}

.right .newsview .tit{ margin:0px 0 30px; padding-bottom:20px; border-bottom:#eee solid 1px;}
.right .newsview .tit h1{ font-size:20px; text-align:center; color:#555; font-weight:normal;}
.right .newsview .tit p{ text-align:center; font-size:12px; color:#999; margin-top:5px;}
.right .newsview .con{ line-height:1.8; color:#777;}
.right .newsview .link_back{ padding:50px 0 30px;}
.right .newsview .link_back a{ width:155px; height:40px; line-height:40px; background:#b5b5b5; color:#fff; display:block; margin:0 auto; border-radius:5px; text-align:center;}
.right .newsview .link_back a:hover{ background:#28b1f0; color:#fff;}
.right .newsview .view_page{ padding:20px 0 0; font-size:14px;}
.right .newsview .view_page a{ display:block; line-height:2; color:#777;}
.right .newsview .view_page a:hover{color:#28b1f0;}

.download{font-size: 14px;}
.download table{}
.download table tr th{ background: #e6e6e6; padding: 15px}
.download table tr td{ border-bottom: #e6e6e6 solid 1px;padding: 15px}
.download table tr td a{color: #005aab;}

#map{height:350px;border:#eee solid 1px;font-size:12px; margin-top: 20px;}

.footer{background: #3c3c3c; color: #b9b9b9; font-size: 12px; padding:20px 0; line-height: 2;}
.footer dl{float: left;}
.footer dl a{color: #b9b9b9;}
.footer p{ float: right; text-align: right;}

/*分页 css*/
.page{ text-align:center; margin-top:30px;}
.page a{ color:#666; margin:0 3px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#28b1f0; border:#28b1f0 solid 1px;}


/*===/分页=============================*/
.fengye{ height:25px; line-height:25px; margin:20px 0;text-align:center;}
.off{ width:55px; height:25px; line-height:25px; font-size:14px; padding:5px; margin-right:5px; text-align:center;border:#bbb solid 1px;background:#fff; color:#666; }
a.off:hover{ width:55px; height:25px; line-height:25px; font-size:14px; padding:5px; margin-right:5px; text-align:center;background:#28b1f0; color:#fff; border:#bbb solid 1px;}
.fenkong{padding:0 10px;}
.fenkong a{ line-height:1;font-size:14px;color:#666; padding:5px 10px;  margin-right:5px;  text-align:center;background:#fff; border:#bbb solid 1px;}
.fenkong a:hover{color:#fff;background:#28b1f0; }
.fenkong a.fenyeon{ line-height:1; font-size:14px;padding:5px 10px; background:#28b1f0; color:#FFF; font-weight:bold;  border:#28b1f0 solid 1px;}





@media all and (max-width:640px) {
.banner .swiper-container{ height:200px;}
.banner .swiper-container .swiper-slide{height:200px;}
.nei_banner{ height:150px;}
}

@media all and (max-width:380px) {
.banner .swiper-container{ height:180px;}
.banner .swiper-container .swiper-slide{height:180px;}
.nei_banner{ height:120px;}
}

@media all and (max-width:1200px) {
body{ padding-top:60px;}
.wrap{ width:100%;}

.header{ width:100%; height:60px; background: #fff;position:fixed; top:0; z-index:99999; wbox-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.header .sitetop{display: none;}
.header .logo{margin:10px 0 0 10px; height: 60px;}
.header .logo img{ width:150px; height:auto; display:block;}
.header .nav{display: none;}

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999; display:block;}
.header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}

.header .wapnav{ width:100%; height:calc(100vh - 60px); background:#fff; position:fixed; left:0; top:60px; z-index:100; display:none; margin:0;overflow-y:auto!important;}
.header .wapnav ul {border-top:#ddd solid 1px;}
.header .wapnav ul li{border-bottom:#ddd solid 1px;}
.header .wapnav ul li.focus a{ background:#114e9e; color:#fff;}
.header .wapnav ul li a{font-size:16px;color:#666;line-height:44px; text-align:left; text-indent:25px; display: block;}
.header .wapnav ul li .subnav{ display: none; padding: 10px 0;}
.header .wapnav ul li.focus .subnav{display: block; background: #eee}
.header .wapnav ul li .subnav a{ background: #eee; color: #333; line-height: 30px;font-size: 14px;}

.ipro{ padding: 0 10px 30px; overflow: hidden;}
.ipro dl{ padding: 30px 0 15px;}
.ipro dl h3{font-size: 22px;}
.ipro ul{ width: 106%;}
.ipro ul li{width: 46%; margin:0 2% 10px 0;}
.ipro ul li img{display: block; width: 100%; height: auto;}

.iabout{ background:none; padding: 0 10px 30px;}
.iabout .iabout_top{ display:none;}
.iabout .iabout_box{ background: #fff; padding: 0;}
.iabout .iabout_box .con{ width:100%; float: none;font-size: 12px; line-height: 2;}
.iabout .iabout_box .con dl{ margin: 20px 0 10px; line-height: 1; text-align: center;}
.iabout .iabout_box .con dl h3{ color: #000; font-size: 22px; font-weight: bold; float: none; margin-right: 0; margin-bottom: 10px;}
.iabout .iabout_box .con dl span{ float: none; margin-top: 10px; font-size: 14px;color: #c5c5c5;}
.iabout .iabout_box .con .more{margin:20px auto 0;}
.iabout .iabout_box img{float: none; margin-top: 0; width: 100%; height: auto;}

.imenu{ display: none;}

.content{ background: #fff; padding-bottom:0;}
.breadcrumbs{ display: none;}
.left{display: none;}
.right{width:auto;padding:30px 10px 40px;float: none;}
.right .tit_top{margin-bottom:20px; padding-bottom:15px;}
.right .tit_top h3{float:none;text-align: center;}
.text img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}

.equipment{overflow: hidden;}
.equipment ul{width:106%;}
.equipment ul li{ width: 46%; margin-right: 2%; margin-bottom: 10px;}
.equipment ul li img{ width: 100%; height: auto}

.pro{ overflow:hidden;}
.pro ul{ width:106%;}
.pro ul li{ width:46%; margin-right:2%; margin-bottom:10px;}
.pro ul li img{ display:block; width: 100%; height: auto;}
.pro ul li p{font-size:15px; }
.proview .protit{ font-size:18px; margin-bottom: 10px;}
.proview .propic{ border: #eee solid 1px;}
.proview .propic img { display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.proview .proxx dl{font-size: 16px; line-height:2; margin-bottom:10px; margin-top: 10px;}

.right .news ul li{ padding-bottom:10px; margin-bottom:10px; }
.right .news ul li img{ float:left; width: 120px; height: auto;}
.right .news ul li dl{ width:calc(100% - 135px);}
.right .news ul li dl h3{ font-size:14px; margin-bottom:10px; line-height:1;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.right .news ul li dl p{line-height:1.8; height:60px; margin-top:0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.right .news ul li dl span{ display: none;}

.right .newsview .tit{ margin:0px 0 20px; padding-bottom:15px;}
.right .newsview .tit h1{ font-size:20px;}
.right .newsview .tit p{ margin-top:5px;}
.right .newsview .view_page{ padding:20px 0 0; font-size:13px;}
.right .newsview .view_page a{ display:block; line-height:2; color:#777;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.download{font-size: 13px;}
.download table{}
.download table tr th{ background: #e6e6e6; padding: 10px}
.download table tr td{ border-bottom: #e6e6e6 solid 1px;padding: 10px}
.download table tr td a{color: #005aab;}

#map{height:250px;}

.footer{ padding:15px 0; line-height: 2;}
.footer dl{float:none; text-align: center;}
.footer dl dd{ display: none}
.footer p{display: none;}
}