@charset "gb2312";

/*初始化

---------------------------------------------------------*/

* {  margin: 0;  padding: 0;  list-style: none;  font: 14px '微软雅黑', Srial, Verdana, Geneva, sans-serif, tahoma, helvetica, sans-serif;}

body {  width: 100%;  overflow-x: hidden;  background: #fff;  }

a {  text-decoration: none;  }

p {  text-align: justify;  }

img {  vertical-align: middle;  display: block; width:100%}

/* CSS Document */

input,textarea{outline:none; }

textarea{ resize:none;overflow:auto}



html{font-size:0.625rem;-webkit-text-size-adjust:none;}

.clearfix{max-width:640px;min-width:320px;height:auto;margin:0 auto;overflow:hidden; clear:both;}



html {  font-size: 100px;   font-size: calc(970vw/32);}

@media all and (max-width: 320px) {

    html {

        font-size: 100px;

    }

}

@media all and (min-width: 640px) {

    html {

        font-size: 200px;

    }

}



/*头部

--------------------------------------------------*/

.logo{overflow: initial; z-index:0;}
.logo img{ width:100%;}



.nav{ background-color:#000; overflow:hidden; padding:1% 0; text-align:center}
.nav li{ float:left; width:20%; text-align:center; line-height:0.3rem; height:0.3rem}
.nav li a{ color:#FFF; font-size:0.12rem}
.nav li img{ width: 70%;margin: 0 auto;}
#dh1{line-height:0.1rem}
#dh2{line-height:0.1rem}


.banner { width:100%; overflow: hidden; position: relative;}

.banner img { width:100%;}


.hd {

    width: 0.6rem;

    height: 0.15rem;

margin :0 auto;

}

.hd ul { width:100%;}

.hd ul li { width:0.06rem; height:0.06rem; border-radius: 50%; background:#eeeeee; float: left; margin-right:0.03rem; text-indent: -999em; cursor: pointer;}

.hd ul li:last-child { margin-right: 0;}

.hd .on { background:#b5795c; transition: all .4s;}



/*内容

------------------------------------------------------*/
.box1{width:94%; margin:0 auto; margin-top:3%; overflow:hidden}
.box1 ul{ width:100%; overflow:hidden;}
.box1 li{ width:20%; float:left; margin-left:10%;}
.box1 li img{ width:100%}
.box1 p{ width:80%; margin:0 auto; margin-top:3%; background-color:#f79d26; height:0.25rem; line-height:0.25rem;border-radius: 0.03rem}
.box1 p a{ color:#FFF; display:block;text-align:center; height:0.25rem; line-height:0.25rem;font-size:0.15rem; }

.swipe-wrap >div { float:left; position: relative;}
/*底部

--------------------------------------------------------*/

.ggbf1{ color:#4d4d4d;font-size: 0.1rem; text-indent:2em; line-height:0.2rem; width:96%; padding-left:2%; padding-right:2%;margin-bottom: 7%;}

.ggbf2 img{ width:100%}

.swtCenter {width:300px; background-color:#FFF;position:fixed;left:50%;top:50%;z-index:999;margin-left:-152px;margin-top:-130px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0 0 20px rgba(10,2,4,0.75);-webkit-box-shadow:0 0 20px rgba(10,2,4,0.75);box-shadow:0 0 20px rgba(10,2,4,0.75);z-index:999}

.swtCenter h3 {width:100%;font-size:16px;text-align:center; color:#2e3642;font-weight:500;margin-top:25px;color:red;}

.swtCenter h4 {width:100%;font-size:11px;text-align:center;color:#2e3642; font-weight:normal;}

.mfhd {width:227px;height:30px;border:1px solid #6a7380;-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px;margin:10px auto 5px;}

.mfhd  .input {width:145px;height:28px;line-height:28px; background-color:#FFF;font-size:14px;color:#6a7380;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;padding-left:13px;float:left;outline:none; vertical-align:middle;border:0;}

.mfhd .sub {float:right;width:69px;height:30px;line-height:30px;color:#fff; background-color:#6a7380;font-size:12px;text-align:center;text-decoration:none;-moz-border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0; border:0;}

.swtCenter p {width:230px;font-size:12px;color:#7d7d7d;margin:25px auto 0; line-height:22px;}

.swt_lists {bottom:0;left:0;width:100%;height:46px;line-height:46px;-moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}

.swt_lists a {display:block;width:50%;height:100%;position:relative;float:left;}

.swt_list1 { background-color:#272636;-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;border-radius:0 0 0 15px;}

.swt_list2 { background-color:#F87F24;-moz-border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;border-radius:0 0 15px 0;}

.swt_lists a i,.swt_lists a em {display:block;position:absolute;left:50%;color:#fff;text-decoration:none;font-style: initial;}

.swtCallIcon {top:50%;margin-left:-56px;margin-top:-18px;width:37px;height:37px; background:url(../images/footerlink3ds.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}

.swt_lists em {height:100%;top:0;margin-left:-16px;font-size:16px; padding-top: 9%;}

.swt_lists  a.swt_list2 i{ margin-left:-55px;margin-top:1px;width:40px;}

.swt_lists  a.swt_list2 i img{ width:100%}

.closeBtn_swt {right:-10px;top:-10px;width:30px;height:30px; background:url(../images/closebtn_swt.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;cursor:pointer; z-index:999}



#LRdiv3 {

    /*display: none!important;*/

}

.absolute {

    position: absolute;}
	


.footer {width: 100%;height:80px;position: fixed;bottom: 0;left: 0;line-height:80px;z-index: 100;}

.footer .footerInner {width: 100%;height: 100%;-moz-box-shadow: 6px 0 24px rgba(32, 21, 18, .72);-webkit-box-shadow: 6px 0 24px rgba(32, 21, 18, .72);box-shadow: 6px 0 24px rgba(32, 21, 18, .72);}

.footer a {display: block;float: left;position: relative;}

.footer a em, .footer a i {display: block;position: absolute;font-style:normal}

.footerLink1 {width: 33%;height: 100%;background-color: #000000;}

.homeIcon {left: 50%;top: 50%;width: 54px;  height: 54px;margin-top: -27px;margin-left: -90px;background: url(../images/footerlink2.png) no-repeat;}

.footerLink1 em {display: block;left: 50%;top: 50%;margin-left: -28px;margin-top: -23px;color: #fff;font-size: 32px;line-height: 36px;text-align: center;}

.footerLink2 {width: 34%;height: 100%;background-color: #f87f24;}

.swtIcon {left: 50%;top:15px;width: 65px;height: 48px;margin-left: -100px;background: url(../images/footerlink1.png) no-repeat;}

.swtIcon_Counter {left: 50%;top: 30px;width: 28px;height: 28px; margin-left: -68px;text-align: center;line-height: 26px;background-color: #e60012;color: #fff;font-size: 18px;font-style: normal;-moz-border-radius: 28px;-webkit-border-radius: 28px;border-radius: 28px;-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}

.footerLink2 em {display: block;left: 50%;top: 50%;margin-left: -28px;margin-top: -14px;color: #fff;font-size: 32px;line-height: 28px;}

.footerLink3 {width: 33%;height: 100%;background-color: #555555;}

.phoneIcon {left: 50%;  top: 50%;width: 54px;height: 54px;margin-top: -27px;margin-left: -90px;background: url(../images/footerlink3.png) no-repeat;}

.footerLink3 em {display: block;left: 50%;top: 50%;margin-left: -28px;margin-top: -23px;color: #fff;font-size: 32px;line-height: 46px;}

@media screen and (min-width:320px) and (max-width:900px) {

    .footer {height: 58px;}

    .homeIcon {width: 27px;height: 27px;margin-top: -14px;margin-left: -45px;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

    .footerLink1 em {font-size: 16px;line-height: 23px;margin-left: -14px;margin-top: -12px;}

    .swtIcon {top: 14px;    width: 27px;height: 24px;margin-left: -50px;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

    .swtIcon_Counter {top: 13px;width: 14px;height: 14px;margin-left: -34px;line-height: 13px;  font-size: 9px;}

    .footerLink2 em {font-size: 16px;line-height: 23px;margin-left: -14px;margin-top: -12px;}

    .phoneIcon {width: 27px;height: 27px;margin-top: -14px;margin-left: -45px;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

    .footerLink3 em {font-size: 16px;line-height: 23px;margin-left: -14px;margin-top: -12px;}

    .blank116 {height: 58px;}

}