.tttbox {

        position: relative;

    }

    

    .hidden_box_nav {

        width: 100%;

        height: 60px;

        background-color: #F0F0F0;

        position: absolute;

        left: 0;

        top: 132px;

        display: none;

    }

    

    .hidden_box_nav .t {

        width: 1184px;

        height: 100%;

        color: #3E4044;

        margin: 0 auto;

        font-size: 0;

        line-height: 60px;

    }

    

    .hidden_box_nav .t a {

        display: inline-block;

        font-size: 14px;

        margin-right: 40px;

        position: relative;

    }

    /* 

.hidden_box_nav .t a::after {

    content: "";

    width: 0;

    height: 0;

    border-width: 4px;

    border-style: solid;

    border-color: transparent transparent #fff transparent;

    display: inline-block;

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    display: none;

} */

    

    .hidden_box_nav .t a.active {

        text-decoration: underline;

        color: #F55039;

    }

    /* 

.hidden_box_nav .t a.active::after {

    display: block;

} */

    

    .hidden_box_nav .t a:hover {

        text-decoration: underline;

    }

    

    .hidden_box_nav .t a:last-child {

        margin-right: 0;

    }

    

    .hidden_box_nav .b {

        width: 100%;

        padding-bottom: 30px;

        background-color: #fff;

        position: absolute;

        left: 0;

        top: 60px;

        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);

        display: none;

    }

    

    .hidden_box_nav .b>div {

        width: 1184px;

        margin: 0 auto;

    }

    

    .hidden_box_nav .b>div .box {

        width: 400px;

        margin-top: 30px;

        margin-right: 80px;

    }

    

    .hidden_box_nav .b>div .box h3 {

        font-size: 0;

        width: 100%;

        line-height: 20px;

        font-weight: normal;

        padding-bottom: 10px;

        border-bottom: 1px solid #E9E9E9;

    }

    

    .hidden_box_nav .b>div .box h3 img {

        width: 16px;

        height: 16px;

        display: inline-block;

        vertical-align: middle;

        margin-right: 6px;

    }

    

    .hidden_box_nav .b>div .box h3 span {

        display: inline-block;

        vertical-align: middle;

        font-size: 14px;

    }

    

    .hidden_box_nav .b>div .box>div {

        font-size: 0;

    }

    

    .hidden_box_nav .b>div .box>div a {

        font-size: 14px;

        color: #5C5F66;

        display: inline-block;

        margin-right: 30px;

        margin-top: 10px;

        line-height: 20px;

    }

    

    .hidden_box_nav .b>div .box>div a:hover {

        color: #F55039;

        text-decoration: underline;

    }

    

    .hidden_box_nav .t a {

        color: #333;

    }

    /* nav */

    

    .nav {

        width: 1170px;

        height: 92px;

        margin: 0 auto;

    }

    

    .nav a {

        color: #333;

    }

    

    .nav img {

        width: 160px;

        margin: 25px 0 0;

    }

    

    .nav ul {

        height: 92px;

        line-height: 92px;

        font-size: 16px;

        margin-left: 45px;

    }

    

    .nav ul li {

        position: relative;

        margin-right: 20px;

    }

    

    .nav ul li a {

        display: inline;

        border-bottom: 2px solid transparent;

        padding-bottom: 34px;

        font-size: 16px;

		font-weight:bold;

    }

    

    .nav ul li:last-child {

        margin-right: 0;

    }

    

    .nav ul li a.active {

        color: #17a1ff;

        border-bottom-color: #17a1ff;



    }

	

    

    .nav div.fr {

        text-align: right;

    }

    

    .nav div.fr p {

        font-size: 26px;

        margin-top: 25px;

        margin-bottom: 4px;

		font-weight:bold;

		 color: #17a1ff;

    }

    

    .nav div.fr em {

        font-size: 20px;

        color: #EC4949;

    }

    

    .nav div.fr em::before {

        content: '';

        width: 30px;

        height: 30px;

        display: inline-block;

        background: url({eyou:global name='web_templets_pc' /}/ycnhw/images/phone.png) no-repeat center center;

        vertical-align: middle;

        margin-bottom: 3px;

        margin-right: 8px;

        display: none;

    }

    

    .login {

        cursor: pointer;

    }

    

    .nav ul li.imgimg {

        position: relative;

    }

    

    .nav ul li.imgimg a {

        position: relative;

        padding-bottom: 0;

        overflow: hidden;

        display: inline-block;

        font-weight: normal;

        color: #333333;

        vertical-align: middle;

        margin-bottom: 2px;

    }

    

    .nav ul li.imgimg img {

        width: 26px;

        height: 18px;

        position: absolute;

        right: -20px;

        top: 25px;

        margin: 0;

    }

    

    .nav ul li.imgimg::after {

        content: '';

        width: 100%;

        height: 2px;

        background-color: #EC4949;

        display: block;

        position: absolute;

        bottom: 0;

        display: none;

    }

    

    .nav ul li.imgimg:hover::after {

        display: block;

    }

    

    .tttnav {

        width: 100%;

        height: 40px;

        background-color: #F2F2F2;

        border: 1px solid #E4E4E4;

        border-right: none;

        border-left: none;

        box-sizing: border-box;

        display: flex;

    }

    

    .tttnav img {

        width: 218px;

        margin-top: 9px;

    }

    

    .tttnav div.fr {

        line-height: 40px;

        font-size: 14px;

        font-size: 0;

    }

    

    .tttnav div.fr span {

        font-size: 14px;

        cursor: pointer;

        position: relative;

    }

    

    .tttnav div.fr em {

        display: inline-block;

        padding: 0 10px;

        font-size: 14px;

    }

    

    .tttnav div.fff {

        float: right;

        width: 192px;

        height: 30px;

        border: 1px solid #BBBBBB;

        border-radius: 30px;

        margin-top: 3px;

        margin-left: 45px;

    }

    

    .tttnav div.fff input {

        text-indent: 13px;

        width: 100%;

        height: 30px;

        line-height: 30px;

        display: block;

    }

    

    .tttnav div.fff em {

        display: block;

        position: absolute;

        right: 12px;

        top: 50%;

        margin-top: -8.5px;

    }

    

    .tttnav div.fr span::before {

        content: '';

        width: 100px;

        height: 100px;

        display: block;

        background: url({eyou:global name='web_templets_pc' /}/ycnhw/images/1111.jpg) no-repeat center center;

        background-size: cover;

        position: absolute;

        left: -11px;

        top: 25px;

        display: none;

        z-index: 0;

    }

    

    .tttnav div.fr span.wx::before {

        background-image: url({eyou:global name='web_templets_pc' /}/ycnhw/images/2222.jpg);

    }

    

    .tttnav div.fr span:hover::before {

        display: block;

    }

    

    .tttbox {

        width: 100%;

        position: fixed;

        left: 0;

        top: 0;

        z-index: 999999;

        background-color: #ffffff;

        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

    }

    

    .hidentttbox {

        width: 100%;

        height: 132px;

    }

    

    .nav ul li .hidden {

        width: 128px;

        background-color: #ffffff;

        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

        position: absolute;

        left: -30px;

        top: 92px;

        display: none;

        transition: all linear 0.2s;

    }

    

    .nav ul li .hidden a {

        line-height: 24px;

        padding: 0;

        box-sizing: border-box;

        margin: 0 11px;

        margin-top: 17px;

        display: block;

        text-align: center;

        font-size: 16px;

        color: #000000;

        position: relative;

    }

    

    .nav ul li .hidden a.after::after {

        content: "";

        width: 0;

        height: 0;

        border-width: 5px;

        border-style: solid;

        border-color: transparent #fff transparent transparent;

        display: block;

        position: absolute;

        right: -23px;

        top: 50%;

        transform: translateY(-50%);

        opacity: 0;

        transition: all 0.6s;

    }

    

    .nav ul li .hidden a:last-child {

        margin-bottom: 17px;

    }

    

    .nav ul li .hidden a:hover {

        color: #EC4949;

        font-weight: bold;

        text-decoration: underline;

        border-bottom-color: transparent;

    }

    

    .nav ul li .hidden a:hover::after {

        opacity: 1;

    }

    

    .nav ul li .nav_hidden {

        width: 466px;

        height: auto;

        padding-bottom: 40px;

        background-color: #fff;

        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

        position: absolute;

        left: 110px;

        top: 92px;

        display: none;

    }

    

    .nav ul li .nav_hidden h4 {

        font-size: 0;

        width: 400px;

        line-height: 20px;

        border-bottom: 1px solid #E9E9E9;

        margin-left: 27px;

        margin-top: 20px;

        padding-bottom: 10px;

    }

    

    .nav ul li .nav_hidden h4 img {

        width: 16px;

        height: 16px;

        display: inline-block;

        vertical-align: middle;

        margin: 0;

        margin-right: 6px;

    }

    

    .nav ul li .nav_hidden h4 span {

        font-size: 14px;

        color: #3F3F3F;

        font-weight: normal;

        display: inline-block;

        vertical-align: middle;

    }

    

    .nav ul li .nav_hidden .a_box {

        width: 400px;

        margin-left: 27px;

        line-height: 20px;

        font-size: 0;

    }

    

    .nav ul li .nav_hidden .a_box a {

        font-size: 14px;

        display: inline-block;

        padding: 0;

        color: #5C5F66;

        margin-right: 30px;

        margin-top: 10px;

    }

    

    .nav ul li .nav_hidden .a_box a:hover {

        color: #F55039;

    }

    

    .tttnav .tttnav-total {

        width: 1170px;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

        line-height: 40px;

        position: relative

    }

    

    .tttnav .tttnav-total .tttnav-left {

        display: flex;

        justify-content: space-around;

    }

    

    .tttnav .tttnav-total .tttnav-right {

        display: flex;

    }

    

    .tttnav .tttnav-total #tttnav-left ul {

        display: flex;

    }

    

    .tttnav .tttnav-total .tttnav-right h3 {

        font-size: 14px;

        font-weight: normal;

        color: rgba(0, 0, 0, 1);

        display: inline-block;

        vertical-align: middle;

        cursor: pointer;

    }

    

    .tttnav .tttnav-total .tttnav-right p {

        width: 0px;

        height: 20px;

        margin: 0px 20px;

        color: #333333;

    }

    

    .tttnav .tttnav-total .tttnav-right text {

        font-size: 14px;

        display: inline-block;

        vertical-align: middle;

        color: rgba(101, 99, 99, 1);

    }

    

    .tttnav .tttnav-total .tttnav-right text em {

        color: #EC4949;

    }

    

    .tttnav-total .tttnav-left .left-ult {

        display: flex;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-tit {

        display: flex;

        cursor: pointer;

        margin-right: 36px;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit a {

        color: rgba(101, 99, 99, 1);

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit:hover text,

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit:hover a {

        color: #EC4949;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit:hover div {

        background-color: #EC4949;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit div {

        width: 20px;

        height: 20px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-top: 10px;

        margin-right: 8px;

        border-radius: 50%;

        background: rgba(102, 102, 102, 1);

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit div img {

        width: 14px;

        height: 14px;

        line-height: 20px;

        display: inline-block;

        margin: 0;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit text {

        font-size: 14px;

        color: rgba(102, 102, 102, 1);

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma {

        background: rgba(255, 255, 255, 1);

        border: 1px solid rgba(235, 235, 235, 1);

        position: absolute;

        z-index: 9999999999;

        opacity: 0;

        display: none;

        padding: 10px;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma.wechat {

        width: 420px;

        left: 0;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma ul {

        display: flex;

        justify-content: space-around;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma ul li {

        height: 130px;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma ul li img {

        width: 100px;

        height: 100px;

        display: block;

        margin: 0 auto 10px;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma ul li p {

        font-size: 14px;

        text-align: center;

        line-height: 20px;

    }

    

    .tttnav-total .tttnav-left .left-ult .left-lit .left-tit-ma ul li .sao-tit {

        font-size: 14px;

        text-align: center;

        line-height: 20px;

    }

    

    .tttnav-right .left-tit-ma {

        width: 160px;

        height: 164px;

        background-color: #fff;

        position: absolute;

        left: -42px;

        top: 39px;

        z-index: 999999999999999999999;

        border: 1px solid #EBEBEB;

    }

    

    .tttnav-right .left-tit-ma img {

        width: 100px;

        height: 100px;

        display: block;

        margin: 18px auto 0;

    }

    

    .tttnav-right .left-tit-ma>div {

        text-align: center;

        font-size: 14px;

    }

	

	

.video {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 9999999;

	background-color: rgba(0, 0, 0, 0.5);

	display: none;

}

.video>div {

	width: 1170px;

	height: 700px;

	background-color: #000000;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}

.video>div img {

	width: 30px;

	height: 30px;

	position: absolute;

	right: 20px;

	top: 10px;

	cursor: pointer;

	z-index: 8;

}

.video video {

	width: 100%;

	height: 100%;

}

/* pop */



.pop {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 9999999;

	background-color: rgba(0, 0, 0, 0.7);

	display: none;

	cursor: pointer;

}

.pop>div {

	width: 1170px;

	height: 700px;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}

.pop>div .img1 {

	/*position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        width: 600px;

        height: 600px;*/

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 43%;/*height: 50%;*/

}

.pop>div .img2 {

	width: 30px;

	height: 30px;

	position: absolute;

	right: 390px;

	top: 239px;

	cursor: pointer;

	z-index: 8;

}





    .fl.logo a {

        position: relative;

    }

    

    .fl.logo a:after {

        content: '';

        position: absolute;

        right: -40px;

        top: 0;

        width: 1px;

        height: 106px;

        background: rgba(75, 77, 88, 1);

    }

    

    .bottom-public {

        color: #fff;

        background: #252525;

    }

    

    .bottom-public .bottompub {

        margin: 0 auto;

        height: auto;

    }

    /* logo */

    

    .bottom-public .bottompub .logo>a {

        width: 208px;

        display: block;

        margin-top: 33px;

        margin-bottom: 14px;

    }

    

    .bottom-public .bottompub .logo>a img {

        width: 100%;

        height: 100%;

    }

    

    .bot-href a:hover {

        color: #fff;

    }

    

    .tit p {

        width: 182px;

        height: 63px;

        font-size: 14px;

        line-height: 22px;

        color: rgba(255, 255, 255, 1);

    }

    /* 底部信息 */

    

    .bottompub .bot-info {

        padding: 19px 0px 38px 300px;

    }

    

    .bottompub .bot-info ul {

        display: flex;

    }

    

    .bottompub .bot-info ul li {

        color: rgba(255, 255, 255, 1);

        opacity: 0.9;

        display: flex;

        list-style: none;

        margin: 16px 33px 16px;

        cursor: pointer;

    }

    

    .bottompub .bot-info ul li>p {

        position: relative;

    }

    

    .bottompub .bot-info ul li:first-child {

        margin-left: 0;

    }

    

    .bot-info ul li:hover {

        color: #ff7134;

    }

    

    .bottompub .bot-info ul li.on>p::before {

        content: '';

        position: absolute;

        bottom: -0.4rem;

        left: 50%;

        transform: translateX(-50%);

        width: 70px;

        height: 2px;

        background: rgba(255, 81, 0, 1);

        opacity: 1;

        border-radius: 2px;

    }

    

    .bot-info li img {

        width: 9px;

        height: 6px;

        margin: 1px 8px;

        opacity: 0.8;

    }

    

    .bot-info ul li .hidden {

        width: 672px;

        font-size: 14px;

        position: absolute;

        left: 0;

        top: 25px;

        display: none;

        margin-top: 20px;

    }

    

    .bot-info ul li .hidden p {

        display: inline-block;

        text-align: left;

    }

    

    .bot-info ul li .hidden a {

        opacity: .63;

        display: inline-block;

        margin: 8px 42px 8px 0;

        color: #fff;

        text-align: left;

    }

    

    .bot-info ul li .hidden a:hover {

        opacity: 1;

    }

    

    .bot-href {

        width: 100%;

        height: 39px;

        font-size: 12px;

        line-height: 20px;

        padding-left: 25px;

        box-sizing: border-box;

        color: #ADAEB2;

     

    }

    

    .bot-href a {

        color: #85878D;

        margin-right: 20px;

    }

    

    .bot-href .youqing {

        margin-top: -55px;

        margin-bottom: 22px;

        opacity: 0.8;

		 font-size: 14px;

		

		 line-height:28px;

    }

    

    .bot-href .youqing p {

        font-size: 16px;

        transform: translateX(-25px);

        margin-bottom: 10px;

		

    }

    

    .bottom-line {

        height: 0px;

        border: 1px solid rgba(255, 255, 255, 1);

        opacity: 0.2;

    }

    

    .bot {

        text-align: center;

        line-height: 28px;

        padding: 21px 0px;

        font-size: 14px;

        color: rgba(255, 255, 255, 1);

        opacity: 0.8;

    }