/*公共样式*/
body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    min-width: 1200px;
    color: #333333;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0;
}

input, textarea {
    font-family: "Microsoft YaHei";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 14px;
}

.english {
    font-family: "Arial";
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #eb6100;
}

.containe {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.lf {
    float: left;
}

.rt {
    float: right;
}

.none {
    display: none;
}

.clear {
    clear: both;
}

/*公共的头部*/
.header {
    width: 100%;
    height: 120px;
    background-color: #ffffff;
}

.header .containe {
    position: relative;
    overflow: inherit;
}

.header .text {
    width: 900px;
    height: 38px;
    border: 1px solid #DDDDDD;
    position: absolute;
    top: 42px;
    left: 50px;
    display: none;
    z-index: 1;

}

.header .cha {
    cursor: pointer;
    position: absolute;
    top: 51px;
    right: -48px;
    display: none;
}

.header .a-logo {
    display: inline-block;
    height: 120px;
    line-height: 120px;
    float: left;
}

.header .a-logo img {
    vertical-align: middle;

}

.header .menu {
    float: left;
    margin-left: 36px;
    z-index: 10;
}

.header .menu .liff {
    float: left;
    line-height: 120px;
    padding: 0 27px;
    font-size: 16px;
    position: relative;
}

.header .menu .liff > a {
    position: relative;
}

.header .menu .liff > a:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -8px;
    background-color: #eb6100;
    height: 2px;
    width: 0;
    transition: all 0.3s linear;
}

.header .menu .liff > a.active, .header .menu .liff:hover > a {
    color: #eb6100;
    transition: all .3s;
}

.header .menu .liff > a.active:after, .header .menu .liff:hover > a:after {
    width: 100%;
}

.header .rt {
    line-height: 120px;
}

.header .fangdajin {
    cursor: pointer;
    position: absolute;
    right: 100px;
    top: 51px;

    background: url("../img/fangdajin_03.png") no-repeat;
    width: 25px;
    height: 21px;
    border: none;
    background-color: transparent;
    outline: none;
    /*display: none;*/
}

.header .img-sear {
    cursor: pointer;
    position: absolute;
    right: 100px;
    top: 51px;
    z-index: 10;
}

.header .rt p {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.header .rt p a {
    display: inline-block;
    margin: 0 9px;
    position: relative;
}

.header .rt p .eng:after {
    content: '';
    position: absolute;
    height: 14px;
    border-left: 2px solid #545454;
    top: 53px;
    left: 28px;
}

/*加的*/
.submenu {
    width: 100%;
    left: 0;
    max-height: 0;
    position: absolute;
    top: 85px;
    z-index: 0;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

.submenu li {
    text-align: center;
    line-height: 45px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}

.submenu li a {
    font-size: 14px;
    width: 100%;
    height: 100%;
    display: block;
}

.submenu li a:hover {
    background-color: #eb6100;
    color: #ffffff;
}

.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {

    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/*动画递进的时间 实现一个个螺旋子菜单*/
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

/*公用的底部*/
.footer {
    width: 100%;
}

.footer .top {
    height: 278px;
    background-color: #EC6C1F;
}

.footer .top .u-big {
    text-align: center;
    margin: 0 auto;
    width: 1010px;
}

.footer .top .u-big > li {
    float: left;
    margin: 40px 32px 0 32px;
}

.footer .top .u-big a {
    color: #ffffff;
}

.footer .top .u-big > li > a {
    font-size: 16px;
}

.footer .u-small {
    margin: 13px 0 0;
}

.footer .u-small li {
    margin: 5px 0;
}

.footer .bottom {
    height: 66px;
    line-height: 66px;
    text-align: center;
    background-color: #EB6100;
    color: #ffffff;

}

.footer .bottom .s2 {
    display: inline-block;
    margin: 0 50px;
}

.footer .bottom a {
    color: #ffffff;

}

.con-ban {
    width: 100%;
    height: auto;
}

.con-ban img {
    width: 100%;
    height: 100%;
}

.articel {
    width: 100%;
}

.con-top {
    text-align: center;
    margin: 50px 0;
}

.con-top a {
    display: inline-block;
    width: 138px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border: 1px solid #DDDDDD;
    margin: 0 -2px;
    /*float: left;*/

}

.con-top .top-act {
    color: #ffffff;
    background-color: #EC6C1F;
    border: 1px solid #EC6C1F;
}

/*分页的样式*/
.pager_linkBox {
    text-align: center;

    margin: 40px 0 80px;
}

.pager_linkBox a {
    font-size: 12px;
    color: #484848;
    display: inline-block;
    width: 40px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #D8D8D8;
    position: relative;
    z-index: 100;
    background-color: #fff;
}

.pager_linkBox .current, .pager_linkBox a:hover {
    color: #fff;
    background-color: #EC6C1F;
    border: 1px solid #EC6C1F;
}

/*详情页的样式*/
.det-ban {
    width: 100%;
    position: absolute;
    top: 120px;
    left: 0;
    z-index: -1;
}

.det-ban img {
    width: 100%;
    height: 100%;
}

.det-div {
    padding: 0 95px;
    width: 1010px;
    background-color: #ffffff;
    overflow: hidden;
    z-index: 10000;

    margin: 310px auto 0;
    text-align: center;
}

.com-shangxia {
    text-align: left;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #DDDDDD;
    margin: 30px 0 0 0;
}

.com-shangxia img {
    margin: 0 9px;
}

.det-div h1 {
    font-size: 24px;
    margin: 55px 0 0 0;
}

.det-div img {
    max-width: 1010px;
}

.det-div h2 {
    color: #9e9e9e;
    margin: 20px 0;
}

.det-div h2 span {
    display: inline-block;
    margin: 0 30px;
}

.det-div .wenzi {
    margin: 20px auto 100px;
}

.det-div .wenzi p {
    line-height: 24px;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
}

.det-div .back {
    text-align: left;
    margin: 0 0 170px;
    position: relative;
}

.det-div .back a {
    display: block;
    margin: 5px 0;
}

.det-div .back .a-fanhui {
    position: absolute;
    right: 0;
    top: 0;
    width: 178px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #db7165;
    transition: all .3s;
    border: 1px solid #DB7165;
}

.det-div .back .a-fanhui:hover {
    background-color: #DB7165;
    color: #ffffff;

}

.con-ul {
    width: 1200px;
    margin: 0 auto 100px;
}





