@charset "utf-8";
/* CSS Document */
body{margin:0px;padding: 0;font-family: '微软雅黑';position:relative;}
a,a:link,a:focus,a:visited{text-decoration: none;_text-decoration: none;outline: none;}
a:hover{cursor: pointer;}
a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:none;-moz-outline:none;outline:0;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml50{margin-left: 50px;}
.db{display: block;}
.cb75{clear: both;height: 75px;display: block;}
.dl{display: block;}

.wraper{width: 100%;overflow: hidden;}
.header{width: 100%;background: #fff url(../images/hbg.jpg) no-repeat top center; position: relative;height: 80px;z-index: 999;}
.header .nav{width: 1085px;height: 80px;position: absolute;left: 50%; margin-left: -480px;}
.header ul{line-height: 80px;}
.header li{float: left;}
.header li.f14 a{font-size: 14px;}
.header li a{font-size: 16px;color: #ffffff;padding:25px;transition:all .2s ease-in 0s;/*font-weight: 700;*/}
.header li a:hover{color: #c3c3c3}
.hlogo{width:114px;height: 107px;display: block;background: url(../images/hblogo.png) no-repeat;float: left;}

.container{width: 920px;margin:0px auto;position: relative;}
.bodBox{width: 926px;}
.bodBox .title{background: url(../images/title.png) no-repeat;width: 100%;height: 23px;}
.bodBox .title1{background-position: 0 0;}
.bodBox .title2{background-position: 0 -24px;}
.bodBox .title3{background-position: 0 -48px;}
.bodBox .title4{background-position: 0 -72px;}
.bodBox .title5{background-position: 0 -96px;}
.bodBox .title6{background-position: 0 -120px;}
.txtbox{font-size: 12px; line-height:25px;color: #b7b7b7;}

.manText{ font-size:12px; line-height:25px;color: #b7b7b7;}
.manText img{ float:left; margin:0 15px 10px 0;}
.manText b{color: #972f30;}

.productbox h3{font-size: 24px;color: #972f30;text-align: center;}
/*.mainbox{background: url(../images/product.png) no-repeat;height: 2214px;width: 100%;}*/
.mainbox{background: url(../images/product3.png) no-repeat;height: 1654px;width: 100%;}
.proBox li{ width:625px; height:120px; margin:20px auto 0;padding:0px 150px 0 180px; font-size:12px; color:#b7b7b7; line-height:20px;}
.proBox li.pt20{padding-top:20px;}
.proBox li.pt0{padding-top:0px;}


.tacticbox h3{font-size: 14px;color: #b7b7b7;line-height:25px;}


/*.rmenu{width: 100px;}*/
#menu {
    height: 100px;
    overflow: hidden;position: fixed;right: 0;
    -webkit-transition: height 0.5s ease 0s;
    -moz-transition: height 0.5s ease 0s;
    -o-transition: height 0.5s ease 0s;
    -ms-transition: height 0.5s ease 0s;
    transition: height 0.5s ease 0s;
    width: 100px;
    z-index: 20;background:url(../images/menu.png) bottom center no-repeat;
}
#menu .menu_toggle {
    cursor: pointer;
    float: right;
    height: 100px;
    position: relative;
    width: 100px;
}
#menu .menu_toggle .icon {
    background: url(../images/bmenu.png) no-repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#menu .menu_toggle .icon-menu {
    background-position: 0 0;
}
#menu .menu_toggle .icon-menu:hover {
    background-position: -100px 0;
}
#menu .menu_toggle .icon-close {
    background-position: -200px 0;
    opacity: 0;display: none;
    -webkit-transition: opacity 0.5s ease 0s;
    -o-transition: opacity 0.5s ease 0s;
    -ms-transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
}
#menu .menu_toggle .icon-close:hover {
    background-position: -300px 0;
}
#menu .menu_toggle:hover .icon-menu {
    background-position: -100px 0;
}
#menu .menu_toggle:hover .icon-close {
    background-position: -300px 0;
}
#menu .menu_holder {
    padding-left: 20px;
    white-space: nowrap;
    /*background:url(../images/menu.png) no-repeat;*/
}
#menu .menu_holder a, #menu .menu_holder span {
    float: left;
    margin-top: 30px;
}
#menu .menu_holder a {
    color: #972f30;
    font-size: 16px;
}
#menu .menu_holder a:hover {
    text-decoration: none;
}
#menu.active {
    height: 465px;
}
#menu.active .menu_toggle .icon-close {
    opacity: 1;display: block;
}




/*底部关注*/
.focusbox{width:551px;height: 142px;margin:0px auto 20px;background:url(../images/contact.png) no-repeat;}
.focusbox a{width: 43px;height: 63px;display: block;float: right;margin-top:5px;}











.proBox li{width:625px;height:107px;margin:0 auto;padding: 97px 150px 0px 180px;font-size:12px;color:#b7b7b7;line-height:20px;}

.proBox li.pt20{padding-top:40px;}
.mainbox {
	box-sizing: border-box;
	padding-top:10px ;
}