@charset "utf-8";

/* 
    @名称: base
    @功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:62.5%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
    font:12px/1.5 tahoma,arial,\5b8b\4f53;
}

input,select,textarea{
    font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table{
    border-collapse:collapse;border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th{
    text-align:inherit;
}

/* 去除默认边框 */
fieldset,img{
    border:0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
    border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}

q:before,q:after {
    content:'';
}

/* 统一上标和下标 */
sub, sup {
    font-size:75%;line-height:0;position:relative;vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}

/* 默认不显示下划线，保持页面简洁 */
a {
    text-decoration:none !important; 
    color:#000;
}
a:hover {
    text-decoration:underline;
}
/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
    display:inline;
}
.fn-left {
    float:left;
}
.fn-right {
    float:right;
}
/* 默认字体样式 微软雅黑&宋体*/
body,h1,h2,h3,h4,h5,h6,a,span,b,p,i,input,button,select,textarea {font-family:\5FAE\8F6F\96C5\9ED1;}

/*header*/
.center_1000 {
    width:1000px;
    margin:0 auto;
}
.center_980 {
    width:980px; 
    margin:0 auto;
}
.margin_10 {
    margin:0 10px;
}
.header .top {
    padding:20px 0 20px 0;
}
.header .top .logo {
    float:left; 
}
.header .top .tel {
    float:right; 
}
.header .top .tel h3 {
    font-size:16px; 
    line-height:1em; 
    padding-top:5px; 
    font-family:\5FAE\8F6F\96C5\9ED1;
}
.header .text {
    border: 1px dashed #630000;
    width: 160px;
    float: left;
    padding: 0 10px 5px 10px;
    margin: 10px 0 0 33px;
}
.header .text p {
    font-size: 18px;
}
.header .text b {
    color: #600;
    font-size: 22px;
}
/*banner*/
.nav {
    background:#760000;
    margin-bottom: 1px;
}
.nav ul {
    display:table; 
    margin:0 auto; 
    height:48px; 
    line-height:48px;
}
.nav ul li {
    float:left; 
    font-size:14px; 
    color:#fff; 
    padding:0 12px;
}
.nav ul li:hover {
    background: #630808;
}
.nav ul a {
    color:#fff;
    font-size: 16px;
}
.banner {
    background:#fee7db;
}
.banner .back {
    height:390px;
    background:url(../images/banner.jpg) no-repeat center top;
}
/*public*/
.box-1000 {
    width: 1000px;
    margin: 0 auto;
}
.title {
    color: #660000;
    height: 127px;
    text-align: left;
    margin: 0 auto;
    padding-left: 260px;
    width: 660px;
    margin-top: 6px;
}
.title p {
    font-size: 23px;
    font-weight: bold;
    padding-top: 40px;
    padding-left: 50px;
}
.title h3 {
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
}
/*content*/
.part-one .video {
    width: 380px;
    height: 285px;
    float: left;
    background: #000000;
	    padding-top: 27px;
    padding-bottom: 26px;
    padding-left: 40px;
    padding-right: 40px;
}
.part-one .video div {
    height: 100%;
}
.part-one .video-box {
    margin-top: 25px;
    margin-bottom: 30px;
}
.part-one .video-box img {
    display: block;
    float: left;
	margin-left: 15px;
}
.part-one > p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 28px;
    color: #333;
    padding-bottom: 25px;
}
.part-one .button {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 45px;
}
.part-one .button a {
    display: block;
    width: 425px;
    height: 65px;
}
.part-one .button .tel {
    float: left;
    background: url(../images/img_1-3.png) no-repeat;
}
.part-one .button .online {
    float: right;
    background: url(../images/img_1-4.png) no-repeat;
}
.part-one img {
    display: block;
}
.part-two {
    background: url(../images/part-two-bg.png);
}
.part-two .cont {
    width: 1000px;
    margin: 0 auto;
}
.part-two .cont > img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
.part-two .cont .rigth {
    width: 490px;
}
.part-two > h4 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    height: 60px;
    line-height: 60px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    background: #660000;
    margin-bottom: 18px;
}
.part-two > h4 span {
    display: block;
    width: 382px;
    height: 25px;
    float: left;
    background: #841010;
    margin-top: 17px;
}
.part-two > h4 i {
    display: block;
    float: left;
    font-style: normal;
    padding: 0 40px;
}
.part-two > h4 b {
    position: absolute;
    display: block;
    background: url(../images/ico_1-1.png) no-repeat;
    width: 82px;
    height: 59px;
    top: 0;
    right: 0;
}
.part-two .right {
    float: right;
    width: 490px;
}
.part-two .right .top {
    background: url(../images/img_2-2.png) no-repeat;
    width: 418px;
    height: 216px;
    padding-top: 26px;
    padding-left: 72px;
}
.part-two .right .top p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 395px;
}
.part-two .right .top a {
    display: block;
    width: 381px;
    height: 43px;
    margin-top: -2px;
    margin-left: -15px;
}
.part-two .right .bottom {
    background: #ff9900;
    padding: 8px;
}
.part-two .right .bottom .border {
    border: 1px solid #ffcc66;
}
.part-two .right .bottom p {
    font-size: 16px;
    text-indent: 2em;
    width: 430px;
    margin: 0 auto;
    padding-top: 10px;
}
.part-two .right .bottom a {
    display: block;
    width: 380px;
    height: 40px;
    text-align: center;
    border: 2px solid #fff;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    background: #c30000;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}
.part-two .right .bottom a b {
    background: #fff;
    color: #c30000;
    border-radius: 50%;
    padding: 0 5px;
    margin: 0 10px;
}
.part-three .box-1000 > p {
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    color: #333;
    padding: 35px 30px 40px 30px;
}
.part-three .slide-one-cont {
    background: #660000;
    padding: 13px 15px;
    position: relative;
}
.part-three .slide-one-cont i {
    font-style: normal;
}
.part-three .slide-one-cont img {
    display: block;
    float: left;
}
.part-three .slide-one-cont .right {
    float: right;
    width: 495px;
    background: #7f7059;
    color: #fff;
    height: 424px;
    padding-left: 25px;
}
.part-three .slide-one-cont b {
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
}
.part-three .slide-one-cont .b-1 {
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    top: 13px;
    left: 15px;
}
.part-three .slide-one-cont .b-2 {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 13px;
    right: 15px;
}
.part-three .slide-one-cont .b-3 {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    bottom: 13px;
    left: 15px;
}
.part-three .slide-one-cont .b-4 {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    bottom: 13px;
    right: 15px;
}
.part-three .slide-one-cont h3 {
    font-size: 25px;
    padding-top: 40px;
    padding-bottom: 15px;
}
.part-three .slide-one-cont h4 {
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 20px;
}
.part-three .slide-one-cont h4 span {
    font-size: 30px;
}
.part-three .slide-one-cont h5 {
    font-size: 22px;
    color: #333333;
    background: #fffc00;
    height: 43px;
    line-height: 43px;
    width: 96%;
    padding-left: 4%;
}
.part-three .slide-one-cont p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 28px;
    padding-top: 25px;
}
.part-three .slide-one-cont a {
    display: block;
    width: 356px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: url(../images/ico_2.png) no-repeat;
    background-position: 330px 18px;
    background-color: #ff9900;
    margin: 0 auto;
    color: #660000;
    font-size: 25px;
    font-weight: bold;
    border-radius: 15px;
    padding-right: 20px;
    margin-top: 15px;
}
.part-three .slide-ont-tab {
    margin-top: 35px;
}
.part-three .slide-ont-tab div {
    float: left;
    width: 175px;
    margin-right: 13px;
    border: 5px solid #7f7059;
    border-radius: 5px;
}
.part-three .slide-ont-tab .on {
    border: 5px solid #600;
}
.part-three .slide-ont-tab div img {
    display: block;
}
.part-three {
    background: #f2f2f2;
    padding-bottom: 55px;
}
.part-four {
    background: url(../images/img_4-bg.jpg) no-repeat center bottom;
    height: 790px;
    margin-bottom: 45px;
    position: relative;
}
.part-four .cont > p {
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    padding: 40px 20px 0 10px;
	margin-bottom: 35px;
}
.part-four .cont div {
    position: absolute;
    width: 560px;
}
.part-four .cont div img {
    float: left;
    display: block;
    padding-right: 15px;
    margin-top: 10px;
}
.part-four .cont div h3 {
    font-size: 25px;
    font-weight: bold;
    color: #600;
    float: left;
    width: 430px;
}
.part-four .cont div p {
    font-size: 16px;
    text-indent: 2em;
    padding-top: 10px;
    float: left;
    width: 430px;
}
.part-four .cont div p a {
    color: #f00;
}
.part-four .cont .text-one {
    top: 15px;
    left: 60px;
}
.part-four .cont .text-two {
    top: 175px;
    left: 230px;
}
.part-four .cont .text-three {
    top: 347px;
    left: 406px;
}
.part-four .box2-1000 {
    width: 1000px;
    margin: 0 auto;
    position: relative;

}
.part-five {
    background: url(../images/part-two-bg.png);
    padding-top: 8px;
}
.part-five li {
    float: left;
    margin-right: 11px;
    margin-bottom: 15px;
}
.part-five .none {
    margin-right: 0;
}
.part-five li img {
    display: block;
}
.part-five ul {
    margin-top: 36px;
    margin-bottom: 25px;
}
.part-six > p {
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    padding-bottom: 45px;
    padding-top: 35px;
}
.part-six li {
    float: left;
}
.part-six .text {
    width: 499px;
    height: 223px;
    margin-right: 13px;
    margin-bottom: 13px;
}
body .part-six .none {
    margin-right: 0;
}
.part-six .text h3 {
    font-size: 25px;
    color: #fff;
    width: 385px;
    border-bottom: 1px solid #fff;
    margin-left: 70px;
    position: relative;
    padding-left: 50px;
    font-weight: bold;
    margin-top: 10px;
    height: 72px;
    line-height: 30px;
    padding-top: 7px;
}
.part-six .text h3 span {
    font-size: 20px;
    font-weight: bold;
}
.part-six .text img {
    float: left;
    position: absolute;
    left: -40px;
    top: 0;
}
.part-six .text p {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-indent: 2em;
    width: 425px;
    margin: 0 auto;
    padding-top: 20px;
}
.part-six .li-1 {
    background: #cc9900;
}
.part-six .li-2 {
    background: #594a35;
}
.part-six .li-3 {
    background: #ff9900;
}
.part-six .img img {
    display: block;
}
.part-six .img {
    margin-right: 13px;
    margin-bottom: 13px;
}
.bottom-nav {
    background: #660000;
    height: 150px;
    margin-top: 20px;
}
.bottom-nav li {
    float: left;
    width: 130px;
    margin-right: 44px;
}
.bottom-nav li img {
    width: 81px;
    margin: 0 auto;
    padding-top: 20px;
    display: block;
    padding-bottom: 5px;
}
.bottom-nav li p {
    font-size: 16px;
    color: #fff;
    text-align: center;
}



/*footer*/
.footer {
    background: #9d0202;
	margin-bottom:3.5rem;
}
.footer>img {
    display: block;
    margin: 0 auto;
    padding-top: 28px;
    padding-bottom: 18px;
}
.footer-coment>img {
    float: left;
    padding: 40px 55px 62px 65px;
}
.footer-coment>p {
    text-align: left;
    font-size: 14px;
    color: #fff;
    padding-top: 22px;
    float: left;
    line-height: 27px;
}
.footer-coment {
    width: 1000px;
    margin: 0 auto;
}
.footer ul {
    display:table; 
    margin:0 auto; 
    height:48px; 
    line-height:48px;
}
.footer ul li {
    float:left; 
    font-size:14px; 
    color:#fff; 
    padding:0 12px;
}
.footer ul a {
    color:#fff;
    font-size: 16px;
}
.footer .line img {
    display: block;
    margin: 0 auto;
}
.footer-wx {
    padding: 25px 0 0 70px;
    float: left;
    width: 150px;
}
.footer-wx img {
    display: block;
    margin: 0 auto;
}
.footer-wx> p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
}