article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
body{ background: #f75377; }
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.pos{ position: absolute;}
.btn{ display: block; position: relative;}
.main{ width: 960px; margin: 0px auto; position: relative;}
.none{ display: none;}


.head{ height: 43px; background:#fff; position: fixed; left: 0px; top: 0px; right: 0px; z-index: 99;}
.head .logo{ width: 148px; height: 56px; background:url(../images/logo.png); left: 0px; top: 3px; }
.head .nav{ width: 900px; height: 43px;  left: 200px; top: 0px;}
.head .nav ul li{ height: 43px; line-height: 43px; float: left; margin-right: 50px; }
.head .nav ul li a{ color: #171717;}
.head .nav ul li a:hover{ border-bottom: 1px solid #000; }
.headpx{ height: 43px;}

.cont{ height: 930px; position: relative; overflow: hidden;}
.cont.auto{ height: auto;}

.cbg.bg1{ background-image: url(../images/ggimg/banner1.jpg) ; }
.cbg.bg2{ background-image: url(../images/ggimg/banner2.jpg) ; }
.cbg.bg3{ background-image: url(../images/ggimg/banner3.jpg) ; }
.cbg.bg4{ background-image: url(../images/ggimg/banner4.jpg) ; }
.cbg.bg5{ background-image: url(../images/ggimg/banner5.jpg) ; }
.cbg{ width: 100%; height:1047px; position: relative; background-attachment: fixed;  background-position: center center; background-repeat: no-repeat; background-size: cover;  }

.cont .ftbox{ height: 540px; width: 100%; background: #f75377; position: absolute; left: 0px; bottom: 0px; right: 0px;  }
.cont .ftbox .phone{ position: absolute; width: 318px; height: 622px; top: -106px; background: url(../images/phone.png) no-repeat; }
.cont .ftbox .phone img{ display: block; width: 262px; height: 461px; position: absolute; left: 28px; top: 71px;}
.cont .ftbox .artbox{ width: 800px; color: #fff; position: absolute; left: 460px; top: 136px; text-shadow:#e64a6c 2px 3px 2px;}
.cont .ftbox .artbox h2{ font-size: 68px; margin-bottom: 30px; }
.cont .ftbox .artbox p{ font-size: 36px;  line-height: 40px;}

.cont .phonebox{ width:318px; height: 622px; position: absolute; top: 183px; left: 114px; background: url(../images/phone.png) no-repeat; }
.cont .phonebox .phone{ width: 261px;    height: 460px;    position: absolute;   /* background: #f00; */   top: 71px;    left: 29px;}
.cont .phonebox .phone .swiper-container { width: 261px;  height: 460px;}  
.cont .phonebox .phone .swiper-container .swiper-pagination-bullet-active{ background: #f75377;}
.cont .phonebox .phone .swiper-container img{  width: 261px;  height: 460px;}
.cont  .downbox{ width: 370px; position: absolute; top:265px; left: 480px;}
.cont  .downbox .img-1{ width: 200px; height:200px; display: block; margin-bottom: 10px;  }
.cont  .downbox h2{ font-size: 48px; color: #fff; margin-bottom: 10px;}
.cont  .downbox .btn { width: 355px; height: 76px; border:2px solid #fff; border-radius: 8px; line-height: 76px; font-size: 30px; color: #fff;  position: relative;}
.cont  .downbox .btn .ic{ width:41px; height: 44px; background:url(../images/ic-2.png) no-repeat; position: absolute; top: 17px; left: 22px; }
.cont  .downbox .btn em{ font-size: 20px; color: #fff; font-style: normal; position: absolute; left: 89px; top: 13px; display: block; height: 20px; line-height: 20px; text-align: left; }
.cont  .downbox .btn h3{ position: absolute; left: 89px; top: 30px; font-family: "宋体"; height: 40px; line-height: 40px;}

.title-1{ font-size: 30px; height: 120px; line-height: 120px; text-align: center; color: #fff;  margin-top: 30px; }
.cont .art{ overflow: hidden; color: #fff; margin-bottom: 40px; }
.cont .art .title-2{ height: 35px; line-height: 35px; text-indent: 1em; position: relative; font-size: 26px; margin-bottom: 20px; }
.cont .art .title-2 .ic{ display: block; position: absolute; width:16px; height: 20px; left: 0px; top: 6px; background: url(../images/ic-3.png) no-repeat;}
.cont .art .title-3{ height: 32px; line-height: 32px; text-indent: 1em; position: relative; font-size: 24px; margin-bottom: 18px; }
.cont .art p{ font-size: 20px; line-height: 28px; padding-left: 1.2em; margin-bottom: 18px; }
.cont .art p.mb-no{ margin-bottom: 0px;}

@media screen and (min-width:320px) and (max-width:800px) {
.main{ width:100%;}
.cont{ height: 100%; position: relative; overflow: hidden;}
.cont .phonebox,.cont .phonebox .phone,.cont .phonebox .phone .swiper-container{ width: 100%; height:100%; background: none; position: relative; left: 0px; top: 0px; }
.cont .phonebox .phone .swiper-container img{   width: 100%; height:100%;}
.md-pc{ display: none;}
}

@media screen and (min-width:801px)  {
.md-wap{ display: none;}
}
#wapHtml{ display: none;}
/*startdom*/
.wapCont{ margin: 0px 10px;}
.title-1{ font-size: 30px; height: 120px; line-height: 120px; text-align: center; color: #fff;  margin-top: 30px; }
.cont .art{ overflow: hidden; color: #fff; margin-bottom: 40px; }
.cont .art .title-2{ height: 35px; line-height: 35px; text-indent: 1em; position: relative; font-size: 26px; margin-bottom: 20px; }
.cont .art .title-2 .ic{ display: block; position: absolute; width:16px; height: 20px; left: 0px; top: 6px; background: url(../images/ic-3.png) no-repeat; background-size: 16px auto;}
.cont .art .title-3{ height: 32px; line-height: 32px; text-indent: 1em; position: relative; font-size: 24px; margin-bottom: 18px; }
.cont .art p{ font-size: 20px; line-height: 28px; padding-left: 1.2em; margin-bottom: 18px; }
.cont .art p.mb-no{ margin-bottom: 0px;}

@media screen and (max-width:801px)  {
.title-1{ font-size: 46px; height: 70px; line-height: 70px; text-align: center; color: #fff;  margin-top: 10px; }
.cont .art{ overflow: hidden; color: #fff; margin-bottom: 15px; }
.cont .art .title-2{ height: 35px; line-height: 35px; text-indent: 1em; position: relative; font-size: 30px; margin-bottom: 10px; }
.cont .art .title-2 .ic{ display: block; position: absolute; width:16px; height: 20px; left: 0px; top: 6px; background: url(../images/ic-3.png) no-repeat; background-size: 16px auto;}
.cont .art .title-3{ height: 32px; line-height: 32px; text-indent: 1em; position: relative; font-size: 24px; margin-bottom: 8px; }
.cont .art p{ font-size: 22px; line-height: 28px; padding-left: 1.2em; margin-bottom: 8px; }
.cont .art p.mb-no{ margin-bottom: 0px;}
}

    .swiper-slide.md-wap{ background: #fdf0f0;}
    .swiper-slide.md-wap .logo{ width:220px; height: 220px; background: url(../images/wap/ws_1.png) no-repeat; background-size: 220px auto; margin:170px auto; margin-bottom: 28px; }
    .swiper-slide.md-wap h2{ font-size: 54px; color: #f75376; margin-bottom: 28px; text-align: center; }
    .swiper-slide.md-wap .title{ width: 260px; height: 84px; background: url(../images/wap/ws_4.png) no-repeat; background-size: 260px auto; margin:0px auto; margin-bottom: 170px; }
    .swiper-slide.md-wap .btn{ width: 440px; height: 88px; background: url(../images/wap/btn-ui1.png) no-repeat; background-size: 440px auto;   /*background: #f75376;*/ border-radius: 30px; line-height: 88px; font-size: 40px; color: #fff; text-align: center; border: none; margin:0px auto; }
    .topNote{ width: 70px; height: 70px; position: fixed; right: 30px; bottom: 30px;background: url(../images/wap/top-ui1.png) no-repeat; background-size:70px auto;  z-index: 10; }

    .anm-td{
         -webkit-animation: leafAuto 1s ease-in infinite alternate;
    }
    @-webkit-keyframes leafAuto{
    0%{
            -webkit-transform:translate(0px,0px);
            -moz-transform:translate(0px,0px);
        }
    100%{
                  -webkit-transform:translate(0px,10px);
            -moz-transform:translate(0px,10px);
        }
    }
/*enddom*/