@charset "utf-8";
/* 
Document: core.css 
Created on: 2019-06-05;
Created on: 2019-06-05;
Author: lyy
Description: 全站样式表
*/

/*CSS reset*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset, img{ border:0; }
address, caption, cite, code, em, strong, th{ font-style:normal; font-weight:normal; }
ol, ul{ list-style:none; }
caption, th{ text-align:left; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; }
input, button, textarea, select{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select{ *font-size:100%; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ outline:0 none; }
:link, :visited{ text-decoration:none; }
pre{ white-space:pre-wrap; word-wrap:break-word; }
body, button, input, select, textarea{ font:14px/1.5 "Microsoft Yahei", Arial, sans-serif; }
body{ color:#333; font-family:"Microsoft YaHei"; background:#fff; }
h1, h2, h3{ font-family:"Microsoft Yahei"; }
a{ cursor:pointer; color:#333; }
a:hover{ color:#333; }
a img{ vertical-align:middle; }
a em{ display:block; cursor:pointer; text-align:center; }
em{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hidden{ display:none; }
.fl{ float:left; }
.fr{ float:right; }
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both; }
.clearfix{ *zoom:1; }

.title-1 { position: relative; text-align: center; padding-bottom: 15px; }
.title-1 h2 { padding: 110px 0 15px; text-align: center; font-size: 36px; font-weight: bold; }
.title-1 p { font-size: 16px; color: #666; }
.title-1:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 60px; height: 4px; background: #eea511; }

#header { background: #22282d; }
.header-top { margin: 0 auto; width: 1180px; height: 70px; overflow: hidden; }
.header-top .logo { width: 20%; padding-top: 15px; }
.header-top .logo img { height: 36px; display: block; }
.header-top .header-link { padding-top: 22px; width: 80%; text-align: right; }
.header-top .header-link a { margin-left: 45px; display: inline-block; vertical-align: top; font-size: 14px; padding-bottom: 25px; color: #fff; }
.header-top .header-link a:hover,
.header-top .header-link a.current{ border-bottom: #eea511 2px solid; color: #eea511; }
/* .header-banner { height: 700px; background: url("../images/banner.jpg") no-repeat center top; } */
.header-banner {position: relative;}
.header-banner .banner-img {width: 100%;display: block;}
.header-banner .word { position: absolute; top: 50%; left: 50%; width: 1180px; transform: translate(-50%, -50%);  }
.header-banner h2 { font-size: 46px; color: #fff; }
.header-banner p { margin-top: 17px; font-size: 24px; color: #fff; }
.header-banner a { display: block; width: 178px; height: 49px; margin-top: 40px; font-size: 16px; text-align: center; line-height:49px; color: #fff; border-radius: 25px; background: linear-gradient(left, #f7b01a, #f29719); background: -webkit-linear-gradient(left, #f7b01a, #f29719); }
.header-banner.contact-banner { height: 410px; background: url("../images/about-banner.jpg") no-repeat center top; }
#header.scrolled { position: fixed; top:0; left: 0; width: 100%; z-index: 100; background: rgba(71, 78, 83, .72); }
#header.scrolled .header-top { height: 70px; }
#header.scrolled .header-top .logo { padding-top: 15px; }
#header.scrolled .header-top .header-link { display: block; }

#wrap{ overflow:hidden; }
.contact-wrap { margin: -213px auto 0; width: 1200px; background: #fff; box-shadow: 0 213px 10px #f7f7f7; }
.wrap-title { background: #14208f; }
.wrap-title h2 { position: relative; width: 1190px; margin: 0 auto; padding-left: 10px; height: 60px; color: #fff; line-height: 60px; font-size: 18px; font-weight: bold; }
.wrap-title h2:before { content: ""; position: absolute; left: 4px; top: 50%; display: block; width: 2px; height: 15px; margin-top: -7px; background: #fff; }

.we-service { background: #fff; } 
.we-service .service-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.we-service .service-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.we-service .service-list li { float: left; margin: 80px 20px 0 0; padding-bottom: 55px; width: 290px; background: #fff; border: #cecece 1px solid; }
.we-service .service-list li:hover { box-shadow: 0 0 10px #cecece; }
.we-service .service-list li i { position: relative; display: block; margin: 50px auto 0; width: 160px; height: 210px; }
.we-service .service-list li .icon-1 { background: url("../images/icon-1.png") no-repeat; }
.we-service .service-list li .icon-2 { background: url("../images/icon-2.png") no-repeat; }
.we-service .service-list li .icon-3 { background: url("../images/icon-3.png") no-repeat; }
.we-service .service-list li .icon-4 { background: url("../images/icon-4.png") no-repeat; }
.we-service .service-list li h3 { padding-top: 25px; font-size: 20px; text-align: center; }

.select-us { background: #f6f6f6; } 
.select-us .select-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.select-us .select-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.select-us .select-list li { float: left; margin: 80px 20px 0 0; width: 290px; height: 445px; background: #fff; }
.select-us .select-list li:hover { box-shadow: 0 0 10px #cecece; }
.select-us .select-list li i { position: relative; display: block; margin: 70px auto 0; height: 153px; }
.select-us .select-list li .icon-1 { width: 132px; background: url("../images/icon-5.png") no-repeat; }
.select-us .select-list li .icon-2 { width: 150px; background: url("../images/icon-6.png") no-repeat; }
.select-us .select-list li .icon-3 { width: 168px; background: url("../images/icon-7.png") no-repeat; }
.select-us .select-list li .icon-4 { width: 150px; background: url("../images/icon-8.png") no-repeat; }
.select-us .select-list li h3 { padding-top: 45px; font-size: 20px; text-align: center; }
.select-us .select-list li p { padding: 20px 15px 0; text-align: center; color: #666; font-size: 14px; line-height: 1.8; }

.our-product { position: relative; height: 1100px; background: #2a2e30 url("../images/product-bg.jpg") no-repeat; }
.our-product .title-1 h2,
.our-product .title-1 p { color: #fff; }
.our-product .product-list { width: 1380px; height: 660px; padding-left: 950px; background: url("../images/product-pic.png") no-repeat 0; margin: 75px auto 0; overflow: hidden; box-sizing: border-box; }
.our-product .product-list ul { padding-bottom: 130px; overflow: hidden; padding-top: 40px; } 
.our-product .product-list li { margin-top: 50px; }
.our-product .product-list li dl { position: relative; padding-left: 130px; min-height:78px; }
.our-product .product-list li dt { position: absolute; left: 0; top: 50%; margin-top: -39px; width: 77px; height: 77px; border-radius: 50%; }
.our-product .product-list li dd.title { color: #eea511; font-size: 20px; }
.our-product .product-list li dd.word { padding-top: 15px; color: #fff; font-size: 14px; }
.our-product .product-list li .icon-1 { background: url("../images/icon-9.png") no-repeat; }
.our-product .product-list li .icon-2 { background: url("../images/icon-10.png") no-repeat; }
.our-product .product-list li .icon-3 { background: url("../images/icon-11.png") no-repeat; }
.our-product .product-list li .icon-4 { background: url("../images/icon-12.png") no-repeat; }
/* .our-product .product-list li:hover dt { background-color: #eea511; } */
.our-product .product-list li:hover .icon-1 { background: url("../images/icon-21.png") no-repeat; }
.our-product .product-list li:hover .icon-2 { background: url("../images/icon-22.png") no-repeat; }
.our-product .product-list li:hover .icon-3 { background: url("../images/icon-23.png") no-repeat; }
.our-product .product-list li:hover .icon-4 { background: url("../images/icon-24.png") no-repeat; }

.service-process { background: #f6f6f6; } 
.service-process .process-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.service-process .process-list ul { padding: 0 15px 130px; overflow: hidden; } 
.service-process .process-list li { float: left; margin: 80px 5px 0; padding-bottom: 33px; width: 228px; background: #fff; border-bottom: #fff 2px solid; }
.service-process .process-list li:hover {  border-bottom: #eea511 2px solid; }
.service-process .process-list li i { position: relative; display: block; margin: 45px auto 0; width: 120px; height: 120px; border-radius: 50%; background: #f6f6f6 no-repeat center center; }
.service-process .process-list li .icon-1 { background-image: url("../images/icon-13.png"); }
.service-process .process-list li .icon-2 { background-image: url("../images/icon-14.png"); }
.service-process .process-list li .icon-3 { background-image: url("../images/icon-15.png"); }
.service-process .process-list li .icon-4 { background-image: url("../images/icon-16.png"); }
.service-process .process-list li .icon-5 { background-image: url("../images/icon-17.png"); }
.service-process .process-list li h3 { padding-top: 20px; font-size: 20px; text-align: center; }
.service-process .process-list li p { padding-top: 20px; text-align: center; color: #666; }
.service-process .process-list li p em { display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; line-height: 1.2; font-style: italic; overflow: visible; font-size: 32px; font-weight: bold; color: #d6d6d6; border-bottom: #d6d6d6 2px solid; }

.about-us { padding-top: 40px; height: 500px; box-sizing: border-box; background: url("../images/about-bg.jpg") no-repeat center top; }
.about-us .title-1 h2,
.about-us .title-1 p { color: #fff; }
.about-us .word { padding-top: 60px; text-align: center; color: #fff; line-height: 1.8; }

.contact-us { background: #fff; } 
.contact-us .contact-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.contact-us .contact-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.contact-us .contact-list li { float: left; margin: 100px 0 0 130px; padding-bottom: 33px; width: 300px; background: #fff; border-bottom: #fff 2px solid; }
.contact-us .contact-list li i { position: relative; display: block; margin-left: 15px; width: 50px; height: 50px; border-radius: 50%; background: #333 no-repeat center center; }
.contact-us .contact-list li .icon-1 { background-image: url("../images/icon-18.png"); }
.contact-us .contact-list li .icon-2 { background-image: url("../images/icon-19.png"); background-position: 20px 10px; }
.contact-us .contact-list li .icon-3 { background-image: url("../images/icon-20.png"); }
.contact-us .contact-list li h3 { padding-top: 20px; font-size: 20px; }
.contact-us .contact-list li p { padding-top: 20px; color: #666; white-space:normal}

#footer { background: #20262b; padding: 42px 0 32px; }
#footer p,
#footer a,
#footer span{ text-align: center; color: #888; font-size: 12px; overflow: hidden; }
#footer a,
#footer span{ display: inline-block; }
#footer .foot-word{ padding-bottom: 15px; }
#footer .foot-code a,
#footer .foot-code span{ padding-left: 20px; height: 33px; line-height: 33px; }
#footer .foot-code .code-4{ padding-left: 0; }
#footer .foot-code .code-6{ padding-left: 30px; background: url("../images/record-icon.png") no-repeat left center; margin-left: 20px; }

.product-buy { background: #fff; } 
.product-buy .product-list { width: 1230px; margin: 0 auto; overflow: hidden; }
.product-buy .product-list ul { padding-bottom: 130px; overflow: hidden; width: 120%; } 
.product-buy .product-list li { float: left; margin: 100px 0 0 23px; padding: 48px 30px; width: 396px; height: 342px; color: #fff; background: url("../images/buy-product.png") no-repeat; background-size: 100%; box-sizing: border-box;position: relative; }
.product-buy .product-list li:first-child {margin-left: 0;}
.product-buy .product-list li h3 { padding-bottom: 22px; font-size: 20px; }
.product-buy .product-list li p { height: 120px; font-size: 14px; }
.product-buy .product-list li .price {color: #EEA511;font-size: 16px;}
.product-buy .product-list li .price b {font-weight: normal; font-size: 24px;}
.product-buy .product-list li a {width: 148px;height: 48px;background: linear-gradient(270deg, #F29719 0%, #F7B01A 100%);border-radius: 24px;text-align: center;line-height: 48px;font-size: 16px;color: #fff;display: block;position: absolute;bottom: -24px;left: 50%; transform: translate(-50%, 0);}

/*.popup-box {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;}
.popup-box .box-con {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 300px;border-radius: 10px;overflow: hidden;background-color: #fff;}
.popup-box .box-inner {padding: 40px;text-align: center;font-size: 18px;}
.popup-box .box-btn {display: block;width: 100%;height: 50px;line-height: 50px;border-top: 1px solid #ddd;font-size: 18px;color: #EEA511;text-align: center;}*/
.popup-box {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;}
.popup-box .box-con {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -0%);width: 500px;border-radius: 10px; overflow: hidden;background-color: #fff;}
.popup-box .box-inner {padding: 40px 40px 10px 40px;text-align: center;font-size: 18px;}
.popup-box .box-btn {display: block;width: 100%;height: 50px;line-height: 50px;border-top: 1px solid #ddd;font-size: 18px;color: #EEA511;text-align: center;}
.popup-box .box-con .cancle {position:absolute;padding-left:459px;font-size:36px;color:gray}
.popup-box .box-con .divline {padding-left: 20px; padding-top: 5px; font-size: 18px;}
.popup-box .box-con input {border: 1px solid #ccc; background-color: #f2f2f2;width:200px;}

@media (max-width: 767px) {
    #header.scrolled .header-top {height: 46px;}
    /* 隐藏滚动条 */
    ul::-webkit-scrollbar {display: none;}
    .header-top {width: 80%; height: 46px;}
    .header-top .logo {padding-top: 10px;}
    .header-top .logo img {height: 26px;}
    .header-banner .word {width: 80%;}
    .header-banner h2 {font-size: 14px;}
    .header-banner p {margin-top: 5px; font-size: 12px;}
    .header-banner a {width: 110px; height: 30px; margin-top: 10px; font-size: 12px; line-height: 30px;}
    .title-1 {padding-bottom: 10px;}
    .title-1:after {width: 30px; height: 2px;}
    .title-1 h2 {padding: 15px 0 5px; font-size: 14px;}
    .title-1 p {font-size: 12px;}

    .product-buy .product-list,
    .select-us .select-list,
    .we-service .service-list,
    .service-process .process-list,
    .contact-us .contact-list {width: auto;}
    .product-buy .product-list ul,
    .select-us .select-list ul,
    .we-service .service-list ul,
    .service-process .process-list ul,
    .contact-us .contact-list ul {height: auto; overflow: hidden; overflow-x: auto; white-space: nowrap; width: auto; padding: 0 10px 50px;}
    .product-buy .product-list li {height: auto; display: inline-block; width: 300px; float: none; margin: 20px 0 0 10px; padding: 30px 20px;}
    .product-buy .product-list li h3 {padding-bottom: 10px; font-size: 14px; white-space: normal;}
    .product-buy .product-list li p {height: 80px; font-size: 12px; white-space: normal;}
    .product-buy .product-list li .price {font-size: 14px;}
    .product-buy .product-list li .price b {font-size: 20px;}
    .product-buy .product-list li a {width: 110px; height: 34px; line-height: 34px; font-size: 14px; bottom: -16px;}

    .select-us .select-list ul,
    .we-service .service-list ul,
    .service-process .process-list ul {padding-left: 0;}
    .select-us .select-list li,
    .we-service .service-list li,
    .service-process .process-list li,
    .contact-us .contact-list li {display: inline-block; width: 200px; height: auto; float: none; margin: 20px 0 0 10px; vertical-align: middle;}
    .select-us .select-list li i {margin: 30px auto 0; height: 120px;}
    .select-us .select-list li .icon-1 {width: 100px; background-size: 100%;}
    .select-us .select-list li .icon-2 {width: 118px; background-size: 100%;}
    .select-us .select-list li .icon-3 {width: 132px; background-size: 100%;}
    .select-us .select-list li .icon-4 {width: 118px; background-size: 100%;}
    .select-us .select-list li h3 {font-size: 14px; padding-top: 15px;}
    .select-us .select-list li p {white-space: normal; font-size: 12px; padding: 15px 15px; height: 90px;}

    .we-service .service-list li {padding-bottom: 20px;}
    .we-service .service-list li i {width: 100px; margin: 30px auto 0; height: 130px;}
    .we-service .service-list li .icon-1,
    .we-service .service-list li .icon-2,
    .we-service .service-list li .icon-3,
    .we-service .service-list li .icon-4 {background-size: 100%;}
    .we-service .service-list li h3 {font-size: 14px; padding-top: 15px;}

    .our-product {height: auto; padding: 0 15px 0 10px;}
    .our-product .product-list {width: 100%; height: auto; padding-left: 150px; margin: 0; background: url(../images/product-pic.png) no-repeat 0 center; background-size: 120px;}
    .our-product .product-list ul {padding-top: 0;padding-bottom: 30px;}
    .our-product .product-list li {margin-top: 30px;}
    .our-product .product-list li dl {padding-left: 40px; min-height: auto;}
    .our-product .product-list li dt {width: 30px; height: 30px; margin-top: -14px;}
    .our-product .product-list li .icon-1,
    .our-product .product-list li .icon-2,
    .our-product .product-list li .icon-3,
    .our-product .product-list li .icon-4 {background-size: 100%;}
    .our-product .product-list li dd.title {font-size: 14px;}
    .our-product .product-list li dd.word {font-size: 12px; padding-top: 5px;}

    .service-process .process-list li {padding-bottom: 30px;}
    .service-process .process-list li i {width: 100px; height: 100px; margin: 30px auto 0;}
    .service-process .process-list li h3 {font-size: 14px; padding-top: 10px;}
    .service-process .process-list li p {padding-top: 10px;}
    .service-process .process-list li p em {font-size: 22px;}

    .about-us {height: 400px;}
    .about-us .word {font-size: 14px; padding: 30px 20px 0;}

    .contact-us .contact-list li i {width: 30px; height: 30px; margin-left: 12px;}
    .contact-us .contact-list li .icon-1,
    .contact-us .contact-list li .icon-2,
    .contact-us .contact-list li .icon-3 {background-size: 14px;}
    .contact-us .contact-list li .icon-2 {background-position: 10px 6px;}
    .contact-us .contact-list li h3 {font-size: 14px; padding-top: 10px;}
    .contact-us .contact-list li p {font-size: 12px; padding-top: 10px;}

    #footer {padding: 42px 15px 32px;}
}