.pagination {
	text-align: center;
	display: block;
	clear: both;
}

.pagination a {
	margin: 0 2px
}
.pcnone{display:none;}
.proimgs{width:600px !important;height:300px;}
.proimgb{width:600px !important;height: 200px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
@media (max-width:768px) {.proimgb,.proimgs{width:auto;height:auto;}}
@media (max-width:480px) {
	.pagination a {
		margin: 0 2px
	}

	.pagination a>* {
		padding: 5px 12px !important
	}
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	color: #fff;
	background-color: #1b6cda
}

.pagination a,.pagination a>span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #000;
	border-radius: 0 !important;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #dddddd;
}

.pagination>a:hover,.pagination>a>span:hover,.pagination>a:focus,.pagination>a>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #1b6cda
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	color: #fff;
	background-color: #1b6cda
}

.pagination li>a,.pagination li>span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #333;
	padding: 6px 12px
}

.pagination>a:hover,.pagination>a>span:hover,.pagination>a:focus,.pagination>a>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #1b6cda
}


.arc_pnext {
	font-size: 16px
}



.arc_pnext p a:hover {
	color: #1b6cda
}

@media (min-width:640px) {
	.arc_pnext {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.arc_pnext p {
		width: 48%;
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center
	}

	.arc_pnext a {
		display: block;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}

	.arc_pnext .next {
		text-align: right
	}
}

@media (max-width:640px) {
	.arc_pnext p {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		margin-bottom: .2rem
	}

	.arc_pnext .iconfont {
		display: none
	}

}

.coverimg {
    transition: all .4s ease 0s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block
}

.coverimg img {
    visibility: hidden;
    display: block
}

.coverimg.contain {
    background-size: contain
}
.p_introduce {
    padding: 1.3rem 0 .6rem;
    position: relative;
    background: #000;
}

.p_introduce::after {
    content: '';
    display: block;
    position: absolute;
    width: 90%;
    height: 100%;
    /*background: url(../images/brand_bg.png) no-repeat right bottom;*/
    background-size: 48% auto;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.p_introduce .wrap {
    position: relative
}

.p_introduce .inner {
    margin-right: 5%;
}


.p_introduce .playbtn {
    position: absolute;
    right: 25%;
    top: 30%;
    text-align: center;
    cursor: pointer
}

.p_introduce .playbtn .icon {
    width: 1rem;
    height: 1rem;
    box-shadow: 0 .1rem .2rem rgba(234, 95, 0, 0.5);
    border-radius: 50%;
    /*background-image: url('../images/play.png');*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
    margin: 0 auto .2rem;
    transition: all .4s ease 0s
}

.p_introduce .playbtn .icon:hover {
    transform: scale(.9)
}

.p_introduce .playbtn p {
    color: #bbb
}

.p_introduce h2 {
    font-size: .36rem;
    margin-bottom: .2rem;
    color: #fff;
}

.p_introduce .info {
    font-size: 16px;
    color: #999;
    line-height: 1.875
}

.p_introduce .info p {
    margin-bottom: 1em
}

.p_introduce .data {
    padding: .7rem 0
}

@media (min-width:768px) {
    .p_introduce .data {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        box-align: center;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .p_introduce .data ._line {
        width: 1px;
        height: .9rem;
        background-color: #ccc
    }
}

.p_introduce .data .val {
    color: #1b6cda;
    margin-bottom: .1rem
}

.p_introduce .data b {
    line-height: 1;
    font-size: .72rem;
    font-family: medium;
    font-weight: normal
}
.p_introduce .data em{font-size:30px;}

.p_introduce .data li:not(:first-child) b {
    position: relative;
    left: -0.1rem
}

.p_introduce .data .tit {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

@media (max-width:992px) {
    .p_introduce .data {
        width: 80%
    }
}

@media (max-width:768px) {
    .p_introduce .data {
        padding-top: 0
    }

    .p_introduce .data ._line {
        display: none
    }

    .p_introduce .data li {
        border-bottom: 1px solid #1b6cda;
        padding: .4rem .1rem
    }
    .pcnone{display:block;}
}

@media (max-width:1400px) {
    .p_introduce::after {
        opacity: .1
    }

    .p_introduce .inner {
        margin-right: 20%
    }

    .p_introduce .playbtn {
        right: 5%;
        top: 10%
    }

    .p_introduce .inner {
        padding-right: 1rem
    }
}

@media (max-width:992px) {
    .p_introduce .inner {
        padding-right: 0;
        margin-right: 0
    }

    .p_introduce .playbtn {
        top: -0.8rem;
        right: 0
    }
}

@media (max-width:768px) {
    .p_introduce {
        padding-bottom: 0
    }

    .p_introduce::after {
        background-size: contain
    }

    .p_introduce .playbtn .icon {
        width: 40px;
        height: 40px;
        margin-bottom: .1rem
    }

    .p_introduce .playbtn p {
        font-size: 12px
    }
}

@media (max-width:480px) {
    .p_introduce .info {
        font-size: 14px
    }
}


.news_info_main {
	padding: .7rem 0 1.3rem;
}

.news_info_main h1 {
	font-size: .36rem
}

@media (max-width:768px) {
	.news_info_main h1 {
		font-size: 22px
	}
}

@media (max-width:480px) {
	.news_info_main h1 {
		font-size: 20px
	}
}

@media (max-width:480px) {
	.news_info_main h1 {
		font-size: 22px
	}
}

.news_info_main .data {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: .2rem 0;
	border-bottom: 1px solid #dedede;
	color: #999;
	font-size: 16px
}

.news_info_main .share {
	margin-top: 20px
}

.news_info_main .share .item {
	color: #c6c6c6;
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	cursor: pointer
}

.news_info_main .share .item:hover {
	color: #1b6cda
}

.news_info_main article {
	padding: .46rem 0 0;
	border-bottom: 1px solid #dedede;
	margin-bottom: .3rem
}


.article-zan{text-align:center;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;display:block;margin-bottom:20px;}
.article-zan .zanbtn{display:block;cursor:pointer;border-radius:3px;text-align:center;line-height:2.4;outline:none;border:none;background: #ff5c00;color: #fff;}
.article-zan .zan-div{display:inline-block;flex-grow:1;padding:0 20px}
.article-zan .zanbtn{line-height:52px;font-size:18px;padding:0 55px;position:relative;background-image:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);}
.article-zan .zanbtn em{font-style:normal}
.article-zan .zanbtn:hover{background:#1b6adb}

.article-zan .zanbtn .zan_icon{width:20px;height:20px;position:relative;top:2px; margin-right: 5px;display:inline-block;background: url(../images/zan_ico.png) center center no-repeat; background-size: cover;}

.news_info_main .article-service {padding:30px;background: #f8f8f8;}
.news_info_main .article-service h1{padding-bottom: 10px;border-bottom: 1px solid #dedede;}
.news_info_main .article-service article{border-bottom:none;margin-bottom: 0; padding-bottom: 0;}
.news_info_main article p {
	margin-bottom: 1.3em
}

article {
	font-size: 16px;
	line-height: 1.875;
	color: #666
}

.arc_pnext {
	font-size: 16px
}



.arc_pnext p:hover {
	color: #1b6cda
}

@media (min-width:640px) {
	.arc_pnext {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.arc_pnext p {
		width: 48%;
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center
	}

	.arc_pnext a {
		display: block;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}

	.arc_pnext .next {
		text-align: right
	}
}

@media (max-width:640px) {
	.arc_pnext p {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		margin-bottom: .2rem
	}

	.arc_pnext .iconfont {
		display: none
	}
}
.news_info_main .listxg {overflow:hidden;border: 1px #f5f5f5 solid;padding: 20px;}
.news_info_main .listxg li { font-size:16px; line-height:28px; margin-bottom:15px; padding-left:20px; background: url(../images/new_ico.png) no-repeat left center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.news_info_main h2 {
	font-size: .28rem;
	 background: #1b6cda;
	 text-align:center;
	 color:#fff;
	 line-height:50px;
	 padding:.2rem 0;
}

.contact_box {
	padding-top: .7rem
}

@media (min-width:992px) {
	.contact_box {
		display: flex;
		align-items: stretch
	}

	.contact_box .mapbox,.contact_box .infobox {
		width: 50%
	}
}

@media (max-width:991px) {
	.contact_box .mapbox {
		height: 5rem
	}
}

.contact_box .mapbox .map {
	height: 100%
}

.contact_box .infobox {
	background-color: #1b6cda;
	padding: 1.3rem .5rem 1.3rem 1rem;
	color: #fff;
}
.contact_box .infobox a{color: #fff;}
@media (max-width:1460px) {
	.contact_box .infobox {
		padding: 1.3rem .5rem
	}
}

.contact_box .infobox h2 {
	font-size: .36rem;
	margin-bottom: .36rem
}

@media (max-width:768px) {
	.contact_box .infobox h2 {
		font-size: 24px
	}
}

@media (max-width:640px) {
	.contact_box .infobox h2 {
		font-size: 22px
	}
}

.contact_box .infobox dd {
	font-size: 18px;
	line-height: 2.6
}

@media (max-width:639px) {
	.contact_box .infobox dd {
		display: flex
	}

	.contact_box .infobox dd em {
		flex: 1;
		padding-left: .1rem
	}
}

@media (max-width:992px) {
	.contact_box .infobox dd {
		font-size: 14px
	}
}

@media (max-width:991px) {
	.contact_box .infobox dd {
		font-size: 16px
	}
}

.contact_box .infobox dd .iconfont {
	text-align: center;
	width: .4rem;
	display: inline-block
}

.contact_box .infobox dd a:hover {
	text-decoration: underline
}

.good-type {
    width: 88%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.1rem 0
}

@media (min-width:992px) {
    .good-type .bd {
        display: table;
        width: 100%
    }

    .good-type .bd>* {
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .good-type .inner {
        width: 66%;
        padding-right: 10%
    }

    .good-type .coverimg {
        width: 34%
    }
}

.good-type .hd {
    margin-bottom: 2px
}

.good-type .hd h2 {
    font-size: .36rem
}

.good-type .hd .en {
    font-size: 16px;
    color: #999;
    position: relative
}

.good-type .hd .en::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #1b6cda;
    margin: .2rem 0 .4rem
}

@media (max-width:768px) {
    .good-type .hd .en {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .good-type .hd .en {
        font-size: 12px
    }
}

.good-type .txt {
    font-size: 16px;
    color: #999;
    line-height: 1.875
}

@media (max-width:1200px) and (min-width:992px) {
    .good-type .inner {
        width: 60%;
        padding-right: 5%
    }

    .good-type .coverimg {
        width: 40%
    }
}

@media (max-width:992px) {
    .good-type .inner {
        margin-bottom: .5rem
    }
}

.good-list-box {
    padding: .9rem 0
}
.aboutny{
        background:url(../images/probg.jpg) no-repeat #000;
}
.good-list-box .wrap{ display: flex;}
.good-list-box .pdt-sort{width: 3.3rem;float: left;margin-right: .4rem;}

.good-list-box .wrap{display: flex;justify-content: space-between;}
.good-list-box .wrap .pdt-sort{width: 340px;}
.good-list-box .wrap .pdt-sort .sort-title{width: 100%; height:86px; background:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%); justify-content: center; text-align: center; display: flex; flex-direction: column;border-bottom:1px #ffffff6b solid;}
.good-list-box .wrap .pdt-sort .sort-title h1{font-size: 30px;margin: 7px 0;font-weight: bold;color:#fff;}
.good-list-box .wrap .pdt-sort .sort-title h3{font-size: 16px;margin: 7px 0;font-weight: bold;color:white;}

.good-list-box .wrap .sort-list{width: 340px;float: left;}
.good-list-box .wrap .sort-list .sort-nav{height: 100%;background:#f8f8f8;transition: all .3s;}
.good-list-box .wrap .sort-list .sort-nav .onelevel{display: flex; justify-content: space-between; align-items: center;}
.good-list-box .hotnew:hover span{color:#fff;}

.good-list-box .wrap .sort-list .sort-nav a{font-size: 16px;  display: block;width: 100%;padding: 20px 0;overflow: hidden; color:#666;}
.good-list-box .wrap .sort-list .sort-nav a span{display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.good-list-box .wrap .sort-list .sort-nav .spanleft{text-align:left;padding-left: 15px;}
.good-list-box .wrap .sort-list .sort-nav .hotnew a{padding: 15px 0;border-bottom:1px #fff solid;}
.good-list-box .wrap .sort-list .sort-nav .bge4{background:#e4e4e4;}
.good-list-box .wrap .sort-list .sort-nav .bge4 a:hover{background:#1b6cda;color:#fff;}
.good-list-box .wrap .sort-list .sort-nav .onelevel a:hover{background:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%);color:#fff;}
.good-list-box .wrap .sort-list .sort-nav .iconfont{font-size: 80%;padding-right: 3%;line-height: 62px;}
.good-list-box .wrap .sort-list .sort-nav .bge4:hover,.good-list-box .wrap .sort-list .sort-nav .onelevel:hover,.good-list-box .wrap .sort-list .sort-nav .onelevel:hover a span{color:#fff;}
.good-list-box .wrap .sort-list .sort-nav .on a span{color:#fff;}
.good-list-box .wrap .sort-list .sort-nav .on{background:linear-gradient(45deg, #a5ce09 0%,  #a5ce09 30%, #19a6df 100%) !important;color:#fff !important;}
.good-list-box .wrap .sort-list .sort-nav .nav-show a span{color:#fff;}
.good-list-box .wrap .sort-list .nav-item{position: relative;}
.good-list-box .wrap .sort-list .nav-item .nav-show{}
.good-list-box .wrap .sort-list .nav-item ul{background:#f8f8f8;display:none;}

.good-list-box .wrap .sort-list .sort-nav .twolevel li a{padding: 8px 0;display: block;width: 100%;}
.good-list-box .wrap .sort-list .sort-nav .twolevel li a span{color: #a2a2a2;font-size: 15px;display: block;padding-left: 20px;}
.good-list-box .wrap .sort-list .sort-nav .twolevel li:hover a span{ color:#fff;}
.good-list-box .wrap .sort-list .nav-item  ul.on{display: block;padding-bottom: 10px;}
.good-list-box .wrap .sort-list .nav-more{width: 50px;transition: transform .3s;padding: 15px;}
.good-list-box .wrap .sort-list .nav-show .nav-more{transform:rotate(90deg);}
.good-list-box .wrap .sort-list .nav-show,.nav-item>a:hover{color: #FFF;background:linear-gradient(45deg, #a5ce09 0%, #a5ce09 30%, #19a6df 100%);}
.good-list-box .wrap .sort-list .nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.good-list-box .wrap .sort-list .nav-item li:hover a{color: #FFF;background: linear-gradient(45deg, #a5ce09 0%, #a5ce09 30%, #19a6df 100%);}


.good-list-box .pdt-info{float:right;width: 1128px;}
.good-list-box .pdt-info .good-list .inner .cover-box img{height:170px;}
.good-list-box .hd {
    text-align: center
}

.good-list-box .hd h2 {
    font-size: .36rem;
        color: #fff;
}

.good-list-box .hd .en {
    font-size: 16px;
    color: #999;
    position: relative
}

.good-list-box .hd .en::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #1b6cda;
    margin: .2rem 0 .4rem
}

@media (max-width:768px) {
.good-list-box .hd .en {font-size: 14px;}
.good-list-box .wrap{flex-wrap: wrap;width: 100%;}
.good-list-box .pdt-info,.good-list-box .bd{width: 100%;}
.good-list-box .wrap .sort-list{width:100%;}
.good-list-box .wrap .pdt-sort{width: 100%;margin-right: 0px;display:none;}
.good-list-box .wrap .sort-list{ width: 100%;margin-bottom: 2em;}
.good-list-box .wrap .sort-list .sort-nav{height: 100%;}
.good-list-box .wrap .sort-list .sort-nav ul li{display: block;}
.good-list-box .wrap .sort-list .sort-nav .twolevel li a{padding: 10px;}
.good-list-box .wrap .sort-list .sort-nav .twolevel li a span{}
.good-list-box .wrap .sort-list .nav-item ul.on{display: block;}
.good-list-box .wrap .sort-list .nav-more{width: 1rem;margin-right: 1rem;}
}

@media (max-width:480px) {
    .good-list-box .hd .en {
        font-size: 12px
    }
}

.good-list-box .hd .en::after {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.good-list {
    margin-left: -0.11rem;
    margin-right: -0.11rem
}

.good-list>* {
    padding-left: .11rem;
    padding-right: .11rem
}

.good-list .inner {
    background: #fff;
    border: 1px solid #dedede;
    position: relative
}

.good-list .inner .cover-box {
    margin: .2rem;
    display: block;
}

.good-list .inner .cover-box .coverimg {
    background-size: contain
}

.good-list .inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    transition: all .4s ease 0s;
    height: 3px;
    background: #1b6cda;
    left: 0;
    bottom: 0
}

.good-list .inner:hover::after {
    width: 100%
}

.good-list li {
    margin-bottom: .4rem
}

.good-list li .tit {
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 16px;
    background: #fff;
    border-top: 1px solid #f5f5f5
}

@media (max-width:992px) {
    .good-list li {
        margin-bottom: .2rem
    }

    .good-list li .inner {
        padding-bottom: .4rem
    }

    .good-list li .tit {
        height: 50px;
        line-height: 50px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 55
    }
}
.good-info {
    width: 88%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.1rem 0
}

@media (min-width:768px) {
    .good-info .bd {
        display: table;
        width: 100%
    }

    .good-info .bd>* {
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .good-info .inner {
        width: 100%;
       display: block;
    }

    .good-info .coverimg {
        width:100%;
            display: block;
    }
}

.good-info .hd {
    margin-bottom: 2px
}

.good-info .hd h2 {
    font-size: .36rem
}

.good-info .hd .en {
    font-size: 16px;
    color: #999;
    position: relative
}

/*.good-info .hd .en::after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 50px;*/
/*    height: 3px;*/
/*    background: #1b6cda;*/
/*    margin: .2rem 0 .4rem*/
/*}*/

@media (max-width:768px) {
    .good-info .hd .en {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .good-info .hd .en {
        font-size: 12px
    }
}

.good-info .txt {
    font-size: 16px;
    color: #666;
    line-height: 1.875;
    margin-bottom: .7rem
}

.good-info .download {
    background: #1b6cda;
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 2.1rem;
    height: .52rem;
    line-height: .52rem
}

.good-info .download em {
    padding-left: .4rem;
    background-image: url('../images/download.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-size: 20px;
    font-size: 16px
}

.good-info .download:hover {
    background: #333
}

@media (max-width:992px) {
    .good-info .download {
        width: 140px;
        height: 38px;
        line-height: 38px;
        text-align: center
    }

    .good-info .download em {
        font-size: 14px;
        background-size: 18px;
        padding-left: 26px
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .good-info .inner {
        width: 60%;
        padding-right: 5%
    }

    .good-info .coverimg {
        width: 40%
    }
}

@media (max-width:992px) {
    .good-info .inner {
        margin-bottom: .5rem
    }
}

.scheme-info-img {
    background: #1c1c1c;
    background-size: cover;
    padding: .86rem 0 .78rem
}

.scheme-info-img .bd {
    background: #fff;
    width: 88%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: .5rem 5%;
    text-align: center;
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1)
}
@media (max-width:480px) {
    .vhd .en {
        font-size: 12px
    }
}

.vhd_tc {
    text-align: center
}

.vhd_tc h2 {
    font-size: .36rem;
    margin-bottom: .5rem;
}

.vhd_tc .en {
    font-size: 16px;
    color: #999;
    position: relative
}

.vhd_tc .en::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #1b6cda;
    margin: .2rem 0 .4rem
}

@media (max-width:768px) {
    .vhd_tc .en {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .vhd_tc .en {
        font-size: 12px
    }
}

.vhd_tc .en::after {
    margin-left: auto;
    margin-right: auto
}

.technical-nav {background:#ffffff;overflow: hidden;margin-bottom:3%;}
.technical-nav a{float: left;display: block;line-height: 63px;width: 10%;text-align: center; font-size: 14px;font-weight: bold;}
.technical-nav a.cur,.technical-nav a:hover{background:linear-gradient(45deg, #a5ce09 0%, #a5ce09 30%, #19a6df 100%);color: #fff;}

.views_box{padding:.5rem 0;overflow:hidden;}
.views_box .news_ul{width:100%;overflow:hidden;}
.views_box .news_ul .owl-demo2 .item{margin-bottom:2%;}
.views_box .news_ul .owl-demo2 .item:nth-child(4n+0){margin-right:0;}
.views_list{padding-bottom:.3rem}
.views_items{margin-bottom:.36rem;background: #f8f8f8;width:99%;margin-right:1%;padding-left:0px;float:left}
@media (min-width:640px){.views_items{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center}
.views_items .image{max-width:3.5rem;width:40%;display:block;}
.views_items .info{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.views_items .tit{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
}
.views_items .info{padding:30px 5%}
@media (max-width:640px){.views_items .info{padding:26px 3%}
}
.views_items .info .tit{font-size:24px;display:block;font-weight:700}
@media (max-width:1200px){.views_items .info .tit{font-size:20px}
}
@media (max-width:640px){.views_items .info .tit{font-size:18px}
}
.views_items .info .tit:hover{color:#1b6cda}
.views_items .info .desc{font-size:16px;color:#666;line-height:28px;height:56px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin:14px 0 .36rem}
@media (max-width:768px){.views_items .info .desc{line-height:24px;height:48px;margin-bottom:.2rem}
.views_items{width:100%;margin-right:0;}
}
@media (max-width:640px){.views_items .info .desc{font-size:15px}
}
.views_items .info .data{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:16px;color:#666}
@media (max-width:640px){.views_items .info .data{font-size:14px}
}
.views_items .info .more{color:#666;font-size:14px;display: inline-block;padding: 0 1.8em;line-height: 38px;background-size: contain;border: 1px #ccc solid;}
.views_items .info .more:hover{border: 1px #1b6cda solid;color: #1b6cda;}
@media (max-width:640px){.views_items .info .more{background-size:.3rem;padding-right:.4rem}
}




.contact_box{padding:60px 0;}
.contact_box h2{font-size:28px;color: #333333;font-weight:bold;margin-bottom:60px;}
@media (max-width:768px){.contact_box h2{font-size:28px}
}
@media (max-width:640px){.contact_box h2{font-size:24px}
}
.contact_box .contact{margin-bottom:60px;}
@media (min-width:1200px){.contact_box .contact{display:flex;justify-content:space-between;flex:1}
}
.contact_box .contact .space{width:1px;margin:0 10% 0 0;background-color:#eee;display:block;height:200px}
@media (max-width:1360px){.contact_box .contact .space{display:none}
}
.contact_box .codebox{display:flex;justify-content:center}
@media (max-width:1199px){.contact_box .codebox{padding:.5rem 0}
}
.contact_box .codebox .item+.item{margin-left:28px}
.contact_box .codebox .item{border:1px solid #eee;height:200px;width:160px;padding:10px 10px 14px;text-align:center}
.contact_box .codebox .item p{font-size:16px;color:#999;margin-top:10px}
@media (min-width:992px){.contact_box .sitebox{display:flex;flex-wrap:wrap}
}

.contact_box .sitebox .ic{width:60px;height:60px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:contain;background-position:center;text-align: center;line-height: 60px;font-size: 20px;border-radius: 50%;color: #ffffff; background:linear-gradient(45deg, #a5ce09 0%, #a5ce09 30%, #19a6df 100%);}
.contact_box .sitebox .tit{color:#999;padding:8px 0 6px}
.contact_box .sitebox li{width:60%;font-size:16px;padding-left:90px;position:relative}
@media (max-width:1200px){.contact_box .sitebox li{padding-left:80px}
}
.contact_box .sitebox li:nth-child(2n){width:40%}
@media (max-width:991px){.contact_box .sitebox{margin-bottom:.5rem}
.contact_box .sitebox .ic{width:40px;height:40px;line-height:40px;font-size:16px;}
.contact_box .sitebox li{padding-left:60px;width:100%;margin-bottom:20px;font-size:15px}
.contact_box .sitebox .tit{padding-top:0}
.contact_box .sitebox li:nth-child(2n){width:100%;}
}
.map{height:520px;border:10px solid #f8f8f8;}


.about_company{margin-bottom:30px;}
.about_company .title{font-size: 24px;border-bottom:1px solid #e8e8e8;padding-bottom: 20px;font-weight: bold;margin-bottom: 0px;}
@media (min-width:768px){.about_company ul{display:flex;flex-wrap:wrap;margin: 20px 0;}
.about_company ul li{width:32%;background:#f8f8f8;padding:30px;margin-right:2%;margin-bottom:2%;}
.about_company ul li:nth-child(3n+0){margin-right:0;}
}
.about_company ul li{padding-top:30px;padding-bottom:30px;}
.about_company ul .site{font-size:18px;font-weight: bold;margin-bottom: 10px;color: #333333;position:relative;}
.about_company ul .site i{color:#a5ce09;font-size: 16px;padding-right: 10px;}
.about_company ul .txt{color:#666;font-size:16px;line-height:1.6}
@media (max-width:1199px){.about_company ul .txt{font-size:15px}
}
.about_company ul .txt p{margin-bottom:.5em}
.about_company ul .txt a{color:#666}

.contact_box {
	padding: .8rem 0 1.2rem
}


.quote_box {
	padding: .9rem 0;
	background: #fff;
	background-size: cover
}

.quote_box .hd1 {
	margin-bottom: .4rem
}
@media (min-width:640px) {
	.quote_box .row {
		margin-left: -0.1rem !important;
		margin-right: -0.1rem !important
	}

	.quote_box .row>* {
		padding-left: .1rem !important;
		padding-right: .1rem !important;
		margin-bottom: .2rem
	}
}

.quote_box li {
	margin-bottom: .3rem
}

.quote_box .inner {
	position: relative;
	background: #f4f4f7;
}
.quote_box .col-xs-12{padding:0;}

.quote_box .inner input,.quote_box .inner textarea {
	display: block;
	height: 56px;
	border: 0;
	font-size: 16px;
	padding-left: .4rem
}
.quote_box .inner textarea{padding-top:20px;width: 100%;}

.quote_box .inner em {
	color: #FE8F5D;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	left: .28rem;
	font-size: 16px
}

@media (max-width:991px) {
	.quote_box .inner input,.quote_box .inner textarea {
		padding-left: 30px
	}
	.technical .left {width: 100%;padding:5% 0;}
	.technical .pic {width: 100%;}
	.technical:last-child .left {width: 100%;padding:5% 0;}
	.technical-nav a {width: 33.33%;padding:0;}
	.news_ul .owl-demo2 .item dd .txts .a{margin-bottom: 30px;}
	.views_box .news_ul .owl-demo2 .item{margin-bottom: 30px;}
}

.quote_box .areabox {
	padding-top: 20px;
	padding-bottom: 20px
}

.quote_box .areabox em {
	top: 20px;
	transform: translateY(0);
	 padding-top: 20px;
}

.quote_box .submitbox {
	text-align: center;
	padding-top: 20px
}

.quote_box textarea {
	height: 180px;
	resize: none;
	font-size: 16px;
	border: 0;
	padding: 0
}

.quote_box .layui-form-select dl {
	top: 100%;
	border: 0
}

.quote_box .layui-form-select dl dd.layui-this {
	background-color: #FE8F5D
}

.scheme-info-top {
    padding: 1.1rem 0 1.2rem;
    width: 88%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.scheme-info-top .bd {
    background: #f1f1f1
}

@media (min-width:992px) {
    .scheme-info-top .bd {
        display: table;
        width: 100%
    }

    .scheme-info-top .bd>* {
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .scheme-info-top .bd .info,
    .scheme-info-top .bd .coverimg {
        width: 50%
    }
}

.scheme-info-top .coverimg {
    height: 100%
}

.scheme-info-top .coverimg img {
    width: 100%
}

.scheme-info-top .info {
    padding: .7rem 5%
}

.scheme-info-top .info h3 {
    font-size: 24px
}

.scheme-info-top .info .txt {
    font-size: 16px;
    color: #666;
    line-height: 1.86;
    margin: 20px 0 40px;
    min-height: 1.7rem
}

.scheme-info-top .icons dd {
    display: inline-block;
    margin-right: .6rem;
    text-align: center;
    margin-bottom: .3rem
}

.scheme-info-top .icons img {
    width: .8rem;
    height: .8rem;
    display: block;
    margin: 0 auto 12px
}

@media (max-width:1500px) {
    .scheme-info-top .info .txt {
        min-width: auto
    }
}

@media (max-width:640px) {
    .scheme-info-top .bd {
        background: #fff
    }

    .scheme-info-top .info {
        padding: .4rem 0%
    }

    .scheme-info-top .info h3 {
        font-size: 22px
    }

    .scheme-info-top .info .txt {
        font-size: 14px
    }

    .scheme-info-top .icons dd {
        margin-right: .3rem;
        font-size: 13px
    }
}



.arc-pnext {
    padding: 20px 0 50px
}

.arc-pnext .item {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #999
}

.arc-pnext .item:hover {
    color: #1b6cda
}

@media (max-width:992px) {
    .arc-pnext {
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 1rem
    }
}


.good-features {
    background: url(../images/info_bg.jpg) no-repeat right center #f4f4f4;
    background-size: contain;
    padding: 1.2rem 0 1rem
}

.good-features .hd {
    margin-bottom: 2px;
    text-align: center
}

.good-features .hd h2 {
    font-size: .36rem
}

.good-features .hd .en {
    font-size: 16px;
    color: #999;
    position: relative
}

.good-features .hd .en::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #1b6cda;
    margin: .2rem 0 .4rem
}

@media (max-width:768px) {
    .good-features .hd .en {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .good-features .hd .en {
        font-size: 12px
    }
}

.good-features .hd .en::after {
    margin-left: auto;
    margin-right: auto
}

.good-features .row {
    margin-left: -0.4rem;
    margin-right: -0.4rem
}

.good-features .row>* {
    padding-left: .2rem;
    padding-right: .2rem
}

.good-features .inner {
    padding: .8rem 10%;
    background: #fff;
    border: 1px solid #dedede;
    position: relative
}

.good-features .inner .id {
    font-size: .6rem;
    opacity: .2;
    font-family: medium;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1;
    text-align: center;
}

.good-features .inner h4 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.good-features .inner .desc {
    font-size: 16px;
    color: #666;
    line-height: 1.76;
    height: 1.5rem;
    position: relative;
    display: inline-block;
}

.good-features .inner .desc::after {
    content: '';
    display: block;
    position: absolute;
    width: 34px;
    height: 4px;
    background-color: #dddddd;
    left: 0;
    bottom: 0
}

.good-features .inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    transition: all .4s ease 0s;
    height: 3px;
    background: #1b6cda;
    left: 0;
    bottom: 0
}

.good-features .inner:hover h4 {
    color: #1b6cda
}

.good-features .inner:hover::after {
    width: 100%
}

.good-features li {
    margin-bottom: .4rem
}

.good-features li .tit {
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 16px;
    background: #fff;
    border-top: 1px solid #f5f5f5
}

@media (max-width:1200px) {
    .good-features .row {
        margin-left: -0.2rem;
        margin-right: -0.2rem
    }

    .good-features .row>* {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .good-features .inner h4 {
        font-size: 20px
    }

    .good-features .inner .desc {
        font-size: 14px
    }
}

@media (max-width:992px) {
    .good-features .row {
        margin-left: -0.1rem;
        margin-right: -0.1rem
    }

    .good-features .row>* {
        padding-left: .1rem;
        padding-right: .1rem
    }

    .good-features .inner {
        padding: .6rem 10px
    }

    .good-features .inner .desc {
        height: 2rem
    }

    .good-features li {
        margin-bottom: .2rem
    }
}

@media (max-width:768px) {
    .good-features .inner {
        padding: .6rem 5%
    }

    .good-features .inner .desc {
        height: auto;
        padding-bottom: .5rem
    }
    .arc-pnext .item{width:100%;}
}