* {margin: 0px;padding: 0px;}
.nav {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 1px;
    overflow: hidden;
    clear: both;
}

.nav65 {height: 65px;}
.nav50 {height: 50px;}
.nav80 {height: 80px;}
.nav100 {height: 100px;}
.nav30 {height: 30px;}
.nav1em {height: 1em;}
.nav2em {height: 2em;}
.nav3em {height: 3em;}
.nav4em {height: 4em;}
.nav5em {height: 5em;}
.nav05em {height: 0.5em;}
p {
    margin: 0px;
    padding: 0px;
}

img {
    margin: 0px;
    padding: 0px;
    border: none;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #000000;
}
.right_link{margin-top:0.8em;}
#main_about_tit .right_link{margin-top:0em;}
#news_wap{display:none;}
#banner_index img{width:100%;}
#banner_index .swiper-pagination-bullet{width:8px;height:8px;}
html, body {
    overflow-x: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font: 0.9em "Microsoft YaHei", "宋体", Arial;
    background-color: #ffffff;
    color: #000000;
}

#ibody {
    width: 100%;
}

#menuBox {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 14.8958%;
    height: 100%;
    background-color: #ffffff;
    z-index: 99;
}

#top_logo {
    display: block;
    margin-left: 16.78321678321678%;
    margin-bottom: 20px;
    width: 66.78321678321678%;
}

#top_logo img {
    max-width: 100%;
}

#top_logo_ys {
    display: none;
    margin-left: 16.78321678321678%;
    margin-bottom: 20px;
    width: 35%;
}

#top_logo_ys img {
    max-width: 100%;
}

#menu_proClass {
    position: absolute;
    right: -70%;
    top: 15%;
    width: 70%;
    height: 100%;
    background: #ffffff;
    z-index: 99;
    display: none;
    -moz-box-shadow: 5px -5px 10px #dcdcdc inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 5px -5px 10px #dcdcdc inset; /* For Chrome5+, Safari5+ */
    box-shadow: 5px -5px 10px #dcdcdc inset; /* For Latest Opera */
}

#menu_proClass ul {
    position: absolute;
    top: 10%;
    left: 0px;
    width: 100%;
    display: none;
}

#menu_proClass ul li {
    height: 3em;
    border-bottom: 1px solid #f3f3f3;
}

#menu_proClass ul li a {
    display: block;
    width: 100%;
    height: 3em;
    line-height: 3em;
    transition: all 0.5s;
    color: #505050;
    overflow:hidden;
}

#menu_proClass ul li a:hover {
    background-color: #fefefe;
    color: #000000;
}

#menu_proClass .menu_proClass_pro {
    position: absolute;
    top: 10%;
    left: 0px;
    display: block;
}

#menu_proClass .menu_proClass_about {
    position: absolute;
    top: 10%;
    left: 0px;
}

#menu_proClass .menu_proClass_news {
    position: absolute;
    top: 13%;
    left: 0px;
}

#menu_proClass .menu_proClass_yswh {
    position: absolute;
    top: 25%;
    left: 0px;
}

#menu_proClass .menu_proClass_join {
    position: absolute;
    top: 18%;
    left: 0px;
}

#menu_line {
    width: 100%;
    text-align: center;
}

#menu_line li {
    width: 100%;
    height: 3em;
    line-height: 3em;
}

#menu_line li a 
{
    position:relative;
    display: block;
    width: 100%;
    height: 3em;
    line-height: 3em;
    /***text-indent: 18.88%;***/
    transition: all 0.5s;
    color: #505050;
}

#menu_line li a:hover {
    background-color: #f8f8f8;
    color: #000000;
}

#menu_line li span 
{
    display: block;
    width: 100%;
    height: 3em;
    line-height: 3em;
    text-indent: 18.88%;
    color: #505050;
}

#menu_line .menu_pro span {
    position:absolute;
    top:20px;right:22%;
    display: inline-block;
    width: 8px;
    height: 5px;
    background: url("../images/menu_licon.png") no-repeat;
}

#menu_search {
    margin-left: 10%;
    margin-bottom: 25px;
    width: 75%;
    height: 27px;
    background-color: #e8e8e8;
    border-radius: 15px;
}

#top_name {
    margin-left: 10%;
    margin-bottom: 15px;
    width: 90%;
    text-align: left;
    color: #505050;
}

#top_txt {
    margin-left: 10%;
    width: 90%;
    text-align: left;
    color: #505050;
    font-size: 0.9em;
    line-height: 180%;
}

#banner_line {
    width: 100%;
    height: 100%;
    background-color: #000000;
}

#bannerWap {
    display: none;
}

#mtop_bg {
    position: relative;
    width: 100%;
    text-align: center;
}

#mtop_bg img {
    max-width: 100%;
}

#imain_right {
    float: right;
    width: 85.1042%;
}

#imain_newsBox {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#imain_news {
    margin-left: auto;
    margin-right: auto;
    width: 91.066%;
}

.imain_news_tit {
    margin-top: 6em;
    margin-bottom: 8%;
    position: relative;
    width: 100%;
    height: 47px;
    text-align: left;
}

.imain_news_titleCN {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    color: #000000;
}

.imain_news_titleEN {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    color: #adadad;
}

.imain_news_more {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80px;
    height: 40px;
    line-height: 37px;
    color: #757575;
    transition: all 0.5s;
}

.imain_news_more:hover {
    width: 58px;
    color: #222222;
}

.imain_news_more:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 16px;
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_moreIcon.png") no-repeat;
    transition: all 0.5s;
}

.imain_news_more:hover:before {
    right: -5px;
}

#imain_news_con {
    width: 100%;
}

#imain_news_con li {
    float: left;
    margin-right: 2.6%;
    width: 31.529%;
}

#imain_news_con li a {
    display: block;
}

#imain_news_con li:last-child {
    margin-right: 0px;
}

#imain_news_con li span {
    display: block;
    text-align: left;
}

#imain_news_con li .imain_newsWap_conTime {
    display: none;
}

.newsDWList .imain_newsWap_conTime {
    display: none;
}

.imain_news_conImg {
    position: relative;
    margin-bottom: 1.5em;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.imain_news_conImg img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    transition: all 0.5s;
}

#imain_news_con li a:hover .imain_news_conImg img {
    left: -5%;
    top: -5%;
    width: 110%;
}

.imain_news_conName {
    position: relative;
    top: 0px;
    margin-bottom: 15px;
    width: 100%;
    font-size: 1.1em;
    transition: all 0.5s;
}

.imain_news_conTxt {
    position: relative;
    top: 0px;
    margin-bottom: 18px;
    width: 100%;
    color: #525252;
    font-size: 0.9em;
    transition: all 0.5s;
    line-height: 180%;
}

.imain_news_conTiao {
    position: relative;
    left: 50%;
    top: 0px;
    width: 0%;
    height: 1px;
    overflow: hidden;
    background-color: #969696;
    opacity: 0;
    transition: all 0.5s;
}

.imain_news_conTime {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.imain_news_conTime span {
    position: relative;
    top: -2em;
    opacity: 0;
    transition: all 0.5s;
}

.imain_news_conTime:before {
    content: "";
    position: absolute;
    right: -5%;
    top: 16px;
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_timeMore.png") no-repeat;
    transition: all 0.5s;
    opacity: 0;
}

#imain_news_con li a:hover .imain_news_conName {
    top: -0.8em;
}

#imain_news_con li a:hover .imain_news_conTxt {
    top: -0.5em;
}

#imain_news_con li a:hover .imain_news_conTiao {
    left: 0px;
    width: 100%;
    opacity: 1;
}

#imain_news_con li a:hover .imain_news_conTime span {
    top: 0px;
    opacity: 1;
}

#imain_news_con li a:hover .imain_news_conTime:before {
    right: 0px;
    opacity: 1;
}
#imain_news_wapMore{display:none;}

#imain_aboutBox {
    margin-top: 92px;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#imain_about {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#imain_about_tit {
    position: relative;
    width: 100%;
}

#imain_about_tit img {
    display: block;
    max-width: 100%;
}

#imain_about_tit .imain_about_title {
    position: absolute;
    left: 18.23783117683303%;
    bottom: 0px;
    width: 63.52433764633395%;
    height: 32.47663551401869%;
    background-color: #ffffff;
}

#imain_about_tit .imain_about_title img {
    position: relative;
    top: 40%;
    margin-left: auto;
    margin-right: auto;
}

#imain_about_txt {
    margin-top: 25px;
    margin-bottom: 58px;
    margin-left: auto;
    margin-right: auto;
    width: 58%;
    color: #525252;
    line-height: 180%;
}

#imain_about_menu {
    margin-left: auto;
    margin-right: auto;
    width: 63.52433764633395%;
}

#imain_about_menu li {
    float: left;
    width: 16.66666666666667%;
}

#imain_about_menu li img {
    max-width: 100%;
    opacity: 0.5;
    transition: all 0.5s;
}

#imain_about_menu li a:hover img {
    opacity: 1;
}

#imain_aboutWap_menu {
    display: none;
}

#imain_about_more {
    display: block;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 40px;
    line-height: 37px;
    text-align: left;
    color: #757575;
}

#imain_about_more:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 16px;
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_moreIcon.png") no-repeat;
    transition: all 0.5s;
}

#imain_about_more:hover {
    width: 58px;
    color: #222222;
}

#imain_about_more:hover:before {
    right: -5px;
}


#imain_proBox {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#imain_pro {
    margin-left: auto;
    margin-right: auto;
    width: 91.066%;
}

.imain_pro_menu {
    position: absolute;
    right: 8%;
    top: 0px;
    width: 75%;
    height: 40px;
    line-height: 37px;
    color: #757575;
    text-align: right;
}

.imain_pro_menu li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.imain_pro_menu li a {
    position: relative;
    color: #333333;
}

.imain_pro_menu li a:before {
    content: "";
    position: absolute;
    right: 0px;
    top: calc(50% - 4px);
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_timeMore.png") no-repeat;
    transition: all 0.5s;
    opacity: 0;
}

.imain_pro_menu li a:hover:before {
    right: -12px;
    opacity: 1;
}

.imain_pro_menu li a:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 0%;
    height: 1px;
    background-color: #636363;
    transition: all 0.5s;
    opacity: 0;
}

.imain_pro_menu li a:hover:after {
    width: 100%;
    opacity: 1;
}

#imain_proWap_con {
    display: none;
}

#imain_pro_con {
    margin-left: auto;
    margin-right: auto;
    width: 92.35982747997535%;
}

#imain_pro_con a {
    display: block;
    width: 100%;
}

.imain_pro_l {
    float: left;
    width: 32.95530353569046%;
    border-right: 1px solid #dadada;
}

.imain_pro_liA {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

.imain_pro_liImg {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 82.59109311740891%;
    overflow: hidden;
}

.imain_pro_liImg img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}

.imain_pro_liImg:hover img {
    left: -5%;
    top: -5%;
    width: 110%;
}

.imain_pro_liTxt {
    position: relative;
    top: 0px;
    margin-top: 20px;
    margin-bottom: 0.5em;
    display: block;
    width: 100%;
    color: #333333;
    transition: all 0.5s;
}

#imain_pro_con a:hover .imain_pro_liTxt {
    top: -0.5em;
}

.imain_pro_liClass {
    position: relative;
    top: 0px;
    margin-bottom: 8%;
    display: block;
    width: 100%;
    font-size: 0.9em;
    color: #8b8b8b;
    transition: all 0.5s;
}

#imain_pro_con a:hover .imain_pro_liClass {
    top: -0.5em;
}

.imain_pro_liClass:before {
    content: "";
    position: absolute;
    left: calc(50% - 3.5px);
    bottom: 0em;
    width: 7px;
    height: 5px;
    background: url("../images/imain_yswh_icon.png") no-repeat;
    transition: all 0.5s;
    opacity: 0;
}

#imain_pro_con a:hover .imain_pro_liClass:before {
    bottom: -1em;
    opacity: 1;
}

.imain_pro_liClassA {
    margin-bottom: 8%;
}

.imain_pro_liClassB {
    margin-bottom: 5.4%;
}

.imain_pro_liClassC {
    margin-bottom: 5.8%;
}

.imain_pro_libut {
    position: relative;
    top: 0px;
    margin-bottom: 15%;
    display: block;
    margin-left: 10%;
    width: 80%;
    height: 2.5em;
    line-height: 2.5em;
    background-color: #c71e32;
    font-size: 0.9em;
    color: #ffffff;
    border-radius: 5px;
    transition: all 0.5s;
}

#imain_pro_con a:hover .imain_pro_libut {
    top: -0.5em;
}

.imain_pro_libutC {
    margin-bottom: 10%;
}

.imain_pro_r {
    float: left;
    width: 32.95530353569046%;
}

#imain_yswhBox {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#imain_yswh {
    margin-left: auto;
    margin-right: auto;
    width: 91.066%;
}

#imain_yswh_con {
    width: 100%;
}

#imain_yswhWap_con {
    position: relative;
    display: none;
    width: 100%;
}

.imain_yswhWap_conLbut {
    position: absolute;
    left: 0px;
    top: 30%;
    width: 19px;
    height: 32px;
    background: url("../images/wap/imain_ys_but.png") no-repeat;
    z-index: 9999;
    cursor: pointer;
}

.imain_yswhWap_conRbut {
    position: absolute;
    right: 0px;
    top: 30%;
    width: 19px;
    height: 32px;
    background: url("../images/wap/imain_ys_but.png") right top no-repeat;
    z-index: 9999;
    cursor: pointer;
}

#imain_yswh_con li {
    float: left;
    width: 24.28180574555404%;
    margin-right: 0.95759233926129%;
}

#imain_yswh_con li:last-child {
    margin-right: 0px;
}

#imain_yswh_con li a {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

#imain_yswh_con li img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}

#imain_yswh_con li a:hover img {
    position: absolute;
    left: -5%;
    top: -5%;
    width: 110%;
}

.imain_yswh_conBox {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    background-color: #ffffff;
    opacity: 0.9;
    opacity: 0;
    transition: all 0.36s ease-out 0s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

#imain_yswh_con li:hover .imain_yswh_conBox {
    opacity: 0.9;
    animation-name: flipInY;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}


.imain_yswh_conName {
    position: relative;
    display: block;
    margin-top: 40%;
    margin-bottom: 10%;
    margin-left: 15%;
    width: 70%;
    height: 30px;
    font-size: 18px;
    border-bottom: 1px solid #d0cece;
}

.imain_yswh_conName:before {
    content: "";
    position: absolute;
    left: calc(50% - 3.5px);
    bottom: -15px;
    width: 7px;
    height: 5px;
    background: url("../images/imain_yswh_icon.png") no-repeat;
}

.imain_yswh_conTxt {
    display: block;
    margin-bottom: 1%;
    margin-left: 15%;
    width: 70%;
    font-size: 0.8em;
    color: #646464;
}

#imain_joinBox {
    width: 100%;
}

#imain_join {
    margin-left: auto;
    margin-right: auto;
    width: 91.066%;
}

#imain_join_con {
    width: 100%;
}

.imain_join_conLi {
    position: relative;
    float: left;
    width: 50%;
}

.imain_join_conLi img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: all 0.5s;
}

.imain_join_conLiBox {
    position: absolute;
    left: 5%;
    top: 0px;
    width: 90%;
    text-align: left;
}

.imain_join_conLiBox span {
    display: block;
}

.imain_join_conLiName {
    position: relative;
    margin-top: 5%;
    margin-bottom: 8%;
    font-size: 1.1em;
    transition: all 0.5s;
}

.imain_join_conLiTxt {
    margin-bottom: 5%;
    line-height: 180%;
    width: 100%;
    height: 3.5em;
    overflow: hidden;
}

.imain_join_conLiA {
    position: relative;
    right: auto;
    top: auto;
    left: 0px;
    bottom: 0%;
    display: block;
    transition: all 0.5s;
}

.imain_join_conLi .imain_join_conLiName {
    margin-top: 17%;
    margin-bottom: 3%;
    color: #ffffff;
}

.imain_join_conLi .imain_join_conLiName:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -0.5em;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.imain_join_conLi .imain_join_conLiName:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 0.5em;
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_timeMoreW.png") no-repeat;
    transition: all 0.5s;
    opacity: 0;
}

.imain_join_conLi .imain_join_conLiName:after {
    right: 0px;
    opacity: 1;
}

.imain_join_conLi .imain_join_conLiTxt {
    color: #ffffff;
}

.imain_join_conLi img {
    opacity: 1;
}

.imain_join_conLi .imain_join_conLiA {
    display: none;
}

.imain_join_conRBox {
    display: block;
    position: absolute;
    left: 5%;
    top: 0px;
    width: 90%;
    text-align: left;
    color: #ffffff;
}

.imain_join_conRBox span {
    display: block;
}

.imain_join_conRName {
    position: relative;
    top: 0px;
    margin-top: 20%;
    font-size: 1.1em;
    margin-bottom: 2%;
    transition: all 0.5s;
}

.imain_join_conRTxt {
    position: relative;
    top: 0px;
    width: 100%;
    height: 3em;
    overflow: hidden;
    transition: all 0.5s;
}

.imain_join_conRBox:hover .imain_join_conRName {
    top: -1em;
}

.imain_join_conRBox:hover .imain_join_conRTxt {
    top: -1em;
}

.imain_join_conRTiao {
    position: absolute;
    left: 0px;
    bottom: -1em;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    transition: all 0.5s;
    opacity: 0;
}

.imain_join_conRBox:hover .imain_join_conRTiao {
    opacity: 1;
}

.imain_join_conRTiao:before {
    content: "";
    position: absolute;
    right: 20px;
    top: -1.3em;
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_timeMoreW.png");
    transition: all 0.5s;
    opacity: 0;
}

.imain_join_conRBox:hover .imain_join_conRTiao:before {
    right: 0px;
    opacity: 1;
}

#imain_joinWap {
    display: none;
}

#imain_videoVR {
    width: 100%;
    background-color: #f9fafa;
}

#imain_videoVRCon {
    margin-left: auto;
    margin-right: auto;
    width: 91.066%;
}

.imain_vv_tit {
    margin-top: 103px;
    margin-bottom: 8%;
    position: relative;
    width: 100%;
    height: 47px;
    text-align: left;
}

.imain_video_title {
    float: left;
    margin-right: 5%;
}

.imain_video_more {
    float: left;
    margin-right: 5%;
    font-size: 1.2em;
}

.imain_video_more a:hover {
    color: #d00000;
}

.imain_video_txt {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #c30c22;
}

.imain_vr_title {
    float: left;
    width: 50%;
}

.imain_vv {
    width: 100%;
}

.imain_video_img {
    position: relative;
    float: left;
    width: 50%;
}

.imain_video_img img {
    max-width: 100%;
}

.imain_video_img:before {
    content: "";
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
    transition: all 0.5s;
    background: url("../images/imain_video_icon.png") no-repeat;
    opacity: 0;
}

.imain_video_img:hover:before {
    opacity: 1;
}

.imain_video_con {
    position: relative;
    float: left;
    margin-right: 1.5%;
    width: 30%;
}

.imain_vr_img {
    float: left;
    width: 50%;
}

.imain_vr_img img {
    width: 100%;
}

.imain_vr_img:before {
    content: "";
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
    transition: all 0.5s;
    background: url("../images/imain_video_icon.png") no-repeat;
    opacity: 0;
}

.imain_vr_img:hover:before {
    opacity: 1;
}

#bottom_box {
    width: 100%;
}

#bottom_line {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 91.066%;
    text-align: left;
    color: #646464;
    font-size: 0.9em;
}

#bottom_line a {
    color: #646464;
    transition: all 0.5s;
}

#bottom_line a:hover {
    color: #000000;
}

#bottom_line p {
    display: inline-block;
}

#bottom_line span img {
    position: relative;
    top: 3px;
}

.bottom_gg {
    margin-bottom: 1em;
    width: 100%;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 3em;
    color: #c30d23;
    font-weight: bold;
}

#bottom_line .bottom_gg a {
    color: #d00000;
}

#bottom_line .bottom_gg a:hover {
    color: #ff0000;
}

#bottom_pfj {
    margin-left: 5%;
    width: 90%;
    text-align: left;
}

#bottom_pfj_mes {
    float: left;
    width: 50%;
    color: #505050;
    font-size: 1.1em;
    line-height: 200%;
}
#bottom_pfj_mes img{width:350px;}

.bottom_pfj_mesTit {
    font-size: 1.2em;
    font-weight: bold;
    color: #d00000;
}

.bottom_pfj_mesTits {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #d00000;
}

#bottom_pfj_tab {
    float: left;
    width: 50%;
}

/**********************************************************************************/
#main_aboutBox {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#main_about {
    margin-left: auto;
    margin-right: auto;
    width: 74.35020519835841%;
    text-align: left;
}

#main_about_tit {
    margin-top: 5em;
    margin-bottom: 3em;
    font-size: 1.2em;
}

#main_about_con {
    margin-bottom: 1em;
    width: 100%;
    line-height: 200%;
    color: #424242;
}

#main_about_con p {
    margin-bottom: 15px;
}

#main_about_con img {
    max-width: 100%;
}

.main_aboutPPYQ_lbox {
    float: left;
    width: 53.33333333333333%;
}

.main_aboutPPYQ_rbox {
    float: right;
    width: 44.44444444444444%;
}

.main_aboutPPYQ_rbox img {
    max-width: 100%;
}

#main_about_fBut {
    float: right;
    width: 28px;
}

#main_about_fBut img {
    width: 100%;
}

#main_videoBox {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#main_video {
    margin-left: auto;
    margin-right: auto;
    width: 82.69493844049248%;
    text-align: left;
}

#main_video_tit {
    margin-top: 5em;
    margin-bottom: 3em;
    width: 100%;
    font-size: 1.2em;
}

#main_video_con {
    margin-left: auto;
    margin-right: auto;
    width: 60.62861869313482%;
}

#main_video_con li {
    margin-bottom: 2em;
    position: relative;
    width: 100%;
    text-align: center;
}

#main_video_con li img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

#main_video_con li a:before {
    content: "";
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
    transition: all 0.5s;
    background: url("../images/imain_video_icon.png") no-repeat;
    opacity: 1;
}

#main_video_con li a:hover:before {
    opacity: 1;
}

#main_video_conShow {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

#main_ztfc_con {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.main_pro_menu {
    position: absolute;
    right: 8%;
    top: 0px;
    width: 75%;
    height: 40px;
    line-height: 37px;
    color: #757575;
    text-align: right;
}

.main_pro_menu li {
    display: inline-block;
    margin-left: 20px;
}

.main_pro_menu li a {
    position: relative;
    color: #333333;
}

.main_pro_menu li a:before {
    content: "";
    position: absolute;
    right: 0px;
    top: calc(50% - 4px);
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_timeMore.png") no-repeat;
    transition: all 0.5s;
    opacity: 0;
}

.main_pro_menu li a:hover:before {
    right: -12px;
    opacity: 1;
}

.main_pro_menu li a:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 0%;
    height: 1px;
    background-color: #636363;
    transition: all 0.5s;
    opacity: 0;
}

.main_pro_menu li a:hover:after {
    width: 100%;
    opacity: 1;
}

#main_pro_tit {
    margin-top: 5em;
    margin-bottom: 1.5em;
    width: 100%;
    font-size: 1.4em;
}

#main_pro_txt {
    margin-top: 1em;
    margin-bottom: 3em;
    width: 100%;
    font-size: 0.9em;
    color: #424242;
    line-height: 200%;
}

#main_pro_gsTit {
    margin-bottom: 2em;
    width: 100%;
    height: 3em;
    border-bottom: 1px dotted #a8a8a8;
    color: #ffffff;
}

#main_pro_gsTit span {
    padding: 0.8em 2em;
    background-color: #5d5d5d;
}

#main_pro_gsCon {
    margin-top: 1em;
    margin-bottom: 3em;
    width: 100%;
    font-size: 0.9em;
    color: #424242;
    line-height: 200%;
    border-bottom: 1px dotted #a8a8a8;
}

#main_pro_gsCon p {
    margin-bottom: 1em;
}

#main_pro_list {
    margin-bottom: 2em;
    width: 100%;
}

#main_pro_list img {
    width: 100%;
}

#main_pro_list h2 {
    font-weight: normal;
}

#main_pro_list .article {
    text-align: center;
}

#main_pro_list h3 {
    font-weight: normal;
    display: inline-block;
    width: auto;
    text-align: center;
    background-color: #c82034;
    color: #ffffff;
    font-size: 1em;
    padding: 0.3em 1em;
    cursor: pointer;
}

#dinggou_box,
#dinggou_boxs {
    display: none;
    position: fixed;
    left: calc(50% - 300px);
    top: 10%;
    width: 600px;
    background: url("../images/proboxbg.jpg");
    background-size: 100%;
    z-index: 999;
    border-radius: 8px;
}

.dinggou_boxTit {
    margin-left: 10%;
    margin-bottom: 0.5em;
    width: 80%;
    height: 2em;
    line-height: 2em;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}

.dinggou_boxTitB {
    border: none;
}

.dinggou_botTit {
    margin-left: 10%;
    margin-bottom: 0.5em;
    width: 80%;
    height: 2em;
    line-height: 2em;
    font-size: 1.2em;
    color: #d00000;
    font-weight: bold;
}

.dinggou_boxTxt {
    margin-left: 10%;
    width: 80%;
    line-height: 200%;
    color: #000000;
}
.dinggou_boxTxt img{width:80%;}

.dinggou_boxInput {
    position: relative;
    margin-left: 10%;
    width: 80%;
    height: 3em;
    line-height: 3em;
}

.dinggou_boxInput span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 3em;
    line-height: 2.5em;
    text-indent: 10px;
    z-index: 1;
    text-align: left;
}

.dinggou_boxInput .dinggou_span {
    color: #ffffff;
}

.input_txtName,
.input_txtNames {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2.5em;
    text-indent: 10px;
    z-index: 2;
    background: none;
    border: 1px solid #ddd;
}

.input_txtPhone,
.input_txtPhones {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2.5em;
    text-indent: 10px;
    z-index: 2;
    background: none;
    border: 1px solid #ddd;
}

#dinggou_but {
    display: block;
    margin-left: 10%;
    width: 80%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    background-color: #ba1c36;
    color: #ffffff;
}

#dinggou_but:hover {
    background-color: #f04848;
}

#xunjia_but,
#xunjia_buts {
    display: block;
    margin-left: 10%;
    width: 80%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    background-color: #ba1c36;
    color: #ffffff;
}

#xunjia_but:hover,
#xunjia_buts:hover {
    background: #f04848;
}

#wapsXunjia_but {
    display: block;
    margin-left: 10%;
    width: 80%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    background-color: #ba1c36;
    color: #ffffff;
}

#wapsXunjia_but:hover {
    background: #f04848;
}

#bottom_but {
    display: block;
    margin-left: 10%;
    width: 80%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    background-color: #d00000;
    color: #ffffff;
}

#bottom_but:hover {
    background-color: #ff0000;
}

#dinggou_close,
#dinggou_closes {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 14px;
    height: 13px;
    background: url("../images/diyfloat_close.png") no-repeat;
    cursor: pointer;
    transition: all 0.5s;
}

#dinggou_close:hover,
#dinggou_closes:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
}

#main_contactBox {
    width: 100%;
}

#main_contact {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
}

#banner_contact {
    margin-bottom: 3.5em;
    width: 100%;
}

#banner_contact img {
    display: block;
    width: 100%;
}

#imain_contact_con {
    margin-left: auto;
    margin-right: auto;
    width: 74.35020519835841%;
}

#imain_contact_conTit {
    margin-bottom: 3em;
    width: 100%;
    text-align: center;
}

#imain_contact_conL {
    float: left;
    width: 41.398344%;
}

#imain_contact_conL img {
    width: 100%;
}

#imain_contact_conR {
    float: left;
    margin-left: 5.2%;
    width: 50%;
    text-align: left;
}
/******width:33.35786568537259%*******/
#imain_contact_conRTit {
    margin-bottom: 3em;
    font-size: 1.1em;
    color: #525252;
}

#imain_contact_conRName {
    margin-bottom: 1.5em;
    font-size: 1.2em;
    color:#E53333;
}

#imain_contact_conRTxt {
    color: #525252;
    line-height: 180%;
}

#imain_contact_conW {
    float: right;
    width: 20%;
    text-align: center;
    line-height: 200%;
}

#imain_contact_conW .nav {
    height: 2.5em;
}

#imain_contact_conTiao {
    width: 100%;
    border-bottom: 1px dotted #424242;
}

#imain_service_tit {
    margin-top: 1.5em;
    margin-bottom: 1em;
    color: #353535;
    font-size: 1.1em;
    text-align: left;
}

#imain_service_con {
    color: #353535;
    text-align: left;
    height: auto !important;
    height: 10em;
    min-height: 10em;
}

#map {
    width: 100%;
    height: 320px;
    font-size: 12px;
}

#main_joinBox {
    width: 100%;
}

#main_join {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
}

#main_join_con {
    margin-top: 5em;
    margin-left: auto;
    margin-right: auto;
    width: 82.69493844049248%;
}

#main_join_conTit {
    margin-bottom: 3em;
    width: 100%;
    text-align: center;
}

#main_join_conList {
    width: 100%;
    text-align: left;
}

#main_join_conList li {
    float: left;
    margin-bottom: 5em;
    width: 49.04880066170389%;
    margin-right: 1.90239867659222%;
}

#main_join_conList li:nth-child(even) {
    float: right;
    width: 49.04880066170389%;
    margin-right: 0%;
}

#main_join_conList li span {
    display: block;
}

.main_join_conImg {
    margin-bottom: 1.2em;
    width: 100%;
}

.main_join_conImg img {
    display: block;
    width: 100%;
}

.main_join_conName {
    margin-bottom: 0.8em;
    width: 100%;
    font-size: 1.1em;
}

.main_join_conTxt {
    width: 100%;
    height: 4em;
    color: #767676;
    line-height: 180%;
    overflow: hidden;
}

#main_joinCon_img {
    width: 100%;
}

#main_joinCon_img img {
    max-width: 60%;
}

#main_joinCon_txt {
    margin-bottom: 2em;
    width: 100%;
    background-color: #f4f4f4;
}

#main_joinCon_txtCon {
    margin-left: 10%;
    width: 80%;
    height: auto !important;
    height: 250px;
    min-height: 250px;
    line-height: 200%;
    color: #424242;
}

#main_joinCon_txtCon p {
    margin-bottom: 1em;
}

#main_joinCon_txtCon img {
    width: 100%;
}

#main_newsBox {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#main_news {
    margin-left: auto;
    margin-right: auto;
    width: 82.69493844049248%;
}

#main_news_list {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
}

.main_news_menu {
    position: absolute;
    right: 0%;
    top: 0px;
    width: 75%;
    height: 40px;
    line-height: 37px;
    color: #757575;
    text-align: right;
}

.main_news_menu li {
    display: inline-block;
    margin-left: 20px;
}
.main_news_menu li.cur a {
    font-weight: bold;
    color: #fff;
    background-color: #505050;
padding:0.2em 0.3em;
}
.main_news_menu li a {
    position: relative;
    color: #333333;
}

.main_news_menu li a:before {
    content: "";
    position: absolute;
    right: 0px;
    top: calc(50% - 4px);
    width: 5px;
    height: 8px;
    background: url("../images/imain_news_timeMore.png") no-repeat;
    transition: all 0.5s;
    opacity: 0;
}

.main_news_menu li a:hover:before {
    right: -12px;
    opacity: 1;
}

.main_news_menu li a:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 0%;
    height: 1px;
    background-color: #636363;
    transition: all 0.5s;
    opacity: 0;
}

.main_news_menu li a:hover:after {
    width: 100%;
    opacity: 1;
}

#main_yswh {
    margin-left: auto;
    margin-right: auto;
    width: 74.35020519835841%;
}

#main_yswh_tit {
    margin-bottom: 0.8em;
    position: relative;
    width: 100%;
    height: 2.4em;
    border-bottom: 1px dotted #424242;
    font-size: 1.5em;
}

#main_yswh_tit:before {
    content: "";
    position: absolute;
    left: calc(50% - 8.5px);
    bottom: -0.35em;
    width: 17px;
    height: 12px;
    background: url("../images/main_yshs_titIcon.png") no-repeat;
}

#main_yswh_txt {
    margin-bottom: 2em;
    width: 100%;
    color: #767676;
}

#main_yswh_con {
    margin-bottom: 2em;
    width: 100%;
    height: auto !important;
    height: 300px;
    min-height: 300px;
    background-color: #f4f4f4;
}

#main_yswh_conTxt {
    margin-left: 10%;
    width: 80%;
    line-height: 200%;
    color: #424242;
    text-align: left;
}

#main_yswh_conTxt p {
    margin-bottom: 1em;
}

#main_yswh_conTxt img {
    max-width: 100%;
}

#main_yswhList {
    margin-left: auto;
    margin-right: auto;
    width: 85.67931456548348%;
}

#main_yswh_list {
    margin-bottom: 2em;
    width: 100%;
    height: auto !important;
    height: 300px;
    min-height: 300px;
}

#main_yswh_show {
    margin-bottom: 2em;
    width: 100%;
    height: auto !important;
    height: 300px;
    min-height: 300px;
}

#main_yswh_showImg {
    margin-bottom: 1.5em;
    width: 100%;
}

#main_yswh_showImg img {
    max-width: 100%;
}

#main_yswh_showCon {
    width: 100%;
    text-align: left;
}


.main_neiMenu {
    display: none;
}

#main_pro_dian {
    display: none;
}

#main_pro_dinggou {
    display: none;
}


@media screen and (max-width:1272px) {
    #menuBox {
        width: 20%;
    }

    #imain_right {
        width: 80%;
    }

    #main_about_con .main_aboutPPYQ_lbox {
        float: inherit;
        width: 100%;
    }

    #main_about_con .main_aboutPPYQ_rbox {
        float: inherit;
        width: 100%;
    }

    #main_about_con .main_aboutPPYQ_rbox img {
        float: left;
        margin-bottom: 2em;
        display: block;
        max-width: 48%;
    }

    #main_about_con .main_aboutPPYQ_rbox img:nth-child(2) {
        float: right;
    }

    #imain_contact_conR {
        float: right;
        width: 53.35786568537259%;
        text-align: left;
    }

    #imain_contact_conW {
        float: inherit;
        width: 100%;
        text-align: left;
        line-height: 200%;
    }

    #imain_contact_conW .nav {
        height: 2.5em;
    }
}

@media screen and (max-width:1100px) {
    #imain_about_tit .imain_about_title {
        left: 15%;
        width: 70%;
    }

    #imain_about_txt {
        margin-top: 1.5em;
        margin-bottom: 2em;
        width: 70%;
    }

    .imain_news_conName {
        font-size: 1em;
    }

    .imain_news_conTxt {
        font-size: 0.8em;
    }
}

@media screen and (max-width:1024px) {
    #menuBox {
        width: 19.53125%;
    }

    #top_name {
        display: none;
    }

    #top_txt {
        display: none;
    }

    #imain_right {
        width: 80.46875%;
    }

    .imain_join_conLiTxt {
        font-size: 0.9;
    }


    #imain_newsBox {
        width: 100%;
        border-bottom: 1px solid #dadada;
    }

    #imain_news {
        margin-left: auto;
        margin-right: auto;
        width: 91.066%;
    }

    .imain_news_tit {
        margin-top: 3em;
        margin-bottom: 2em;
    }

    #imain_news .nav80 {
        height: 2em;
    }

    #imain_aboutBox {
        margin-top: 3em;
    }

    #imain_yswh .nav80 {
        height: 3em;
    }

    #imain_join_con .nav80 {
        height: 3em;
    }

    #imain_videoVRCon .nav80 {
        height: 3em;
    }
}

@media screen and (max-width:975px) {
    #ibody .diyfloat {
        display: none;
    }

    #ibody .diyfloata {
        display: none;
    }

    #ibody .float_ys {
        display: none;
    }

    #main_pro_dian {
        display: block;
        float: inherit;
        position: fixed;
        right: 3%;
        bottom: 7.3em;
        width: 28px;
        cursor: pointer;
    }

    #main_pro_dian img {
        width: 100%;
    }

    #main_pro_dinggou {
        display: block;
        float: inherit;
        position: fixed;
        right: 3%;
        bottom: 9.5em;
        width: 28px;
        cursor: pointer;
    }

    #main_pro_dinggou img {
        width: 100%;
    }

    #dinggou_box {
        left: 5%;
        top: 10%;
        width: 90%;
    }

    #wap_bottom_menu {
        display: block;
    }

    #bannerPC {
        display: none;
    }

    #bannerWap {
        display: block;
    }

    #ibody {
        margin-left: auto;
        margin-right: auto;
        width: 640px;
    }

    #menuBox {
        display: none;
    }

    #imain_right {
        float: inherit;
        width: 100%;
    }

    .imain_news_more {
        display: none;
    }

    .imain_pro_menu {
        display: none;
    }

    #imain_newsBox {
        border-bottom: none;
    }

    #imain_news .nav80 {
        height: 2em;
    }

    .imain_news_title img {
        display: none;
    }

    #imain_contact_conTit img {
        display: none;
    }

    #main_join_conTit img {
        display: none;
    }

    #main_video_tit img {
        display: none;
    }

    .imain_news_titleCN {
        display: block;
        margin-bottom: 0.2em;
        width: 100%;
        text-align: center;
        font-size: 1.3em;
        color: #000000;
    }

    .imain_news_titleEN {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1em;
        color: #adadad;
    }

    .main_videoCon_tit .imain_news_titleCN {
        text-align: left;
    }

    .main_videoCon_tit .imain_news_titleEN {
        text-align: left;
    }
    #main_video_tit .right_link{margin-bottom:1.2em;}
    #main_video_tit .right_link li {display: block;float:left;margin-left: 0px;margin-bottom:0.3em;width:25%;text-align:left;}
    #main_video_tit .right_link a {font-size: 0.8em;}
    #main_video_tit .right_linkC li{text-align:center;}
    

    .imain_video_txt {float: left;font-size: 1.2em;font-weight: bold;color: #c30c22;margin-top:0.8em;margin-bottom:1em;}
    .imain_vv p{margin-top:0.8em;}
    
    #main_about_tit .right_link{margin-top:0.8em;}

    #imain_news_con {
        margin-left: 2%;
        width: 96%;
    }

    #imain_news_con li {
        float: inherit;
        margin-right: auto;
        width: 100%;
        margin-bottom: 2em;
    }

    #imain_news_con li:last-child {
        margin-right: auto;
    }

    #imain_news_con li .imain_news_conImg {
        display: none;
    }

    #imain_news_con li .imain_newsWap_conTime {
        display: block;
        margin-bottom: 0.2em;
        width: 100%;
        color: #adadad;
    }

    #imain_news_con li .imain_newsWap_conTime span {
        display: inline-block;
        color: #585858;
    }

    .imain_news_conName {
        position: relative;
        top: 0px;
        margin-bottom: 1em;
        width: 100%;
        font-size: 1.1em;
        transition: all 0.5s;
    }

    .imain_news_conTxt {
        position: relative;
        top: 0px;
        margin-bottom: 1.1em;
        width: 100%;
        color: #525252;
        font-size: 0.9em;
        transition: all 0.5s;
        line-height: 180%;
    }

    .imain_news_conTiao {
        left: 0px;
        width: 100%;
        opacity: 1;
        background-color: #dedede;
    }

    #imain_news_con li .imain_news_conTime {
        display: none;
    }

    #imain_news_con li .imain_news_conTime span {
        display: none;
    }

    #imain_news_con li a:hover .imain_news_conName {
        top: 0em;
    }

    #imain_news_con li a:hover .imain_news_conTxt {
        top: 0em;
    }
    #imain_news_wapMore{display:block;margin-left:auto;margin-right:auto;width:50%;height:2.5em;line-height:2.5em;color:#ffffff;background-color:#c82034;}


    #imain_aboutBox {
        margin-top: 0px;
        border-bottom: none;
    }

    #imain_about_tit .imain_about_title {
        left: 15%;
        width: 70%;
    }

    #imain_about_tit .imain_about_title img {
        display: none;
        max-width: 30%;
    }

    .imain_about_title .nav {
        height: 1em;
    }

    #imain_about_txt {
        margin-top: 2em;
        margin-bottom: 2em;
        width: 70%;
    }

    #imain_about_menu {
        display: none;
        margin-left: auto;
        margin-right: auto;
        width: 63.52433764633395%;
    }

    #imain_aboutWap_menu {
        display: block;
        width: 100%;
        text-align: center;
    }

    #imain_aboutWap_menu li {
        display: inline-block;
        margin-bottom: 1em;
        margin-left: 3.90625%;
        margin-right: 3.90625%;
        width: 22.1875%;
    }

    #imain_aboutWap_menu li img {
        max-width: 100%;
    }

    #imain_about_more {
        display: none;
    }

    .navAboutBot {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #imain_pro_con {
        display: none;
    }

    #imain_proWap_con {
        display: block;
        width: 100%;
    }

    #imain_proWap_con .imain_pro_libut {
        width: 90%;
        margin-left: 5%;
    }

    .imain_proWap_l {
        float: left;
        width: 46.5625%;
    }

    .imain_proWap_r {
        float: right;
        width: 46.5625%;
    }

    .imain_proWap_liImg {
        width: 100%;
        text-align: center;
    }

    .imain_proWap_liImg img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .imain_proWap_liTxt {
        position: relative;
        top: 0px;
        margin-top: 0px;
        margin-bottom: 0.5em;
        display: block;
        width: 100%;
        color: #333333;
        transition: all 0.5s;
    }

    .imain_proWap_liClass {
        position: relative;
        top: 0px;
        margin-bottom: 15%;
        display: block;
        width: 100%;
        font-size: 0.9em;
        color: #8b8b8b;
        transition: all 0.5s;
    }

    #imain_yswh_con {
        display: none;
    }

    #imain_yswhWap_con {
        display: block;
    }

    .imain_yswhWap_conLiImg {
        display: block;
        margin-bottom: 1em;
        margin-left: 11.5625%;
        width: 76.875%;
    }

    .imain_yswhWap_conLiImg img {
        max-width: 100%;
    }

    .imain_yswhWap_conLiName {
        display: block;
        margin-bottom: 0.5em;
        width: 100%;
        color: #000000;
        font-size: 1.2em;
    }

    .imain_yswhWap_conLiTxt {
        display: block;
        width: 100%;
        color: #646464;
    }

    #imain_join_con {
        display: none;
    }

    #imain_joinWap {
        display: block;
        width: 100%;
    }

    .imain_joinWap_li {
        display: block;
        margin-left: 2%;
        margin-bottom: 2em;
        width: 96%;
        border-bottom: 1px solid #dedede;
    }

    .imain_joinWap_li .nav {
        height: 1em;
    }

    .imain_joinWap_liImg {
        margin-bottom: 0.5em;
        width: 100%;
        text-align: center;
    }

    .imain_joinWap_liImg img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .imain_joinWap_liTxt {
        margin-left: 3%;
        width: 94%;
        line-height: 180%;
        text-align: left;
    }

    .imain_video_con {
        margin-right: 0%;
        width: 100%;
        margin-bottom: 1.5em;
    }

    #main_about {
        width: 92%;
    }

    #main_about .nav100 {
        height: 3em;
    }

    #main_about_tit {
        margin-top: 2em;
        margin-bottom: 2em;
        width: 100%;
    }

    #main_about_fBut {
        float: inherit;
        position: fixed;
        right: 3%;
        bottom: 5em;
        width: 28px;
    }

    #bottom_line {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #main_video_tit {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    #main_video_con {
        width: 80%;
    }

    #main_video_con li a:before {
        left: calc(50% - 17.5px);
        top: calc(50% - 17.5px);
        width: 35px;
        height: 35px;
        opacity: 1;
        background-size: 100%;
    }

    #main_video_conShow {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    #main_news {
        width: 90%;
    }
    #news_wap{display:block;width:100%;}
    .main_news_menu {
        display: none;
        position: fixed;
        right: 0%;
        top: 0px;
        width: 100%;
        height: 100%;
        line-height: normal;
        color: #ffffff;
        text-align: center;
        background-color: #000000;
        z-index: 101;
    }

    .main_news_menu ul {
        position: relative;
        top: 30%;
    }

    .main_news_menu li {
        display: block;
        margin-bottom: 1em;
        margin-left: 0px;
        width: 100%;
    }

    .main_news_menu li a {
        position: relative;
        color: #ffffff;
    }

    .newsDWList {
        margin-bottom: 2em;
        height: auto;
    }

    .newsDWList .imain_newsWap_conTime {
        display: block;
        margin-bottom: 0.2em;
        width: 100%;
        color: #adadad;
    }

    .newsDWList .imain_newsWap_conTime span {
        display: inline-block;
        color: #585858;
    }

    .newsDWList .newsDWList_time {
        display: none;
    }

    .newsDWList .newsDWList_img {
        display: none;
    }

    .newsDWList .newsDWListBox {
        float: inherit;
        width: 100%;
    }

    .newsDWList .newsDWList_tit {
        margin-top: 1em;
        width: 100%;
        height: 24px;
        line-height: normal;
        overflow: inherit;
        font-size: 1.1em;
    }

    .newsDWList .newsDWList_con {
        margin-top: 1em;
        margin-bottom: 1em;
        width: 100%;
        height: 4em;
        overflow: hidden;
        font-size: 0.9em;
    }

    .newsDWList .newsDWList_tiao {
        width: 100%;
        height: 1px;
        opacity: 1;
    }

    .newsDWList:hover .newsDWList_tit {
        top: 0em;
    }

    .newsDWList:hover .newsDWList_con {
        top: 0em;
    }


    #main_pro_tit {
        margin-top: 2em;
        margin-bottom: 1.5em;
        width: 100%;
        font-size: 1.4em;
    }

    .product_title_txt span {
        display: none;
    }
/*
    .main_contentTJ {
        display: none;
    }*/
    
.product_tuijian {width: 100%;height: auto;text-align: left;overflow:inherit;}
.product_tuijian ul {width: 110%;}
.product_tuijian li {float: left;display: inline;margin-left: 0px;margin-right: 2%;margin-bottom: 0.5em;width: 45%;height: 144px;text-align: center;overflow: hidden;background-color:#000000;}
.product_tuijian li a {display: block;width: 100%;height: 100%;text-align: center;}
.product_tuijian li .vertical-align-span {display: inline-block;width: 1px;height: 100%;margin-left: -10px;vertical-align: middle;}
.product_tuijian li img {width: 100%;vertical-align: middle;}

.product_decli {float:inherit;width: 100%;}

    .product_con_nav {
        display: none;
    }

    .main_pro_menu {
        display: none;
        position: fixed;
        right: 0%;
        top: 0px;
        width: 100%;
        height: 100%;
        line-height: normal;
        color: #ffffff;
        text-align: center;
        background-color: #000000;
        z-index: 101;
    }

    .main_pro_menu ul {
        position: relative;
        top: 30%;
    }

    .main_pro_menu li {
        display: block;
        margin-bottom: 1em;
        margin-left: 0px;
        width: 100%;
    }

    .main_pro_menu li a {
        position: relative;
        color: #ffffff;
    }

    .main_neiMenu {
        display: none;
        position: fixed;
        right: 0%;
        top: 0px;
        width: 100%;
        height: 100%;
        line-height: normal;
        color: #ffffff;
        text-align: center;
        background-color: #000000;
        z-index: 101;
    }

    .main_neiMenu ul {
        position: relative;
        top: 30%;
    }

    .main_neiMenu li {
        display: block;
        margin-bottom: 1em;
        margin-left: 0px;
        width: 100%;
    }

    .main_neiMenu li a {
        position: relative;
        color: #ffffff;
    }

    #imain_contact_con {
        margin-left: auto;
        margin-right: auto;
        width: 92%;
    }

    #imain_contact_conL {
        float: inherit;
        margin-bottom: 2em;
        width: 100%;
    }

    #imain_contact_conR {
        float: left;
        margin-left: 0px;
        width: 50%;
        text-align: left;
    }

    #imain_contact_conW {
        float: right;
        width: 30%;
        text-align: center;
        line-height: 200%;
    }


    #main_join_conList li {
        float: inherit;
        margin-bottom: 3em;
        width: 100%;
        margin-right: 0%;
    }

    #main_join_conList li:nth-child(even) {
        float: inherit;
        width: 100%;
        margin-right: 0%;
    }

    .main_join_conTxt {
        width: 100%;
        height: auto;
        color: #767676;
        line-height: 180%;
        overflow: hidden;
    }

    #bottom_line span:nth-child(3) {
        margin-top: 0.5em;
        display: block;
    }

    #bottom_pfj {
        margin-left: 5%;
        width: 90%;
        text-align: left;
    }

    #bottom_pfj_mes {
        float: inherit;
        width: 100%;
        margin-bottom: 1.5em;
    }
    #bottom_pfj_mes img{width:100%;}

    #bottom_pfj_tab {
        float: inherit;
        width: 100%;
    }

    #bottom_pfj_tab .dinggou_boxTit {
        margin-left: 0%;
        width: 100%;
    }

    #bottom_pfj_tab .dinggou_botTit {
        margin-left: 0%;
        width: 100%;
    }

    #bottom_pfj_tab .dinggou_boxTxt {
        margin-left: 0%;
        width: 100%;
    }

    #bottom_pfj_tab .dinggou_boxInput {
        margin-left: 0%;
        width: 100%;
    }

    #bottom_but {
        margin-left: 0%;
        width: 100%;
    }
    
    
	body #lightcase-case .lightcase-content {overflow:inherit;}
	body #lightcase-case .lightcase-nav a 
	{

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-tap-highlight-color: transparent;

outline:none;

background: none;

text-decoration: none;}
	body #lightcase-case .lightcase-nav a span {top:auto;bottom:230px;}
	body #lightcase-case .lightcase-nav a.lightcase-next span {
		opacity: 1;
		-khtml-opacity: 1;
		-moz-opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		filter: alpha(opacity=100);
	}
	body #lightcase-case .lightcase-nav a.lightcase-prev span {
		opacity: 1;
		-khtml-opacity: 1;
		-moz-opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		filter: alpha(opacity=100);
	}
}

@media screen and (max-width:640px) {
    #ibody {
        width: 100%;
    }

    #bottom_line span:nth-child(2) {
        margin-top: 0.5em;
        display: block;
    }
}

@media screen and (max-width:600px) {

    #imain_contact_conR {
        float: inherit;
        margin-left: 0%;
        width: 100%;
        text-align: left;
    }

    #imain_contact_conW {
        float: inherit;
        width: 100%;
        text-align: left;
        line-height: 200%;
    }
}

@media screen and (max-width:470px) {
    .laiyun a {
        display: none;
    }
}

@media screen and (max-width:436px) {
    #bottom_line span:nth-child(1) {
        display: none;
    }

    #bottom_line span:nth-child(4) {
        margin-top: 0.5em;
        display: block;
    }

    #bottom_line span:nth-child(5) {
        margin-top: 0.5em;
        display: block;
    }

    #bottom_line span img {
        display: none;
    }
}

@media screen and (max-width:370px) {
    .laiyun span {
        display: none;
    }
}

i, em {
    font-style: normal;
}

.result {
    color: #b1adad;
    clear: both;
    text-align: center;
}

.searchSituation {
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
    color: #999;
}

.searchSituation i {
    color: #c82034;
}

.goback {
    float: right;
    font-size: 0.5em;
}

.goback a {
    color: #333333;
}

.btnbar .gobtn,
.btnbar .addbtn {
    text-align: center;
    background-color: #c82034;
    padding: 0.3em 0.6em;
    color: #fff;
    font-size: 1em;
}
.btnbar .addbtn {
margin-left:0.5em;
}
#pro_dinggou {
    background: none;
    background-color: #c82034;
    color: #fff;
}
.txt-bold {
    font-weight: bold;
}
.contact-tit-top {
    margin-bottom: 0.5em;
    font-size:1em;
}
#main_yswh_tit {
position:relative;
}
.main_yswh_subNav {
     position:absolute;
top:1.5em;
right:0px;
    font-size: 13px;
}
.main_yswh_subNav a {
margin-left:10px;
}
.main_yswh_subNav a.cur {
    font-weight: bold;
    color: #fff;
    background-color: #505050;
    padding: 0.3em 0.4em;
}
@media screen and (max-width: 750px) {
    .main_yswh_subNav {
        top: 3.5em;
    }
    #main_yswh_tit {
        height: 4em;
    }
    
    #main_yswh {
        width: 90%;
    }
    .main_yswh_subNav {
        width:100%;
    }
}