/* css reset */
body{
    font-family: "Source Han Sans", Arial, "Microsoft Yahei", "微软雅黑" !important;
    background-color: #ffffff;
}

body.bg-none{
    background-color: transparent;
}

input{
    font-family: "Source Han Sans", Arial, "Microsoft Yahei", "微软雅黑" !important;
    -webkit-appearance: none;
    /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   点击高亮的颜色*/
}

a,
a:hover,
a:focus,
a:active
{
    text-decoration: none;
    outline: none;
}

a:focus
{
    color: #4e4e4e;
}

/* demo */
a.weizhi{color: black;}
a.weizhi:link {color: black;}     /* 未访问的链接 */
a.weizhi:visited {color: black;}  /* 已访问的链接 */
a.weizhi:hover {color: red;}    /* 当有鼠标悬停在链接上 */
@media(max-width: 767px){
    a.weizhi:active {color: blue;}   /* 被选择的链接 */
}
@media(min-width: 768px){
    a.weizhi:active {color: black;}   /* 被选择的链接 */
}


select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.form-control{
    border-radius: 0;
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
}

.form-control:focus {
    border-radius: 0;
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
}

.form-control:hover {
    border-radius: 0;
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
}

.select-main:focus {
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none !important;
    margin: 0;
}

/* bootstrap 栅格尺寸调整 */
.container,
.container-fluid,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
    padding-left: 8px;
    padding-right: 8px;
}

.row{
    margin: 0 -8px;
}

@media(max-width: 767px){
    /*
	body
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	但是这样，对于通栏的部分需要单独处理
	.main>.container-fluid 		 margin:0 -10px;
	.main>.container   margin:0 -10px;

 */
    .container,
    .container-fluid,
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row{
        margin: 0 -5px;
    }
    .jsbox{
        margin-top: 20px;
    }

}


/* 针对头部导航的样式调整 */
body{
    padding-top: 186px;
}

@media (max-width: 767px){
    body{
        padding-top: 68px;
        padding-top: 71px;
    }
    header>#head>.container{
        padding-left: 0;
    }

}

@media(min-width: 768px){
    header #gnav .container ul li a.home_en{
        width: 118px;
    }

    header #gnav .container ul li a.products_en{
        width: 154px;
    }

    header #gnav .container ul li a.industry_en{
        width: 158px;
    }

    header #gnav .container ul li a.literature_en{
        width: 152px;
    }

    header #gnav .container ul li a.support_en{
        width: 154px;
    }

    header #gnav .container ul li a.news_en{
        width: 152px;
    }

    header #gnav .container ul li a.relation_en{
        width: 152px;
    }

}

/*
.breadcrumbs li a,
.breadcrumbs li span{
	color: #333333;
	padding-top: 0;
	height: 34px;
	line-height: 34px;
}
header #gnav .container ul{
	margin-bottom: 0;
}
.breadcrumbs ul{
	margin: 0;
}

header #head .container #logo a {}

header #head .container #headHamb.on{
	width: 25px;
}

@media (min-width: 768px){
	header #head .container #logo a {
    width: 108px;
    height: 54px;
    background-image: url(../images/logo_zh.png);
    background-size: 108px 54px;
	}

}

@media (min-width: 740px){
	header.on #head .container #logo a {
    width: 108px;
    height: 40px;
    background-image: url(../images/logo_zh_short.png);
    background-size: 108px 40px;
	}

}

@media (min-width: 740px){
	header #head .container #copy img {
	  width: 108px;
	}
}

@media (min-width: 740px){
	header #head .container .util .utilNav {
	    justify-content: flex-end;
	    -webkit-justify-content: flex-end;
	    -moz-justify-content: flex-end;
	}

}

header #gnav .container ul.global{
	padding: 0 20px;
	justify-content: space-between;
}

header #gnav .container ul li a{
	padding: 0  30px!important;
}

header #gnav .container ul li a>span{
	width: auto !important;
	height: 61px !important;
	background-image: none !important;
	text-indent: 0 !important;
	text-align: center;
	font-size: 16px;
	color: #454545;
	line-height: 61px;
}
 */










.block-white{
    padding: 35px 0 15px;
    background-color: white;
}

.block-padding{
    padding: 35px 0;
}



/* 按钮样式整体调整 */
.btn{
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0, 0);
    box-shadow: inset 0 3px 5px rgba(0,0,0, 0);
}

.button-main{
    overflow: hidden;
    margin-bottom: 20px;
}

.button-main>p{
    padding: 6px 0;
    margin: 0;
    text-align: center;
    color: #d7d7d7;
    font-size: 18px;
    line-height: 20px;
}


.button-main>a.btn{
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
}


/* 自己设置按钮类 .btn-white */
.btn-white{
    line-height: 24px;
    border-color: #333333;
}

.btn-white{
    background-color: #ffffff;
    color: #333333;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus,
.btn-white:active:hover,
.btn-white:active:focus{
    background-color: #ff0000;
    color: #ffffff;
}

.btn-white.on-focus{
    background-color: #c20000;
    color: #ffffff;
}


/* 自己设置按钮类 .btn-black */
.btn-black{
    background-color: #000000;
    color: #ffffff;
}

.btn-black:hover{
    background-color: #ff0000;
    color: #ffffff;
}

.btn-black .focus,
.btn-black:focus
{
    color: #ffffff;
}


@media(max-width: 767px){
    .btn-black:active{
        background-color: #ff0000;
        color: #ffffff;
    }
}

@media(min-width: 767px){
    .btn-black:active,
    .btn-black:focus,
    .btn-black:active:hover,
    .btn-black:active:focus{
        background-color: #c20000;
        color: #ffffff;
    }
}


.btn-black.on-focus{
    background-color: #c20000;
    color: #ffffff;
}

/* 自己设置按钮类 .btn-white 和 .btn-black */
.btn-red,
.btn-red:hover,
.btn-red:active,
.btn-red:focus,
.btn-red:active:hover,
.btn-red:active:focus
{
    background-color: #ff0000;
    color: #ffffff;
}

.btn-red.on-focus{
    background-color: #c20000;
    color: #ffffff;
}



/*
当有白色背景的时候；
当图标在上侧的时候 margin-right 要变为 0，
button-item button-item-a  是一组，背景透明
button-item-b button-item-d  是一组，背景白色
 */

.button-item{
    overflow: hidden;
    margin-bottom: 20px;
}

.button-item>span{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    text-align: center;
}

@media(max-width:767px){
    .button-item>span{
        display: none;
    }
}
.button-item a.btn{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
    color: #333333;
    font-size: 18px;
    line-height: 42px;
}

.button-item a.btn>span.iconfont{
    margin-right: 10px;
    font-size: 30px;
    position: relative;
    top: 3px;
}

.button-item.on a.btn,
.button-item a.btn:hover
{
    color: #ff0000;
}

.button-item a.btn:active{
    color: #c20000;
}

@media(min-width: 768px){
    .button-item a.btn:active{
        color: #c20000;
    }
}



.button-item>a.btn.a-focus{
    color: #c20000;
}


.button-item-a{
    overflow: hidden;
    margin-bottom: 20px;
}

.button-item-a>span{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #cccccc;
    line-height: 30px;
    text-align: center;
}

.button-item-a>a.btn{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
    color: #333333;
    font-size: 18px;
    line-height: 42px;
}

.button-item-a>a.btn:hover{
    color: #ff0000;
}

.button-item-a>a.btn.a-focus{
    color: #c20000;
}

.button-item-a>a.btn>span.iconfont{
    font-size: 34px;
    position: relative;
    top: 4px;
}




.button-item-b{
    overflow: hidden;
    margin-bottom: 20px;
}

.button-item-b>span{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #cccccc;
    line-height: 30px;
    text-align: center;
}

.button-item-b>a.btn{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
    color: #333333;
    font-size: 18px;
    line-height: 42px;
    background-color: #ffffff;
}

.button-item-b>a.btn:hover{
    color: #ff0000;
}

.button-item-b>a.btn.a-focus{
    color: #c20000;
}

.button-item-b>a.btn>span.iconfont{
    margin-right: 10px;
    font-size: 34px;
    position: relative;
    top: 4px;
}



/* 最新公共按钮 */
.button-item-d{
    overflow: hidden;
    margin-bottom: 20px;
}

.button-item-d>span{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    text-align: center;
}

.button-item-d>a.btn{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ccc;
    color: #000000;
    font-size: 16px;
    line-height: 30px;
}

.button-item-d>a.btn:hover{
    color: #ff0000;
}

.button-item-d>a.btn:active{
    color: #c20000;
}

.button-item-d>a.btn.a-focus{
    color: #c20000;
}

.button-item-d>a.btn>span.iconfont{
    margin-right: 26px;
    font-size: 34px;
    position: relative;
    top: 4px;
}


/* 	button-item-e  */
.button-item-e{
    overflow: hidden;
    margin-bottom: 20px;
}

.button-item-e>span{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #cccccc;
    line-height: 30px;
    text-align: center;
}

.button-item-e>a.btn{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 0;
    color: #333333;
    font-size: 18px;
    line-height: 32px;
    background-color: #ffffff;
}

.button-item-e>a.btn>span.iconfont{
    margin-right: 10px;
    font-size: 28px;
    position: relative;
    top: 4px;
}

.button-item-e>a.btn:hover{
    color: #ff0000;
}

.button-item-e>a.btn.a-focus{
    color: #c20000;
}

.button-item-e>a.btn:active{
    color: #c20000;
}





/* 页面标题样式的整理 */
/* 	title-hc 页面主标题，红边框，移动端居中h-center，只有首页使用  */
.title-hc{
    margin-bottom: 20px;
    border-bottom: 1px solid #ff0000;
}

.title-hc>h3{
    margin: 0;
    padding: 20px 0 10px;
    color: #494949;
}

@media (max-width: 767px) {
    .title-hc{
        text-align: center;
    }
}

/* 	title-hl 页面主标题，红边框，始终左对齐h-left，普遍使用  */
/*  当标题中有图标，副标题的情况暂未考虑  */
.title-hl{
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ff0000;
}

.title-hl-anzhuang{
    margin-bottom: 0;
}

@media(min-width: 768px)
{
    .title-hl-anzhuang
    {
        margin-top: 20px;
    }
}

.title-hl>h3{
    margin: 0;
    padding: 20px 0 10px;
    color: #494949;
    font-size: 24px !important;
    line-height: 30px !important;
    background-color: transparent !important;
    height: auto !important;
    font-weight: 500 !important;
}

.title-hl>h4{
    margin: 0;
    padding: 10px 0 10px;
    color: #353535;
    font-size: 20px;
    line-height: 28px;
}
/* 也就是一大一小两种状态 */

/* 没有红色边框的标题 这里会有居中的标题 会有带有图标且图标位置变化的情况 */
.title-b-hl{
    margin: 20px 0 5px;
}

.title-b-hl>h3{
    margin: 0;
    padding: 10px 0;
    color: #676666;
    font-size: 24px;
    line-height: 30px;
}

.title-b-hl>h4{
    margin: 0;
    padding: 10px 0;
    font-size: 20px;
    color: #494949;
    line-height: 30px;
}


.title-none-hl{
    margin: 10px 0 20px;
}

.title-none-hl>h5{
    margin: 0;
    padding: 10px 0 10px;
    font-size: 20px;
    color: #777777;
    line-height: 30px;
}

@media(min-width:678px){
    .title-none-hl>h5
    {
        margin-bottom: -24px;
    }

}

.title-none-hl-topM{
    margin-top: 25px;
}


.title-more{
    float: right;
    border-radius: 0;
    padding-left: 40px;
    padding-right: 40px;
}

.title-more span{
    color: #ff0000;
}

.title-more,
.title-more:hover,
.title-more:active,
.title-more:active:hover,
.title-more.active,
.title-more:focus{
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}






/* 页面的 banner 部分 */
.banner-page{
    overflow: hidden;
    max-height: 500px;
}

.banner-page .carousel .carousel-inner .item{
    width: 100%;
}

@media(min-width: 767px)
{
    .banner-page .carousel .carousel-inner .item
    {
        height: 340px;
    }

}

@media(max-width: 767px)
{
    .banner-page .carousel .carousel-inner .item
    {
        /* height: 280px;
		height: 230px; */
    }
}

.banner-page .carousel .carousel-inner .item>img{
    display: inline;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-page .carousel .carousel-inner .item .banner-main-pc
{
    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    position: relative;
}

.banner-page .carousel .carousel-inner .item .banner-main-pc>img
{
    display: block;
    width: 100%;
    height: 340px;

}


.banner-page .carousel .carousel-inner .item .banner-main-wap
{
    overflow: hidden;
}

.banner-page .carousel .carousel-inner .item .banner-main-wap>img
{
    display: block;
    width: 100%;
}

@media(min-width: 767px)
{
    .banner-page .carousel .carousel-inner .item .banner-main-wap
    {
        display: none;
    }

}

@media(max-width: 767px)
{
    .banner-page .carousel .carousel-inner .item .banner-main-pc
    {
        display: none;
    }

}




.banner-page .source-app-banner-img{
    /* object-position: 100% 0; */
}

.banner-service-an{
    width: 1040px;
    margin: 0 auto;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #ffffff;
    text-align: left;
}

.banner-service-an h2{
    font-size: 40px;
    line-height: 60px;
    margin: 0;
}

.banner-service-an p{
    margin: 0;
    font-size: 25px;
    line-height: 41px;
    padding: 0;
}

.banner-page-training .carousel-caption{
    text-align: center;
}

.banner-page-training p.banner-red{
    display: inline-block;
    padding: 0 60px;
    margin: 0;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    line-height: 64px;
    background-color: rgba(161, 10, 6, 0.8);
}

@media(max-width:767px){
    .banner-page-training .carousel-caption{
        left: 0;
        right: 0;
    }

    .banner-page-training p.banner-red{
        display: inline-block;
        margin: 0;
        padding: 4px 16px;
        font-size: 16px;
        line-height: 32px;
        font-style: italic;
    }

}

.banner-solve-an{
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    color: #ffffff;
    text-align: center;
}

.banner-solve-an h2{
    font-size: 40px;
    line-height: 60px;
    margin: 0;
}

.banner-solve-an p{
    margin: 0;
    font-size: 25px;
    line-height: 41px;
    padding: 0;
}


.banner-page-service .carousel .carousel-inner .item>img{
    object-position: 100% calc(100% - -222px);
}

.banner-page-vedio{
    margin-bottom: 30px;
    background-color: #404040;
}

.banner-page-vedio .carousel .carousel-inner .item{
    /* height: auto; */
}

.banner-page-vedio .carousel .carousel-inner .item>img{
    display: block;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
}

@media(max-width:767px){
    .banner-page-vedio .carousel .carousel-inner .item>img{
        height: auto;
    }
}

.banner-page-vedio .carousel-caption{
    padding: 0;
    bottom: 0;
}

@media(max-width:767px){
    .banner-page-vedio .carousel-caption{
        height: 100%;
        left: 0;
        right: 0;
    }

}

.banner-page-vedio .carousel-caption>img{
    display: inline-block;
    margin-bottom: 100px;
    cursor: pointer;
}

@media(max-width:767px){
    .banner-page-vedio .carousel-caption>img{
        position: absolute;
        margin: -48px 0 0 -36px;
        left: 50%;
        top: 50%;
    }
}

.banner-page-vedio .carousel-caption>p{
    padding-left: 210px;
    padding-bottom: 6px;
    text-align: left;
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    line-height: 32px;
}

@media(max-width:767px){
    .banner-page-vedio .carousel-caption>p{
        position: absolute;
        bottom: 0;
        padding-left: 20px;
    }

}



@media(max-width:767px){
    .banner-page-service .carousel .carousel-inner .item>img{
        object-position: 30% 74%;
    }
}

.banner-page-service .carousel .carousel-inner .item .carousel-caption{
    padding-bottom: 0;
    bottom: 0;
}

@media(min-width: 767px){
    .banner-page-service .carousel .carousel-inner .item .carousel-caption
    {
        width:1040px !important;
        right: 0;
        left: 0;
        margin: auto;
    }
}

@media(max-width:767px){
    .banner-page-service .carousel .carousel-inner .item .carousel-caption{
        width: 100%;
        padding: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

@media(max-width:767px){
    .banner-page-service .banner-service-an{
        width: 100%;
        padding-bottom: 0;
        margin: 0;
        position: absolute;
        bottom: 10px;
    }
}

.banner-page-service .banner-service-an>h3{
    margin: 0;
    font-size: 30px;
    text-align: center;
}

.banner-page-service .banner-service-an>h3>small{
    display: block;
    padding-top: 10px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}

.banner-service-item-main{
    overflow: hidden;
    padding: 20px 0 24px;
    display: flex;
    justify-content: center;
}

.banner-service-item{
    width: 90px;
    height: 90px;
    margin: 0 36px;
    padding-top: 24px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    text-align: center;

}

@media(max-width:767px){
    .banner-service-item-main{
        justify-content: space-around;
    }

    .banner-service-item{
        width: 80px;
        height: 80px;
        margin: 0;
        font-size: 12px;
        font-size: 0.8rem;
        line-height: 16px;
    }
}

.banner-service-item>span{
    display: block;
    font-size: 12px;
}

.banner-page-service .banner-service-an p{
    text-align: center;
    font-size: 20px;
    line-height: 24px;
}

.banner-page-service .banner-service-an p b{
    margin: 0 10px;
    font-weight: normal;
}

.banner-page-service .banner-service-an p span{
    margin: 0 4px;
    font-size: 14px;
}

@media (max-width: 739px) {
    .banner-page .carousel .carousel-inner .item{
        /* height: 200; */
    }

    .banner-page .carousel .carousel-inner .item>img.source-app-banner-img{
        object-fit: cover;
    }

    .banner-page .source-app-banner-img{
        object-position: 0 0;
    }

    .banner-service-an{
        padding-left: 0;
        margin-left: -34px;
    }

    .banner-solve-an
    {
        margin-top: -10px;
        position: relative;
        top: -24px;
    }

    .banner-solve-an h2,
    .banner-service-an h2{
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
    }

    .banner-solve-an p,
    .banner-service-an p{
        font-size: 20px;
    }


}

@media (min-width: 768px){
    .source-appli-nav{}

    .source-appli-nav>.row>.col-md-4:nth-child(1),
    .source-appli-nav>.row>.col-md-4:nth-child(4)
    {
        padding-right: 8px;
    }

    .source-appli-nav>.row>.col-md-4:nth-child(3),
    .source-appli-nav>.row>.col-md-4:nth-child(6)
    {
        padding-left: 8px;
    }

    .source-appli-nav>.row>.col-md-4:nth-child(2),
    .source-appli-nav>.row>.col-md-4:nth-child(5)
    {
        padding-left: 8px;
        padding-right: 8px;
    }

}












/* 页面的宽度是 1040 */
@media (min-width: 1200px) {
    .container {
        width: 1056px;
    }
}

.mask{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 98;
    top: 120px;
    z-index: 999;
    top: 0;
}

.mask>.container{
    height: 100%;
}

.mask>.container>.row{
    height: 100%;
}

.mask>.container>.row>.col-md-10,
.mask>.container>.row>.col-md-8
{
    height: 100%;
}

.vedio-mask
{
    width: 100%;
    height: 400px;
    position: absolute;
    top: 50%;
    margin-top: -200px;
}

.vedio-mask>div[id^="plv"]
{
    /* height: 600px; */
}

.vedio-mask-close{
    color: #ffffff;
    position: absolute;
    right: -40px;
    top: -40px;
}

.vedio-mask-close>span.iconfont {
    font-size: 18px;
    cursor: pointer;
}

.vedio-mask-close>span.iconfont:before {
    content: "\f115";
}




/* css -index- */

.business-item{
    display: block;
    border-radius: 0;
    margin-bottom: 16px;
    line-height: 42px;
}

.business-item>span.iconfont{
    font-size: 30px;
    margin-right: 10px;
}

.business-item .glyphicon{
    padding-right: 28px;
}

.business-item:active,
.business-item.active,
.business-item:active:hover,
.business-item:hover,
.business-item:focus{
    background-color: #fff;
    color: #ff0000;
}

.business-item:active,
.business-item.active{
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0, 0);
    box-shadow: inset 0 3px 5px rgba(0,0,0, 0);
}

.attention-item{
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 23px;
}

.attention-item img{
    display: block;
    width: 100%;
}

.attention-item p{
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    text-indent: 1em;
    color: #ffffff;
    -webkit-box-shadow: inset 0 -28px 16px rgba(0,0,0, .325);
    box-shadow: inset 0 -28px 16px rgba(0,0,0, .325);
}

.col-md-6 .attention-item p{
    font-size: 18px;
    line-height: 44px;
}

.col-md-3 .attention-item p{
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .col-xs-12 .attention-item p{
        font-size: 20px;
        line-height: 44px;
    }

    .col-xs-6 .attention-item p{
        font-size: 18px;
        line-height: 36px;
    }
}


.footer{
    border-top:5px solid #999999;
    background-color: #ebebeb;
    position: relative;
}

.footer:before{
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 5px;
    left: 0;
    top: -5px;
    background-color: #e4002b;
}

@media (max-width: 767px) {
    .footer:before{
        width: 35px;
        background-color: #ff0000;
    }
}



.footer-item{
    float: left;
    padding-right: 14px;
    font-size: 14px;
    color: #5a5a5a;
    color: #666666;
    line-height: 35px;
}

@media (max-width: 767px) {
    .footer-item{
        padding-right: 8px;
        font-size: 12px;
    }

    .footer-item:nth-child(1){
        margin-left: -2px;
    }

    .footer-item:nth-child(3){
        padding-right: 0;
    }

}

.col-md-7 .footer-item{
    width: 383px;
    padding-top: 11px;
    float: right;
    padding-right: 0;
}

.col-md-7 .footer-item>img
{
    display: block;
    width: 100%;
}


.footer-item:hover{
    color: #5a5a5a;
}

@media (max-width: 767px) {
    .col-md-5 .footer-item:last-child{
        float: right;
        margin-right: -4px;
        padding-right: 0;
    }
}

.news-title-lasted{
    display: inline-block;
    width: 128px;
    margin: 4px 0 16px;
    font-size: 12px;
    color: #ffffff;
    line-height: 22px;
    text-align: center;
    background-color: #000000;
}

.news-title-lasted:hover{
    background-color: #ff0000;
}

.news-title-lasted-on{
    background-color: #ff0000;
}

.news-content-lasted{
    display: block;
    padding-right: 30px;
    margin: 4px 0 16px;
    font-size: 16px;
    color: #000000;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-content-lasted:hover{
    color: #000000;
}

.news-time-lasted{
    font-size: 14px;
    padding-right: 20px;
}



/* qa 应用问答 */
.qa_prompt{
    margin-bottom: 22px;
    margin-bottom: -2px;
    padding-bottom: 0;
    font-size: 20px;
    color: #303030;
    line-height: 30px;
}

.qa-block-title{
    font-size: 20px;
    color: #777777;
    line-height: 30px;
}

.qa-select-title{
    font-size: 20px;
    color: #777777;
    padding: 6px 0;
    margin: 0;
}

.qa-selectB-title{
    font-size: 16px;
    color: #777777;
    padding: 6px 0;
    margin: 0;
}

.search-qa{
    overflow: hidden;
    margin-bottom: 6px;
}

.select-qa-blocka{
    overflow: hidden;
}

.search-qa .form-control{
    border-color: #000000;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search-qa .btn-default{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search-qa .btn-default
{
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.search-qa .btn-default:hover
{
    border-color: #ff0000;
    background-color: #ff0000;
    color: #ffffff;
}

.search-qa .btn-default:active
{
    border-color: #c20000;
    background-color: #c20000;
    color: #ffffff;
}

.search-qa .btn-default:focus
{
    outline: none;
}

.search-qa>.input-group>input[type="text"]{
    height: 32px;
}

.search-qa>.input-group>.input-group-btn>.btn{
    width: 100px;
    padding: 4px 6px;
}

@media (max-width: 767px) {
    .search-qa>.input-group>input[type="text"]{
        height: 36px;
        font-size: 14px;
    }

    .search-qa>.input-group>.input-group-btn>.btn{
        font-size: 14px;
        line-height: 28px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .search-qa>.input-group>.input-group-btn>.btn>.iconfont{
        top: 1px;
    }
}

.search-qa>.input-group>.input-group-btn>.btn>.iconfont{
    top: 2px;
    position: relative;
    padding-right: 4px;
}

.qa-switch-btn{
    padding: 10px 0;
    margin: 0;
    font-size: 24px;
    color: #323232;
    line-height: 50px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.qa-switch-btn .glyphicon{
    margin-left: 48px;
    color: #b5b5b5;
}

.qa-switch-btn .glyphicon-triangle-top:before {
    content: "\e253";
}

.qa-switch-btn .glyphicon-triangle-bottom:before {
    content: "\e252";
}

@media (max-width: 767px) {
    .qa-switch-layer{
        position: absolute;
        left: 0;
        display: none;
        z-index: 9;
        width: 100%;
        /* margin-left: -5px;
		margin-right: -5px; */
        padding: 0 10px 400px;
        background-color: rgba(0, 0, 0, .4);
    }

    .select-qaB .input-bg .checkbox-inline
    {
        margin-right: 2%;
    }

    .qa-switch-btn{
        font-size: 14px;
        line-height: 30px;
    }
}

@media (min-width: 768px) {
    .qa-switch-layer{
        display: block !important;
    }

}


.qa-question-item-word{
    padding: 0 6px;
}


.select-qa{
    padding: 20px 24px 8px;
    background-color: #ffffff;
}

.select-qa .row{
    /* margin-bottom: 20px; */
}

.select-qa .checkbox-inline{
    float: left;
    margin-left: 0;
    margin-bottom: 18px;
    width: 246px;
    font-size: 20px;
    color: #000000;
    line-height: 22px;
}


.select-qa .checkbox-inline>small{
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}

.select-qa input[type=checkbox]{
    background-color: #ffffff;
    border-color: #000000;
}

.label-checkboxss{
    padding-left: 32px;
    background:url(../images/bg-check.png) 0 -150px no-repeat;
}

.label-checkboxss input{
    left: -9999px;
}

.select-qa-item-on{
    background-position: 0 0;
}

@media (min-width: 768px) {
    .select-qaB>.row:first-child{
        margin-bottom: 0;
    }

    .select-qaB>.row:first-child>.col-md-12:last-child>.input-bg{
        overflow: hidden;
        padding-bottom: 2px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
    }

}

.select-qaB .checkbox-inline{
    font-size: 18px;
    color: #303030;
}

@media (max-width: 767px) {
    .select-qaB .checkbox-inline{
        font-size: 18px;
        color: #303030;
    }
}


@media (max-width: 767px) {
    .select-qa{
        padding: 14px 10px 20px;
    }

    .select-qa .checkbox-inline{
        border: 1px solid #000000;
        padding: 6px 0;
        margin: 0 3% 10px 0;
        width: 32%;
        font-size: 14px;
        color: #2b2b2b;
        line-height: 22px;
        text-align: center;
        background-image: none;
    }

    .select-qa .row:nth-child(2) .checkbox-inline
    {
        margin-right: 2%;
    }

    .select-qa .row:nth-child(2) .checkbox-inline:nth-child(3n+0)
    {
        margin-right: 0;
    }

    .select-qB .row .checkbox-inline
    {
        margin-right: 2%;
    }


    .select-qa .checkbox-inline>small{
        line-height: 20px;
        font-size: 14px;
    }

    .select-qa .select-qa-item-on{
        border-color: #ff0000;
        color: #ff0000;
        background-color: #ffdede;
    }

    .select-qa .checkbox-inline:nth-child(3n+0){
        margin-right: 0;
    }

    .select-qa .select-qa-blocka>.checkbox-inline{
        width: 48.5%;
        padding: 8px 12px;
        text-align: left;
    }

    .select-qa .select-qa-blocka .checkbox-inline:nth-child(3n+0){
        margin-right: 3%;
    }

    .select-qa .select-qa-blocka .checkbox-inline:nth-child(2n+0){
        margin-right: 0;
    }

    .select-qa .select-qa-item-on>small{
        color: #ff0000;
    }

    .select-qa .select-qa-blocka{
        display: flex;
        flex-wrap: wrap;
    }

    .select-qa .select-qa-blocka>label.label-checkboxss:nth-child(8){
        line-height: 66px;
    }


}

.select-qa-sub{
    display: block;
    width: 100%;
    border-radius: 0;
    background-color: #171717;
}

.select-qa-sub,
.select-qa-sub:hover{
    color: #ffffff;
}



.qa-question-item{
    overflow: hidden;
    margin-bottom: 16px;
    background-color: #ffffff;
    font-size: 16px;
    color: #080808;
    line-height: 28px;
}

.qa-question-item-title{
    overflow: hidden;
    padding: 12px 0;
    cursor: pointer;
}

.qa-question-item-title .glyphicon{
    color: #b4b4b4;
    line-height: 28px;
    float: right;
    margin-right: -10px;
}

@media(max-width:767px){
    .qa-question-item-title .glyphicon
    {
        margin-right: -2px;
    }

}
.qa-question-item-title>.row>.col-md-10,
.qa-question-item-main>.row>.col-md-10,
.qa-question-item-title>.row>.col-md-11,
.qa-question-item-main>.row>.col-md-11
{
    padding-right: 7%;
}

@media (max-width: 767px){
    .qa-question-item-title>.row>.col-md-10>.qa-question-item-txt,
    .qa-question-item-main>.row>.col-md-10>.qa-question-item-txt
    {
        margin-left: 1%;
    }
}

@media (max-width: 767px){
    .qa-question-item-main .row .qa-question-item-txt img
    {
        display: block;
        max-width: 100%;
    }

}


@media (min-width: 767px){
    /* 取消对 span 的设置 改为对父元素 md 的设置 */
    /* .qa-question-item-title>.row>.col-md-10>.qa-question-item-txt,
	.qa-question-item-main>.row>.col-md-10>.qa-question-item-txt
	{
		margin-left: -6%;
	} */


    /* 调整箭头的位置 */
    .qa-question-item-title>.row>.col-md-1:nth-child(1)>span
    {
        margin-right: 24px;
        margin-right: 36%;
    }

    /* 调整Q和A的位置 */
    .qa-question-item-title>.row>.col-md-1:nth-child(2)>span,
    .qa-question-item-main>.row>.col-md-1>span
    {
        margin-left: -10px;
        margin-left: -26%;
    }

}

/* 关键词要隐藏，但是这里的 nth-child 为什么要是3 呢..... */
.qa-question-item-main>.row>.col-md-11:nth-child(2)
{
    display: none;
}

@media (max-width: 767px) {
    .qa-question-item-title .col-xs-1:first-child{
        padding-right: 0;
    }

}

.qa-question-item-main{
    overflow: hidden;
    padding: 0 0 12px;
    display: none;
    font-weight: bold;
}

.qa-result-search-right{
    margin-top: 20px;
}



.add-block{
    background-color: #ffffff;
    padding:100px 0 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.add-block-resource{
    margin-top: 10px;
    padding-top: 0;
    margin-bottom: 52px;
}

.add-block-resource>p{
    font-size: 14px;
    color: #6b6666;
    line-height: 22px;
    padding: 6px 0;
    margin-bottom: 8px;
}

.add-block-ziliao{
    display: block;
    margin: 0 15px 16px;
    padding: 12px 0;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 26px;
    border: 1px solid #999999;
}

.add-block-ziliao .glyphicon{
    margin-right: 10px;
    top: 3px;
}

.add-block-ziliao>span.iconfont{
    margin-right: 20px;
    font-size: 24px;
    position: relative;
    top: 2px;
}

.add-block-ziliao:hover{
    color: #ff0000;
}

.add-block-ziliao:active{
    color: #c20000;
}

.add-block-ziliao:focus{
    color: #c20000;
}



/* 分页按钮 */
.page-separate{
    padding: 20px 0;
}

.page-separate .pagination{
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 0;
}

@media(max-width:767px){
    .page-separate .pagination{
        justify-content: space-between;
    }

}

.page-separate .pagination>li{
    margin: 0 20px;
}

.page-separate .pagination>li>a{
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    font-size: 14px;
    color: #080808;
    text-align: center;
    line-height: 35px;

    background-color: transparent;
    border-width: 0;
}

.page-separate .pagination>li>a:hover{
    background-color: #323232;
    color: #ffffff;
}


.page-separate .pagination>.active>a,
.page-separate .pagination>.active>a:focus,
.page-separate .pagination>.active>a:hover,
.page-separate .pagination>.active>span,
.page-separate .pagination>.active>span:focus,
.page-separate .pagination>.active>span:hover {
    z-index: 3;
    background-color: #323232;
    color: #ffffff;
    border-color: #323232;
    cursor: pointer;
}

.page-separate .pagination>li:first-child>a{
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #000000;
}

.page-separate .pagination>li:last-child>a{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #000000;
}

.page-separate .pagination>li.active p{
    display: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.page-separate .pagination>li.active>p.btn-pc{
    width: 35px;
    height: 35px;
    padding: 0;
    text-align: center;
    line-height: 35px;

    background-color: #323232;
    color: #ffffff;
    border-width: 0;
    cursor: pointer;
}




@media(min-width: 768px){
    .page-separate .pagination>li>a>span.txt{
        display: none;
    }

    .page-separate .pagination>li.active p.btn-pc{
        display: block;
    }

}

@media(max-width: 767px){
    .page-separate .pagination>li{
        display: none;
    }

    .page-separate .pagination>li:first-child,
    .page-separate .pagination>li:last-child,
    .page-separate .pagination>li.active{
        margin: 0;
        display: inline-block;
    }

    .page-separate .pagination>li>a:hover{
        background-color: transparent;
        color: #080808;
    }

    .page-separate .pagination>li>a.disable{
        background-color: transparent;
        border-color: #7c7c7c;
        color: #303030;
        cursor: not-allowed;
    }

    .page-separate .pagination>li.active>p.btn-m{
        display: block;
        line-height: 35px;
    }

    .page-separate .pagination>li:first-child a,
    .page-separate .pagination>li:last-child a{
        width: auto;
        padding: 0 24px;
    }

    .page-separate .pagination>li>a>span.glyphicon{
        display: none;
    }

    .page-separate .pagination>li.active p.btn-m{
        display: block;
    }

    .page-separate .pagination>li>a>span.txt{
        display: block;
        line-height: 33px;
    }

}


/* 移动端设置的样式 */
.page-separate>.row>.col-xs-3:last-child>a.page-btn-mobile{
    float: right;
}
.page-btn-mobile{
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    color: #303030;
    text-align: center;
    border: 1px solid #000000;
    border-radius: 0;
}


.page-btn-count{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
}

.qa-result-all{
    margin-bottom: 20px;
    overflow: hidden;
}

.qa-result-all p{
    float: left;
    padding: 0 10px 0 20px;
    margin-right: 20px;
    margin-bottom: 0;
    background-color: #b3b3b3;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}

.qa-result-all p:first-child{
    color: #000000;
    background-color: transparent;
    padding-left: 10px;
}

.qa-result-all p .glyphicon{
    margin-left: 20px;
    cursor: pointer;
}

.qa-result-all p>span.iconfont{
    margin-left: 20px;
    cursor: pointer;
    font-size: 12px;
    position: relative;
    top: 1px;
}
.qa-result-all p>span.iconfont.icon-close:before{
    content: "\f115";
}



/* 导航块部分的样式 */
.breadcrumb-block{
    width: 100%;
    height: 36px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

.breadcrumb{
    padding-left: 0;
    background-color: transparent;
}

.breadcrumb li{
    color: #777777;
}

.breadcrumb li a{
    color: #777777;
    text-decoration:none;
}

.breadcrumb>li+li:before{
    content:">";
}
/*
https://segmentfault.com/q/1010000000345039
https://www.douban.com/group/topic/28046629/
 */

.solve-hot{
    overflow: hidden;
    /* margin-bottom: 20px; */
}

@media (min-width: 767px){
    .solve-hot
    {
        height: 216px;
    }

    .solve-hot .dl-horizontal{
        margin-bottom: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch;
    }

    .solve-introduce-txt p{
        padding: 0;
        margin: 0;
    }
}

.solve-hot .dl-horizontal dd
{
    overflow: hidden;
    background-color: #ffffff;
}

@media (min-width: 992px){
    .solve-hot .dl-horizontal dt{
        width: 66%;
        height: 216px;
        overflow: hidden;
    }

    .solve-hot .dl-horizontal dd{
        width: 34%;
        height: 216px;
        margin-left:0;

    }

}

.solve-hot .dl-horizontal dt>img{
    display: block;
    width: 100%;
}

@media (min-width: 992px){
    .solve-hot .dl-horizontal dt>img{
        display: inline;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 90% center;
    }

}


.solve-introduce-txt{
    margin: 10px 20px 2px;
    background-color: #ffffff;
    overflow: hidden;

}

@media (min-width: 768px){
    .solve-introduce-txt{
        height: 204px;
        height: 180px;
    }
}

.solve-introduce-txt h5{
    margin: 0;
    padding: 4px 0 10px;
    font-size: 16px;
    color: #373737;
    line-height: 22px;
    font-weight: bold;
}

.solve-introduce-txt p{
    padding-top: 4px;
    overflow: hidden;
    font-size: 16px;
    color: #373737;
    line-height: 28px;
}

.solve-hot a:hover .solve-introduce-txt h5,
.solve-hot a:hover .solve-introduce-txt p
{
    color: #ff5a36;
}

@media(min-width: 767px){
    .solve-hot a:active .solve-introduce-txt h5,
    .solve-hot a:active .solve-introduce-txt p
    {
        color: #ff0000;
    }
}

@media(max-width: 767px){
    .solve-hot a:active .solve-introduce-txt h5,
    .solve-hot a:active .solve-introduce-txt p
    {
        color: #373737;
    }
}


@media(max-width:767px){
    .solve-introduce-txt p{
        height: 140px;
        padding-bottom: 0;
        margin-bottom: 25px;
    }
}



.solve-fangan-hot{
    height: 100%;
    /* height: 283px; */
    overflow: hidden;
    padding: 10px 20px;
    background-color: #ffffff;
}

.solve-fangan-hot h5{
    margin: 0;
    padding: 4px 0 10px;
    font-size: 16px;
    color: #373737;
    line-height: 22px;
    font-weight: bold;
}

.solve-fangan-hot>ul{
    margin: 0;
}

.solve-fangan-hot>ul li{
    position: relative;
    padding: 0 0 0 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 28px;
}

.solve-fangan-hot>ul li>a{
    display: block;
    color: #373737;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solve-fangan-hot>ul li>a:hover{
    color: #ff5a36;
}

.solve-fangan-hot>ul li>a:hover span{
    background-color: #ff5a36;
}

@media(max-width: 767px){
    .solve-fangan-hot>ul li>a:active{
        color: #373737;
    }

    .solve-fangan-hot>ul li>a:active span{
        background-color: #373737;
    }

}

@media(min-width: 767px){
    .solve-fangan-hot>ul li>a:active{
        color: #c20000;
    }

    .solve-fangan-hot>ul li>a:active span{
        background-color: #c20000;
    }

}

.solve-fangan-hot>ul li:hover span{
    /* background-color: #ff5a36; */
}

.solve-fangan-hot>ul li:active span{
    /* background-color: #c20000; */
}


.solve-fangan-hot>ul li span{
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}


.solve-fangan-hot>ul li:nth-child(4) a>span{
    background-color: #a9a9a9;
}

.solve-fangan-hot>ul li:nth-child(5) a>span{
    background-color: #a9a9a9;
}

.solve-fangan-hot>ul li:nth-child(4) a:hover>span,
.solve-fangan-hot>ul li:nth-child(5) a:hover>span
{
    background-color: #ff5a36;
}

.solve-fangan-hot>ul li:nth-child(4) a:active>span,
.solve-fangan-hot>ul li:nth-child(5) a:active>span
{
    background-color: #c20000;
}


.resolution-item{
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 30px;
}

.resolution-item dt>img{
    display: block;
    width: 100%;
    overflow: hidden;
}

.resolution-item dd>h3{
    height: 69px;
    margin: 4px 10px 10px;
    padding: 10px 10px;
    color: #303030;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.resolution-item dd>p{
    height: 66px;
    padding: 0 20px;
    color: #303030;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
    overflow: hidden;
}

.resolution-item dd>h3>a
{
    color: #303030;
}

.resolution-item dd>h3>a:hover
{
    color: #ff5a36;
}

.resolution-item dd>h3>a:active
{
    color: #c20000;
}


.resolution-item dd>p>a
{
    color:#303030;
}

.resolution-item dd>p>a:hover
{
    color:#ff5a36;
}

.resolution-item dd>p>a:active
{
    color:#c20000;
}

a .resolution-item dd h3,
a .resolution-item dd p
{
    color:#303030;
}

a:hover .resolution-item dd h3,
a:hover .resolution-item dd p
{
    color:#ff5a36;
}

@media(max-width: 767px){
    a:active .resolution-item dd h3,
    a:active .resolution-item dd p
    {
        color:#303030;
    }
}

@media(min-width: 767px){
    a:active .resolution-item dd h3,
    a:active .resolution-item dd p
    {
        color:#c20000;
    }
}



.btn_view_more
{
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #171717;
    border-radius: 0;
}

.btn_view_more:hover
{
    background-color: #ff0000;
}

@media(max-width: 767px){
    .btn_view_more:active
    {
        background-color: #ff0000;
    }

}

@media(min-width: 768px){
    .btn_view_more:active
    {
        background-color: #c20000;
    }

}

.btn_view_more.focus,
.btn_view_more:focus,
.btn_view_more:active,
.btn_view_more:hover{
    color: #ffffff;
}

.btn_bg_view_more{
    margin: 10px 0 20px;
    color: #d7d7d7;
    font-size: 18px;
}

.service-more-title{
    color: #999999;
    text-align: center;
    margin-bottom: 22px;
    margin-top: 36px;
}

/* 获取更多资源块 solve-item-more */
.solve-more-title{
    text-align: center;
    margin-bottom: 30px;
}

.solve-item-more{
    overflow: hidden;
}

.solve-item-more>a{
    padding: 8px 0;
    margin-bottom: 12px;
    display: block;
    border: 1px solid #999999;
    font-size: 18px;
    color: #444444;
    line-height: 38px;
    text-align: center;
}

.solve-item-more>a:hover
{
    color: #ff0000;
}

.solve-item-more>a:hover span
{
    color: #ff0000;
}


@media(max-width:767px){
    .solve-item-more>a:active
    {
        color: #ff0000;
    }

    .solve-item-more>a:active span
    {
        color: #ff0000;
    }
}

@media(min-width:767px){
    .solve-item-more>a:active
    {
        color: #c20000;
    }

    .solve-item-more>a:active span
    {
        color: #c20000;
    }
}

.solve-item-more>a>span{
    font-size: 18px;
    color: #000000;
    margin-right: 20px;
    position: relative;
    top: 2px;
}

.solve-item-more>a>span.iconfont{
    font-size: 30px;
}

.solve-item-more>span{
    display: block;
    color: #999999;
    font-size: 16px;
    text-align: center;
}


.nav_left{
    background-color: #ffffff;
    overflow: hidden;
}

.nav_left h3{
    margin: 18px 0 6px;
    padding-left: 20px;
    color: #303030;
    font-size: 24px;
    line-height: 36px;
}

.nav_left h3>span.iconfont{
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

@media(max-width:767px){
    .nav_left_resource{
        margin: 0 -10px;
        padding: 0 5px;
        border-top: 1px solid #dddddd;
    }
}
.nav_drop{
    overflow: hidden;
}

.nav_drop_title{
    padding: 8px 20px 4px;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.nav_drop_title:hover{
    text-decoration: none;
}

.nav_drop_title .glyphicon{
    float: right;
    margin-top: 6px;
    color: #a6a6a6;
}

.nav_drop_content{
    display: none;
}

.resource-nav-left .nav_drop_content{
    display: block;
}

.nav_drop_content>a{
    display: block;
    padding-left: 40px;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 26px;
    display: block;
}

.nav_drop_content>a:hover{
    background-color: #ffdede;
}

.nav_drop_content>.nav_drop_focus{
    color: #ff3c3c;
}


/* 资料中心左侧栏目重构 */
.nav_drop{
    overflow: hidden;
}

.res-nav-left-status{
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: 20px;
    color: #323232;
    line-height: 36px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
}

.res-nav-left-status .glyphicon{
    color: #c1c1c1;
}

.res-nav-left-title{
    padding: 8px 20px 8px 26px;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.res-nav-left-title .glyphicon{
    float: right;
    margin-top: 4px;
    color: #a6a6a6;
}

.res-nav-left-title-on .glyphicon{
    margin-top: 3px;
}

@media(min-width:768px){
    .res-nav-left-title:hover{
        text-decoration: none;
        color: #4e4e4e;
        background-color: #ffdede;
    }

}

.res-nav-left-title:hover .glyphicon{
    color: #a6a6a6;
}


@media(min-width:768px){
    .resource-left-nav{
        overflow: hidden;
        margin-bottom: 14px;
    }

    .resource-left-nav>.res-nav-left-title:last-child{
        margin-bottom: 18px;
    }
}
.resource-left-nav:after{
    content: " ";
    display: block;
    height: 1px;
    margin: 0 20px 0 26px;
    background-color: #e6e6e6;
}


.res-nav-left-content>a{
    display: block;
    padding-left: 56px;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 32px;
    background-color: #fafafa;
}

.res-nav-left-content>a:first-child{
    padding-top: 4px;
}

.res-nav-left-content>a:last-child{
    padding-bottom: 4px;
}

.res-nav-left-content>a:hover{
    background-color: #ffdede;
}

.res-nav-left-content>.nav_drop_focus{
    color: #ff3c3c;
}


@media (max-width: 767px) {
    .resource-left-nav{
        margin-left: -5px;
        margin-right: -5px;
    }

    /* 修改补充 */
    .resource-left-nav
    {
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .resource-left-nav:after
    {
        height: 0;
    }

    .res-nav-left-title{
        float: left;
        width: 52%;
        padding: 10px 20px;
        font-size: 18px;
        line-height: 30px;
        font-size: 14px;
        line-height: 24px;
        padding: 6px 20px;

        text-align: center;
        background-color: #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
    }

    .res-nav-left-title:hover{
        color: #4e4e4e;
    }

    .res-nav-left-title .glyphicon{
        display: none;
    }

    .res-nav-left-title-on{
        background-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .res-nav-left-content{
        width: 48%;
        padding-right: 15px;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #ffffff;
    }

    .res-nav-left-content>a{
        margin: 0 15px;
        padding: 10px 0;
        font-size: 18px;
        line-height: 30px;

        font-size: 14px;
        line-height: 24px;
        padding: 6px 0;

        text-align: center;
        border-bottom: 1px solid #cdcdcd;
        background-color: #ffffff;
    }

    .res-nav-left-content>a:first-child
    {
        padding-top: 6px;
    }

    .res-nav-left-content>a:last-child
    {
        padding-bottom: 10px;
    }

    .res-nav-left-content>a:last-child{
        border-bottom: none;
    }

    .res-nav-left-content>a:hover {
        background-color: #ffffff;
    }

    .res-nav-left-content>a.nav_drop_focus{
        color: #4e4e4e;
    }

}













/* 资料中心视频小块 */
.viedo-item{
    /* overflow: hidden; */
    cursor: pointer;
    margin-bottom: 20px;
}

.viedo-item.fenxiang-father + .fenxiang-box
{
    /* display: none !important; */
}

.viedo-item.fenxiang-father .viedo-item-img .pdf-item.fenxiang-father + .fenxiang-box
{
    display: none !important;
}

.viedo-item-img{
    /* overflow: hidden; */
    position: relative;
}

.viedo-item-img .pdf-item
{
    padding-top: 4px;
    padding-bottom: 4px;
}

.viedo-item-img .pdf-item p:nth-child(2) span.iconfont
{
    font-size: 18px;
}

.viedo-item-btn{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.viedo-item-btn>img{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
    cursor: pointer;
}

.viedo-item-btn2{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.viedo-item-btn2>img{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
    cursor: pointer;
}

.viedo-item-img:hover .viedo-item-btn{
    display: block;
}
.viedo-item-img:hover .viedo-item-btn2{
    display: block;
}

.viedo-item-img>img{
    display: block;
    width: 100%;
}

.viedo-item-img-mobile
{
    min-height: 120px;
    overflow: hidden;
    display: none;
}

@media(max-width:767px){
    .viedo-item-img
    {
        display: none;
    }

    .viedo-item-img-mobile
    {
        display: block;
        height: 120px;
    }

    .viedo-item-img-mobile div[id^="plv"]
    {
        position: relative;
        z-index: 9;
    }

}

.viedo-item-title{
    padding: 4px 14px;
    font-size: 16px;
    line-height: 32px;
    background-color: #ffffff;
    overflow: hidden;
    display: none;
    position: relative;
}

@media(max-width: 767px){
    .viedo-item-title{
        display: block;
    }
}

.viedo-item-title-a{
    display: block;
    float: left;
    color: #303030;

    /*height: 32px;*/
    /*line-height: 32px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
}

@media(min-width: 768px){
    .viedo-item-title-a{
        width: 80%;
    }
}

@media(max-width: 767px){
    .viedo-item-title
    {
        padding-left: 0;
        padding-right: 0;
    }

    .viedo-item-title-a{
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media(max-width: 767px)
{
    .viedo-item-title-a:hover{
        color: #303030;
    }

    .viedo-item-title-a:active{
        color: #303030;
    }

}

@media(min-width: 767px)
{
    .viedo-item:hover .viedo-item-title-a{
        color: #ff5a36;
    }

    .viedo-item:active .viedo-item-title-a{
        color: #c20000;
    }

}

.viedo-item-title>span.iconfont{
    float: right;
    line-height: 32px;
    cursor: pointer;
}

.viedo-item-title>span.iconfont
{
    color: #303030;
}

.viedo-item-title>span.iconfont:hover
{
    color: #ff5a36;
}

.viedo-item-title>span.iconfont:active
{
    color: #c20000;
}

@media(max-width: 767px){
    .viedo-item-title>span.iconfont{
        display: none;
    }
}

.viedo-item-title>.glyphicon{
    float: right;
    line-height: 32px;
    color: #c8c8c8;
    cursor: pointer;
}

.viedo-view{
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 50%;
    margin-top: 210px;
}

.viedo-close{
    position: absolute;
    top: -50px;
    right: -30px;
    cursor: pointer;
}

.viedo-close>.glyphicon{
    color: #ffffff;
    font-size: 20px;
}

@media (max-width: 767px) {
    .viedo-close{
        top: -38px;
        right: 4px;
    }

    .viedo-close>.glyphicon{
        font-size: 18px;
    }
}

.viedo-view-content{

}

.viedo-view-content>img{
    display: block;
    width: 100%;
}

.viedo-view-title>p{
    padding: 10px 0;
    margin: 0;
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
}

.viedo-view-title>p:first-child{
    float: left;
}

.viedo-view-title>p:last-child{
    float: right;
    cursor: pointer;
}

.viedo-view-title>p:last-child>.glyphicon{
    margin-right: 16px;
}

.viedo-view-title>p:last-child>span.iconfont{
    margin-right: 12px;
    font-size: 24px;
}

.pdf-item{
    margin-bottom: 12px;
    padding: 9px 15px;
    background-color: #ffffff;
    overflow: hidden;
}

.pdf-item p{
    margin-bottom: 0;
    padding-bottom: 0;
    height: 42px;
    font-size: 14px;
    color: #303030;
    line-height: 42px;
    /*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
 */
}

.pdf-item p>a{
    color: #303030;
}



@media(max-width: 767px){
    .pdf-item p:hover>a,
    .pdf-item p:hover>span.iconfont
    {
        color: #303030;
    }

    .pdf-item p:active>a,
    .pdf-item p:active>span.iconfont
    {
        color: #303030;
    }
}

@media(min-width: 768px){
    /* 第一个p标签中的内容 */
    .pdf-item p:first-child:hover>a,
    .pdf-item p:first-child:hover>span.iconfont
    {
        color: #ff5a36;
    }

    .pdf-item p:first-child:active>a,
    .pdf-item p:first-child:active>span.iconfont
    {
        color: #c20000;
    }

    /* 第二个p标签中的内容 */
    .pdf-item p:last-child>a:hover,
    .pdf-item p:last-child>span.iconfont:hover
    {
        color: #ff5a36;
    }

    .pdf-item p:last-child>a:active,
    .pdf-item p:last-child>span.iconfont:active
    {
        color: #c20000;
    }

}

.pdf-item p>.glyphicon{
    color: #5e5e5e;
    font-size: 18px;
    line-height: 42px;
}

.pdf-item p>span.iconfont{
    color: #303030;
}




.pdf-item>p:first-child{
    float: left;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media(min-width: 768px){
    .viedo-item-img .pdf-item>p:first-child{
        width: 92%;
    }
}

@media(max-width:767px){
    .pdf-item>p:first-child{
        width: 90%;
    }

    .pdf-item>p:first-child:hover span,
    .pdf-item>p:first-child:hover a
    {
        color: #ff5a36;
    }

    .pdf-item>p:first-child:active span,
    .pdf-item>p:first-child:active a
    {
        color: #303030;
    }
}

@media(min-width:767px){
    .pdf-item>p:first-child:hover span,
    .pdf-item>p:first-child:hover a
    {
        color: #ff5a36;
    }

    .pdf-item>p:first-child:active span,
    .pdf-item>p:first-child:active a
    {
        color: #c20000;
    }
}

.pdf-item p:first-child>.glyphicon{
    padding-right: 18px;
    margin-right: 14px;
    border-right: 1px solid #d3d3d3;
}

.pdf-item p:first-child>span.iconfont{
    padding-right: 12px;
    margin-right: 14px;
    border-right: 1px solid #d3d3d3;
    font-size: 22px;
}

.pdf-item p:first-child>span.iconfont:before{
    position: relative;
    top: 3px;
}

.pdf-item p:last-child{
    float: right;
}

.pdf-item p:last-child>.glyphicon{
    margin-right: 18px;
    cursor: pointer;
}

.pdf-item p:last-child>.glyphicon:last-child{
    margin-right: 0;
}

.pdf-item p:last-child>.iconfont:first-child{
    margin-right: 8px;
    cursor: pointer;
    font-size: 18px;
    position: relative;
    /*top: -1px;*/
}

.pdf-item p:last-child>.iconfont:last-child{
    margin-right: 0;
    cursor: pointer;
    font-size: 22px;
}
@media(max-width: 767px){
    .pdf-item p:last-child
    {
        display: none;
    }

    .pdf-item p:last-child>.iconfont
    {
        display: none;
    }
}

.banner-vedio{
    margin-bottom: 30px;
    background-color: #404040;
}

.banner-vedio .viedo-item{
    position: relative;
}

.banner-vedio .viedo-item-title{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    background-color: transparent;
    margin: 0;
    min-height: 40px;
}

@media (max-width: 767px) {
    .banner-vedio .viedo-item{
        margin: 0 -15px;
    }
}

.vedio-bottom-btn{
    margin: 0 -15px;
    padding: 40px 15px 50px;
    text-align: center;
    color: #000000;
}

.vedio-bottom-btn>h3{
    font-size: 18px;
    margin: 0;
    line-height: 32px;
    color: #000000;
}

.vedio-bottom-btn>p{
    font-size: 16px;
    color: #505050;
    line-height: 30px;
    padding: 0;
    margin-bottom: 16px;
}

.vedio-bottom-btn>p:first-child{
    margin-bottom: 4px;
}

.vedio-bottom-btn>p>.glyphicon{
    font-size: 54px;
    color: #000000;
}

.vedio-bottom-btn>p>span.iconfont{
    font-size: 66px;
    color: #000000;
}



/* 培训中心页面 */
.training-hot{
    padding: 50px 0 30px;
    background-color: #ffffff;
}

.training-hot-item{
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0;
    margin-bottom: 20px;
    color: #303030;
    border: 1px solid #999999;
}

.training-hot-item .glyphicon{
    display: block;
    padding: 10px 0 18px;
    margin: 0 auto;
    font-size: 40px;
}

.training-hot-item span.iconfont{
    display: block;
    padding: 4px 0 18px;
    margin: 0 auto;
    font-size: 40px;
}

.training-hot-item:active,
.training-hot-item.active,
.training-hot-item:active:hover,
.training-hot-item:hover,
.training-hot-item:focus{
    background-color: #fff;
    color: #ff0000;
}

.training-hot-item:active,
.training-hot-item:active:hover{
    background-color: #ffffff;
    color: #c20000;
}

.training-hot-item:active,
.training-hot-item.active{
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0, 0);
    box-shadow: inset 0 3px 5px rgba(0,0,0, 0);
}

.training-course-title{
    margin: 30px 0 20px;
    text-align: center;
    color: #707070;
    font-size: 24px;
    line-height: 32px;
}

.training-course-title .glyphicon{
    padding-bottom: 10px;
    font-size: 40px;
    display: block;
}

.training-course-title span.iconfont{
    padding: 10px 0 16px;
    font-size: 40px;
    display: block;
}

.training-course-detail-title{
    margin: 30px 0 20px;
    text-align: center;
    color: #676666;
    font-size: 24px;
    line-height: 32px;
}

@media (max-width:767px){
    .training-course-detail-title{
        text-align: left;
    }
}

.training-course-detail-title-f{
    margin-top: 10px;
}

.training-course-detail-title-l{
    margin-top: 40px;
}

.training-course-detail-title .glyphicon{
    padding-bottom: 10px;
    font-size: 40px;
    display: block;
}

.training-course-detail-title span.iconfont{
    padding: 10px 0 16px;
    font-size: 40px;
    display: block;
}



.training-course-item{
    padding: 10px 20px;
    margin-bottom: 16px;
    background-color: #ffffff;
    display: flex;
}

.training-course-item>span{
    display: block;
    width: 90px;
    padding-right: 20px;
    font-size: 16px;
    color: #8d8d8d;
    line-height: 30px;
}

.training-course-item>a{
    display: block;
    font-size: 18px;
    color: #515151;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media(max-width:767px){
    .training-course-item{
        padding-left: 10px;
    }

    .training-course-item>span{
        width: 22%;
    }

    .training-course-item>a{
        width: 76%;
        width: 98%;
    }
}

.training-course-item>a:hover{
    color: #ff5a36;
}

.training-course-item>a:active{
    color: #ff0000;
}

.training-course-p{
    font-size: 16px;
    color: #707070;
    line-height: 26px;
}

.training-course-p>a{
    font-size: 18px;
    color: #707070;
    line-height: 28px;
}

@media (max-width: 767px) {
    .col-md-2.col-xs-4>.training-course-p
    {
        /* margin-left: -8px;
		margin-right: -8px;
		 */
        text-align: center;
        margin-bottom: 0;
    }

    .training-course-p:nth-child(even)
    {
        /* padding-left: 20px; */
    }

    .training-course-p,
    .training-course-p>a
    {
        font-size: 14px;
        line-height: 22px;
    }

}

.training-course-item-more{
    margin-top: 40px;
}

@media (max-width: 767px) {
    .training-course-item-more{
        margin-top: 20px;
    }

}

/* 课程详情页面 */
.course-item{
    padding: 20px 0;
    background-color: #ffffff;
    overflow: hidden;
}

.course-product>img{
    display: block;
    width: 100%;
}

.course-product>a{
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    padding: 6px 0;
    text-align: center;
    background-color: #ff0000;
}

.course-item-p{
    padding: 5px 0;
    margin-bottom: 4px;
    font-size: 16px;
    color: #303030;
    line-height: 28px;
}

.course-item>.row>.col-md-10>div,
.course-item>.row>.col-md-8>div,
.course-item p
{
    padding: 5px 0 !important;
    margin-bottom: 4px !important;
    font-size: 16px !important;
    color: #303030 !important;
    line-height: 34px !important;
}


.course-product
{
    padding-right: 20px;
}

@media (max-width: 767px) {
    .course-item{
        padding: 10px 12px;
    }

    .course-item>.row>.col-md-10>div,
    .course-item>.row>.col-md-8>div,
    .course-item p,
    .course-item-p{
        margin-bottom: 6px !important;
    }

    .course-item>.row>.col-md-10>div>span,
    .course-item>.row>.col-md-8>div>span,
    .course-item p>span,
    .course-item-p>span{
        display: block !important;
    }

}

.course-explain{
    font-size: 16px;
    color: #303030;
    line-height: 28px;
}

.course-explain p{
    padding: 5px 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 24px;
}

.course-explain>ol{
    padding-left: 38px;
    margin-bottom: 24px;
}

.course-explain>ol>li{
    list-style-type: decimal-leading-zero;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 28px;
}

.course-form>.row>.col-md-4>.course-product{
    margin-right: 0;
    margin-top: -20px;
}

.course-form>.row>.col-md-4>select{
    margin: 0 0 20px;
}

.course-form>.row>.col-md-4>select option{
    font-size: 16px;
    line-height: 1.6;
}


.course-other{
    text-align: center;
    padding: 0 0 30px;
}


.course-other>a{
    font-size: 16px;
    color: #505050;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf;
}



/* 课程报名部分 */
.apply-form-course{
    margin-top: 20px;
}


.apply-form-content{
    padding: 20px 0;
    background-color: #ffffff;
}

.apply-form-content .title-h4{
    padding: 8px 0;
}

.apply-form-content .title-h4 .h4{
    display: block;
    margin: 0;
    line-height: 40px;
    font-size: 30px;
    color: #5a5a5a;
}

.apply-form-p{
    padding: 6px 0;
    font-size: 18px;
    color: #5a5a5a;
    line-height: 28px;
    margin-bottom: 0;
}

.apply-form-p-bottom{
    padding: 6px 0;
    font-size: 16px;
    color: #aaaaaa;
    line-height: 28px;
    margin-bottom: 0;
}

.apply-form-p-bottom>a.bianhao{
    display: inline-block;
    padding: 0 4px;
    color: #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}


.course-text{
    height: 58px;
}

.course-text .apply-form-p{
    padding: 0;
    line-height: 30px;
}

.course-text .form-group{
    margin: 0;
}

.course-text .form-group input[type="nubmer"]
{

}

.course-text .form-control{
    padding: 4px 10px;
    border-color: #999999;
    font-size: 16px;
    line-height: 22px;
    height: 30px;
    color: #5a5a5a;
}

.course-text .form-control::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 14px;
    color: #aaaaaa;
}
.course-text .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #aaaaaa;
}
.course-text .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #aaaaaa;
}
.course-text .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 14px;
    color: #aaaaaa;
}


.course-text .button-main{
    margin: 0;
}

.course-text .button-main>a.btn{
    margin: 0;
}

.course-text>.select-block-b>.select-label{
    margin-bottom: 0;
}

.course-text .select-main{
    padding-left: 8px;
    height: 30px;
    font-size: 14px;
    color: #5a5a5a;
    border-color: #999999;
}

.course-text-warn .select-main{
    border-color: #ff5f45;
}





.btn-add-people{
    display: block;
    background-color: #000000;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}

.btn-add-people>.glyphicon{
    font-size: 12px;
    margin-right: 4px;
}

.btn-add-people:hover{
    color: #ffffff;
}

.course-add-people{
    display: none;
}

.btn-add-hostnumber{
    display: block;
    background-color: #000000;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}

.btn-add-hostnumber>.glyphicon{
    font-size: 12px;
    margin-right: 4px;
}

.btn-add-hostnumber:hover{
    color: #ffffff;
}

.course-add-hostnumber{
    display: none;
}

.course-text-warn .form-control{
    border-color: #ff5f45;
}

.course-text-warn .p-warn{
    display: block;
}

.course-user-place{
    margin: 3px 0 0 -20px;
}

.course-agree{
    margin-top: 24px;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
}

@media(max-width: 767px){
    .course-agree
    {
        margin-top: 4px;
    }
}


.course-agree .label-checkboxss{
    background-image: url(../images/bg-check-none.png);
    font-size: 18px;
    color: #5a5a5a;
}

.course-machine-id{
    display: none;
    width: 40%;
    padding: 30px 0 8px;
    background-color: #ffffff;
    position: absolute;
    left: -1px;
    bottom: 100%;
    border: 1px solid #cccccc;
    z-index: 9;
    box-shadow: 0 0 12px #c7c7c7;
}

.course-machine-id>span.icon-close{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    cursor: pointer;
}

.course-machine-id>span.icon-close:before{
    content:"\f115";
}

.course-machine-id>img{
    display: block;
    width: 289px;
    margin: 0 auto;
}

.course-machine-id>p{
    text-align: center;
    font-size: 14px;
    color: #303030;
    line-height: 24px;
    padding: 4px 0;
    margin-bottom: 10px;
}

.course-machine-id>a.btn{
    display: block;
    width: 80px;
    height: 28px;
    padding: 0;
    margin: 0 auto;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    background-color: #000000;
}

@media(min-width: 768px){
    .apply-form.apply-form-course>.apply-form-content>.row>div:nth-child(4),
    .apply-form.apply-form-course>.apply-form-content>.row>div:nth-child(5)
    {
        padding-bottom: 10px;
    }

}

@media(max-width: 767px){
    .apply-form-course .apply-form-content .col-md-2.col-md-offset-1>.course-text{
        height: auto;
        padding-bottom: 4px;
    }

    .apply-form-course .apply-form-content>.row>.col-md-1>.course-text{
        height: auto;
        padding-bottom: 8px;
    }

    .apply-form-course .apply-form-content>.row>div:nth-child(2),
    .apply-form-course .apply-form-content>.row>div:nth-child(4)
    {
        padding-right: 0;
        width: 40%;
    }

    .apply-form-course .apply-form-content>.row>div:nth-child(3),
    .apply-form-course .apply-form-content>.row>div:nth-child(5)
    {
        width: 60%;
        padding-left: 0;
    }

    .course-user-place{
        margin: 0 0 28px;
        display: flex;
        justify-content: space-between;
    }

    .apply-form-content .title-h4 .h4{
        padding: 10px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #fc1c12;
    }

    .apply-form-course>.apply-form-submit{
        background-color: #ffffff;
        margin-bottom: 40px;
        padding: 0 10px 30px;
    }
}

.magazine{
    margin-bottom: 20px;
    background-color: #ffffff;
}

.magazine-img{
    overflow: hidden;
}

@media(min-width: 767px){
    .magazine-img
    {
        padding: 20px 0 0 24px;
    }
}

.magazine-img img{
    display: block;
    width: 100%;
    border: 2px solid #e4e4e4;
}

.magazine-info{
    padding: 0 15px;
    overflow: hidden;
}

.magazine-info h3{
    font-size: 18px;
    color: #303030;
    line-height: 28px;
}

.magazine-info ul{
    padding-left: 0;
    margin-bottom: 60px;
    list-style-type: none;
    font-size: 14px;
    color: #303030;
}

.magazine-info ul li{
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}

.magazine-info ul li:last-child{
    border-bottom-width: 0;
}

.magazine-info ul li>a{
    display: block;
    padding-left: 24px;
    line-height: 24px;
    color: #303030;
    position: relative;
}

.magazine-info ul li>a:hover{
    color: #ff5a36;
}

.magazine-info ul li>a:active{
    color: #ff0000;
}

.magazine-info ul li>a>span.glyphicon{
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 0;
    color: #ff0000;
}

.magazine-history-item{
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #ffffff;
}

.magazine-history-item>a{
    display: block;
    overflow: hidden;
    width: 100%;
}

.magazine-history-item>a>img{
    display: block;
    width: 100%;
}

.magazine-history-item>p{
    margin-bottom: 0;
    padding: 10px 18px;
    font-size: 16px;
    color: #494949;
    line-height: 26px;
    height: 46px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.magazine-history-item>p>a{
    color: #494949;
}

.magazine-history-item>p>a:hover{
    color: #ff5a36;
}

.magazine-history-item>p>a:active{
    color: #ff0000;
}

.white-main{
    padding: 50px 0;
    background-color: #ffffff;
}


.service-img{
    overflow: hidden;
}

.service-img>img{
    display: block;
    width: 100%;
}

/* 服务中心栏目 service-info */
.service-info{
    padding: 0 15px;
    overflow: hidden;
}

.service-info h3{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #303030;
    line-height: 34px;
}

.service-info h3>span.iconfont{
    font-size: 24px;
}


.service-info h3>img{
    margin-top: -10px;
    margin-right: 10px;
}


.gray-main{
    padding: 50px 0;
}

.service-item-main{
    font-size: 14px;
    color: #303030;
}

@media(max-width:767px){
    .col-md-6.col-xs-5.col-xs-offset-1 .service-item-main{
        margin: 0 -8px;
    }
}

.service-item-main>a{
    color: #303030;
    display: block;
    position: relative;
    padding: 6px 0 6px 22px;
    line-height: 24px;
}

.service-item-main>a>span.glyphicon{
    position: absolute;
    color: #ff0000;
    left: 0;
    top: 11px;
}

.service-item-main>a:hover{
    color: #ff5a36;
}

@media(max-width: 767px){
    .service-item-main>a:active{
        color: #303030;
    }
}

@media(min-width: 768px){
    .service-item-main>a:active{
        color: #ff0000;
    }
}

.service-info>.row>.col-md-6>.btn_view_more{
    margin-top: 60px;
}

@media (max-width: 767px) {
    .service-info>.row>.col-md-6>.btn_view_more{
        margin-top: 40px;
    }

    .service-info>.row>.col-xs-5:nth-child(odd){
        /* margin-left: 16.66666666%; */
    }
}

.service-p{
    font-size: 16px;
    color: #353535;
    line-height: 26px;
}

.service-p>p{
    margin-bottom: 0;
}

@media(min-width: 767px)
{
    .service-p>p
    {
        line-height: 1.5;
    }
}

.service-p-tel{
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}

.service-p-tel>p{
    margin-bottom: 0;
}

.service-p-tel>p>a,
.service-p-tel>p>span>a
{
    font-size: 20px;
    color: #ff5a36;
}

.service-p-tel>p>span
{
    display: inline-block;
    padding: 0 16px;
}

@media(min-width: 768px)
{
    .service-info.service-info-top .service-p
    {
        width: 76%;
        margin: 0 auto;
    }
}

@media(max-width: 767px)
{
    .service-p-tel>p>span
    {
        display: block;
        padding: 0;
    }

}

@media(max-width: 767px){
    .service-base-nav>.col-xs-10>.button-item>.btn{
        font-size: 16px;
    }
}

.service-base{
    overflow: hidden;
}

.service-base>h3{
    font-size: 18px;
    color: #353535;
    line-height: 28px;
}

@media(max-width: 767px){
    .service-base-title-hl>h3{
        font-size: 22px;
    }

    .service-base>h3{
        font-size: 16px;
    }
}

.service-base>h3>.glyphicon{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    color: #ff0000;
}

.service-base-img{
    overflow: hidden;
    padding: 30px 0 40px;
    text-align: center;
}

@media (max-width: 767px) {
    .service-base-img>img{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
}

.service-base-p{
    font-size: 16px;
    color: #353535;
    line-height: 24px;
}

.solve-list{
    overflow: hidden;
    margin-bottom: 20px;
}

@media(min-width: 768px){
    .solve-list{
        min-height: 800px;
    }

    .solve-list-padding-none{
        min-height: 0;
    }

}

@media(max-width: 767px){
    .solve-list{
        padding-left: 20px;
        padding-right: 20px;
    }

    .solve-list-padding-none{
        padding-left: 0;
        padding-right: 0;
    }

}

.solve-list-item{
    display: block;
    margin: 10px 0 10px;
    padding: 10px 0 18px;
    height: 59px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 16px;
    color: #353535;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.solve-list-item:first-child{
    margin-top: 0;
}

.solve-list-item:last-child{
    border-bottom-width: 0;
}

.solve-list-item>span.glyphicon{
    padding-right: 8px;
    font-size: 14px;
    color: #ff0000;
}

.solve-list-item:hover{
    color: #ff0000;
}

.solve-list-item:active,
.solve-list-item.on-focus,
.solve-list-item:active>span.glyphicon,
.solve-list-item.on-focus>span.glyphicon{
    color: #c20000;
}

@media(max-width: 767px){
    .solve-list-item:active,
    .solve-list-item.on-focus{
        color: #353535;
    }
    .solve-list-item:active>span.glyphicon,
    .solve-list-item.on-focus>span.glyphicon{
        color: #ff0000;
    }
}

@media(min-width: 767px){
    .solve-list-item:active,
    .solve-list-item.on-focus,
    .solve-list-item:active>span.glyphicon,
    .solve-list-item.on-focus>span.glyphicon{
        color: #c20000;
    }
}

.solve-main-img{
    overflow: hidden;
    margin-bottom: 20px;
}

.solve-main-img>div{

}
.solve-main-img>div>img{
    display: block;
    width: 100%;
}

.solve-main-txt{
    overflow: hidden;
}

.solve-main-txt>p{
    font-size: 16px;
    line-height: 30px;
    color: #303030;
}

.source-app-main-bottom{
    clear: left;
    margin-bottom: 55px;
    display: flex;
}

.source-app-main-bottom>.col-md-4{
    background-clip: content-box;
    background-color: #ffffff;
}

.source-app-main-bottom>.col-md-4>p{
    padding-left: 20px;
}

.source-app-main-bottom>.col-md-8{
    background-clip: content-box;
    background-color: #ffffff;
}

.source-app-main-bottom>.col-md-8>.row{
    margin-top: 20px;
}


/* 关注、微信微博部分 */
.guanzhu{
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 767px) {
    .guanzhu{
        display: none;
    }
}

.guanzhu-main{
    padding: 0 0 4px;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    color: #999999;
    text-align: right;
}

.guanzhu-main span.iconfont{
    font-size: 26px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.guanzhu-main>span:first-child{
    margin-left: 14px;
}

/* add new */
.guanzhu-main>span:first-child:hover{
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    top: 8px;
    background: url(../images/bg-foot-weixin.png) 0 center no-repeat;
    background-size: 100% auto;
}

.guanzhu-main>span:first-child:hover:before{
    content: '';
}

.guanzhu-main>a:hover span.iconfont:before
{
    content: '';
}

.guanzhu-main>a:hover
{
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/bg-foot-weibo.png) 0 center no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 7px;
}

/* add new end */





.guanzhu-main>a{
    margin-left: 14px;

}

.guanzhu-main>a,
.guanzhu-main>a:hover,
.guanzhu-main>a:active
{
    color: #999999;
}

.share{
    display: none;
    position: absolute;
    padding: 34px 0 28px;
    background-color: #fcfcfc;
    width: 510px;
    right: 0;
    bottom: 68px;
    bottom: 50px;
    z-index: 9;
    box-shadow: 0 0 12px #c7c7c7;
}

.share>span.iconfont{
    color: #bfbfbf;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 22px;
    cursor: pointer;
    display: none;
}

.share>span.iconfont:before{
    content: "\f115";
}

.share>h5{
    margin: 0;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
    color: #999999;
    text-align: center;
}

.guanzhu-content{
    display: flex;
    justify-content: center;
}

.guanzhu-content-pic{
    width: 140px;
    overflow: hidden;
}

.guanzhu-content-pic:first-child{
    margin-right: 68px;
}


.guanzhu-content-pic>div{
    width: 140px;
    height: 140px;
    overflow: hidden;
}

.guanzhu-content-pic>div>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #ffffff;
}

.guanzhu-content-pic>p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    text-align: center;
}

.anzhuang-bottom-block-title{
    margin: 30px 0 10px;
}

.anzhuang-bottom-block-title>h3{
    padding: 10px 0;
    font-size: 18px;
    color: #999999;
    line-height: 28px;
    text-align: center;
}

.training-bottom-btn{
    margin-bottom: 20px;
}

@media (max-width:767px) {
    .training-bottom-btn{
        margin-bottom: 40px;
    }

}

.select-block-a{
    overflow: hidden;
}

.select-label{
    display: block;
    width: 100%;
    margin: 0 0 28px;
    position: relative;
    cursor: pointer;
}

.select-label:after{
    display: block;
    content: "";
    width: 30px;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
}

.select-label>i{
    display: block;
    width: 2px;
    height: 2px;

    position: absolute;
    top: 6px;
    right: 23px;
    z-index: 1;
    background-color: transparent;
    font-size: 21px;
    color: transparent;
}

.select-main{
    display: block;
    position: relative;
    z-index: 9;
    width: 100%;
    padding-left: 10px;
    font-size: 16px;
    color: #5a5a5a;
    height: 32px;
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 0;
    font-weight: normal;
    cursor: pointer;
}

.select-block-a>.select-label:after{
    background-color: #000000;
}

.select-block-a>.select-label>i{
    color: #ffffff;
}

.select-block-a>.select-label>i:before{
    background-color: #000000;
}

.select-block-b>.select-label:after{
    background-color: transparent;
}

.select-block-b>.select-label>i{
    color: black;
    font-size: 23px;
    top: 5px;
    right: 23px;
}

.select-block-b>.select-label>i:before{
    background-color: transparent;
}

.white-form{
    background-color: #ffffff;
    margin-top: 20px;
}

.training-apply-tel{
    overflow: hidden;
}

.training-apply-tel>h3{
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 34px;
    color: #303030;
    text-align: center;
}

.training-apply-tel>h3>small{
    display: block;
    font-size:14px;
    color: #999999;
    line-height: 20px;
    text-align: center;
}

.training-apply-tel>p{
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}

.training-apply-tel>p>a{
    display: inline-block;
    padding: 0 25px;
    font-size: 24px;
    color: #ff5a36;
    line-height: 32px;
    font-weight: bold;
}

.training-apply-tel>p>a>span{
    display: block;
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
}

.training-apply-tel-btn{
    border-bottom: 1px solid #e6e6e6;
}

.training-apply-tel-btn>.row>.col-xs-8>.button-item{
    display: none;
}

@media(min-width:992px){
    .apply-form>.apply-form-service-submit .button-main{
        margin: 0 -10px;
    }

}


@media(max-width:767px){
    .white-form,
    .apply-form>.apply-form-content,
    .apply-form>.apply-form-service-submit{
        padding: 0 18px;
    }

    .apply-form-course>.apply-form-content{
        padding-top: 20px;
    }

    .apply-form>.apply-form-service-submit .button-main>a.btn{
        line-height: 34px;
        font-size: 18px;
    }

    .training-apply-tel>h3{
        padding: 10px 0 12px;
    }

    .training-apply-tel>p{
        margin-bottom: 40px;
    }

    .training-apply-tel>p>a:first-child{
        margin-bottom: 20px;
    }

    .training-apply-tel-btn>.row>.col-xs-8>.button-item{
        display: block;
        margin-bottom: 50px;
    }

    .training-apply-tel-btn>.row>.col-xs-8>.button-item>a.btn{
        background-color: #000000;
        color: #ffffff;
        line-height: 32px;
    }

    .training-apply-tel-btn>.row>.col-xs-8>.button-item>a.btn>span{
        font-size: 24px;
        margin-right: 6px;
        top: 3px;
    }






}

.apply-form-unit{
    margin-bottom: 16px;
}

.apply-form-unit>.form-group{
    margin-bottom: 0;
}

.apply-form-unit>.form-group>label{
    position: relative;
    display: block;
    margin-bottom: 0;
    padding: 2px 0 2px 14px;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 20px;
    font-weight: normal;
}

.apply-form-unit>.form-group>label>span{
    color: #ff5f45;
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    top: 6px;
    left: 2px;

}

@media(max-width:767px){
    .apply-form-unit>.form-group>label>span{
        top: 4px;
    }
}

.apply-form-unit>.form-group>input{
    outline: none;
    border-radius: 0;
    border: 1px solid #000000;
    font-size: 16px;
    color: #303030;
}

.apply-form-unit>.form-group>input::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 14px;
    color: #999999;
}
.apply-form-unit>.form-group>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #999999;
}
.apply-form-unit>.form-group>input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #999999;
}
.apply-form-unit>.form-group>input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 14px;
    color: #999999;
}


.apply-form-unit .select-main{
    font-size: 14px;
    color: #999999;
}

/* 默认颜色，改变后另一种颜色，下拉选项颜色还不同 */
.apply-form-unit .select-main option{
    color: rgb(48, 48, 48);
}

.apply-input-title{
    overflow: hidden;
}

.apply-input-title>p{
    padding: 2px 0 2px 14px;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 20px;
    margin-bottom: 0;
    position: relative;
}

.apply-input-title>p>span{
    color: #ff5f45;
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    top: 6px;
    left: 2px;
}

@media(max-width:767px){
    .apply-input-title>p>span{
        top: 4px;
    }
}

.apply-form-unit .select-label{
    margin-bottom: 0;
}

.apply-textarea{
    overflow: hidden;
}

.apply-textarea>textarea{
    max-width: 100%;
    height: auto;
    border-radius: 0;
    border: 1px solid #000000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    font-size: 16px;
    color: #303030;
    line-height: 20px;
}

.apply-textarea>textarea::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 14px;
    color: #999999;
}
.apply-textarea>textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #999999;
}
.apply-textarea>textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #999999;
}
.apply-textarea>textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 14px;
    color: #999999;
}


.apply-form-service-submit{
    margin-bottom: 30px;
    padding: 10px 0 30px;
    background-color: #ffffff;
}

/* 其他型号输入框默认是隐藏的 */
.apply-form-unit-yiqi-other{
    display: none;
}

.apply-form-unit-warn{
    position: relative;
}

.apply-form-unit-warn .form-group>input,
.apply-form-unit-warn .select-main,
.apply-form-unit-warn .apply-textarea>textarea{
    border-color: #ff5f45;
}

.p-warn{
    display: none;
    overflow: hidden;
    position: relative;
    padding: 2px 0 2px 14px;
    font-size: 12px;
    color: #ff5f45;
    line-height: 18px;
    margin-bottom: 0;
}

.apply-form-unit-warn>.p-warn{
    display: block;
}


.p-warn>span{
    font-size: 22px;
    position: absolute;
    top: 7px;
    left: 2px;
}

@media(max-width:767px){
    .p-warn>span{
        top: 4px;
    }
}

.label-radio{
    padding-left: 30px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 24px;
    background-image: url(../images/bg-check.png);
    background-repeat: no-repeat;
    background-position: 0 -453px;
}

.label-radio.label-radio-on{
    background-position: 0 -301px;
}

.label-radio>input{
    position: absolute;
    left: -999px;
}

/* 服务申请-成功 */
.white-new{
    margin: 20px 0;
    background-color: #ffffff;
}

@media(max-width:767px){
    .white-new{
        padding: 0 20px;
    }
}

.apply-sucess-title-icon
{
    text-align: center;
}

.apply-sucess-title-icon>span.iconfont
{
    display: inline-block;
    font-size: 106px;
    color: #95db6f;
}

.apply-sucess-title
{
    margin-bottom: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    color: #303030;
    font-size: 20px;
    line-height: 32px;
}

.apply-sucess-title>span
{
    display: inline-block;
    font-size: 14px;
    color: #999999;
}

@media(max-width:767px){
    .apply-success-btn.button-item>span{
        display: block;
    }
}

/* 分享块部分 */
.fenxiang-box{
    display: none;
    overflow: hidden;
    width: 514px;
    margin-top: -20px;
    padding: 26px 0 16px;
    position: absolute;
    background-color: #fcfcfc;
    border-top: 2px solid #ff0000;
    box-shadow: 0 0 12px #c7c7c7;
    display: flex;
    justify-content: center;
    z-index: 9;
}

.fenxiang-close{
    position: absolute;
    right: 15px;
    top: 15px;

}
.fenxiang-close>span.iconfont {
    color: #bfbfbf;
    font-size: 18px;
    cursor: pointer;
}

.fenxiang-close>span.iconfont:before {
    content: "\f115";
}

.fenxiang-weixin{
    overflow: hidden;
    width: 181px;
    padding-right: 16px;
    background: url(../images/weixin-code-bg.png) right 22px no-repeat;
}

.fenxiang-weixin-img{
    height: 165px;
    padding: 5px;
    background-color: #ffffff;
}

.fenxiang-weixin-img>img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fenxiang-weixin-txt{
    padding: 10px 0;
    font-size: 16px;
    color: #303030;
    line-height: 20px;
    text-align: center;
}

.fenxiang-lianjie{
    padding-left: 20px;
    padding-top: 30px;
}

.fenxiang-lianjie-p{
    width: 254px;
    height: 102px;
    padding: 10px;
    font-size: 12px;
    color: #303030;
    line-height: 20px;
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    word-wrap: break-word;
}

.fenxiang-lianjie-fuzhi{
    padding: 41px 45px 0;
}




.apply-success-last-btn
{
    margin-bottom: 100px;
}
#block-block-4{
    padding: 0;
}
ul.inline li.statistics_counter{
    display: none;
}
/* 加在样式表最后 */
.banner-vedio-block
{
    overflow: hidden;
}

.banner-vedio-block-pc
{
    height: 340px;
    overflow: hidden;
    position: relative;
}

.banner-vedio-block-pc-bg
{
    width: 72px;
    height: 72px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    z-index: 9;
    cursor: pointer;
    display: block;
}

.banner-vedio-block-pc>img
{
    display: block;
    width: 1920px;
    height: 340px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -960px;
    margin-top: -170px;
}

.banner-vedio-block-pc>img
{
    display: block;
}

.banner-vedio-block-pc>p
{
    padding: 10px 20px;
    margin: 0;
    max-width: 1040px;
    position: absolute;
    left: 50%;
    margin-left: -520px;
    bottom: 0;
    font-size: 18px;
    color: #ffffff;
}

.banner-vedio-block-pc-mobile
{
    display: none;
}

@media(max-width:767px){
    .banner-vedio-block-pc
    {
        display: none;
    }

    .banner-vedio-block-pc-mobile
    {
        display: block;
    }

    .banner-page-vedio .banner-vedio-block-pc-mobile
    {
        height: 290px;
    }
}

.banner-vedio-block-pc-mobile
{
    height: 280px;
}

.banner-vedio-block-pc-mobile div[id^="plv"]
{
    height: 100%;
    height: 256px;
}

.banner-vedio-block-pc-mobile>.banner-vedio-block-pc-mobile-title
{
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    padding: 2px 0 2px 10px;
    overflow: hidden;
    color: #000000;
    background-color: #ffffff;
}

.course-success-text
{
    margin-top: 40px;
    min-height: 600px;
    padding: 40px 0 40px;
    margin-bottom: 40px;
    background-color: #ffffff;
}

.course-success-text-p
{
    width: 70%;
    padding-top: 80px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
}



























.service-info.service-info-top h3,
.service-info.service-info-top .service-p,
.service-info.service-info-top .service-p-tel
{
    text-align: center;
}

/* 软件操作新加板块 css 调整 */
#list1 .container,
#list2 .container,
#list3 .container,
#list4 .container,
#list5 .container
{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media(max-width: 767px){
    #list1 .container,
    #list2 .container,
    #list3 .container,
    #list4 .container,
    #list5 .container
    {
        padding: 0;
        margin: 0;
    }
}

.title-b-hl-son
{
    margin: -6px 0 14px;
}

.title-b-hl-son>h4
{
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    padding: 4px 0;
}



@media(max-width:767px){
    .service-info.service-info-top .service-p-tel
    {
        padding-left: 12%;
        text-align: left;
    }
}

.service-base-p a
{
    color: #353535;
}

.service-base-p a:hover
{
    color: #ff5a36;
}

@media(max-width: 767px){
    .service-base-p a:active
    {
        color: #353535;
    }
}

@media(min-width: 767px){
    .service-base-p a:active
    {
        color: #353535;
    }
}


/* 移动端调整字体大小部分 */
@media(max-width:767px){
    .training-course-detail-title
    {
        margin: 20px 0 10px;
        font-size: 14px;
        line-height: 1.4;
    }

    .training-course-detail-title-f
    {
        margin-top: 10px;
    }

    .course-item-p,
    .course-explain,
    .course-explain p,
    .course-explain>ol>li
    {
        font-size: 14px;
        line-height: 1.5;
    }

    .course-item>.row>.col-md-10>div,
    .course-item>.row>.col-md-8>div,
    .course-item p
    {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }


    .course-explain p
    {
        padding: 3px 0;
        line-height: 1.2;
    }

    .course-explain>ol
    {
        margin-bottom: 18px;
    }


    .title-hl
    {
        margin-top: 6px;
        margin-bottom: 12px;
    }

    .title-hl>h3
    {
        font-size: 18px;
    }

    .title-hl>h4
    {
        padding: 6px 0;
        font-size: 16px;
        line-height: 1.4;
    }

    /* 解决方案内容页 */
    .solve-main-txt>p
    {
        font-size: 14px;
        line-height: 1.8;
    }

    .solve-introduce-txt
    {
        margin: 10px;
    }

    .solve-introduce-txt>h5
    {

    }

    .solve-introduce-txt>p
    {
        height: 112px;
        height: auto;
        max-height: 88px;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .resolution-item dd
    {
        overflow: hidden;
    }

    .resolution-item dd>h3
    {
        height: 51px;
        margin: 2px 6px 6px;
        padding: 4px;
        font-size: 14px;
        line-height: 1.5;
    }


    .resolution-item dd>p
    {
        padding: 0 10px;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        padding-bottom: 0;
        margin-bottom: 16px;
    }

    .solve-more-title
    {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .button-item>a.btn
    {
        font-size: 14px;
        line-height: 1.6;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .button-item>a.btn>span.iconfont
    {
        font-size: 24px;
        top: 0;
    }
    .button-item>span
    {
        font-size: 14px;
        line-height: 1.8;
    }

    .footer-item
    {
        font-size: 12px;
    }

    .solve-list-item
    {
        height: 37px;
        padding: 4px 0 7px;
        margin: 6px 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .solve-list-item > span.glyphicon
    {
        font-size: 12px;
    }

    /* 资源中心页面 */
    .res-nav-left-status
    {
        font-size: 16px;
        line-height: 1.8;
        padding: 4px 20px;
        margin: 0 -5px;
    }

    .title-b-hl
    {
        margin: 12px 0 4px;
    }

    .title-b-hl>h3
    {
        font-size: 16px;
        line-height: 1.5;
        padding: 6px 0;
    }

    .title-b-hl>h4
    {
        font-size: 16px;
        line-height: 1.5;
        padding: 6px 0;
    }

    .title-b-hl-son
    {
        margin: 6px 0 6px;
    }

    .title-b-hl-son>h4
    {
        margin: -2px 0 12px;
        font-size: 14px;
        line-height: 1.2;
        padding: 2px 0;
    }


    .viedo-item
    {
        margin-bottom: 14px;
    }

    .viedo-item-title
    {
        font-size: 12px;
    }

    .button-main
    {
        margin-bottom: 12px;
    }

    .button-main>a.btn
    {
        font-size: 14px;
        padding: 2px 0;
    }

    .pdf-item p
    {
        font-size: 12px;
        line-height: 30px;
        height: 30px;
    }

    .pdf-item p:first-child>span.iconfont
    {
        font-size: 16px;
    }

    .btn_view_more
    {
        font-size: 14px;
    }

    /* 视频中心 */
    .button-item-e
    {
        margin-bottom: 14px;
    }

    .button-item-e>a.btn
    {
        font-size: 14px;
        line-height: 1.6;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .button-item-e>a.btn>span.iconfont
    {
        font-size: 20px;
        top: 2px;
    }

    .vedio-bottom-btn > p > span.iconfont
    {
        font-size: 42px;
    }

    .vedio-bottom-btn
    {
        margin: 0 -10px;
        padding: 28px 10px 36px;
        padding: 28px 10px 10px;
    }

    .vedio-bottom-btn>h3
    {
        font-size: 16px;
    }

    .vedio-bottom-btn>p
    {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    /* 岛津杂志 */
    .magazine-info h3
    {
        margin: 16px 0 6px;
        font-size: 16px;
        line-height: 1.5;
    }

    .magazine-info ul
    {
        margin-bottom: 24px;
    }

    .magazine-info ul li
    {
        padding: 4px 0;
    }

    .magazine-info ul li > a
    {
        padding-left: 20px;
    }

    .magazine-info ul li > a > span.glyphicon
    {
        font-size: 12px;
        top: 6px;
    }

    .magazine-history-item
    {
        margin-bottom: 14px;
    }

    .magazine-history-item>p
    {
        font-size: 14px;
        line-height: 1.5;
        padding: 6px 10px;
        height: auto;
    }

    .service-p-tel>p>a
    {
        font-size: 16px;
    }

    .service-more-title
    {
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .service-base
    {
        padding-top: 14px;
    }

    .service-base>h3 {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .service-base>h3>span.glyphicon
    {
        margin-top: 6px;
    }

    .service-base-img
    {
        padding: 12px 0 24px;
    }

    .button-item
    {
        margin-bottom: 14px;
    }

    .solve-item-more>a
    {
        margin-bottom: 14px;
        font-size: 14px;
        height: 42px;
        line-height: 26px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .solve-item-more>a>span.iconfont
    {
        font-size: 24px;
    }

    .service-base-p
    {
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 8px;
    }

    .btn.training-hot-item
    {
        font-size: 14px;
        text-align: center;
        padding: 12px 8px;
        margin-bottom: 10px;
    }

    .banner-page-service .banner-service-an>h3
    {
        font-size: 22px;
    }

    .banner-page-service .banner-service-an>h3>small
    {
        font-size: 14px;
    }

    .training-hot-item span.iconfont
    {
        font-size: 28px;
        padding: 2px 0 6px;
    }

    .training-course-title
    {
        margin: 18px 0 10px;
    }

    .training-course-title
    {
        margin: 20px 0 14px;
        font-size: 16px;
        line-height: 1.4;
    }

    .training-course-title span.iconfont
    {
        font-size: 28px;
        padding: 8px 0 10px;
    }

    .training-course-item
    {
        padding: 4px 14px;
        margin-bottom: 10px;
    }

    .training-course-item>a
    {
        font-size: 14px;
        height: 25px;
        line-height: 25px;
    }

    .course-text
    {
        height: 48px;
    }

    .course-text .select-main
    {
        height: 28px;
        font-size: 14px;
    }

    .select-block-b>.select-label>i
    {
        top: 2px;
    }

    .select-block-b>.select-label>i:before
    {
        display: block;
        height: 22px;
        width: 24px;
    }

    .apply-form-content .title-h4 .h4
    {
        font-size: 16px;
        line-height: 1.4;
    }

    .course-text .apply-form-p
    {
        font-size: 14px;
        line-height: 24px;
    }

    .course-text .form-control
    {
        font-size: 14px;
        line-height: 22px;
        padding: 3px 10px;
        height: 28px;
    }

    .label-radio
    {
        font-size: 14px;
    }

    .course-agree .label-checkboxss
    {
        font-size: 14px;
        line-height: 22px;
    }

    .course-product>a
    {
        font-size: 14px;
    }

    .search-qa
    {
        margin-bottom: 16px;
    }

    .title-none-hl
    {
        margin: 8px 0 4px;
    }

    .title-none-hl>h5
    {
        padding: 4px 0;
        font-size: 16px;
        line-height: 1.5;
    }

    .qa-select-title
    {
        font-size: 14px;
    }

    .qa-question-item-title
    {
        padding: 4px 0 4px;
    }

    .qa-question-item-title,
    .qa-question-item-main
    {
        font-size: 14px;

    }

    .qa-block-title
    {
        font-size: 16px;
        line-height: 1.5;
    }

    .anzhuang-bottom-block-title
    {
        margin: 20px 0 12px;
    }

    .anzhuang-bottom-block-title>h3
    {
        margin: 0;
        padding: 4px 0;
        font-size: 16px;
        line-height: 1.5;
    }

    .pdf-item
    {
        padding: 5px 15px;
        margin-bottom: 10px;
    }

    .select-label
    {
        margin-bottom: 18px;
    }

    .select-main
    {
        font-size: 14px;
        height: 30px;
    }

    .apply-form-p
    {
        padding: 2px 0;
        font-size: 14px;
        line-height: 1.5;
    }

    /* 视频中心banner */
    .banner-page-vedio .carousel .carousel-inner .item .banner-vedio-block .banner-vedio-block-pc-mobile object
    {
        z-index: 99;
        position: relative;
    }
}




/* 移动端最两侧各增加 10px 的间距 */
@media(max-width: 767px){
    body{
        padding-left: 5px;
        padding-right: 5px;
    }

    /* 尾部 */
    div.footer
    {
        margin-left: -5px;
        margin-right: -5px;

        padding-left: 5px;
        padding-right: 5px;
    }

    body>.region.region-footer
    {
        margin-left: -5px;
        margin-right: -5px;
    }

    body>.region.region-footer>.block>.content>.footer
    {
        margin: 0;
    }

    body div#wrapper
    {
        margin-left: -5px;
        margin-right: -5px;
    }

    body>div.banner-page
    {
        margin-left: -5px;
        margin-right: -5px;
        /* margin-bottom: 20px; */
    }

    body .region .block .content div.banner-page
    {
        margin-left: -5px;
        margin-right: -5px;
        /* margin-bottom: 20px; */
        /* ? */
    }

    body .region .block .content .field .field-items .field-item>.container
    {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    body .region .block .content .field .field-items .field-item>.container p>img
    {
        display:block;
        max-width: 88%;
        margin: 0 auto;
    }

    body>div.block-white
    {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    body>div.container
    {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    body>div.white-main
    {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    body>div.gray-main
    {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    body>.training-hot
    {
        margin: 0 -5px;
        padding: 30px 5px 20px;
    }

    body>.region-content .block .content .container>form.apply-form
    {
        margin-left: -10px;
        margin-right: -10px;
    }
}


/* 固话格式 start  */
.info_tel_tel .form-group .apply-form-p
{
    float: left;
    display: block;
}

.course-text.info_tel_tel .form-group input[name="tel"]
{
    float: left;
}


@media(min-width: 767px){
    .info_tel_tel .form-group .apply-form-p
    {
        font-size: 14px;
        padding-left: 16px;
    }

    .course-text.info_tel_tel .form-group input[name="tel"]
    {
        width: 50%;
    }

}

@media(max-width: 768px){
    .course-text.info_tel_tel
    {
        height: 72px;
    }

    .info_tel_tel .form-group .apply-form-p
    {
        font-size: 12px;
        padding-left: 0;
    }

    .course-text.info_tel_tel .form-group input[name="tel"]
    {
        width: 100%;
    }

}

/* 解决方案子页模板添加更多按钮 上距离调整 */
@media(min-width: 767px)
{
    .button-main.solve-button-more
    {
        padding-top: 60px;
    }
}


/* 固话格式 end  */


/* 404.html */
.page-error-img
{
    overflow: hidden;
    padding: 10px 0;
}

.page-error-img>img
{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.page-error-title
{
    text-align: center;
    color: #303030;
    font-size: 18px;
    line-height: 32px;
    padding: 20px 0 30px;
}

.page-error-title a
{
    color: #303030;
    padding-bottom: 3px;
    border-bottom: 1px solid #303030;
}

.page-error-divide
{
    margin-top: 40px;
    margin-bottom: 30px;
    height: 1px;
    background-color: #e6e6e6;
}

.page-error-img-wx
{
    overflow: hidden;
}

.page-error-img-wx>img
{
    display: block;
    width: 100%;
}

@media(max-width: 767px)
{
    .page-error-title
    {
        font-size: 14px;
        line-height: 1.8;
    }

    .btn-page-error
    {
        line-height: 1.8em;
    }

    .page-error-divide
    {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

}