@import url("./font-awesome.css");
@import url("../lib/layui-v2.6.8/css/layui.css");
@import url("../lib/swiper/swiper.css");

* {color: #333; font-family:Microsoft Yahei,Msyh,Arial;}
body {margin:0px; background:#fff;}
img {border:0; padding:0; margin:0;}
ul,li {list-style:none:}
body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
input[readonly]{background-color: #efefef;}
.alert-error {background-color:#F2DEDF;border:1px #EBCBD0 solid;}
.clear,.cl{clear: both}
.clear::after,.cl:after{content: "";clear: both;display: table}
.pull-left,.fl {float:left;}
.pull-right,.fr {float:right;}
.main {width: 1200px;margin: 0 auto;position: relative;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.ml30 {margin-left: 30px;}
.ml50 {margin-left: 50px;}
.mr30 {margin-right: 30px;}
.mr50 {margin-right: 50px;}

header .nav-logo {height: 100px;border: 0;}
header .nav-logo img {height: 60px;border: 0;margin: 20px 0 20px 0;}
header .nav-top {background: #efefef; border:#e1e1e1 1px solid; border-radius:10px; height: 40px;line-height: 40px;width: 350px; margin: 30px 0;padding-left:15px;}
header .nav-top p {color: #666;}
header .nav-top i {color: #666; margin-right: 6px;}
header .nav {width: 100%;background: #107CD6;height: 55px;}
header .nav .nav-menu {float: right;}
header .nav .nav-menu li {height: 55px;line-height: 55px;padding: 0 30px;display: block;float: left;}
header .nav .nav-menu li:hover {background: #06538D;}
header .nav .nav-menu li a {color: #fff;text-decoration: none;display: block;}
header .nav .nav-menu li.drop {position: relative;display: inline-block;}
header .nav .nav-menu li.drop .dropdown {display: none;background: #E9E9E9;position: absolute;min-width: 150px;margin-left: -30px;z-index: 999;opacity:0.9;}
header .nav .nav-menu li.drop .dropdown li {height: 40px;line-height: 40px;min-width: 150px;}
header .nav .nav-menu li.drop .dropdown li a {color: #333;}
header .nav .nav-menu li.drop .dropdown li:hover {background: #06538D;}
header .nav .nav-menu li.drop .dropdown li:hover a {color: #fff;}
header .nav .nav-menu li.drop:hover .dropdown {display: block;}

section .layui-carousel {width: 100%;margin-top: 1px;}
section .layui-carousel .carousel-img {background-size:100% 100%;}
section .layui-carousel .carousel-img .carousel-text {width: 1000px;margin:160px auto;}
section .layui-carousel .carousel-img .carousel-text h3 {font-size: 32px;font-weight: bold;color: #fff;text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;}
section .layui-carousel .carousel-img .carousel-text p {font-size: 18px;color: #fff;margin-top: 20px;text-shadow: #333 1px 0 0, #333 0 1px 0, #333 -1px 0 0, #333 0 -1px 0;}
section .layui-carousel .carousel-img .carousel-text .more {color: #fff;margin-top: 30px;background: #107CD6;display: block;line-height:45px;width: 150px;font-size:16px;text-align: center;}
section .layui-carousel .carousel-img .carousel-text .more:hover {background: #06538D;}
section .layui-carousel .carousel-img .carousel-text .more i {color: #fff;margin-left: 6px;}

section .title {text-align: center;margin-bottom: 15px;background: url("../images/title_bg.png") no-repeat center;}
section .title-con {display: inline-block;vertical-align: top;text-align: left;padding-left: 50px;}
section .product-index {margin: 60px auto;}
section .product-index .title .title-con {background: url("../images/title_p.png") no-repeat left center;}
section .product-index .title-con h3 {font-size: 30px;line-height: 30px;margin-bottom: 5px;color: #000;}
section .product-index .title-con p {font-size: 18px;line-height: 18px;color: #666;}
section .product-index .pro-l {width: 290px;margin-top: 30px;}
section .product-index .pro-r {width: 880px;margin-top: 30px;margin-left: 30px;}
section .product-index .pro-l-title {background: #107CD6;margin-bottom: 1px;padding: 0 20px;line-height: 98px;}
section .product-index .pro-l-title h3 {color: white;font-size: 24px;}
section .product-index .pro-l-title p {color: #06538D;}
section .product-index .pro-l-list li {text-indent: 20px;margin-bottom: 1px;line-height: 65px;}
section .product-index .pro-l-list li>a {color: white;font-size: 16px;font-weight: bold;margin-bottom: 1px;background: #818285;display: block;}
section .product-index .pro-l-list li>a:hover {background: #107CD6;}
section .product-index .pro-l-list li>i {color: white;float: right;margin-right: 20px;line-height: 65px;}
section .product-index .pro-r-list {padding: 0;}
section .product-index .pro-r-list li {float: left;width: 280px;margin: 0 20px 20px 0;}
section .product-index .pro-r-list li:nth-child(1n) {margin-left: 0;}
section .product-index .pro-r-list li:nth-child(3n) {margin-right: 0;}
section .product-index .pro-r-list li img {width: 278px;border: 1px #818285 solid;display: block;}
section .product-index .pro-r-list li p {height: 50px;line-height: 50px;text-align: center;padding: 0 10px;font-size: 16px;background: #818285;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section .product-index .pro-r-list li:hover p {background: #107CD6;color: #fff;}
section .product-index .pro-r-list li:hover img {border: 1px #107CD6 solid;}
section .about-index {background: url("../images/about_bg.jpg") no-repeat center top;height: 458px;padding-top: 60px;margin-bottom: 50px;}
section .about-index .title {background: url("../images/title_about_bg.png") no-repeat center;}
section .about-index .title .title-con {padding-left: 60px;background: url("../images/title_a.png") no-repeat left center;}
section .about-index .title .title-con h3 {font-size: 30px;color: #fff;}
section .about-index .title .title-con p {font-size: 18px;color: #f9999e;}
section .about-index .about-l {width: 660px;}
section .about-index .about-l h3 {font-size: 22px;margin-bottom: 10px;color: #fff;}
section .about-index .about-l-p {font-size: 16px;line-height: 28px;height: 224px;overflow: hidden;color: #fff;text-indent: 2em;}
section .about-index .about-more {display: block;margin-top: 20px;background: #fff;text-align: center;line-height: 45px;color: #107CD6;width: 150px;font-size: 16px;}
section .about-index .about-more i {color: #107CD6;margin-left: 10px;}
section .about-index .about-more:hover {background: #9BCEFD;color: #333;}
section .about-index .about-more:hover i {color: #333;}
section .about-index .about-r {width: 405px;margin-right: 50px;padding-top: 20px;position: relative;}
section .case-index {margin-top: 60px;}
section .case-index .title {margin-bottom: 30px;}
section .case-index .title .title-con {background: url("../images/title_c.png") no-repeat left center;}
section .case-index .title-con h3 {font-size: 30px;line-height: 30px;margin-bottom: 5px;color: #000;}
section .case-index .title-con p {font-size: 18px;line-height: 18px;color: #666;}
section .case-index .caselist-list {text-align: center;margin-bottom: 40px;}
section .case-index .caselist-list li {display: inline-block;vertical-align: top;width: auto;padding: 0 30px;line-height: 45px;font-size: 16px;background: #818285;margin: 0 1px;}
section .case-index .caselist-list li:hover {background: #107CD6;}
section .case-index .caselist-list li a {color: #fff;}
section .case-index .caselist-list li:hover a {color: white;}
section .case-index .swiper-case {overflow: hidden;margin-bottom: 20px;}
section .case-index .swiper-case li {float: left;width: 380px;position: relative;}
section .case-index .swiper-case li a:before {content: "";position: absolute;width: 100%;height: 284px;background: url("../images/case_m.png") no-repeat;top: 0;left: 0;display: none;}
section .case-index .swiper-case li + li {margin-left: 25px;}
section .case-index .swiper-case li img {display: block;width: 100%;height: 284px;}
section .case-index .swiper-case li p {text-align: center;line-height: 40px;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section .case-index .swiper-case li:hover p {color: #107CD6;}
section .case-index .swiper-case li:hover a:before {display: block;}
section .case-index .swiper-case-span {text-align: center;}
section .case-index .swiper-case-span span {width: 15px;height: 15px;vertical-align: top;display: inline-block;background: #818285;opacity: 1;border-radius: 100%;margin: 0 5px;}
section .case-index .swiper-case-span span.swiper-pagination-bullet-active{background: #107CD6;}
section .info-index {background: #EFEFEF;padding-top: 50px;padding-bottom: 50px;margin-top: 60px;}
section .info-index .news,section .info-index .tec {width: 575px;}
section .info-index .info-title {line-height:50px;margin-bottom: 20px;border-bottom: 2px solid #107CD6;}
section .info-index .info-title h3 {font-size: 24px;color: #000;}
section .info-index .info-title h3 i {margin-right: 6px;font-size: 20px;}
section .info-index .info-title a {font-size: 16px;font-weight: bold;}
section .info-index .info-title a:hover {color: #107CD6;}
section .info-index .news-list li {line-height: 45px;height: 45px;font-size: 16px;border-bottom: 1px #CCC solid;}
section .info-index .news-list li p {float: left;font-size: 16px;width: 460px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section .info-index .news-list li p i {margin-right: 6px;color: #107CD6;;}
section .info-index .news-list li span {float: right;color: #999;font-size: 14px;}
section .info-index .news-list li:hover p {color: #107CD6;}

section .page-banner {width: 100%;margin-top: 1px;}
section .page-banner .about {background: url(../images/banner/wb_about.jpg) no-repeat center; height: 300px;text-align: right;}
section .page-banner .products {background: url(../images/banner/wb_products.jpg) no-repeat center; height: 300px;}
section .page-banner .news {background: url(../images/banner/wb_news.jpg) no-repeat center; height: 300px;}
section .page-banner .case {background: url(../images/banner/wb_case.jpg) no-repeat center; height: 300px;text-align: right;}
section .page-banner .page {background: url(../images/banner/wb_page.jpg) no-repeat center; height: 300px;text-align: left;}
section .page-banner .contact {background: url(../images/banner/wb_contact.jpg) no-repeat center; height: 300px;text-align: center;}
section .page-banner h3 {font-size: 32px;color: #333;padding-top: 110px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
section .page-banner p {color: #333;line-height: 40px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
section .page-banner p a {color: #333;}
section .page-banner p a:hover {color: #107CD6;}
section .page-banner p i {font-size: 12px;color: #999;margin: 0 6px;}
section .page-l, section .page-l-news {width: 290px;}
section .page-l-title, section .page-l-news-title {background: #107CD6;margin-bottom: 1px;padding: 0 20px;line-height: 60px;}
section .page-l-title h3, section .page-l-news-title h3 {color: white;font-size: 22px;}
section .page-l-title p, section .page-l-news-title p a {color: #06538D;}
section .page-l-news-title p a span {font-family: '宋体';color: #06538D;}
section .page-list, section .page-l-news-list {border: 1px solid #d7d7d7;border-top: none;}
section .page-list li {line-height: 50px;font-size: 15px;text-indent: 30px;background: #efefef;}
section .page-list li i {float: right;line-height: 50px;margin-right: 30px;}
section .page-list li.active i,section .page-list li:hover i {color: #107CD6;}
section .page-list li.active,section .page-list li:hover {color: #107CD6;background: #fff;}
section .page-list li.active a,section .page-list li:hover a {color: #107CD6;}
section .page-list li + li {margin-top: 1px;}
section .page-l-news-list {background: #efefef; padding: 0 20px 20px;}
section .page-l-news-list li{line-height:50px; border-bottom: 1px dashed #999;}
section .page-l-news-list li p {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section .page-l-news-list li p i {color: #107CD6; margin-right: 6px;}
section .page-l-news-list li p a:hover {color: #107CD6;}
section .page-r {width: 880px;}
section .page-r-title {line-height: 56px;margin-bottom: 20px;border-bottom: 1px #107CD6 solid;}
section .page-r-title h3 {font-size: 22px;color: #107CD6;white-space: nowrap;border-bottom: 4px solid #107CD6;padding: 0 15px;}
section .page-bread a,section .page-bread span:first-child {color:#999;}
section .page-bread em {font-family: '宋体';font-style: initial;}
section .page-bread b {color: #107CD6;font-weight: normal;}
section .page-bread i {color: #999;}
section .page-bread a:hover {color: #107CD6;}
section .page-r-b {margin-top: 30px;}
section .page-info {font-size: 16px;line-height: 1.5;}
section .page-info p {margin: 10px 0;}
section .page-info p img {margin: 20px 0;}
section .page-info.contact-image p {float: left;}
section .page-info.contact-image img {float: right; margin-left: 20px;height: 205px;}
section .page-r-b .map {border:1px #e1e1e1 solid;margin-top: 19px;height: 468px;}
section .page-info .content-title {font-size:24px;text-align: center;margin-bottom: 20px;}
section .page-info .content-info {background: #efefef;line-height: 40px;text-align: center;font-size: 14px;color: #666;margin-bottom: 30px;}
section .page-info .image {text-align: center;}
section .page-info .image img {width: 400px;border:1px #e1e1e1 solid;}
section .page-info .pro-info {border-bottom: 1px #e1e1e1 solid;line-height: 40px;background: #efefef;padding-left: 15px;font-weight: bold;margin-bottom: 30px;}
section .page-info .content-page {border-top: 1px #e1e1e1 solid;padding-top:30px;margin-top: 30px;font-size: 14px;color: #666;line-height: 2.0;}
section .page-info .content-page a {color: #666;}
section .page-info .content-page a:hover {color: #107CD6;}
section .pro-list .pro-r-list {padding: 0;margin-top: 50px;}
section .pro-list .pro-r-list li {float: left;width: 280px;margin: 0 20px 20px 0;}
section .pro-list .pro-r-list li:nth-child(1n) {margin-left: 0;}
section .pro-list .pro-r-list li:nth-child(3n) {margin-right: 0;}
section .pro-list .pro-r-list li img {width: 278px;height: 185px;border: 1px #818285 solid;display: block;}
section .pro-list .pro-r-list li p {height: 50px;line-height: 50px;text-align: center;padding: 0 10px;font-size: 16px;background: #818285;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section .pro-list .pro-r-list li:hover p {background: #107CD6;color: #fff;}
section .pro-list .pro-r-list li:hover img {border: 1px #107CD6 solid;}
section .news-list .news-r-list {padding: 0;}
section .news-list .news-r-list li {line-height: 45px;height: 45px;font-size: 16px;border-bottom: 1px #CCC solid;}
section .news-list .news-r-list li p {float: left;font-size: 16px;width: 460px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
section .news-list .news-r-list li p i {margin-right: 6px;color: #107CD6;;}
section .news-list .news-r-list li span {float: right;color: #999;font-size: 14px;}
section .news-list .news-r-list li:hover p {color: #107CD6;}
section .show-pages {clear:both;padding:0px;margin-top:35px;width:100%;height:30px;white-space: nowrap;}
section .show-pages .eSiteCMS-page {padding-top: 0px;}
section .show-pages .eSiteCMS-page a {margin: 0 3px;padding: 5px 10px;background-color: #EFEFEF;border: 1px solid #ddd;font-size: 14px;}
section .show-pages .eSiteCMS-page a:hover {text-decoration: none;background-color: #107CD6;border: 1px solid #107CD6;color:#fff;}
section .show-pages .eSiteCMS-page .first-page {margin-left: 0;}
section .show-pages .eSiteCMS-page .last-page {margin-right: 0;}
section .show-pages .eSiteCMS-page .num-page {margin: 0 3px;padding: 5px 10px;background-color: #EFEFEF;border: 1px solid #ddd;}
section .show-pages .eSiteCMS-page .active-page {background-color: #107CD6;border: 1px solid #107CD6;color: #fff;}

footer .footer {background: #333;padding: 30px 0;min-width: 1200px;border-bottom: 1px #020205 solid}
footer .footer dl {float: left;}
footer .footer a, .footer dd {color: #999;}
footer .footer a:hover {color: #107CD6;}
footer .footer dt {line-height: 36px;height: 36px;margin-bottom: 5px;color: #fff;}
footer .footer dd, .footer dd a {line-height: 26px;font-size: 14px;}
footer .footer .case {width: 160px;margin-right: 50px;}
footer .footer .procategory {width: 160px;margin-right: 50px;}
footer .footer .quicklink {width: 120px;margin-right: 50px;}
footer .footer .contact dd {width: 420px;word-wrap:break-word;}
footer .footer .case dd, .footer .procategory dd, .footer .quicklink dd {float: left;width: 100%;}
footer .footer .flow {float: right;}
footer .footer .flow dt {height: 16px;line-height: 16px;}
footer .footer .flow img {width: 110px;height: 110px;background: #fff;}
footer .footer .flow .m {float: left;}
footer .footer .flow .ml-20 {margin-left:20px;}
footer .footer .flow .wx {margin-left: 15px;}
footer .footer .flow .m p {line-height: 40px;font-size: 14px;color: #999;text-align: center;}
footer .footer-link {padding-top: 30px;}
footer .footer-link li {float: left;height: 14px;line-height: 14px;margin: 5px 10px 5px 0;font-size: 14px;color: #FFF;}
footer .footer-link li a {color: #999;}
footer .footer-link .fisrt {padding-right: 15px;border-right: 1px #FFF solid;color: #fff;}
footer .bot-footer {background: #333;min-width: 1200px;border-top: 1px solid #555;}
footer .bot-footer p {line-height: 50px;text-align: center;}
footer .bot-footer p a:hover {color: #107CD6;}
footer .bot-footer p, .bot-footer p em, .bot-footer p a {color: #999;font-size: 14px;}
footer .footer-kefu {position: fixed;bottom: 100px;right: 20px;width: 45px;z-index: 9999;}
footer .footer-kefu li {width: 45px;height: 45px;line-height: 45px;float: right;position: relative;margin-top: 1px;background: #818285;transition: .3s;cursor: pointer;border-radius: 1px;zoom: 1;transition: 0.5s;}
footer .footer-kefu li:hover {background: #107CD6;}
footer .footer-kefu li em {float: left;display: block;width: 45px;height: 45px;overflow: hidden;}
footer .footer-kefu li a {display: block;height: 45px;font-size: 14px;color: #fff;overflow: hidden;}
footer .footer-kefu .wx .code {display: none;right: 47px;position: absolute;top: -107px;width: 120px;padding: 5px;border: 1px #ddd solid;background: #fff;}
footer .footer-kefu .wx .code img {width: 100%;}
footer .footer-kefu .wx .code p {line-height: 20px;text-align: center;font-size: 14px;}
footer .footer-kefu .m .code {display: none;right: 47px;position: absolute;top: -108px;width: 120px;padding: 5px;border: 1px #ddd solid;background: #fff;}
footer .footer-kefu .m .code img {width: 100%;}
footer .footer-kefu .m .code p {line-height: 20px;text-align: center;font-size: 14px;}
footer .footer-kefu .wx em {background: url(../images/side-weixin.png) no-repeat center;}
footer .footer-kefu .m em {background: url(../images/side-code.png) no-repeat center;}
footer .footer-kefu .qq em {background: url(../images/side-kefu.png) no-repeat center;}
footer .footer-kefu .qq a {font-size: 16px;}
footer .footer-kefu .tel em {background: url(../images/side-tel.png) no-repeat center;}
footer .footer-kefu .tel a {font-size: 16px;}
footer .footer-kefu .top em {background: url(../images/side-top.png) no-repeat center;}