* {
    margin: 0;
    padding: 0;
}
a{color:#333;text-decoration:none;}
a:link{color:#333;text-decoration:none;}
/*a:visited,a:visited span{color:#f39800;text-decoration:none;}*/
a:hover,a:hover span{color:#f39800 !important;text-decoration:none;}
a:active,a:active span{color:#f39800 !important;text-decoration:none;}
.fr{
	float: right;
}
.navbar-fixed-top{
    position: sticky !important;
}
ul li{
    list-style: none;
}
.top .email{
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url("../../images/sprite.png") no-repeat -20px 0;
    vertical-align: bottom;
    margin-right: 4px;
}
.top a{
    color:#888888;
    margin-left: 16px;
}
.navbar-default {
    padding: 15px 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    margin-bottom: 0;
    z-index: 1000;
    background-color: rgba(255,255,255,.98);
}
.navbar-fixed-top {
    border-width: 0;
}

.navbar-default .navbar-nav>.click>a {
    color: #f39800;
    border-bottom: #f39800;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #f39800;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

@media (max-width: 767px) {
    button.click .icon-bar + .icon-bar {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .navbar-default .click span.icon-bar1 {
        -webkit-transform: rotate(45deg) translateX(1px);
        -moz-transform: rotate(45deg) translateX(1px);
        -ms-transform: rotate(45deg) translateX(1px);
        -o-transform: rotate(45deg) translateX(1px);
        transform: rotate(45deg) translateX(1px);
    }
}

@media (max-width: 767px) {
    .navbar-default .click span.icon-bar2 {
        -webkit-transform: rotate(-45deg) translateX(1px) translateY(-1px);
        -moz-transform: rotate(-45deg) translateX(1px) translateY(-1px);
        -ms-transform: rotate(-45deg) translateX(1px) translateY(-1px);
        -o-transform: rotate(-45deg) translateX(1px) translateY(-1px);
        transform: rotate(-45deg) translateX(1px) translateY(-1px);
    }
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-toggle .icon-bar {
    height: 1px;
}

@media (max-width: 767px) {
    button.click .icon-bar:nth-child(3) {
        opacity: 0;
    }
}
@media (max-width: 767px) {
    button.click .icon-bar + .icon-bar {
        margin-top: 0;
    }
}

@media (max-width: 767px){
    .navbar-toggle {
        padding: 8px 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
}
@media (min-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        padding: 16px 25px 5px !important;
        font-size: 16px;
        color: #333;
    }
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        padding: 16px 16px 5px !important;
        font-size: 16px;
        color: #333;
    }
}

.navbar-default .navbar-nav>li>a {
    padding: 16px 25px 5px;
    font-size: 16px;
    color: #333;
}

@media (min-width: 768px){
    .pc-none {
        display: none;
    }
}
@media (max-width: 767px) {
    .app-none {
        display: none !important;
        visibility: hidden;
    }
    .product-hycd-cus-case{
        margin-right: 0px !important;
    }
    .product-detail{
        text-align: center;
        margin-bottom: 50px;
    }
    .news-type-title{
        text-align: center;
    }
    .news_btn{
        padding: 0 5px !important;
        margin-right: 0px !important;
    }
}

@media (max-width: 767px) {
    .navbar-brand {
        height: 45px;
    }
}
@media (max-width: 767px){
    .navbar-brand {
        padding-top: 5px;
    }
}

@media (max-width: 767px) {
    .ac-logo-icon {
        background-repeat: no-repeat;
        background-image: url(../../favicon.ico);
        background-size: 33px 33px !important;
        height: 33px !important;
        width: 33px !important;
        float: left;
    }
}

.ac-logo-icon {
    background-repeat: no-repeat;
    background-image: url(../../favicon.ico);
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    margin-right: 8px;
    float: left;
}

.logo-pc-div {
    margin-top: -15px;
    width: 130px;
    height: 80px;
    padding-top: 10px;
}

.ac-familybrowser-icon {
    background-repeat: no-repeat;
	background-image: url(../../images/ytglogo.png);
    /**background-size: 80px 56px;**/
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-position: center;
    text-align: center;
}

.line-top-s {
    border-top: 1px solid #f39800;
    width: 18px;
    margin: auto;
}
.line-top {
    border-top: 1px solid #f39800;
    width: 60px;
    margin: auto;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav > .click > p {
        display: none;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-collapse ul li a {
        border-bottom: 1px solid #e7e7e7 !important;
        margin: 16px 35px 5px 30px;
        padding: 0 0 15px;
        text-align: center;
    }
    .ytg-enter{
        border-bottom: 1px solid #e7e7e7 !important;
        margin: 16px 35px 5px 30px;
        padding: 0 0 15px;
        text-align: center;
        display: -webkit-box !important;
        display: -ms-box !important;
        display: -moz-box !important;
        display: box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flex !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.title-comm{
    text-align: center;
    margin: 50px 0 50px;
}

.title-comm p{
    color: #666666;
}

.col-div{
    height: 200px;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    padding: 10% 8%;
    margin-bottom: 15px;
}
.product-desc{
    background-color: #f39800;
    position: absolute;
    top: 0;
    margin-right: 15px;
}

.product-desc p:nth-child(2){
    font-size: 14px;
}

.div_n{
    visibility: hidden;
}

.div_d{
    visibility: inherit;
}

.chart_b{
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(76,76,76,0.2);
    padding-right: 15px;
    margin-bottom: 15px;
}
.chart_b div:nth-child(1){
    margin-top: 15px;
    font-size: 16px;
}

.chart_b div span:nth-child(2){
    color: #f39800
}
.article_title{
    color: #333333;
    font-size: 16px
}
.article_sketch{
    color: #999999;
    line-height: 20px;
    margin-top: 5px;
    font-size: 12px;
}

#index_news_div .curr_article_div .article_time{
    color: #999999;
    margin-bottom: 10px;
    margin-top: 5px;
}

#index_news_div .curr_article_div .article_detail_a{
    color:#666666;
    margin-top: 10px
}

#index_news_div .article_div{
    border-top:1px solid #ebebeb;
    padding: 20px 0px;
}

#index_news_div .article_div .article_time{
    color: #999999;
    float: right;
}

.ytg_btn{
    color: #f39800 !important;
    display: inline-block;
    border: 1px solid #f39800 !important;
    line-height: 38px;
    padding: 0 24px;
    margin-top: 12px;
    margin-right: 20px;
}
.ytg_btn:hover{
    color: #ffffff !important;
    background-color: #f38000
}
footer{
    margin-bottom: 50px;
}
footer ul{
    margin-top: 24px;
}
footer ul li{
    margin-top: 15px;
    font-size: 14px;
    color: #666666;
}
footer ul li a{
    color: #666666 !important;
}
/*bottom*/
.copyright-content {
    background-color: #f39800 !important;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.copyright-content a:hover{
    color: #ffffff !important;
}

.banner-desc{
    font-size: 28px;
    color: #f39800;
}
.banner-desc-sub{
    font-size: 14px;
    color: #666666;
}
.nav-pos{
    color: #666666;
}

/*****about start****/
.about_tab li{
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: #666666;
    background-color: #ffffff;
    box-shadow: 4px 4px 12px 0px #ebebeb,inset 0px 0px 2px 0px rgba(99,99,99,0.35);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
}
.about_main{
    text-align: center;
}

.about_com{
    color: #666666;
    margin-top: 30px;
    line-height: 25px;
    text-indent: 35px;
    text-align: left
}

#about-com-idea div p:nth-child(2){
    font-size: 16px;
}

.about_zz{
    text-align: center;
    background-color: #f7f7f7;
    margin-top: 100px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.about_team{
    text-align: center;
    margin-top: 100px;
}
.about_team .about_team_desc{
    height: 400px;
    background-color: #ffffff;
    box-shadow: 4px 4px 12px 0px #ebebeb,inset 0px 0px 2px 0px rgba(99,99,99,0.35);
    border-radius: 3px;
    border: 1px solid #cccccc;
    margin-bottom: 15px;
}
@media only screen and (max-width: 1068px) and (min-width: 768px) {
    .about_team_desc {
        min-height: 400px;
    }
}
/*.about_team_desc img{
    background-repeat: no-repeat;
    width: 100%;
}*/
.about_team_desc p:nth-child(2){
    font-size: 20px;
    color: #333333;
    padding-top: 20px;
    padding-bottom: 5px
}
.about_team_desc p:nth-child(3){
    color: #666666;
    line-height: 25px;
    padding: 10px
}
.gl-logo-icon{
    background-image: url(../../images/team_gl.png);
    background-repeat: no-repeat;
    background-size: 100% 162px;
    width: 100%;
    height: 162px;
}
.yf-logo-icon{
    background-image: url(../../images/team_yf.png);
    background-repeat: no-repeat;
    background-size: 100% 162px;
    width: 100%;
    height: 162px;
}
.kf-logo-icon{
    background-image: url(../../images/team_kf.png);
    background-repeat: no-repeat;
    background-size: 100% 162px;
    width: 100%;
    height: 162px;
}
.ac-figure-icon{
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1200px) {
    .my-col-lg-2,.my-col-lg-3,.my-col-lg-4,.my-col-lg-5,.my-col-lg-8 {
        float: left;
    }
    .my-col-lg-2 {
        width: 20%;
    }
    .my-col-lg-3 {
        width: 26%;
    }
    .my-col-lg-4 {
        width: 30%;
    }
    .my-col-lg-5 {
        width: 48.2%;
    }
    .my-col-lg-8 {
        width: 70%;
    }
}
.large-3 {
    width: 33.33333333%;
    float: left;
}
@media only screen and (max-width:735px) {
    .about_team .small-12 {
        width: 100%
    }
}
.about_fz{
    text-align: center;
    margin-top: 100px;
}
.about_map{
    text-align: center;
    margin-top: 100px;
}
.about_map li{
    width: 270px;
    height: 60px;
    font-size: 20px;
    color: #ffffff;
    background-color: #f39800;
    text-align: left;
    margin: 10px;
    line-height: 60px;
    padding-left: 10px;
}
.map_more{
    width: 480px;
    height: 220px;
    background-color: #ffffff;
    box-shadow: 4px 4px 12px 0px #ebebeb,inset 0px 0px 2px 0px rgba(99,99,99,0.35);
    border-radius: 3px;
}

.arrow {
    position: absolute;
    left: 72px;
    top: 215px;
    width: 0;
    height: 0;
    border-top: 90px solid #ffffff;
    border-left: 21px solid transparent;
}
.arrow_up_left{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -8px;
    left: 20px;
}

.arrow_up_right{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -8px;
    left: 277px;
}
.map_more div>div>p:nth-child(1){
    color: #f39800;
}
.map_more div>div>p:nth-child(2){
    color: #666666;
}
.map_more div>div>span{
    color: #f39800;
    padding-right: 20px;
}
.nav_gd{
    z-index: 9999;
    position: fixed ! important;
    top: 0px;
    margin: 0 auto;
}
/****about end*****/

/****news start*****/
#news_zxzx ul li {
    height: 40px;
    line-height: 40px;
    border-bottom:1px solid #ebebeb
}
#news_zxzx ul li em{
    width: 3px;
    background-color: #f39800;
    display: inline-block;
    height: 30px;
}
#news_zxzx ul li a span:nth-child(1){
    color: #333333;
}
#news_zxzx ul li a span:nth-child(2){
    color: #999999;
    font-size: 12px;
    float: right
}
.news-type-title{
    height: 40px;
    line-height: 40px;
    background-color: #ebebeb
}
.news_btn{
    color: #f39800 !important;
    display: inline-block;
    line-height: 40px;
    padding: 0 24px;
    margin-right: 20px;
    color: #333333 !important;
    font-size: 14px;
}
.news_btn:hover{
    color: #ffffff !important;
    background-color: #f38000
}
#news_right .on{
    background-color: #f39800;
    color: #ffffff !important;
}
.news-type-desc img{
    margin-left: -15px;
}
.news-type-desc .row{
    border-bottom: 1px solid #f0f0f0;
    margin-top: 20px;
    padding-bottom: 20px;
}
.news-type-desc .row a span:nth-child(1){
    font-size: 16px;
}
.news-type-desc .row a span:nth-child(2){
    color: #999999;
    font-size: 12px;
    float: right
}
.news-type-desc .row p{
    font-size: 12px;
    color: #999999;
    margin-top: 20px;
    line-height: 20px;
}
.mr15{
    margin-right: 15px;
}
.news-type-detail{
    margin-top: 30px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;
}
.news-type-detail .article-detail-title{
    font-size: 16px;
}
.news-type-detail .article-detail-time{
    color: #999999;
    margin-top: 10px;
}
.news-type-detail div{
    color: #666666;
    margin-top: 20px;
}
.news-type-detail div p{
    text-align: left;
    text-indent: 35px;
    line-height: 25px;
}
.news-type-change{
    color: #666666;
    margin-top: 10px;
}
.news-type-change a:nth-child(2){
    float: right;
}
.news .row{
    margin-right: 0px !important;
    margin-left: 0px !important;
}
/****news end*****/

/****product start*****/
.product-cus-case{
    width: 100%;
    background-color: #f7f8fa;
    margin-top: 80px;
    padding-bottom: 50px;
}
#product-cus-case-detail div{
    margin-bottom: 20px;
}
.product-type-desc p{
    color: #666666;
    line-height: 25px;
    text-indent: 35px;
    text-align: left
}
@media (max-width: 767px) {
    @media (max-width: 767px) {
        .col-small-12 {
            width: 100%;
        }
    }
}
.product-hycd-cus-case{
    background-color: #ffffff;
    height: 166px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.product-hycd-cus-case-detail span:nth-child(1){
    color: #333333;
    font-size: 18px;
}
.product-hycd-cus-case-detail span:nth-child(2){
    color: #999999;
    font-size: 16px;
    float: right;
}
.product-hycd-cus-case-detail p{
    color: #666666;
    margin-top: 10px;
    line-height: 20px;
}
.product-cus-img{
    border: solid 1px #e8eef5;
    width: 260px;
    height: 260px;
}
.product-cus-type-desc{
    margin-top: 30px;
    font-size: 16px;
}
.product-cus-type-desc a{
    color: #f39800;
}
.product-cus-com-desc,.product-cus-pro{
    margin-bottom: 60px;
}
.product-cus-com-desc div:nth-child(1),.product-cus-pro div:nth-child(1),.product-ytg-sol div:nth-child(1){
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}
.product-cus-com-desc div:nth-child(2) p,.product-cus-pro div:nth-child(2) p,.product-ytg-sol div:nth-child(2) p{
    color: #666666;
    text-indent: 35px;
    line-height: 25px;
}
.product-highline-desc{
    margin-right: 38px;
    height: 166px;
    margin-bottom: 15px;
}
.product-highline-desc .product-highline-desc-title{
    margin-top: 35px;
    color: #333333;
    font-size: 16px;
}
.product-highline-desc .product-highline-desc-detail{
    color: #666666;
    margin-top: 15px;
    line-height: 25px;
    text-align: center;
}
/****product end*****/

/****page start******/
.page {
	text-align: center;
    vertical-align: middle;
    margin: 10px 0;
}

.page .page-curr {
    position: relative;
}

.page .page-curr .page-em {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #f39800;
}

.page .page-curr em {
    position: relative;
    color: #fff;
}

.page em {
    font-style: normal;
}

.page a, .page span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}

.page a, .page span {
    border: 1px solid #e2e2e2;
}

.page .disabled {
	color: #d2d2d2!important;
    cursor: not-allowed!important;
}
/****page end******/

/****bbs start******/
.forum_block{
	margin-top: 20px;
	color: #666666;
}

.forum_name{
	height: 50px;
	background-color: #dbdbdb;
	padding-left: 20px;
	font-weight: bold;
	font-size: 16px;
}

.forum_content {
	padding: 0 20px 20px 20px;
	background-color: #FFFFFF;
	overflow: hidden;
}

.loading_more {
	text-align: center;
	margin-top: 20px;
}

.more_eye {
	width: 30px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	background: url(../../images/loading_ss.png) no-repeat;
	margin-top: 3px;
}

.loading_more span {
	display: inline-block;
	vertical-align: middle;
}

.loading_more a:hover {
	color: #3478f1;
}

.loading_more a:hover .more_eye {
	background: url../../images/loading_zk.png) no-repeat;
}

.f16 { 
	font-size: 16px;
}

.forum_detail_block {
	margin-top: 20px;
	padding: 20px;
	background-color: #f3f3f3;
}

.forum_detail_block .forum_detail_content, .other_detail .other_detail_title{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.forum_detail_block .forum_detail_related{
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
}

.forum_detail_block .forum_detail_related span{
	margin-right: 30px;
}

.forum_detail_block .comment_title {
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	color: #666666;
}

.forum_detail_block .comment_wrap {
	height: 160px;
	border: 1px solid #c1c1c1;
	margin-top: 20px;
	border-radius:4px;
}

.textarea_warp {
	padding: 10px 15px;
	height: 92px;
	position: relative;
}

.comment_textarea {
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #999999;
	resize:none;
	border: none;
}

.word_number {
	color: #666666;
	font-size: 12px;
	float: right;
	padding-right: 15px;
}

.comment_btn{
	margin-top: 20px;
}

.comment_btn:after{
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; 
	*zoom:1
}

.comment_btn .blue_btn {
	display: inline-block;
	padding: 3px 18px;
	color: #FFFFFF;
	background-color: #318cc9;
	border-radius: 4px;
	float: right;
	margin-right: 15px;
}

.comment_function {
	padding: 5px 15px 4px 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.reply_list li {
	border-bottom: 1px solid #e6e6e6;
}
.reply_list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.reply_list li:not(:first-child){
	margin-top: 37px;
}
.reply_list .reple_div{
	font-size: 12px;
	color: #666666;
}
.reply_list .reple_div span:nth-child(1){
	margin-right: 30px;
}
.reply_list .reply_content{
	margin-top: 20px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 40px;
}

.forum_content .list li {
	margin: 20px 0 0 20px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e2e2e2;
	height: 74px;
}
.forum_content .list li .title {
	position: relative;
	margin-bottom: 5px;
}
.forum_content .list li .title .time{
	float: right;
	font-size: 12px;
}
.forum_content .list li .title:hover a {
	color: #3487f1;
}
.forum_content .list .other_information , .forum_content .list .other_information a{
	color: #828282;
	font-size: 12px;
}
.forum_content .list .other_information div{
	margin-right: 30px;
	float: left;
}

.other_detail .other_detail_info{
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
}

.other_detail .other_detail_info span{
	margin-right: 30px;
}

.other_detail .other_content{
	padding: 40px 80px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
}

.page{
	text-align: center;
	margin-top: 20px;
}
/****bbs ens*******/