/*-----------------[初始化]--------------*/
body{color: #7f7f7f;font-size: 12px;line-height: 1.5;
    font-family:"微软雅黑","Microsoft Yahei";
}
a{color: #7f7f7f;}
a:hover{color: #ce4242;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #7f7f7f;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.h30{height: 30px;clear: both;overflow: hidden;}
.h40{height: 40px;clear: both;overflow: hidden;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}

#aside{position: fixed;left: -225px;top: 0;height: 100%;left: 0;
    background-color: #fff;width: 225px;z-index: 9;overflow-y: auto;
    box-shadow: 0 0 10px #ccc;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.open #aside{left: -235px;}
/*.open #nav,.open #footer{display: block;}*/
#main{margin-left: 225px;position: relative;z-index: 1;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
/*****************************/
#main{margin-top:-50px;}
.open #main{margin-left: 85px;}


/*******************************
  -------[=头部]-------
********************************/
#header{background-color: #ce4242;padding-right: 60px;text-align: center;height: 115px;line-height: 115px;}
.logo{}
.logo img{display: inline-block;vertical-align: middle;max-height: 100px;}

/*******************************
    -------[=导航]-------
*******************************/
#nav{/*display: none;*/}
#nav li{}
#nav .v1{display: block;line-height: 59px;padding-left: 40px;font-size: 14px;
    border-bottom: 1px solid #f3f3f3;border-left: 3px solid #fff;
    /*position: relative;left: -50%;opacity:0;*/
}
#nav li.on .v1{background-color: #434343;color: #fff;border-left-color: #ce4242;}
#nav .v1:hover{border-left-color: #ce4242;}

#menuBtn{position: fixed;top: 0;width: 85px;left: 140px;z-index: 10;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
#menuBtn span{width: 27px;display: block;margin: 50px auto;}
#menuBtn b{display: block;height: 3px;background-color: #f4f4f4;margin-bottom: 3px;}
.open #menuBtn{left: 0;height: 100%;background-color: #ce4242;}


.fixme{height: 100%;overflow: hidden;}
.overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,0.6);z-index: 8;
}

/*******************************
  -------[=banner]-------
*******************************/
#banner{overflow: hidden;position: relative;z-index: 1;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner a{display: block;height: 100%;}
#banner .slick-slide{
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

#banner .slick-dots{position: absolute;left: 0;bottom: 45px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 2px;}
#banner .slick-dots li a{display: block;width: 37px;height: 7px;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;
}
#banner .slick-dots li.slick-active a{background-color: #e55c5c;}

#banner .banTxt{position: absolute;left: 50%;top: 50%;
    width: 465px;height: 465px;padding-top: 22px;padding-right: 42px;
    background: url(../images/bg-ban.png) no-repeat left bottom;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banTxt{text-align: center;color: #fff;}
.banTxt .con{position: relative;height: 0;padding-top: 100%;}
.banTxt .txt{font-size: 14px;position: absolute;left: 0;top: 50%;width: 80%;padding: 10%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}
.banTxt h2{font-size: 72px;}


/*******************************
  -------[=底部]-------
********************************/
#footer{position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px 0;
    border-top: 1px solid #f3f3f3;text-align: center;line-height: 30px;/*display: none;*/
}
.ico-tele,.ico-mess{display: inline-block;width: 25px;height: 25px;vertical-align: middle;
    background: url(../images/i-tel.png) no-repeat center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.ico-mess{background-image: url(../images/i-mess.png);}

/*返回顶部*/
.toTop{position: fixed;right: 3%;bottom: 3%;z-index: 9999;display: none;
    width: 65px;height: 65px;background:#ce4242 url(../images/a-top.png) no-repeat center center;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}


/*******************************
    -------[=正文]-------
********************************/

/*颜色*/
.fc_red{color: #ff4e4e;}
.fc6{color: #6b6b6b;}

/*标题*/
.st1{text-align: center;font-size: 36px;font-weight: normal;color: #747474;
    padding: 15px 0;margin: 30px 0;position: relative;
}
.st1 em{display: block;font-size: 18px;text-transform: uppercase;color: #b0b0b0;letter-spacing: 2px;}
.st1:before,.st1:after{content: '';position: absolute;left: 50%;
    width: 1px;height: 12px;background-color: #c7c7c7;
}
.st1:before{top: 0;}
.st1:after{bottom: 0;}

.st2{text-align: center;margin: 20px 0;font-size: 36px;font-weight: normal;color: #747474;}
.st2 em{display: block;font-size: 18px;color: #b0b0b0;text-transform: uppercase;letter-spacing: 2px;}

/*按钮*/
.btn1{display: inline-block;border: 1px solid #fff;color: #fff;
    width: 148px;line-height: 48px;text-align: center;font-size: 18px;
}
.btn1:hover{color: #ce4242;background-color: #fff;}

.btn2{display: inline-block;width: 160px;line-height: 50px;text-align: center;
    background-color: #eae8e8;border-radius: 5px;font-size: 14px;color: #898787;
}
.btn2:hover{background-color: #ce4242;color: #fff;}

.btn3{display: block;line-height: 45px;text-align: center;font-size: 14px;background-color: #eceaea;border-radius: 5px;}
.btn3:hover{}

.btn4{display: inline-block;width: 130px;line-height: 40px;text-align: center;
    color: #fff;font-size: 18px;border-radius: 10px;background-color: #ce4242;
}
.btn4:hover{color: #fff;}
input.btn4{border:0;}