body { min-width: 1180px; }

.center-box { max-width: 1180px; margin: auto; }

.top-line { height: 4px; background-color: #123974; }

.logo { margin-top: 24px; float: left; margin-right: 130px; }

.nav { float: left; }

.nav ul { width: 730px; position: relative; }
.nav ul > li { position: relative; float: left; margin-right: 26px; }
.nav ul > li > a { display: block; padding: 0 10px; height: 84px; line-height: 84px; font-size: 16px; }
.nav ul > li > a:hover { color: #fec107; }
.nav ul > li:last-child { margin-right: 0; }
.nav ul .cur-nav > a { color: #fec107; border-bottom: 2px solid #fec107; }

.top-right { float: right; }
.top-right a { display: inline-block; width: 38px; height: 38px; margin-top: 23px; }
.top-right a:hover { background-color: #ececec; border-radius: 50%; }
.top-right a img { display: block; width: 28px; height: 22px; margin: 8px auto; }
.top-right .top-weixin { position: relative; }
.top-right .top-weixin span img { position: absolute; top: 50px; width: 100px; height: 100px; z-index: 0; opacity: 0; transition: all ease 0.5s; }
.top-right .top-weixin:hover span img { opacity: 1; top: 40px; z-index: 1; }

.down-box { position: absolute; width: 910px; background-color: white; top: 84px; display: none; z-index: 1; }

.down-box-left { float: left; width: 260px; }

.down-box-right { float: right; width: 650px; padding-top: 50px; padding-left: 40px; padding-right: 40px; }
.down-box-right h2 { font-size: 24px; font-weight: bold; color: #3385ff; }
.down-box-right h2 + p { font-size: 14px; color: #999999; margin-top: 30px; margin-bottom: 30px; }
.down-box-right .more-pro { float: left; width: 280px; }
.more-pro-title{ font-size: 18px; color: #333333; font-weight: bold; }
.down-box-right .more-pro strong { display: block; font-size: 14px; color: #666666; margin-top: 20px; margin-bottom: 10px; }
.down-box-right .more-pro strong a:hover { color: #fec107; }
.down-box-right .more-pro p { font-size: 14px; line-height: 26px; }
.down-box-right .more-pro p a { color: #666666; }
.down-box-right .more-pro p a:hover { color: #fec107; }
.down-box-right .more-pro .more { margin-top: 20px; }

.banner { position: relative; height: 500px; background-position: center center; background-repeat: no-repeat; overflow: hidden; }

.banner-about, .banner-news, .banner-contact { height: 320px; }

.banner-img { position: absolute; left: 50%; transform: translateX(-50%); }

.banner-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 840px; }
.banner-text h1 { font-size: 48px; color: white; margin-bottom: 25px; }
.banner-text p { font-size: 14px; color: #fefefe; line-height: 30px; }
.banner-text .banner-swt { margin: 20px auto 0; }

.banner-swt { height: 38px; background-color: #fec107; border-radius: 4px; text-align: center; line-height: 38px; padding:0 15px;display:table;}
.banner-swt a { display: block; color: white; }
.banner-swt:hover{ background-color: #fe9e08; }

.banner-oil { position: absolute; top: 78%; left: 45%; }

.banner-water { position: absolute; top: 72%; left: 45%; }

.products-content { padding: 80px 0; }
.products-content h1 { font-weight: bold; text-align: center; font-size: 28px; color: #333333; }

.pro-list-text { text-align: center; margin-top: 30px; margin-bottom: 40px; }

.pro-list-show li { position: relative; overflow: hidden; float: left; width: 380px; height: 464px; margin-right: 20px; background-color: #f5f5f5; }
.pro-list-show li .pro-list-img { position: relative; }
.pro-list-show li .pro-list-img .pro-hover-show { position: absolute; left: 0; top: 0; transform: scale(0); transition: all ease 0.3s; }
.pro-list-show li:nth-child(3n) { margin-right: 0; }
.pro-list-show li:nth-child(n+4) { margin-top: 40px; }
.pro-list-show li .pro-list-intro { position: absolute; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); transition: all ease 0.5s; }
.pro-list-show li:hover { color: #fec107; border-bottom: 2px solid #fec107; box-shadow: 3px 3px 5px #d0d3da; }
.pro-list-show li:hover .pro-list-other a:last-child { background-color: #fec107; border-color: #fec107; color: white; }
.pro-list-show li:hover .pro-list-img .pro-hover-show { position: absolute; left: 0; top: 0; transform: scale(1); }
.pro-list-show li .pro-list-other { margin-top: 20px; }

.pro-list-intro { text-align: center; }

.pro-list-name { font-size: 20px; color: #333333; font-weight: bold; margin: 15px auto 25px; }

.pro-list-info p { line-height: 26px; }

.pro-list-other { margin-top: 20px; }

.pro-list-other a { padding: 4px 15px; border: 1px solid #d3d3d3; font-size: 14px; color: #999999; }

.pro-list-other a + a { margin-left: -6px; }

.last-pro-list { position: relative; }

.last-pro-list div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

footer { padding-top: 70px; padding-bottom: 40px; background-color: #1e1e1e; color: white; }
footer .footer-title { font-size: 24px; font-weight: bold; border-bottom: 1px solid #3e3e3e; padding-bottom: 15px; }
footer .footer-text strong { font-size: 16px; display: inline-block; margin-top: 20px; margin-bottom: 10px; }
footer .footer-text p { color: #d3d3d3; line-height: 40px; }
footer .footer-text p a { color: #d3d3d3; }
footer .footer-text p a:hover { color: #fec107; }
footer .footer-text p img { display: block; margin-top: 10px; }
footer .footer-swt { display:table;padding:0 15px;margin-bottom: 10px;height: 50px; line-height: 50px; font-size: 18px; background-color: #fec107; text-align: center; border-radius: 4px; }
footer .footer-swt a { color: white; }
footer .foot p { margin-top: 40px; padding-top: 20px; border-top: 1px solid #3e3e3e; text-align: center; font-size: 14px; color: #d3d3d3; }

.pro-nav { color: #999999; padding-top: 30px; padding-bottom: 40px; }
.pro-nav a { color: #999999; }
.pro-nav a:hover { color: #fec107; }
.pro-nav span { color: #666666; }

.pro-layer-1 { border-top: 1px solid #d3d3d3; }

.layer-1-left { width: 580px; }

.layer-1-right { padding-left: 35px; width: 600px; }
.layer-1-right h1 { font-size: 28px; font-weight: bold; color: #333333; padding-top: 30px; padding-bottom: 30px; }
.layer-1-right strong { display: block; margin-bottom: 20px; font-size: 16px; color: #3385ff; }
.layer-1-right > p { line-height: 36px; background: url("../images/circle_bg.jpg") left 15px no-repeat; padding-left: 20px; }
.layer-1-right .layer-1-contact { margin-top: 30px; }
.layer-1-right .chat-online { float: left; width: 174px; height: 60px; background-color: #fec107; }
.layer-1-right .chat-online a { display: block; color: white; line-height: 60px; text-align: center; font-size: 16px; }
.layer-1-right .chat-online:hover { background-color: #e2a20a; }
.layer-1-right .rexian { float: left; margin-left: 40px; }
.layer-1-right .rexian p { font-size: 16px; color: #999999; padding-bottom: 10px; }
.layer-1-right .rexian span { display: block; font-size: 22px; font-weight: bold; color: #fec107; }

.blankSwitch { height: 122px; display: none; }

.products-switch { border-bottom: 1px solid #d3d3d3; padding-top: 55px; }
.products-switch ul { text-align: center; }
.products-switch ul li { display: inline-block;}
.products-switch ul li a { display: block; font-size: 16px; color: #666666; padding: 20px; border-bottom: 2px solid transparent;}
.products-switch ul li.cur-switch a, .products-switch ul li:hover a { color: #fec107; border-bottom: 2px solid #fec107; }

.switch-attached { position: fixed; top: -55px; width: 100%; min-width:1180px;background-color: white; z-index: 16; }

.effect-switch ul li:last-child:hover a { border-bottom: none; }
.effect-switch ul li:last-child a { background-color: #fec107; padding: 10px 28px; color: white; border-radius: 4px; }

.products > section { padding-top: 70px; padding-bottom: 70px; }
.products > section:nth-child(2n) { background-color: #eff2fb; }
.products h2 { text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 30px; display:table;margin-left:auto;margin-right:auto;position:relative;}
.products h2:before, .products h2:after { content: ""; position: absolute; margin-top: 8px; width: 120px; height: 7px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.products h2:before { margin-left: -150px; }
.products h2:after {right:-150px; }
.products > section h3,.products > section h4,.products > section h2,.products > section h1,.products > section h5{font-weight:700;}
.products > section p{ color:#000000;margin:10px 0; }


.application-box { padding-bottom: 50px; }
.application-box .item ul li { float: left; margin-right: 20px; }
.application-box .item ul li p { font-weight: bold; text-align: center; margin-top: 20px; }
.application-box .item ul li > div { overflow: hidden; }
.application-box .item ul li > div img { transform: scale(1); transition: all ease 0.5s; }
.application-box .item ul li > div img:hover { transform: scale(1.2); }
.application-box .item ul li:last-child { margin-right: 0; }

.another-carousel-inner .item { padding-top: 62px; }

.carousel-indicators { bottom: -55px; }
.carousel-indicators li { width: 14px; height: 14px; border-color: gray; }
.carousel-indicators .active { width: 14px; height: 14px; border-color: #fec107; background-color: #fec107; }

.pro-layer-3 ul li { float: left; margin-right: 20px; width: 280px; height: 246px; background-color: white; }
.pro-layer-3 ul li img { display: block; width: 80px; margin: 34px auto; }
.pro-layer-3 ul li p { text-align: center; font-size: 14px; padding: 0 30px; }
.pro-layer-3 ul li:nth-child(4n) { margin-right: 0; }
.pro-layer-3 ul li:nth-child(n+5) { margin-top: 20px; }

.pro-layer-4 p { text-align: center; font-size: 14px; }

.pro-layer-6 ul li { float: left; width: 380px; margin-right: 20px;  }
.pro-layer-6 ul li .process-cover{ width: 380px; height: 258px; overflow: hidden; }
.pro-layer-6 ul li .process-cover img{ width: 100%; }
.pro-layer-6 ul li p { text-align: center; margin-top: 20px; }
.pro-layer-6 ul li p:hover a { color: #fec107; }
.pro-layer-6 ul li:last-child { margin-right: 0; }
.pro-layer-6 h2 + p { text-align: center; margin-top: -10px; margin-bottom: 20px; }
.pro-layer-6 h2 + p a:hover { color: #fec107; }

.pro-layer-7 ul { text-align: center; margin-bottom: 40px; }
.pro-layer-7 ul li { display: inline-block; font-size: 16px; height: 30px; line-height: 30px; padding: 0 15px; margin: 0 10px; cursor: pointer; }
.pro-layer-7 ul li.cur-zz-switch, .pro-layer-7 ul li:hover { color: white; background-color: #fec107; border-radius: 4px; }
.pro-layer-7 ol li { display: none; }
.pro-layer-7 ol li.cur-zhuangzhi { display: block; }
.pro-layer-7 .zhuangzhi-left { float: left; width: 437px; overflow: hidden; }
.pro-layer-7 .zhuangzhi-right { float: left; margin-left: 50px; width: 693px; }
.pro-layer-7 .zhuangzhi-right strong { display: block; font-weight: normal; font-size: 18px; color: #000000; margin-top: 10px; margin-bottom: 20px; }
.pro-layer-7 .zhuangzhi-right img { display: block; margin-bottom: 35px; }
.pro-layer-7 .zhuangzhi-right p { font-size: 14px; color: #000000; margin-bottom: 20px; }

.pro-layer-8 h3 { font-size: 22px; font-weight: bold; text-align: center; }
.pro-layer-8 .layer-8-box { margin-top: 30px; }
.pro-layer-8 .layer-8-box .form { width: 68%; }
.pro-layer-8 .layer-8-box .form form > div { margin-bottom: 30px; }
.pro-layer-8 .layer-8-box .form form > div:last-child { margin-bottom: 0; }
.pro-layer-8 .layer-8-box .form .three-column input { width: 31%; height: 48px; border: 1px solid #d3d3d3; border-radius: 4px; padding-left: 1%; }
.pro-layer-8 .layer-8-box .form .three-column input + input { margin-left: 2%; }
.pro-layer-8 .layer-8-box .form textarea { border: 1px solid #d3d3d3; border-radius: 4px; width: 99%; height: 198px; padding-left: 1%; padding-top: 10px; }
.pro-layer-8 .layer-8-box .form input[type="submit"] { width: 100%; height: 50px; border-radius: 4px; line-height: 50px; color: white; background-color: #fec107; }
.pro-layer-8 .layer-8-box .form input[type="submit"]:hover { background-color: #e2a20a; }
.pro-layer-8 .layer-8-box .other-contact { margin-right: 4%; width: 20%; text-align: center; }
.pro-layer-8 .layer-8-box .other-contact h4 { font-size: 22px; margin-top: 50px; }
.pro-layer-8 .layer-8-box .other-contact strong { display: block; font-size: 28px; padding: 24px 0; color: #333333; }
.pro-layer-8 .layer-8-box .other-contact p { padding-left: 80px; height: 54px; line-height: 54px; text-align: left; }
.pro-layer-8 .layer-8-box .other-contact .tel { background: url("../images/tel.png") 25px center no-repeat; }
.pro-layer-8 .layer-8-box .other-contact .email { background: url("../images/email.png") 25px center no-repeat; }
.pro-layer-8 .layer-8-box .other-contact .other-zixun { padding-left: 40px; border-top: 1px solid #d3d3d3; padding-top: 30px; margin-top: 15px; }
.pro-layer-8 .layer-8-box .other-contact .other-zixun a { display: block;text-align: center; height: 48px; line-height: 48px; border: 1px solid #fec107; color: #fec107; display:table;padding:0 5px;}
.pro-layer-8 .layer-8-box .other-contact .other-zixun a:hover { background-color: #fec107; color: white; }

.case-list-show li { height: 400px; }
.case-list-show li .pro-list-intro { height: 140px; }
.case-list-show li .pro-list-intro:hover { height: 200px; bottom: 0; background-color: #3385ff; background-color: #3385ff; }
.case-list-show li .pro-list-intro:hover .pro-list-name, .case-list-show li .pro-list-intro:hover p, .case-list-show li .pro-list-intro:hover a { color: white; }
.case-list-show li .pro-list-intro:hover a:hover { color: white; }
.case-list-show li .pro-list-other { margin-top: 30px; }

.gongyi-content + .gongyi-content { border-top: 20px solid #eff2fb; }
.gongyi-content .gongyi-list-title { font-size: 24px; font-weight: bold; color: #333333; }
.gongyi-list-title+.case-list-show{ margin-top: 40px; }
.gongyi-content .gongyi-list-title + p { font-size: 14px; color: #777777; margin-top: 20px; margin-bottom: 40px; }
.gongyi-content .gongyi-list-title a { float: right; font-size: 14px; color: #fec107; }
.gongyi-content .gongyi-list-show{ margin-top: 40px; }
.gongyi-content .gongyi-list-show li { overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #d3d3d3; }
.gongyi-content .gongyi-list-show li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.gongyi-content .gongyi-list-show li .gongyi-list-img { float: left; width: 380px; }
.gongyi-content .gongyi-list-show li .gongyi-list-intro { float: right; width: 780px; }
.gongyi-content .gongyi-list-show li .gongyi-list-intro strong { display: block; margin: 25px 0 20px 0; font-size: 16px; color: #333333; }
.gongyi-content .gongyi-list-show li .gongyi-list-intro strong:hover a { color: #fec107; }
.gongyi-content .gongyi-list-show li .gongyi-list-intro p { font-size: 14px; color: #777777; }
.gongyi-content .gongyi-list-show li .gongyi-list-intro .xiangqing { margin-top: 30px; }
.gongyi-content .gongyi-list-show li .gongyi-list-intro .xiangqing a { color: #fec107; }

.fengexian { height: 20px; }

.case-content { padding-bottom: 80px; }
.case-content > section { padding-top: 70px; }

.case-content h2 { text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 30px; display:table;margin-left:auto;margin-right:auto;position:relative;}
.case-content h2:before,.case-content h2:after{ content: ""; position: absolute; margin-top: 8px; width: 120px; height: 7px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.case-content h2:before { margin-left: -150px; }
.case-content h2:after {right:-150px; }


.case-content .case-layer-1 { background-color: #eef2fb; }
.case-content .case-layer-1 .case-layer-1-img { width: 570px; overflow: hidden; }
.case-content .case-layer-1 .case-layer-1-img img { transform: scale(1); transition: all ease 0.5s; }
.case-content .case-layer-1 .case-layer-1-img img:hover { transform: scale(1.2); }
.case-content .case-layer-1 .case-layer-1-beijing { width: 610px; padding: 50px 25px 0 40px; }
.case-content .case-layer-1 .case-layer-1-beijing .beijing-box strong { display: block; margin: 5px 0; font-size: 18px; color: #333333; }
.case-content .case-layer-1 .case-layer-1-beijing .beijing-box p { font-size: 14px; color: #777777; }
.case-content .case-layer-2 .case-layer-2-text p { font-size: 14px; color: #777777; line-height: 30px; }
.case-content .case-layer-2 .case-layer-2-text p span { color: #333333; }
.case-content .case-layer-2 li { float: left; margin-top: 30px; width: 360px; margin-right: 50px; }
.case-content .case-layer-2 li:last-child { margin-right: 0; }
.case-content .case-layer-2 li p { margin-top: 15px; text-align: center; font-size: 16px; color: #777777; }
.case-content .case-layer-2 li p a:hover { color: #fec107; }
.case-content .case-layer-3 { background-color: #eef2fb; }
.case-content .case-layer-3 .case-layer-3-img { width: 355px; }
.case-content .case-layer-3 .case-layer-3-text { width: 825px; padding: 65px 20px 0 20px; }
.case-content .case-layer-3 .case-layer-3-text p { font-size: 14px; color: #777777; }

.process-layer-2 li { float: left; margin-right: 20px; width: 380px; height: 165px; padding: 30px 20px; background-color: #3385ff; overflow: hidden; }
.process-layer-2 li:last-child { margin-right: 0; }
.process-layer-2 li p, .process-layer-2 li strong { color: white; }
.process-layer-2 li strong { font-size: 20px; font-weight: normal; }
.process-layer-2 li .process-layer-2-left { float: left; width: 50px; margin-top: 10px; }
.process-layer-2 li .process-layer-2-right { float: right; width: 270px; }
.process-layer-2 li .process-layer-2-right p { font-size: 14px; }

.process-layer-3 li > p { font-weight: bold; }
.process-layer-3 .process-cover { position: relative; cursor: pointer; }
.process-layer-3 .process-cover .process-cover-bg { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(51, 133, 255, 0.7); transition: all ease 0.3s; }
.process-layer-3 .process-cover .process-cover-bg p { font-size: 14px; color: white; position: absolute; margin-top: 0; text-align: left; width: 316px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.process-layer-3 .process-cover:hover .process-cover-bg { opacity: 1; }

.news-list-content { padding-bottom: 80px; }
.news-list-content li { overflow: hidden; margin-top: 40px; border-bottom: 1px solid #d3d3d3; padding-bottom: 40px; }
.news-list-content li strong { display: block; margin: 20px 0; font-size: 20px; font-weight: normal; }
.news-list-content li strong:hover a { color: #fec107; }
.news-list-content li span, .news-list-content li p { font-size: 14px; }
.news-list-content li p { margin-top: 10px; }
.news-list-content li .more a { display: block; margin-top: 20px; color: #999999; }
.news-list-content li .more a:hover { color: #fec107; }
.news-list-content li .fl { width: 340px; }
.news-list-content li .fl img{ width: 100%; height: 196px; }
.news-list-content li .fr { width: 785px; }
.news-list-content li .first-two { width: 602px; padding: 35px 20px 0 35px; }
.news-list-content li .first-two b { display: block; font-size: 40px; font-style: italic; }
.news-list-content li img { width: 100%; }

.news-list-content li:first-child, .news-list-content li:nth-child(2) { height: 386px; background-color: #eef2fb; padding-bottom: 0; border-bottom: none; }
.news-list-content li:first-child:hover, .news-list-content li:nth-child(2):hover { background-color: #3385ff; }
.news-list-content li:first-child:hover b, .news-list-content li:first-child:hover strong, .news-list-content li:first-child:hover span, .news-list-content li:first-child:hover p, .news-list-content li:first-child:hover a, .news-list-content li:nth-child(2):hover b, .news-list-content li:nth-child(2):hover strong, .news-list-content li:nth-child(2):hover span, .news-list-content li:nth-child(2):hover p, .news-list-content li:nth-child(2):hover a { color: white; }
.news-list-content li:first-child:hover a:hover, .news-list-content li:nth-child(2):hover a:hover { color: #fec107; }
.news-list-content li:first-child .fl { width: 578px; }
.news-list-content li:nth-child(2) .fr { width: 578px; }
.news-list-content li:first-child .fl img,.news-list-content li:nth-child(2) .fr img{ height: 386px; }

.news-list-content li:last-child { border-bottom: none; }
.news-list-content .fenye { text-align: center; }
.news-list-content .fenye a { background-color: #f6f6f6; padding: 2px 8px; }
.news-list-content .fenye > b, .news-list-content .fenye > a:hover { background-color: #fec107; padding: 2px 8px; color: white; }
.news-list-content .news-list-each:hover { background-color: #eef2fb; }

.news-content { padding: 80px 0; }
.news-content h1 { font-size: 28px; text-align: center; color: #333333; }
.news-content h1+p { display: block; text-align: center; margin-top: 15px; margin-bottom: 30px; }
.news-content p { font-size: 14px; margin: 10px 0; }
.news-content .return { width: 120px; height: 40px; text-align: center; line-height: 40px; background-color: #fec107; margin-top: 40px; }
.news-content .return a { color: white; }

.pre-nex { margin-top: 80px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.pre-nex a:hover { color: #fec107; }

.about-layer-1 { margin-top: 70px; background-color: #eef2fb; }
.about-layer-1 > div { width: 590px; }
.about-layer-1 .fl { overflow: hidden; }
.about-layer-1 .fl img { transform: scale(1); transition: all ease 0.5s; }
.about-layer-1 .fl img:hover { transform: scale(1.2); }
.about-layer-1 .fr { padding: 30px; }
.about-layer-1 p { margin-top: 15px; font-size: 14px; text-indent: 2em; }

.about-layer-2 { margin: 80px 0; height: 669px; background: url("../images/about/bg.jpg") center center no-repeat; }
.about-layer-2 .about-title { color: white; padding-top: 70px; padding-bottom: 40px; }
.about-layer-2 .application-box > ul { text-align: center; }
.about-layer-2 .application-box > ul li { display: inline-block; margin: 0 6px; width: 110px; height: 40px; text-align: center; line-height: 40px; color: white; border: 1px solid white; border-radius: 4px; cursor: pointer; }
.about-layer-2 .application-box > ul li.cur-about-nav, .about-layer-2 .application-box > ul li:hover { background-color: #fec107; border-color: #fec107; }
.about-layer-2 .application-box > ol { margin-top: 40px; }
.about-layer-2 .application-box > ol > li:nth-child(2), .about-layer-2 .application-box > ol > li:nth-child(3) { display: none; }

.about-title { font-size: 28px; color: #333333; font-weight: bold; text-align: center; }

.carousel-control { opacity: 1; width: 32px; height: 32px; top: 182px; left: -56px; }
.carousel-control .toLeft, .carousel-control .toRight { width: 32px; height: 32px; display: inline-block; }
.carousel-control .toLeft { background: url("../images/about/toLeft.png"); }
.carousel-control .toRight { background: url("../images/about/toRight.png"); }
.carousel-control.left { bottom: 0; background-repeat: no-repeat; }
.carousel-control.right { right: -56px; bottom: 0; background-repeat: no-repeat; }
.carousel-control.left:hover .toLeft { background: url("../images/about/toLeftHover.png"); }
.carousel-control.right:hover .toRight { background: url("../images/about/toRightHover.png"); }

.carousel-control.left, .carousel-control.right { background-image: none; }

.about-layer-3 { margin-bottom: 80px; }
.about-layer-3 ul li { position: relative; width: 570px; float: left; margin-right: 40px; margin-top: 40px;cursor: pointer; }
.about-layer-3 ul li:nth-child(2n) { margin-right: 0; }
.about-layer-3 ul li .about-cover { position: absolute; background: rgba(255, 255, 255, 0.7); width: 100%; height: 40px; bottom: 0; cursor: pointer; }
.about-layer-3 ul li .about-cover .about-cover-text strong { display: block; font-size: 20px; text-align: center; line-height: 40px; font-weight: normal; color: #333333; }
.about-layer-3 ul li .about-cover .about-cover-text p { margin-top: 10px; font-size: 14px; color: white; text-align: center; display: none; }
/*.about-layer-3 ul li:hover .about-cover { height: 100%; left: 0; top: 0; background: rgba(51, 133, 255, 0.7); }
.about-layer-3 ul li:hover .about-cover .about-cover-text { position: absolute; width: 410px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.about-layer-3 ul li:hover .about-cover .about-cover-text strong { color: white; }
.about-layer-3 ul li:hover .about-cover .about-cover-text p { display: block; }*/

.contact-content { padding: 80px 0; }
.contact-content .contact-layer-1 h3 { margin-bottom: 30px; }
.contact-content .contact-layer-1 p { font-size: 14px; text-align: center; }
.contact-content .contact-layer-1 li { float: left; width: 180px; margin: 30px 28px 70px; }
.contact-content .contact-layer-1 li img { width: 104px; margin: auto; display: block; }
.contact-content .contact-layer-1 li strong { display: block; font-size: 16px; color: #3385ff; text-align: center; margin-top: 15px; }
.contact-content .contact-layer-1 li p { margin-top: 5px; }
.contact-content .layer-8-box .form { width: 100%; }

.sideBar { position: fixed; right: 10px; bottom: 10%; display: none; }
.sideBar .toTop { display: block; width: 50px; padding: 6px 0; background-color: #eef2fb; cursor: pointer; }
.sideBar .toTop span { display: block; text-align: center; }
.sideBar .toTop:hover { background-color: #fec107; color: white; }

.search{ margin-bottom: 30px; }
.search form{ float: right; border: 1px solid gray;  }
.search form input[type="submit"],.search form input[type="text"]{ padding:2px 5px; }

footer .container>.row>div:nth-child(2){ padding-left: 6%; }

.page_bg{display:none;position:fixed;width:100%;height:100%;background:#000;z-index:1;top:0;left:0;opacity:0.7;}
.page_content{display:none; left: 0; top: 0; position:fixed;z-index:2; width: 750px; height: 500px;}
.page_content img{ display: block; }
.page_close{ position: absolute; top: 16px; right: 16px; cursor: pointer; font-size: 30px; color: white;}

.tw p{text-align: justify !important;text-indent: initial;}
/*# sourceMappingURL=style.css.map */


.shaixuan{margin-bottom:20px;}
.products-content{padding:30px 0;}
.shaixuan span{display:block;font-size:18px;font-weight:bolder;}
.shaixuan ul{display:block;}
.shaixuan li{display:inline-block;margin:5px 10px 0px 0;cursor: pointer;border:1px solid transparent;padding:8px 10px;line-height:1;}
.shaixuan .quxiao{display:inline-block;margin:5px 0 0 0;cursor: pointer;border:1px solid transparent;padding:8px 10px;line-height:1;}
.shaixuan li.active,.shaixuan li:hover{border:1px solid #fec107;background-color:#fec107;color:#ffffff;}
.shaixuan .quxiao:hover{border:1px solid #fec107;background-color:#fec107;color:#ffffff;}
.pro-list-show.case-list-show{margin-top:30px;}
.products-content .search-chaxun{display:none;}


.dropdown-menu {
	width: 250px !important;
	border-radius: 0;
	margin-top: 0;
	border-top-color: #ddd;
	min-width: auto;
	display: block;
	display: none\9;
	display: block\9\0;
	-webkit-transform: scale(1.2, 0);
	transform: scale(1.2, 0);
	opacity: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all .2s ease-out;
	-webkit-transition: -webkit-all .2s ease-out;
	transition: -webkit-all .2s ease-out;
	transition: all .2s ease-out;
	transition: all .2s ease-out, -webkit-all .2s ease-out;
	-webkit-box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);
	box-shadow: 0px 5px 8px rgba(102, 102, 102, 0.35);

	margin-left: -2px;
position: absolute !important;
}
.dropdown-menu > li{ text-align: center;margin-left:10px; }
.dropdown-menu > li:not(:last-child) {
	border-bottom: 1px solid #d7d7d7;
}

.dropdown-menu > li>a {
padding: 5px 0 !important;
font-size: 14px !important;
line-height: 28px !important;
height: auto !important;
}

.dropdown-menu > li>a:hover {
	color: #f29c06;
	background-color: transparent;
}

.dropdown-active{
	display: block\9;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}