@charset "utf-8";
html,body{height: 100%;}
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,button,input,textarea,th,td,img,p{ margin: 0;padding: 0;}
body{ font-family:Microsoft YaHei,"微软雅黑",arial, helvetica, verdana, tahoma, sans-serif; font-size:12px;-webkit-animation: fade-in 1s ease both;animation: fade-in 1s  ease both;}
a:link,a:visited,a:hover,a:active{text-decoration: none;}
a img{ border:none;}
table{ border-collapse:collapse;border-spacing:0;}
textarea{resize: none;}
ol,ul{list-style-type:none;}
em,i{ font-style:normal;}
.clear{clear:both; font-size:0; height:0; width:100%; overflow:hidden;}
.clearfix:after{content:"";display:block; clear:both;}
.clearfix{zoom:1;}

@-webkit-keyframes fade-in {0% {opacity: 0}  100% {opacity: 1}}
@-moz-keyframes fade-in {0% {opacity: 0} 100% {opacity: 1}}
@-ms-keyframes fade-in {0% {opacity: 0}	100% {opacity: 1}}
@keyframes fade-in {0% {opacity: 0}	100% {opacity: 1}}

html,body{height: 100%; overflow: hidden; background: #fff;position: relative;}


.section {height:100%; overflow: hidden;position: relative; background-repeat: no-repeat; background-position: center top; }
.fp-tableCell{position: relative;}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
.module_1{background-image:url(../img/bg_1.jpg);}
.module_2{background-image:url(../img/bg_2.jpg);}
.module_3{ background-image:url(../img/bg_3.jpg);}
.cover{background-size:cover ;}
.otherbox{width: 1300px; position: fixed;left: 50%;margin-left: -650px;top: 0;z-index: 6;}
.slider_logo{display: block;width: 68px;height: 18px;background: url(../img/logo.png) no-repeat;position: absolute;left: 42px;top: 56px;}
.navlist{position: absolute;right:50px;top: 46px;}
.navlist li{float: left;margin-left: 36px;}
.navlist a{display: block;width: 93px;height: 41px;line-height: 41px;text-align: center;font-size: 16px;color: #fff;-webkit-transition: 0.3s;transition: 0.3s;}
.navlist li.active a,.navlist a:hover{background: url(../img/navhover.png) no-repeat center;color: #39efff;}
.introduce{width: 1278px; height: 440px; position: absolute;top: 0; bottom: 0;left: 0;right: 0; margin: auto;}
.introduce li{float: left;width: 416px;}
.introduce .icon{ display: block; width: 148px;height: 148px;margin: 0 auto 15px auto;}
.introduce .icon img{width: 100%;height: 100%;}
.icon_text{text-align: center;font-size: 18px;color: #fff;}
.introduce_text{width: 366px;height: 232px;margin: 20px auto 0 auto;background: url(../img/border.png) no-repeat;}
.introduce_text p{padding: 10px 18px;font-size: 14px;color: #75f4ff;line-height: 1.8;}
.contactbox{width: 1130px;height: 508px;position: absolute;top: 0; bottom: 0;left: 0;right: 0; margin: auto;}
.map{width: 506px;height: 498px;border: 5px solid #46ced7;float: left;background: #fff;}
.contact{width: 564px;height: 508px;float: right;background: #fff;}
.contactmain{padding: 50px 50px 0 50px;}
.contactmain h3{float: left; font-weight: normal;font-size: 18px;color: #343434;border-bottom: 1px solid #dedede;padding-bottom: 5px;padding-right: 10px;margin-bottom: 25px;}
.contactmain h3 span{color: #1086fd;}
.addresslist {border-bottom: dashed 1px #e0e0e0 ;}
.addresslist li{margin-bottom: 15px;}
.addresslist span{float: left; display: block;width: 24px;height: 24px;background: url(../img/contact_icon.png) no-repeat;margin-right: 10px;}
.addresslist span.gz{background-position: center 2px; }
.addresslist span.zj{background-position: center -35px; }
.addresslist span.sj{background-position: center -71px; }
.addresslist span.dz{background-position: center -108px; }
.addresslist p{width: 350px; font-size: 14px;color: #5d5d5d;float: left;line-height: 24px;}

.codelist {margin-top: 20px;}
.codelist span{float: left; display: block;width: 24px;height: 24px;background: url(../img/contact_icon.png) no-repeat;margin-right: 10px;}
.codelist span.code{background-position: center -142px; }
.codelist p{width: 350px; font-size: 14px;color: #5d5d5d;float: left;line-height: 24px;}
.codelist dl{padding-left: 36px;padding-top: 20px;}
.codelist dd{width: 102px;float: left; height: 102px;padding: 10px;border: 1px solid #d0d0d0;margin-right: 20px;}
.codelist dd img{width: 100%;height: 100%;}
.codelist dd:last-child,.codelist dd.not{margin: 0;}
.footer{background: #222222;font-size: 14px;color: #fefefe;text-align: center;padding: 20px 0;}

.active .introduce li:nth-of-type(1){-webkit-animation: fadeInRight 0.3s 0.6s ease-in-out both; animation:fadeInRight 0.3s 0.6s ease-in-out both;}
.active .introduce li:nth-of-type(2){-webkit-animation: fadeInRight 0.5s 0.6s ease-in-out both; animation:fadeInRight 0.5s 0.6s ease-in-out both;}
.active .introduce li:nth-of-type(3){-webkit-animation: fadeInRight 0.7s 0.6s ease-in-out both; animation:fadeInRight 0.7s 0.6s ease-in-out both;}
.active .map,.stp .map{-webkit-animation: fadeInRight 0.3s 0.6s ease-in-out both; animation:fadeInRight 0.3s 0.6s ease-in-out both;}
.active .contact,.stp .contact{-webkit-animation: fadeInRight 0.5s 0.6s ease-in-out both; animation:fadeInRight 0.5s 0.6s ease-in-out both;}

@media screen and (min-width:320px){html{font-size:43px;}}
@media screen and (min-width:360px){html{font-size:48px;}} 
@media screen and (min-width:375px){html{font-size:50px;}} 
@media screen and (min-width:414px){html{font-size:55px;}} 
@media screen and (min-width:440px){html{font-size:59px;}}
@media screen and (min-width:480px){html{font-size:64px;}}
@media screen and (min-width:540px){html{font-size:72px;}}
@media screen and (min-width:600px){html{font-size:80px;}}
@media screen and (min-width:640px){html{font-size:85px;}}
@media screen and (min-width:750px){html{font-size:100px;}}

@media screen and (max-width:750px){
	.module_1{background-position: center;background-size:cover ;}
	.module_2{background-position: center;background-size:cover ;}
	.module_3{background-position: center;background-size:cover ;}
	.otherbox{width: 100%;left: 0;top: 0;margin-left: 0;}
	.slider_logo{width: 1.36rem;height: 0.36rem;background-size: 100% 100%;left: 0.4rem;top: 0.5rem;}
	.navlist{right: 0.2rem;top: 0.36rem;}
	.navlist li{margin-left: 0.2rem;}
	.navlist a{font-size: 0.24rem;width: 1.4rem;height: 0.62rem;line-height: 0.62rem;}
	.navlist li.active a,.navlist a:hover{background-size:100% 100%;}
	.introduce{width: 100%;height: auto;position: static;padding-top: 1.2rem;}
	.introduce li{ width: 100%; float: none;margin-bottom: 0.15rem;}
	.introduce .icon{width: 1rem;height: 1rem;margin-bottom: 0.1rem;}
	.icon_text{font-size: 0.28rem;}
	.introduce_text{width: 7rem;height:auto;margin-top: 0.1rem;background: none;}
	.introduce_text p{font-size: 0.18rem;padding: 0.1rem 0.2rem;}
	.contactbox{width: 100%;height: 8rem;}
	.map{ display: none; float: none;width: 5.06rem; height: 4.98rem; margin: 0 auto;}
	.map img{width: 100%;height: 100%;}
	.contact{width: 7rem;height:auto;float: none; margin: 0 auto;padding: 0.1rem 0 0.3rem 0;}
	.contactmain{padding: 0.1rem 0.2rem;}
	.addresslist li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	.codelist li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	.codelist dl{padding-top: 0.2rem; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.codelist dd{width: 1.2rem;height: 1.2rem;padding: 0.1rem;float: none;margin-right: 0.3rem;}
}



@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}