@charset "utf-8";
/* CSS Document */
body, td, th { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 13px; color: #353535; }
input { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 13px; }
body, form { margin: 0px; width: 100%; min-width: 1200px; }

a:link { color: #353535; text-decoration: none; }
a:visited { text-decoration: none; color: #353535; }
a:hover { text-decoration: none; color: #353535; }
a:active { text-decoration: none; color: #353535; }
img { border: 0px; }
ul, li, dl, dt, dd, p { margin: 0px; padding: 0px; list-style: none; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

.green, a.green { color: #7abf4b; }
.orange, a.orange { color: #ff6600; }
.blue, a.blue { color: #5bc3de; }
.red, a.red { color: #f00; }
input, textarea { outline: none; -webkit-appearance: none; }

.mw { width: 1200px; margin: 0px auto; overflow: hidden; }

.header { height: 100px; background: #12408b; }
.header .logo { float: left; margin-top: 20px; }
.header .logo img { display: block; height: 60px; }

.header .nav { float: right; margin-top: 30px; }
.header .nav ul { float: left; }
.header .nav ul li { float: left; }
.header .nav ul li a { display: block; line-height: 38px; font-size: 16px; padding: 0px 22px; color: #fff; }
.header .nav ul li a.current { border: 1px solid #5bc3de; color: #5bc3de; border-radius: 20px; }
.header .nav ul li ul { display: none; }
.header .search { float: left; height: 20px; display: flex; padding: 9px 19px; }
.header .search input[type=text] { display: none; border: none; width: 120px; height: 20px; line-height: 20px; background: no-repeat; color: #5bc3de; }
.header .search input[type=text]::-webkit-input-placeholder { color: #5bc3de; }
.header .search input[type=text]:-moz-placeholder { color: #5bc3de; }
.header .search input[type=text]::-moz-placeholder { color: #5bc3de; }
.header .search input[type=text]:-ms-input-placeholder { color: #5bc3de; }
.header .search input[type=button] { border: none; background: url(../images/img1_06.png) no-repeat center center; width: 20px; height: 20px; font-size: 0px; }
.header .search:hover { width: 140px; border-radius: 20px; margin-left: 25px; padding: 9px 19px; border: 1px solid #5bc3de; }
.header .search:hover input[type=text] { display: block; }

.p_home .banner { margin-top: -100px; position: relative; z-index: 1; }
.p_home .banner .swiper-container { width: 100%; overflow: hidden; }
.p_home .banner .swiper-container .swiper-pagination-fraction { width: auto; right: 50%; margin-right: -600px; bottom: 40px; text-align: right; color: #5bc3de; font-size: 16px; }
.p_home .banner .swiper-container .swiper-pagination-fraction span { margin: 0px 5px; }
.p_home .banner .swiper-container .swiper-pagination-fraction span:before { content: '0'; }
.p_home .banner .swiper-container .swiper-pagination-fraction .swiper-pagination-current { font-size: 36px; font-weight: bold; color: #fff; }
.p_home .banner .swiper-container .swiper-wrapper .swiper-slide { }
.p_home .banner .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; }
.p_home .banner .swiper-container .swiper-button { display: none; }

.p_home .header { background: none; position: relative; z-index: 2; }

.p_home .tit1 { line-height: 30px; background: url(../images/img1_10.png) left center no-repeat; font-size: 24px; font-weight: bold; color: #12408b; padding-left: 15px; }

.p_home .about { padding: 80px 0px; }
.p_home .about .content { margin-top: 30px; }

.p_home .productbar { padding: 80px 0px; overflow: hidden; background: #eee; }
.p_home .productbar .product { width: 700px; float: left; }
.p_home .productbar .product .list { margin-top: -10px; }
.p_home .productbar .product .list .item { float: left; margin-right: 40px; margin-top: 40px; width: 130px; height: 130px; border: 1px solid #ddd; border-radius: 30px; box-sizing: border-box; }
.p_home .productbar .product .list .item img { display: block; height: 40px; margin: 30px auto 10px auto; }
.p_home .productbar .product .list .item h2 { font-size: 13px; font-weight: normal; text-align: center; }
.p_home .productbar .product .list .item:hover { background: #5bc3de; }
.p_home .productbar .product .list .item:hover h2 { color: #fff; }
.p_home .productbar .technology { margin-left: 700px; }
.p_home .productbar .technology .tit1 { float: left; }
.p_home .productbar .technology .swiper-button-bar { float: right; margin-top: 4px; width: 40px; height: 20px; border: 1px solid #ddd; overflow: hidden; border-radius: 5px; }
.p_home .productbar .technology .swiper-button { position: inherit; float: left; margin: 0px; background: none; width: 20px; line-height: 20px; text-align: center; font-family: 宋体; font-size: 13px; background: #5bc3de; color: #fff; }
.p_home .productbar .technology .swiper-button-disabled { background: none; opacity: 1; color: #888; }

.p_home .productbar .technology .swiper-container { width: 500px; padding-top: 30px; position: relative; overflow: hidden; }
.p_home .productbar .technology .swiper-container .swiper-wrapper .swiper-slide { }



.p_home .news { padding: 80px 0px; }

.p_home .news .swiper-container { float: left; margin-top: 40px; position: relative; width: 510px; height: 480px; overflow: hidden; background: url(../images/img1_12.png) no-repeat center bottom; }
.p_home .news .swiper-container .swiper-pagination-bullets { bottom: 160px; }
.p_home .news .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; width: 10px; height: 10px; opacity: .7; }
.p_home .news .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #5bc3de; opacity: 1; }
.p_home .news .swiper-container .swiper-wrapper .swiper-slide { line-height: 25px; }
.p_home .news .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: 340px; }
.p_home .news .swiper-container .swiper-wrapper .swiper-slide h2 { margin: 15px 20px 0px 20px; font-weight: bold; font-size: 20px; }
.p_home .news .swiper-container .swiper-wrapper .swiper-slide span { display: block; margin: 0px 0px 0px 20px; color: #888; }
.p_home .news .swiper-container .swiper-wrapper .swiper-slide p { margin: 5px 20px 0px 20px; }
.p_home .news .swiper-container .swiper-button { display: none; }
.p_home .news .list { margin-left: 600px; margin-top: 25px; }
.p_home .news .list .item { line-height: 25px; border-bottom: 1px solid #ddd; padding: 15px 0px; }
.p_home .news .list .item h2 { font-weight: bold; font-size: 20px; }
.p_home .news .list .item span { display: block; margin-top: 5px; color: #888; }
.p_home .news .list .item p { margin-top: 5px; }
.p_home .news a.more { display: block; margin-left: 600px; margin-top: 20px; width: 100px; line-height: 35px; border-radius: 5px; text-align: center; background: #5bc3de; color: #fff; }


.p_inner { }
.p_inner .banner { width: 100%; height: 300px; overflow: hidden; }
.p_inner .crumb { background: #eee; }
.p_inner .crumb .mw { box-sizing: border-box; background: url(../images/img1_08.png) no-repeat left 11px; background-size: auto 18px; line-height: 40px; padding-left: 25px; color: #666; }
.p_inner .crumb a { color: #666; }
.p_inner .crumb span { font-family: 宋体; padding: 0px 10px; }

.p_inner .main { margin: 60px auto 100px auto; }
.p_inner .main .main_left { float: left; width: 240px; }
.p_inner .main .main_left .nav { }
.p_inner .main .main_left .nav img { display: block; width: 100%; }
.p_inner .main .main_left .nav a { display: block; line-height: 40px; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.p_inner .main .main_left .nav a.current { background: #f6f6f6; color: #5bc3de; }
.p_inner .main .main_left .contact { padding: 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.p_inner .main .main_right { margin-left: 300px; }
.p_inner .main .mt1 { background: url(../images/img1_10.png) left center no-repeat; font-size: 24px; font-weight: bold; color: #12408b; padding-left: 15px; }

.p_inner .main .new_list { overflow: hidden; margin-left: -40px; }
.p_inner .main .new_list .item { float: left; width: 195px; height: 225px; margin-left: 40px; margin-top: 30px; line-height: 25px; position: relative; }
.p_inner .main .new_list .item img { display: block; width: 100%; height: 130px; }
.p_inner .main .new_list .item h2 { max-height: 50px; overflow: hidden; margin-top: 10px; font-size: 13px; font-weight: normal; }
.p_inner .main .new_list .item span { margin-top: 10px; font-size: 12px; color: #888; }
.p_inner .main .new_list .item:hover h2 { color: #5bc3de; }

.p_inner .main .new_detail { }
.p_inner .main .new_detail .title { margin-top: 40px; text-align: center; font-size: 24px; font-weight: bold; }
.p_inner .main .new_detail .time { text-align: center; color: #888; margin-top: 20px; }
.p_inner .main .new_detail .content { margin-top: 40px; font-size: 14px; line-height: 28px; }
.p_inner .main .new_detail .content_wap { display: none; }

.p_inner .main .products { }
.p_inner .main .products .nav { margin-top: 30px; background: #eee; display: flex; border-radius: 20px; overflow: hidden; }
.p_inner .main .products .nav a { flex: 1; line-height: 40px; text-align: center; }
.p_inner .main .products .nav a.current { background: #5bc3de; color: #fff; }
.p_inner .main .allbrand { line-height: 25px; }
.p_inner .main .allbrand h2 { margin-top: 30px; font-size: 13px; font-weight: bold; font-family: 宋体; }
.p_inner .main .allbrand a { }
.p_inner .main .allbrand span { padding: 0px 10px; color: #888; }
.p_inner .main .allbrand a.current { color: #12408b; }

.p_inner .main .product_detail { margin-top: 40px; font-size: 14px; line-height: 28px; }
.p_inner .main .product_detail .pic { float: right; margin-left: 60px; width: 430px; }
.p_inner .main .product_detail .title { font-size: 24px; color: #5bc3de; margin-bottom: 20px; }
.footer { }
.footer .contact { padding: 40px 0px; background: #333; color: #fff; }
.footer .contact a { color: #fff; }
.footer .copyright { padding: 10px 0px; background: #12408b; color: #7a8bb3; }
.footer .copyright a { color: #7a8bb3; }



.pagerhtml { text-align: center; line-height: 35px; margin-top: 30px; }
.pagerhtml .custominfo { display: none; }
.pagerhtml a { display: inline-block; background: #eee; border-radius: 3px; padding: 0px 15px; margin: 0px 5px; }
.pagerhtml a.current, .pagerhtml a:hover { background: #5bc3de; color: #fff; }
.pagerhtml a.disabled { background: #eee; color: #888; }