/* CSS Document */

html { font-family:"微软雅黑"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; }

body { margin: 0 auto; padding:0; color: #333333; background:#f7f7f7; width: 100%; max-width:720px; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }

a:active { outline: 0; }

a:active { color: #333; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
form,
blockquote { margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

ul,
ol,
li,
dl,
dd { margin: 0; padding: 0;  }

ul,
ol { list-style: none outside none;font-size:0 }

li{ display:inline-block}
p{font-size:1.65rem; line-height:1.6}

h1,
h2,
h3 { font-weight: normal; }
b{ font-weight:bold}

.clear { clear: both; }
.w{ width:100%}
.color{color:#ffe610}

/*head*/
.head{ height:100px; background:#1e1e1e; font-size:0 ; }
.head .logo{ padding-top:1.75rem; padding-left:30px; float:left; width:180px; display:inline-block}
.head .right{ width:calc(100% - 240px); height:44px; text-align:right; padding-top:1.9rem; display:inline-block; font-size:0; }
.head .right .nav{ width:44px; cursor:pointer;  display:inline-block}
.head .right .register{ border:1px solid #ffe610; height:42px; width:130px; text-align:center;  margin-right:30px;  border-radius:50px;  display:inline-block; vertical-align: top;}
.head .right .register a{line-height:42px;font-size:1.65rem; color:#ffe610}

.menu{ width:100%;     max-width: 720px; height:100%; position:absolute; z-index:9999; background:rgba(0,0,0,0.6); display:none  }
.menu ul{width:90%; padding:12% 5%;  background:#ffe610;}
.menu li{ width:100%;border-bottom:1px solid #fff; text-align:center}
.menu li a{ display:block; font-size:1.8rem; line-height:3; font-weight:bold}
.menu .close{ width:100%; text-align:center; opacity:0.9; margin-bottom:20px;}

.ban{}
.ban img{ width:100%}

.ys{ background:#fff;   box-shadow:1px 1px 10px #eee; -webkit-box-shadow:1px 1px 10px #eee; font-size:0; padding:40px 0}
.ys li{ width:25%; text-align:center;display:inline-block; background:url(../image/line.jpg) no-repeat right center;}
.ys li:nth-child(4){ background:none}
.ys li h1{ font-size:1.75rem; line-height:2; }
.ys li p{ color:#999;  }

.core{ padding:50px 0 30px 0;}
.core .swiper-container {
        width: 100%;
        height: 100%;
    }
.core .swiper-slide {
        text-align: center;
        font-size: 18px; 
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.title{ width:100%; margin-bottom:10px; text-align:center}
.title h1{ font-size:1.9rem; padding-bottom: 10px;}
.title img{ margin-bottom:20px;}
.title p{  color:#666; padding:0 20px;}
.core .swiper-slide .title p{  color:#666; padding:0 20px;}
.core .swiper-slide .pic{ width:100%; margin-top:30px;}
.core .swiper-slide .pic img{ max-width:100%}
.core .swiper-pagination-bullet-active{ background:#999}
.core .swiper-pagination-bullet{ width:11px; height:11px;}
.core .swiper-wrapper{/* padding-bottom:30px;*/}
.core .swiper-container-horizontal>.swiper-pagination-bullet{ bottom:0}


.ad{ height:222px; background:url(../image/adBg.jpg) no-repeat; text-align:center}
.ad p{ padding-top:150px;}
.ad a{ width:150px; height:45px; line-height:45px; text-align:center; font-size:1.65rem; color:#222; margin:0 25px;  border:1px solid #222; display:inline-block; border-radius:50px;}
.ad a:nth-child(2){ border:1px solid #222; background:#222; color:#ffe610}


.marketing{ background:#fff; padding:50px 0 30px 0}
.marketing .swiper-slide { padding-bottom:30px;}
.marketing .swiper-pagination-bullet{ width:11px; height:11px;}
.marketing .swiper-pagination-bullet-active{ background:#999}
.marketing .swiper-slide .market{ width:100%; font-size:0; margin-top:30px;}
.marketing .swiper-slide .market li{ width:25%; display:inline-block; text-align:center; margin-bottom:15px;}
.marketing .swiper-slide .market li p{ font-size:1.65rem; line-height:2.5; }

.industry{ padding-top:50px;}
.industry ul{ width:calc(100% - 40px); padding:40px 20px; background:#ffe610; border-radius:20px; }
.industry li{ width:calc(20% - 1px); text-align:center; border-right:1px dashed #fff; padding:20px 0}
.industry li p{ font-size:1.65rem; line-height:2.5;}
.industry li:nth-child(5n+5){ border-right:none}
.industry li:nth-child(1),.industry li:nth-child(2),.industry li:nth-child(3),.industry li:nth-child(4),.industry li:nth-child(5){border-bottom:1px dashed #fff;}

.case{ background:#fff; padding:50px 0 30px 0;}
.case ul{ margin-top:20px; padding:0 40px; }
.case ul li{ width:50%; text-align:center; margin-bottom:20px;}
.case ul li img{ max-width:200px;}
.case .swiper-pagination-bullet-active{ background:#999}
.case .swiper-pagination-bullet{ width:11px; height:11px;}
.case .swiper-slide{ padding-bottom:30px;}


.about{ padding-top:50px;}
.about .ab{ width:100%; margin-top:20px;}

.lc{ background:#fff; padding:50px 0 30px 0;}
.lc .lcimg{ width:100%; margin-top:20px;}

.contact{ background:#222; padding-bottom:100px;}
.contact .con{ background:#ffe610; padding:50px 0; text-align:center; color:#222; border-radius: 0 0 20px 20px;}
.contact .con h1{ font-size:2.5rem; padding-bottom:10px;}
.contact .con p{ font-size:1.8rem}
.contact .con ul{ width:calc(100% - 50px); padding:0 25px; margin-top:30px;}
.contact .con ul li{ width:calc(50% - 65px); text-align:left; padding-left:65px;}
.contact .con ul li a{ display:block}
.contact .con ul li p{ font-size:1.5rem ; font-weight:bold;}
.contact .con ul li h1{ font-size:2rem; font-weight:bold;}
.contact .con ul li:nth-child(1){ background:url(../image/icon_tel.png) no-repeat center left}
.contact .con ul li:nth-child(2){ background:url(../image/icon_phone.png) no-repeat center left}
.contact .copy{ color:#959595; text-align:center; padding:25px 0;}
.contact .copy p{ font-size:1.5rem}


.footer{ width:100%;    max-width: 720px; height:100px; position:fixed; bottom:0; background:#ffe610; z-index:999; text-align:center;box-shadow:1px 1px 8px 1px #eee; -webkit-box-shadow:1px 1px 8px 1px #eee;}
.footer a{width:180px; height:55px; line-height:55px; text-align:center; font-size:1.7rem; color:#222; margin:0 25px;  border:1px solid #222; display:inline-block; border-radius:50px; margin-top:22px;}
.footer a:nth-child(2){ background:#222; color:#ffe610}
.footer #goTopBtn{ width:50px; height:50px; position:absolute; top:25px; right:40px;  -webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-ms-transition-duration:0.8s;
transition-duration:0.8s;}
.footer #goTopBtn a{width:50px; height:50px; margin:0; border:none}