@charset "utf-8";
/* CSS Document */
/*体验中心 -- start*/
.exp_diannao {
    min-width: 1000px;
    max-width: 1200px;
    padding: 40px 0px;
    margin: 0 auto;
}

.exp_diannao .exp_dntext .left {
    width: 48%;
    float: left;
}
.title.exper{
   padding:58px 0 0px 0;
}
.hgroup .hgroup_body{
    padding: 35px 0 75px 0;
}
.exp_diannao .exp_dntext .right {
    width: 48%;
    float: right;
}
.hgroup .hgroup_title .first .hgroup_left .h3{
    font-size: 24px;
    font-weight: bold;
}
.module_three{
    padding-top:35px;
}
.hgroup .hgroup_title .first .hgroup_left p{
    font-size: 14px;
}
.exp_diannao .exp_dntext .left li, .exp_diannao .exp_dntext .right li {
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin-bottom: 4px;
}

.exp_diannao .exp_dntext .left li .first, .exp_diannao .exp_dntext .right li .first {
    margin: 0px 8px;
    height: 100%;
}

.exp_diannao .exp_dntext li:hover {
    background: #E5E5E5;
}
.exp_diannao .exp_dntext li .comList .a1{
    font-family: "微软雅黑","宋体";
}
.exp_diannao .exp_dntext li:hover .comList .a1 {
    color: #C91A1B;
}

.exp_diannao .exp_dntext li:hover .comList span {
    background: #C91A1B;
}

.exp_diannao .exp_dntext li:hover .click_btn6 {
    background-position: 0px -750px;
}

.exp_shaoma {
    width: 100%;
    height: 235px;
    background-size: 80% auto;
}

.exp_sm_item {
	width:33%;
	float:left;
	height:150px;
}

.exp_sm_txt {
	clear:both;
	font-size:14px;
	text-align:center;
}

.exp_sm_ico {
	display:block;
	width:255px;
	margin:0 auto;
	border-collapse:collapse;
}

.exp_sm_ico td{display:data-cell;}
td.ma_s1_t {width:113px;}
td.ma_s2_t {width:132px;border-left:1px solid #cdcdcd;}

.ma_s2{
	width:100px;
	height:100px;
	float:right;
}

.exp_yuyue {
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
}

.exp_yanshi .module_three li .first dt {
    padding-top: 40px;
}

.exp_yanshi .module_three li .first dd {
    padding: 30px 0 30px;
}
.module_three li .first dl{
    height: 211px;
}
.exp_yanshi .module_three li .first dd.t {
    padding: 0px;
}

.exp_yanshi .a1 {
    width: 60%;
    height: 36px;
    line-height: 36px;
    border: solid 1px #707070;
    text-align: center;
    font-size: 14px;
    display: block;
    color: #333;
    margin: 0 auto;
}

.exp_yanshi .a1:hover {
    background: #C70001;
    border-color: #C70001;
    color: #fff;
}

.exp_wendang {
    min-width: 1000px;
    max-width: 1200px;
    padding: 53px 0px;
    margin: 0 auto;
}
.hgroup .hgroup_body.bo1{
    padding: 25px 0 5px 0;
}
.exp_wendang .left {
    width: 100%;
}
.module_three.p1{
    padding-top: 55px;
}
.exp_shipin {
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
}

.exp_zengzhi {
    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px 0 22px 0px;
}

.exp_zz {
    min-width: 1000px;
    max-width: 1260px;
    height: 170px;
    margin: 0 auto;
    padding:50px 0 60px 0;
}

.exp_zz li {
    width: 11.11%;
    *width: 11.10%;
    height: 100%;
    float: left;
}

.exp_zz li .first {
    margin: 0px 30px;
    width: 75px;
}

.exp_zz li .first .text1 {
    width: 69px;
    height: 69px;
    position: relative;
    margin: 0 auto;
    transform-style: preserve-3d;
    perspective: 800px;
}

.exp_zz li .first .text1 .top, .exp_zz li .first .text1 .bottom {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 4px;
    transition: all 0.4s;
}

.exp_zz li .first .text1 span {
    width: 69px;
    height: 69px;
    display: block;
    background: url(../img/exp_bg.png) no-repeat;
    position: absolute;
    /*left: 50%;*/
    /*top: 50%;*/
    margin-left: 0px;
    /*margin-top: -15px;*/
}

.exp_zz li .first .text1 .top {
    z-index: 2;
}

.exp_zz li .first .text1 .bottom {
    z-index: 1;
    transform: rotateX(-180deg);
}

.exp_zz li .first .text1 .top span.icoo1 {
}

.exp_zz li .first .text1 .top span.icoo1 {
    background-position: 0 0px;
}

.exp_zz li .first .text1 .top span.icoo2 {
    background-position: 0 -162px;
}

.exp_zz li .first .text1 .top span.icoo3 {
    background-position: 0 -325px;
}

.exp_zz li .first .text1 .top span.icoo4 {
    background-position: 0px -486px;
}

.exp_zz li .first .text1 .top span.icoo5 {
    background-position: 0px -653px;
}

.exp_zz li .first .text1 .top span.icoo6 {
    background-position: 0px -811px;
}

.exp_zz li .first .text1 .top span.icoo7 {
    background-position: 0px -963px;
}

.exp_zz li .first .text1 .top span.icoo8 {
    background-position: 0px -1115px;
}

.exp_zz li .first .text1 .top span.icoo9 {
    background-position: 0px -1261px;
}

.exp_zz li .first .text1 .bottom span.icoo11 {
    background-position: 0px -81px;
}

.exp_zz li .first .text1 .bottom span.icoo22 {
    background-position: 0 -241px;
}

.exp_zz li .first .text1 .bottom span.icoo33 {
    background-position: 0px -405px;
}

.exp_zz li .first .text1 .bottom span.icoo44 {
    background-position: 0px -573px;
}

.exp_zz li .first .text1 .bottom span.icoo55 {
    background-position: 0px -732px;
}

.exp_zz li .first .text1 .bottom span.icoo66 {
    background-position: 0px -887px;
}

.exp_zz li .first .text1 .bottom span.icoo77 {
    background-position: 0px -1041px;
}

.exp_zz li .first .text1 .bottom span.icoo88 {
    background-position: 0px -1187px;
}

.exp_zz li .first .text1 .bottom span.icoo99 {
    background-position: 0px -1330px;
}

.exp_zz li .first .text {
    line-height: 30px;
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
    width: 80px
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .exp_zz li .first .text {
        font-size: 12px;
        width: 100%;
        text-align: center;
        /*position: relative;*/
        /*left: 8px;*/
    }
}

.exp_zz li .first:hover .text {
    color: #C70001;
}

.exp_zz li .first:hover .top {
    transform: rotateX(180deg);
}

.exp_zz li .first:hover .bottom {
    transform: rotateX(0deg);
    z-index: 3;
    display: block;
}

.exp_fixed {
    width: 535px;
    height: 535px;
    border: solid 1px #EDEDED;
    border-left: 0px;
    border-radius: 0px 6px 6px 0px;
    box-shadow: 2px 2px 3px #666;
    position: fixed;
    left: -539px;
    top: 50%;
    margin-top: -267px;
    background: #fff;
    z-index: 2;
}

.exp_fixed .text {
    width: 100%;
    height: 100%;
}

.exp_fixed .text div {
    padding: 10px 25px;
}

.exp_fixed .text div.t1 {
    border-bottom: solid 1px #fff;
}

.exp_fixed .text div.t2 {
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.exp_fixed .text div.t3 {
    border-top: solid 1px #fff;
}

.exp_fixed .text div.active {
    background: #F4F4F6;
    border-color: #EEC9CB;
}

.exp_fixed .text div dl {
    height: auto;
}

.exp_fixed .text div dt {
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    font-weight: bold;
    text-indent: 34px;
    color: #333;
    border-bottom: solid 1px #DCDCDC;
    background: url(../img/exp.png) no-repeat;
    margin-bottom: 15px;
}

.exp_fixed .text div dt.icoo1 {
    background-position: 0px -480px;
}

.exp_fixed .text div dt.icoo2 {
    background-position: 0px -680px;
}

.exp_fixed .text div dt.icoo3 {
    background-position: 0px -880px;
}

.exp_fixed .text div.active dt {
    color: #D20001;
}

.exp_fixed .text div.active dt.icoo1 {
    background-position: 0px -580px;
}

.exp_fixed .text div.active dt.icoo2 {
    background-position: 0px -780px;
}

.exp_fixed .text div.active dt.icoo3 {
    background-position: 0px -980px;
}

.exp_fixed .text div dd {
    margin-bottom: 10px;

}

.exp_fixed .text div dd a, .exp_fixed .text div dd span {
    height: 14px;
    line-height: 14px;
    float: left;
    color: #676767;
    font-size: 14px;
}
.exp_fixed .text div dd a{
    width: 25%;
    position: relative;
}
.exp_fixed .text div dd a:hover {
    color: #D20001;
}

.exp_fixed .text div span {
    width: 1px;
    background: #676767;
position: absolute;
    right:30%;
}

.exp_fixed .exp_button {
    position: absolute;
    right: -51px;
    top: 50%;
    margin-top: -65px;
    cursor: pointer;
}

.exp_fixed .exp_button span {
    width: 20px;
    margin: 0 auto;
    display: block;
    padding-top: 10px;
}

.exp_fixed .exp_button i {
    width: 33px;
    height: 26px;
    background: url(../img/exp.png) no-repeat 0px -400px;
    position: absolute;
    left: 7px;
    bottom: 13px;
}
.hgroup .hgroup_title .first .hgroup_right a:hover {
    color:#c70203;
}
/*体验中心 -- end*/