@charset "utf-8";

.h_currLocal{display: none;}


.newState{height: 40px;line-height: 40px;background: #fff;}
.newLf{width: 48%;height: 40px;float: left;position: relative;}
.newLf p{position: absolute;left: 10px;top: 0;}
.newBox{width: 60%;position: absolute;left: 70px;top: 0;}
#newLi2{left: 85px;}
.newBox ul{width: 100%;}
.newBox li{padding-left: 10px;}
.newBox li span{float: right;}
.newBox .box{height: 40px;position: relative;overflow: hidden;}
.newBox .list{position: absolute;left: 0;top: 0;}

.lookMore{position: absolute;right: 10px;top: 10px;display: inline-block;width: 80px;height: 18px;line-height: 18px;text-align: center;
color: #a4a4a4;font-size: 12px;background: #f8f8f8;border-radius: 18px; color: #fff;background: #e0e101;}
.lookMore:hover{color: #fff;background: #e0e101;}

.newRg{float: right;}

.newActivity{margin-top: 20px;}
.newA_lf{width: 73%;float: left;padding: 1% 10px;background: #fff;padding-bottom: 20px;}
.newA_lfTop{font-size: 20px;padding-bottom: 19px;}
.newA_lfDownImg{width: 54%;float: left;}
.newpic{width: 40%;float: left;}
.newA_lfDownImg img{width: 100%;}
.newpic_Rg{width: 56%;float: right;}
.newpic_Rg h2{font-size: 16px;font-weight: normal;padding-bottom: 4px;}
.newpic_Rg p{line-height: 22px;color: #666;}
.newpic_Rg p a{color: #e4e542;}

.newA_lfDownList{width: 44%;float: right;}
.newA_lfDownList li{line-height: 36px;position: relative;}
.newA_lfDownList li p{width: 20%;height:16px;line-height:16px;background: #493729;font-size: 12px;color: #fff;text-align: center;
position: absolute;left: 0;top: 10px;}
.newA_lfDownList li span{display: block; width: 78%;text-align: right;padding-left: 20%;}
.newA_lfDownList li span a{float: left;padding-left: 5px;}

.newA_rg{width: 23%;height:190px;float: right;background:#fff url(xyk_lgbkbg_20170906.png) no-repeat right bottom;}
.dlti{padding: 10px 15px;padding-bottom: 0;}
.dlti .chnl{ float: left; font-size:20px}
.dlti .logo{ float: right; height: 22px; width: 21px; background: url(xyk_lgp1_20170906.png) no-repeat; }
.dlbn li{ height: 47px; line-height: 47px; margin-top: 15px;}
.dlbn a{ display: block;  font-size:18px; color:#fff; text-decoration: none; text-align: center; }
.dlbn li.li1{ background: url(xyk_lgbk1_20170906.png) no-repeat center;}
.dlbn li.li2{ background: url(xyk_lgbk2_20170906.png) no-repeat center;}


.honors_cases{width: 100%;max-width: 1000px;margin: 0 auto;}
.honors_box{margin-top: 30px;}
.honors_top{height: 50px;text-align: center;padding-right: 66px;}
.honors_top a,.honors_top span.title{color: #493627;font-size: 24px;text-decoration: none;padding: 0 0 10px 65px;background: url(csnsh_indexSectionPic2017-26.png) no-repeat left top;background-size: 45px 35px;}


.enjoyLife{padding: 2% 1%;background: #fff;overflow: hidden;}
.enjoyLife ul{width: 110%;}
.enjoyLife li{padding: 2% 1.2%;text-align: center;float: left;border-right: 1px solid #f8f8f8; width:113px; height:150px; position:relative; margin-left:5px;}

.enjoyLife li a{font-size: 16px;text-decoration: none;}
.enjoyLife li:hover a{color: #e2e000;}
.enjoyLife li p{position:absolute;bottom:40px;width: 100%;text-align:center;font-size: 16px;left: 0;}
.enjoyLife .lastLifeLi{border: none;}
.enjoyLife li.li1{ background: url(enjoyLife_li1_1123.png) no-repeat center 2px; background-size:85%; }

.enjoyLife li.li2{ background: url(enjoyLife_li2_1123.png) no-repeat center 18px; background-size:60%;}
.enjoyLife li.li3{ background: url(enjoyLife_li3_1123.png) no-repeat center 20px; background-size:60%;}
.enjoyLife li.li4{ background: url(enjoyLife_li4_1123.png) no-repeat center 20px; background-size:61%; }
.enjoyLife li.li5{ background: url(enjoyLife_li5_1123.png) no-repeat center 16px; background-size:60%; }
.enjoyLife li.li6{ background: url(enjoyLife_li6_1123.png) no-repeat center 5px; background-size:85%; }
.enjoyLife li.li7{ background: url(enjoyLife_li7_1123.png) no-repeat center 4px; background-size:80%; }

.enjoyLife li.li1:hover{ background: url(enjoyLife_li1hov_1123.png) no-repeat center 2px; background-size:85%; }
.enjoyLife li.li2:hover{ background: url(enjoyLife_li2hov_1123.png) no-repeat center 18px; background-size:60%;}
.enjoyLife li.li3:hover{ background: url(enjoyLife_li3hov_1123.png) no-repeat center 20px; background-size:60%;}
.enjoyLife li.li4:hover{ background: url(enjoyLife_li4hov_1123.png) no-repeat center  20px; background-size:61%; }
.enjoyLife li.li5:hover{ background: url(enjoyLife_li5hov_1123.png) no-repeat center 16px; background-size:60%; }
.enjoyLife li.li6:hover{ background: url(enjoyLife_li6hov_1123.png) no-repeat center 5px; background-size:85%; }
.enjoyLife li.li7:hover{ background: url(enjoyLife_li7hov_1123.png) no-repeat center 4px; background-size:80%; }



.autoHtitle{height: auto;padding-bottom: 30px;position: relative;}
.autoHtitle span{display: inline-block; padding: 5px 0 0 52px;color: #999;}
.autoHtitle .xyk_more{position: absolute;right: 10px;top: 10px;color: #666;font-size: 18px;text-decoration: none;height: 20px;line-height: 20px;
background: url(xyk_indexPic_20170906-02.png) no-repeat right center;padding: 0; padding-right: 30px;}


.hand_CardBtn{padding: 2% 0;overflow: hidden;}
.hand_CardBtn p{width: 24%;height: 50px;line-height: 50px;text-align: center;background: #fff;float: left;font-size: 18px;cursor: pointer;}
.hand_CardBtn .current{background: #e2e000;color: #fff;position: relative;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.hand_CardBtn .current:before{content: '';display: block;width: 0;height: 0;position: absolute;bottom: -6px;left: 50%;margin-left: -6px;
border-width:6px 6px 0;border-style:solid;border-color:#e2e000 transparent transparent;}
.hand_CardBtn p:last-child{float: right;}
.hand_CardBtn p:nth-child(2){margin-left: 1.33%;margin-right: 1.33%;}

.hand_CardBox{overflow: hidden;}
.hand_CardBox li{width: 32%;float: left;}
.hand_CardBox li:nth-child(2){margin-left: 2%;margin-right: 2%;}
.card_top{height: 50px;line-height: 50px;text-align: center;background: #fbfbfb;font-size: 16px;color: #e2e000;}
.card_down{padding: 35px;background: #fff;}
.card_down img{width: 100%;}
.card_down p{margin-top: 25px;margin-bottom: 10px;font-size: 16px;}
.card_down p a{text-decoration: none;}
.card_down p a:hover{color: #e2e000;}
.card_down dd{height: 28px;line-height: 28px;color: #666;padding-left: 10px;position: relative;}
.card_down dd:before{content: '';display: block;width: 4px;height: 4px;position: absolute;top: 12px;left: 0;background: #666;border-radius: 4px;}


.flyDream{padding: 2%;background: #fff;}
.oneMoudle{width: 30%;min-height: 360px; float: left;box-sizing: border-box;border-right: 1px solid #f8f8f8;padding: 1%;position: relative;}
.oneMoudle img{width: 75%;position: absolute;bottom: 0;right: 5%;}
.oneMoudle_title{position: absolute;top: 0;left: 0;z-index: 1000;}
.oneMoudle_title p{color: #666;font-size: 16px;}
.oneMoudle_title .bigFontsize{color: #000;font-size: 18px;margin-top: 10px;}

.twoMoudle{margin-left: 2%;}
.twoMoudle img{width: 85%;position: absolute;bottom: 0;right: 5%;}


.threeMoudle{width: 38%;padding: 1% 0;border: none;}
.moreLink{width: 51px;height: 51px;background: url(xyk_mxwl_20171030-05.jpg) no-repeat;position: absolute;bottom: 12%;right: 6%;}
.moreLink a{display: block;height: 51px;text-decoration: none;}

.fourMoudle{position: relative;min-height: 180px;border-bottom: 1px solid #f8f8f8;}
.fourMoudle img{width: 70%;position: absolute;bottom: 4%;left: 2%;}
.fourMoudle .oneMoudle_title{top: -5%;padding-left: 40%;}


.fiveMoudle{position: relative;min-height: 180px;}
.fiveMoudle img{width: 38%;position: absolute;bottom: 4%;left: 2%;}
.fiveMoudle .oneMoudle_title{top: 10%;padding-left: 40%;}


.happy_Btn{height: 50px;line-height: 50px;background: #fff;border-bottom: 2px solid #f8f8f8;text-align: right;font-size: 16px;padding-right: 20px;}
.happy_Btn span{padding: 14px 10px;}
.happy_Btn a{text-decoration: none;}
.currentSpan{border-bottom: 3px solid #e0e101;}

.happy_Box{min-height: 320px;background: #fff;overflow: hidden;}
.happy_Box .hiSlider-wrap{height: 340px;}
.happy_Box .hiSlider-btn-prev,.happy_Box .hiSlider-btn-next{display: block;height: 139px;width: 51px;opacity: 1;margin-top: -70px;}
.happy_Box .hiSlider-btn-prev{background: url(xyk_mxwl_20171030-09.jpg) no-repeat;left: 0;}
.happy_Box .hiSlider-btn-next{background: url(xyk_mxwl_20171030-11.jpg) no-repeat;right: 0;}
.happy_Box .hiSlider-btn-prev:hover{background: url(xyk_mxwl_20171030-10.jpg) no-repeat;left: 0;}
.happy_Box .hiSlider-btn-next:hover{background: url(xyk_mxwl_20171030-12.jpg) no-repeat;right: 0;}


.happy_Box img{width: 100%;}
.happy_Box dl{display: block;width: 100%; padding: 20px 40px;box-sizing: border-box;overflow: hidden;}
.happy_Box dd{width: 33.33%;float: left;box-sizing: border-box;padding: 3%;position: relative;}
.happy_Box dd p{color: #666;font-size: 16px;margin-top: 10px;}
.happy_Box dd .fontColorP{color: #000;margin-top: 20px;}
.happy_Box dd .detailA{width: 90px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ececec;border-radius: 15px;position: absolute;bottom: -5px;right: 25px;}
.happy_Box dd .detailA a{color: #666;display: block;text-decoration: none;height: 30px;}
.happy_Box dd .detailA:hover{background: #e0e101;}
.happy_Box dd .detailA:hover a{color: #fff;}


.contact_Us{padding: 2%;background: #fff;}
.contact_Us img{width: 100%;}
.contact_left{width: 38%;float: left;}
.con_title{font-size: 18px;}
.tips_down{padding: 3%;background: #fbfbfb;margin-top: 3%;}
.tips_down li{height: 46px;line-height: 46px;width: 50%;float: left;box-sizing: border-box;padding-left: 25px;font-size: 16px;}
.tips_down li a{display: block;text-decoration: none;}
.tips_down li:hover a{color: #fff;}

.tipsLi1{background: url(xyk_mxwl_20171030-16.png) no-repeat 2px center;}
.tipsLi1:hover{background:#e0e101 url(xyk_mxwl_20171030-23.png) no-repeat 2px center;}
.tipsLi2{background: url(xyk_mxwl_20171030-17.png) no-repeat 2px center;}
.tipsLi2:hover{background:#e0e101 url(xyk_mxwl_20171030-24.png) no-repeat 2px center;}
.tipsLi3{background: url(xyk_mxwl_20171030-18.png) no-repeat 2px center;}
.tipsLi3:hover{background:#e0e101 url(xyk_mxwl_20171030-25.png) no-repeat 2px center;}
.tipsLi4{background: url(xyk_mxwl_20171030-19.png) no-repeat 2px center;}
.tipsLi4:hover{background:#e0e101 url(xyk_mxwl_20171030-26.png) no-repeat 2px center;}
.tipsLi5{background: url(xyk_mxwl_20171030-20.png) no-repeat 2px center;}
.tipsLi5:hover{background:#e0e101 url(xyk_mxwl_20171030-27.png) no-repeat 2px center;}
.tipsLi6{background: url(xyk_mxwl_20171030-22.png) no-repeat 2px center;}
.tipsLi6:hover{background:#e0e101 url(xyk_mxwl_20171030-29.png) no-repeat 2px center;}
.tipsLi7{background: url(xyk_mxwl_20171030-21.png) no-repeat 2px center;}
.tipsLi7:hover{background:#e0e101 url(xyk_mxwl_20171030-28.png) no-repeat 2px center;}


.contact_mid{width: 25%;float: left;padding-left: 2.5%;}
.US_down li{margin-top: 12%;}


.contact_right{width: 32%;float: right;}
.twoCodes_down li{width: 45%;float: left;box-sizing: border-box;color: #666;}
.twoCodes_down li .codeTitle1{text-align: center;margin-top: 10px;margin-bottom: 10px;}
.twoCodes_down li .codeTitle2{font-size: 12px;margin-top: 10px;}
.twoCodes_down li:nth-child(2){float: right;}


.reveal-modal{min-height: 300px;overflow-y: auto;overflow-x: hidden;border: 6px solid #DEDEDE;left: 50%;margin-left: -200px;width: 400px; background: #F8F8F8 ;position: fixed;top: 200px;z-index: 10;padding: 20px 20px;overflow: hidden; font-family:"微软雅黑"; font-weight: bold; display: none;}
.reveal-modal h2{ font-size: 20px; color: #379fdc; margin-bottom: 5px;}
.popcon{ font-size:16px; line-height:28px;}

.reveal-modal .close-reveal-modal{font-size: 22px;position: absolute;line-height: 23px;height: 23px;width: 23px;top: 2px;*top: 0;right: 2px;color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;text-decoration: none;}
.reveal-modal-bg{position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 5;top: 0;left: 0; filter:alpha(opacity=80); display: none;}


@media screen and (max-width: 768px){
    .person_main{padding-top: 3px;}
    .focusBox{height: auto;}
    .newLf{width: 98%;padding: 0 1%;}
    .newState{display:none}
    .newBox .box{height: 4rem;}
    .lookMore{right: 0;}

    .newA_lf{width: 98%;float: inherit;padding: 1%;}
    .newA_lfDownImg{width: 100%;float: inherit;}
    .newA_lfDownList{width: 100%;float: inherit;margin-top: 1rem;}
    .newA_rg{width: 98%;padding: 1%;float: inherit;}
    .honors_box{margin-top: 2rem;}
    .honors_top a,.honors_top span{font-size: 2.4rem;}
    .autoHtitle{padding-bottom: 2.5rem;}
    .autoHtitle span{padding: 5px 0 0 5.8rem;}
    .autoHtitle .xyk_more{right: 10px;top: 10px;color: #666;font-size: 1.6rem;padding: 0; padding-right: 2rem;}
    .enjoyLife{padding:2% 5%}
    .enjoyLife li{padding: 2%;width: 30.33%;box-sizing: border-box;margin-bottom: 2%;}
	.enjoyLife li:nth-child(3n){border:none;}
    .enjoyLife li.li1{background: url(enjoyLife_li1_1123.png) no-repeat center 10px;background-size: 5rem;}
    .enjoyLife li.li2{background: url(enjoyLife_li2_1123.png) no-repeat center 10px;background-size: 5rem;}
    .enjoyLife li.li3{background: url(enjoyLife_li3_1123.png) no-repeat center 12px;background-size: 5rem;}
    .enjoyLife li.li4{background: url(enjoyLife_li4_1123.png) no-repeat center 20px;background-size: 5rem;}
    .enjoyLife li.li5{background: url(enjoyLife_li5_1123.png) no-repeat center 13px;background-size: 5rem;}
    .enjoyLife li.li6{background: url(enjoyLife_li6_1123.png) no-repeat center 10px;background-size: 5rem;}
    .enjoyLife li.li7{background: url(enjoyLife_li7_1123.png) no-repeat center 10px;background-size: 5rem;}

    .enjoyLife li.li1:hover{ background: url(enjoyLife_li1hov_1123.png) no-repeat center 10px; background-size:5rem;}
    .enjoyLife li.li2:hover{ background: url(enjoyLife_li2hov_1123.png) no-repeat center 10px; background-size:5rem;}
    .enjoyLife li.li3:hover{ background: url(enjoyLife_li3hov_1123.png) no-repeat center 12px; background-size:5rem;}
    .enjoyLife li.li4:hover{ background: url(enjoyLife_li4hov_1123.png) no-repeat center 20px; background-size:5rem;}
    .enjoyLife li.li5:hover{ background: url(enjoyLife_li5hov_1123.png) no-repeat center 13px; background-size:5rem;}
    .enjoyLife li.li6:hover{ background: url(enjoyLife_li6hov_1123.png) no-repeat center 10px; background-size:5rem;}
    .enjoyLife li.li7:hover{ background: url(enjoyLife_li7hov_1123.png) no-repeat center 10px; background-size:5rem;}

    .hand_CardBtn{padding: 0;}
    .hand_CardBox li:nth-child(2){margin: 0;}
    .hand_CardBox li{width: 100%;}

    .oneMoudle{width: 100%;min-height: 150px; float: inherit;box-sizing: border-box;border-right: none;}
    .oneMoudle img{width: 30%;right: 8%;}
    .oneMoudle_title{top: 20%;}
    .twoMoudle{margin-left: 0;}
    .twoMoudle .oneMoudle_title{top: 30%;}
    .twoMoudle img{width: 35%;}

    .threeMoudle{width: 100%;border: none;}
    .moreLink{width: 51px;height: 51px;background: url(xyk_mxwl_20171030-05.jpg) no-repeat;position: absolute;bottom: 12%;right: 6%;}
    .moreLink a{display: block;height: 51px;text-decoration: none;}

    .fourMoudle{min-height: 160px;border-bottom: none;}
    .fourMoudle img{width: 50%;position: absolute;bottom: 4%;left: 2%;}
    .fourMoudle .oneMoudle_title{top: 10%;padding-left: 40%;}


    .fiveMoudle{position: relative;min-height: 150px;margin-top: 10px;}
    .fiveMoudle img{width: 35%;}
    .fiveMoudle .oneMoudle_title{top: 10%;}

    .happy_Btn{padding-right: 0;}
    .happy_Btn span{padding: 15px 5px;}
    .happy_Box .hiSlider-btn-prev,.happy_Box .hiSlider-btn-next{display: none;}

    .happy_Box dl{padding: 20px 0;}
    .happy_Box dd{padding: 1%;height: 260px;}
    .happy_Box dd .fontColorP{color: #000;margin-top: 10px;}
    .happy_Box dd .detailA{right: 2%;bottom: -20px;}


    .contact_left{width: 100%;float: inherit;}
    .contact_mid{width: 100%;float: inherit;padding-left: 0;margin-top: 20px;}
    .US_down li{margin-top: 5%;width:49%;float: left;}
    .US_down li:nth-child(2){float: right;}


    .contact_right{width: 100%;float: inherit;margin-top: 20px;padding-bottom: 20px;}
}
