@charset "utf-8";
*{
    margin: 0px;
    padding: 0px;
}
body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 微软雅黑;
    overflow-x: hidden;
    width:expression(document.body.clientWidth <= 1320? "1320px": "auto"); 
	min-width:1320px;
	overflow-x: auto;
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
p{
    margin:0;
    padding: 0;
}
label{
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
a {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: #666666;
    outline: none;
    -moz-outline-style: none;
    transition: all 0.3s linear 0s;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

}
::-ms-clear{display: none;}
::-ms-reveal{display: none;}
::-o-clear{display: none;}
a:hover,a:focus{
    text-decoration: none;

}
a:link,a:active,a:visited,a:hover{
    text-decoration:none;
}
.clear {
    clear: both;
    height: 20px;
    width: 100%;
    background: rgba(95,95,95,0.6);
}
*:focus { 
    outline: none; 
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
select:hover,select:focus{
    border:0;
    outline: none;
    border-radius: 0;
    box-shadow: none;
}
select {
    background: transparent;
    box-shadow: none;
    outline: none;
    border: 0;
    border-radius: 0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background: url(../images/supplier/select.png) no-repeat scroll right center transparent; 
    background-size: 18px;
    background-position: 96% 12px;
}
select::-ms-expand { display: none; }  
input{
    outline: none;
    border:0;
    box-shadow: none;
    border-radius:none;
    background:transparent;
}
input::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input:-moz-placeholder {
    color: #999;
}
p,h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}

@font-face {
  font-family: 'iconfont';  /* Project id 3170294 */
  src: url('https://at.alicdn.com/t/c/font_3170294_9hwfz1em0y.woff2?t=1661236979418') format('woff2'),
       url('https://at.alicdn.com/t/c/font_3170294_9hwfz1em0y.woff?t=1661236979418') format('woff'),
       url('https://at.alicdn.com/t/c/font_3170294_9hwfz1em0y.ttf?t=1661236979418') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face{
    font-family: "adineuePRO-Light";
    src : url('../fonts/adineuePRO-Light.OTF');
}
.content{
	width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); 
	width:1200px;
	margin: 0 auto;
}
/*.header {*/
/*    background: rgba(0,0,0,0.5);*/
/*}*/
/*.header_nr {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 10px 0px;*/
/*}*/
/*.header_nr_left{*/
/*    float: left;*/
/*}*/
/*.header_nr_right {*/
/*    flex: 1;*/
/*}*/
/*.header_nr_right_top {*/
/*    text-align: right;*/
/*    overflow: hidden;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.header_nr_right_nav {*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*}*/
/*.menu > li {*/
/*    !*    display: block;*!*/
/*    float: left;*/
/*    position: relative;*/
/*    margin-right: 40px;*/
/*}*/
/*.menu li{*/
/*    height: 22px;*/
/*}*/
/*.header_nr_right_nav ul li:last-child{*/
/*    margin-right: 0;*/
/*}*/
/*.header_nr_right_nav ul li a {*/
/*    font-size: 15px;*/
/*    color:#fff;*/
/*}*/
.menu li {
    height: inherit !important;
}
.language {
    width: 23px;
    height: 23px;
    background: #fff;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
    font-size: 12px;
    color: #4f4f4f;
    font-family: "Arial";
    margin-left: 5px;
    margin-right: 10px;
}
.language a{
	font-size: 12px;
}
.search i {
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    margin-top: 1px;
    display: inline-block;
}
.searchapp {
    display: none;
    position: absolute;
    right: 60px;
    width: 1200px;
    margin: 0 auto;
    left: 0;
    text-align: right;
    top: 15px;
}

.searchapp_nr {
    width: 270px;
    float: right;
    height: 30px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}
.searchapp_nr input {
    flex: 1;
    padding: 0px 10px;
    border: 0;
    outline: none;
    font-size: 13px;
    margin-top: 1px;
}
.searchapp_nr button {
    width: 65px;
    height: 30px;
    border: 0;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    color: #fff;
    min-width: 65px;
    cursor: pointer;
}
/*.searchapp_nr button:hover{
    background:#3ad86a;
    transition: all 0.3s linear 0s;
}*/
.banner{
    position: relative;
}
.banner img {
	width: 100%;
    height: 640px;
    object-fit: cover;
}
.banner_nr img {
    height: 520px;
}
.banner_nr_title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.banner_nr_title_sore h3 {
    font-size: 50px;
    font-weight: lighter;
    text-align: center;
    color: #000;
    letter-spacing: 5px;
    margin-bottom: 5px;
}
.banner_nr_title_sore p {
    font-size: 12px;
    width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    line-height: 18px;
    transform: scale(0.93,0.93);
}
.coloy h3{
    color:#fff !important;
}
.coloy p{
    color:#fff !important;
}
.header {
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    min-width: 1320px;
}
.head{
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    min-width: 1320px;
}
.headban{
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    min-width: 1320px;
}
.headban .language{
    background:#333333;
    color: #fff;
}
.headban .language a{
    color: #fff;
}
.headban .search i{
    color:#333333;
}
.headban .header_nr_right_nav ul li a{
    color: #333;
}
.headban .submenu li{
    background:#fff;
    border-bottom: 1px solid #f5f5f5;
}
.headban .menu .submenu li:hover{
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
}
.headban .menu .submenu li:hover a{
    color:#fff;
    transition: all 0s linear 0s;
}
.logoban{
    display: none;
}
.headban .logoban{
    display: block;
}
.headban .logohead{
    display: none;
}
.search {
    cursor: pointer;
}
.headban .searchapp_nr{
    background: #f5f5f5;
}

/*导航*/
.submenu {
    left: -22px;
    max-height: 0;
    position: absolute;
    top: 39px;
/*    z-index: 0;*/
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    min-width: 105px;
    text-align: center;
}
.submenu li {
    opacity: 0;
	background:rgba(0,0,0,0.5);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.submenu li a{ font-size:14px;}
.menu .submenu li:hover{
	background:rgba(0,0,0,0.6);
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
/*    max-height: 2000px;
    z-index: 10;*/
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li .submenu li:last-child{
    border-bottom: 0;
}
.menu li:nth-child(3) .submenu {
    width: 190px;
    left: -63px;
}
.menu li:nth-child(4) .submenu {
    left: -14px;
}
.menu li:nth-child(6) .submenu {
    left: -14px;
}
.submenu li a {
    font-size: 12px !important;
}
/*导航结束*/

.home_news_top {
    text-align: center;
    overflow: hidden;
}
.home_news {
    padding: 50px 0px;
    overflow: hidden;
    background: #f5f5f5;
}
.home_news_top h3 {
    font-size: 34px;
    font-weight: normal;
    color: #000;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
.home_news_top h3:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg,#66da89, #00a5f9);
    margin: 0 auto;
}
.voice_2 {
    position: relative;
    overflow: hidden;
}
.voice_2 ul li {
    float: left;
    display: inline;
    height: 485px;
    cursor: pointer;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    margin: 0px 7px;
}
.voice_2 ul {
    display: flex;
    margin: 0px -10px;
}
.voice_2 ul li .unfold{
	display: none;
}
.voice_2 ul li .fold {
    display: block;
    min-width: 245px;
}
.voice_2 ul li:first-child .fold {
    display: none;
}
.voice_2 ul li:first-child .unfold {
    display: block;
}
.unfold_nr_top {
    background: url(../images/supplier/news11.jpg);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0px 30px;
    background-size: cover;
}
.unfold {
    min-width: 930px;
}
.unfold_nr_top_left {
    flex: 1;
    display: flex;
}
.unfold_nr_top_left h3 {
    font-size: 16px;
    color: #272626;
    margin-right: 6px;
}
.unfold_nr_top_left span {
    font-size: 12px;
    color: #272626;
    margin-top: 4px;
}
.unfold_nr_top_right a {
    font-size: 16px;
    color: #272626;
}
.unfold_nr {
    background: #fff;
    height: 460px;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
    overflow: hidden;
}
.unfold_nr_bottom {
    overflow: hidden;
}
.unfold_nr_bottom_nr {
    display: flex;
    padding: 23px 0px;
    border-bottom: 1px dashed #d5d5d5;
    overflow: hidden;
    cursor: pointer;
}
.unfold_nr_bottom_nr_left {
    width: 65px;
    height: 70px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    min-width: 65px;
    margin-right: 15px;
}
.unfold_nr_bottom_nr_left h4 {
    padding-top: 18px;
    font-size: 16px;
    font-family: "Arial";
}

.unfold_nr_bottom_nr_left h3 {
    opacity: 0.65;
    font-size: 17px;
    font-family: "Arial";
}
.home_about_nr_right {
    width: 600px;
    min-width: 600px;
}
.home_product_nr_con_title p {
    color: #fff;
    font-size: 15px;
}
.unfold_nr_bottom_nr_right {
    flex: 1;
}
.unfold_nr_bottom_nr_right h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 44px;
}
.unfold_nr_bottom_nr_right p {
    color: #9a9a9a;
    font-size: 14px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 3px;
    height: 20px;
}
.unfold_nr_bottom_nr_right span {
    color: #bebebe;
    font-size: 12px;
    font-family: "Arial";
}
.unfold_nr_bottom_nr_right span i {
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
    margin-top: -3px;
}
.fold_nr {
    height: 460px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    text-align: center;
    color: #fff;
}
.hangyeicon {
    font-size: 18px;
}
.fold_nr_sore {
    padding-top: 55px;
    overflow: hidden;
}
.fold_nr_icon {
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 18px;
}
.fold_nr_title h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 6px;
}
.fold_nr_title span {
    opacity: 0.4;
    font-size: 12px;
}
.unfold_nr_bottom_nr:hover{
    border-bottom: 1px dashed #00a5f9;
}
.unfold_nr_bottom_nr:hover .unfold_nr_bottom_nr_right h3{
	 color:#2292c9;
}
.unfold_nr_bottom_nr:hover .unfold_nr_bottom_nr_right span{
	 color:#2292c9;
}
.home_product {
    padding: 50px 0px;
    overflow: hidden;
    position: relative;
}
.home_product_beijing img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.home_product_nr_con {
    position: relative;
    width: 280px;
    height: 375px;
    overflow: hidden;
    cursor: pointer;
}
.home_product_nr_con:hover .home_product_nr_con_title{
	background: rgba(47,149,195,0.8);
}
.home_product_nr_con_pic:hover img{
	transform: scale(1.1);
}

.home_product_nr_con_pic{
	overflow: hidden
}
.home_product_nr_con_pic img {
    width: 600px;
    height: 100%;
    object-fit: cover;
     transition: all .7s ease-in-out;
}
.home_product_nr_con_title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffff;
    font-size: 16px;
    background: rgba(0,0,0,0.3);
    padding: 0px 25px;
    height: 54px;
    line-height: 54px;
}
.home_product .home_news_top h3{
	color:#fff;
}
.home_product_nr {
    position: relative;
    padding-bottom: 40px;
    overflow: hidden;
}
.home_product_nr .swiper-container{
	position: static !important;
}
.swiper-pagination-bullet{
	width: 6px !important;
    height: 6px !important;
}
.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fff !important;
}
.home_product_nr .swiper-pagination{
    bottom: 5px !important;
}
.home_about {
    padding: 50px 0px 0px;
    overflow: hidden;
    background: #f5f5f5;
}
.home_about_nr {
    display: flex;
    background: #fff;
    overflow: hidden;
    margin-bottom: 60px;
}
.home_about_nr .home_product_nr_con_pic {
    width: 600px;
    min-width: 600px;
    height: 315px;
}

.home_about_nr_left {
    flex: 1;
}
.home_about .swiper-pagination-fraction {
    width: 60px;
    height: 22px;
    line-height: 22px;
    border-radius: 40px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #4b4a4a;
    float: right;
    position: absolute;
    right: 15px;
    left: inherit;
    bottom: 15px;
}
.home_about_nr_left {
    flex: 1;
    padding: 48px 40px;
    overflow: hidden;
}
.home_about_nr_left_title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 60px;
    height: 130px;
}
.home_about_nr_left p {
    font-size: 15px;
    color: #3f3f3f;
    line-height: 32px;
    
}
.home_news_bottom {
    padding: 35px 0px;
    overflow: hidden;
}
.home_news_bottom ul {
    display: flex;
}
.home_news_bottom ul li {
    text-align: left;
    padding: 0px 77px;
    min-width: 60px;
}
.home_news_bottom ul li h3 {
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
}
.home_news_bottom ul li p span {
    font-size: 40px;
    color: #009bff;
    font-weight: normal;
    font-family: "adineuePRO-Light";
    margin-right: 8px;
}
.home_customers {
    padding: 50px 0px;
    overflow: hidden;
}
.home_customers_nr {
    min-width: 1320px;
    margin: 0 auto;
    width: 1320px;
}
.home_customers_bottom_nr {
    width: 185px;
    height: 95px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    margin: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.home_customers_bottom_nr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s ease-in-out;
}
.home_customers_bottom_nr:hover{
    width: 300px;
    height: 154px;
    position: relative;
    z-index: 999;
    margin-top: -25px;
    margin-left: -30px;
    transition: all .5s ease-in-out;
}
.home_customers_bottom_nr:hover img{
    transform: scale(1.2);
}
.home_customers_bottom {
    position: relative;
    
}
.home_customers_bottom .swiper-container {
    position: inherit !important;
    padding: 35px 60px 0px;
    min-height: 155px;
 /*   overflow: initial !important;*/
}
.home_customers_bottom .swiper-button-next, .home_customers_bottom .swiper-button-prev {
    background-image: initial !important;  
}
.home_customers_bottom .swiper-button-next span, .home_customers_bottom .swiper-button-prev span{
    width: 30px;
    height: 30px;
    background: #d1d1d1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.home_customers_bottom .swiper-button-prev i {
    transform: rotate(180deg);
    
}
.home_customers_bottom .swiper-button-next i, .home_customers_bottom .swiper-button-prev i {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.home_customers_bottom .swiper-button-next {
    right: 0;
    height: 100%;
    background: #fff;
    width: 60px;
    top: 21px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.home_customers_bottom .swiper-button-prev{
	left:0;
	height: 100%;
    background: #fff;
    width: 60px;
    top: 21px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer {
    background: #2e2e2e;
    overflow: hidden;
    padding: 50px 0px;
}
.footer_top {
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 35px;
}
.footer_top img {
    display: inline-block;
}
.footer_top:after {
    position: absolute;
    content: "";
    background: #434343;
    left: 0;
    width: 100%;
    top: 45px;
    height: 1px;
}
.footer_top_pic {
    display: inline-block;
    position: relative;
    z-index: 9;
    width: 190px;
    background: #2e2e2e;
}
.footer_nr {
    overflow: hidden;
}
.footer_nr_left {
    width: 410px;
    float: left;
}
.footer_nr_right {
    width: 790px;
    float: left;
    text-align: right;
}
.footer_nr_left_app h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 7px;
}
.footer_nr_left_app p {
    color: #fff;
    font-size: 12px;
    opacity: 0.2;
}
.footer_nr_left_app {
    margin-bottom: 40px;
    overflow: hidden;
}
.footer_nr_left_add h3 {
    font-size: 30px;
    color: #1999f8;
    font-weight: normal;
    margin-bottom: 20px;
}
.footer_nr_left_add p {
    font-size: 14px;
    color: #979797;
    line-height: 24px;
}
.footer_nr_right {
    width: 720px;
    float: left;
    text-align: left;
    padding-left: 70px;
}
.footer_nr_right_app {
    overflow: hidden;
    display: flex;
}
.footer_nr_right_app_left {
    flex: 1;
}
.footer_nr_right_app_left ul li {
    float: left;
    width: 33.3%;
    margin-bottom: 15px;
}
.footer_nr_right_app_left ul li a {
    font-size: 14px;
    color: #979797;
}
.footer_nr_right_app_ewm {
    float: right;
    min-width: 115px;
}
.footer_nr_right_app_ewm img{
    width: 115px;
    height: 115px;
}
.foot {
    background: #414141;
    overflow: hidden;
    padding: 25px 0px;
}
.foot p {
    color: #9a9a9a;
    font-size: 12px;
    line-height: 24px;
}
.foot p a {
    color: #9a9a9a;
    font-size: 12px;
}
.to-top i {
    font-size: 45px;
    color: #666;
}
.more a {
    width: 120px;
    height: 30px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    display: inline-block;
    text-align: center;
    line-height: 31px;
    color: #fff;
}
.unfold_nr_top_left h3 i {
    font-weight: normal;
    font-size: 22px;
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block;
    margin-right: 6px;
}
.to-top {
    z-index: 9999;
}
.foot p i {
    font-size: 55px;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
    margin-top: -2px;
}
/*新闻*/
.newsnav {
    background: #f5f5f5;
    overflow: hidden;
}
.newsnav ul {
    height: 60px;
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    flex: 1;
}
.newsnav ul::-webkit-scrollbar {
     /*滚动条整体样式*/
    width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
    cursor: move;
}
.newsnav ul::-webkit-scrollbar-thumb {
     /*滚动条里面小方块*/
    border-radius   : 10px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
 }
.newsnav ul::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
    background-color: rgba(0,0,0,0.1);
    border-radius: 10px;
}
.newsnav ul li {
    margin-right: 30px;
    float: left;
    white-space: nowrap;
}

.newsnav ul li:hover a{
    color: #0193db;
    font-weight: bold;
}
.newsnav ul li a {
    font-size: 16px;
    color: #3f4041;
    padding: 0px 30px;
    position: relative;
}
.newsnav ul li.on a {
    color: #0193db;
    font-weight: bold;
    
}
.newsnav ul li.on a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    left: 0;
    right: 0;
    bottom: -19px;
}
.newsnav ul li:hover a{
    color: #0193db;
    font-weight: bold;
}
.newsnav ul li:hover a:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    left: 0;
    right: 0;
    bottom: -19px;
}
.news_nav {
    padding: 20px 0px;
    overflow: hidden;
}
.news_nav i {
    color: #949494;
    font-size: 16px;
}
.news_nav span a {
    font-size: 13px;
    color: #777777;
}
.news_nav span{
    color: #777777;
/*    float: left;*/
}
/*.news_nav .act {
    max-width: 380px;
}*/
.dayu {
    display: inline-block;
    margin-top: -3px;
}
.news_nr {
    overflow: hidden;
}
.news_nr ul li {
    padding: 30px 0px;
    border-bottom: 1px dashed #d5d5d5;
    overflow: hidden;
}
.news_nr_sore {
    display: flex;
    cursor: pointer;
    overflow:hidden;
}
.news_nr_sore_left {
    width: 205px;
    height: 154px;
    overflow: hidden;
    min-width: 205px;
}
.news_nr_sore_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s ease-in-out;
}
.news_nr_sore:hover .news_nr_sore_left img{
    transform: scale(1.1);
}
.news_nr_sore_right {
    flex: 1;
    margin-left: 40px;
}
.news_title {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.yanse1 {
    background: #ffa70e;
}
.yanse1.on{
    background: #5cd595;
}
.yanse2{
    background: #5cd595;
}
.yanse2.on{
    background: #ffa70e;
}
.news_title span {
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    margin-right: 10px;
    white-space: nowrap;
}
.news_title h3 {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.news_short {
    margin-top: 15px;
    overflow: hidden;
}
.news_short p {
    font-size: 14px;
    line-height: 24px;
    color: #9a9a9a;
    height: 48px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 15px;
}
.news_short span {
    color: #bebebe;
}
.news_short h6 {
    font-weight: normal;
}
.news_short h6 span {
    margin-right: 25px;
    font-size: 14px;
    float: left;
    line-height: 34px;
}
.news_short_time i {
    font-size: 17px;
}
.news_short h6 span i {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
    margin-right: 5px;
}
.news_short_more a {
    width: 130px;
    height: 34px;
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #8a8a8a;
}
.news_nr_sore:hover .news_title h3{
    color:#0193db;
}
.news_nr_sore:hover .news_short_more a{
    background:#0193db;
    color:#fff;
}
.news_nr_sore:hover .news_short span{
    color:#0193db;
}
.news_nr ul {
    padding-bottom: 50px;
    overflow: hidden;
}
.page {
    margin-bottom: 50px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
.page span a {
    padding: 0px 10px;
    border: 1px solid #dcdcdc;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
}
.page span{
    margin-left: 10px;
}
.page span a:hover{
    background: #0193db;
    color:#fff;
}
.page span a.hover{
    background: #0193db;
    color:#fff;
}
.page .hover a{
    background: #0193db;
    color:#fff;
}
.newsdetails_nr {
    display: flex;
    margin: 15px 0px 50px;
    overflow: hidden;
}
.newsdetails_left {
    flex: 1;
}
.newsdetails_right {
    min-width: 320px;
    margin-left: 45px;
    width: 320px;
    display: none;
}
.newsdetails_left_top h3 {
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: left;
}
.newsdetails_right_top h3 {
    font-size: 20px;
    font-weight: normal;
    overflow: hidden;
}
.newsdetails_left_top p span {
    color: #ababab;
    font-size: 14px;
    margin-right: 35px;
}
.newsdetails_left_top p span i {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
    margin-right: 5px;
}
.newsdetails_left_top p {
    display: flex;
/*    justify-content: center;*/
    overflow: hidden;
    padding: 10px 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.newsdetails_left_top {
    overflow: hidden;
    padding-bottom: 20px;
}
.newsdetails_left_details {
    color: #333333;
    font-size: 14px;
    line-height: 30px;
    min-height: 300px;
    overflow: hidden;
    padding-bottom: 40px;
    border-bottom: 1px solid #bababa;
}
.newsdetails_right_last .unfold_nr_bottom_nr_right h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.prepnext_top {
    font-size: 14px;
    color: #999999;
    margin-bottom: 5px;
}
.prepnext_top a{
     font-size: 14px;
    color: #999999;
}
.prepnext_last{
    font-size: 14px;
    color: #666666;
}
.prepnext_last a{
    font-size: 14px;
    color: #666666;
}
.newsdetails_left_page {
    padding: 15px 0px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    margin-bottom: 60px;
}
.news_nav .act a {
    color: #0193db;
/*    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;*/
}
.newsdetails_right_last {
    padding-bottom: 50px;
    overflow: hidden;
}
.about_nr_top {
    overflow: hidden;
    padding-top: 20px;
}
.about_nr_top ul {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    padding-bottom: 10px;
}
.about_nr_top ul li {
    display: inline-block;
    background: #e8e8e8;
    margin: 0px 10px;
}
.about_nr_top ul li a {
    padding: 0px 50px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    font-size: 16px;
    color: #5c5c5c;
    position: relative;
}
.about_nr_top ul li.on a {
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    color: #fff;
}
.about_nr_top ul li:hover a{
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    color: #fff;
}
.about_nr_top ul li.on a span {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -38px;
    width: 100%;
    height: auto;
    text-align: center;
}
.about_nr_top ul li.on a span i {
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #17bac1;
}
.about_nr_top ul li:hover a span{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -38px;
    width: 100%;
    height: auto;
    text-align: center;
}
.about_nr_top ul li:hover a span i {
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #17bac1;
}
.about_nr_con_title h3 {
    font-size: 20px;
    font-weight: normal;
    position: relative;
    z-index: 99;
    padding-left: 20px;
}
.about_nr_con_title h3 span {
    font-size: 20px;
    font-family: "Arial";
    color: #0193db;
    margin-left: 10px;
}
.about_nr_con {
    padding-top: 40px;
    overflow: hidden;
}
.about_nr_con_title {
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 15px;
    position: relative;
}
.about_nr_con_title:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    left: 0;
    top: 8px;
}
.about_nr_con_title:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    left: 6px;
    top: 14px;
    z-index: 9;
}
.about_nr_con_sore {
    display: flex;
    background: #fafafa;
    height: 450px;
    overflow: hidden;
}
.about_nr_con_sore_left {
    flex: 1;
    text-align: justify;
    padding: 50px 40px;
    overflow: hidden;
    padding-right: 15px;
}
.about_nr_con_sore_right {
    flex: 1;
    position: relative;
    background: #000;
    display: flex;
    justify-content: center;
    height: 450px;
    align-items: center;
}
.about_nr_con_sore_left_app {
    /* overflow-y: auto; */
    height: 350px;
    overflow: hidden;
}
.about_nr_con_sore_left p {
    color: #666666;
    font-size: 15px;
    line-height: 34px;
/*    text-indent: 28px;*/
}
.about_nr_con_sore_right video {
    width: 640px;
    height: 360px;
    object-fit: cover;
    cursor: pointer;
}
.paly{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    top: 0;
    left: 0;
    right: 0; 
    cursor: pointer;
}
.paly_nr {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.paly_nr i {
    font-size: 81px;
    color: #fff;
    opacity: 0.5;
}
.paly.cut {
    opacity:0;
}
.about_culture_top {
    display: none;
}
.about_culture_top:first-child{
    display: block;
}
.about_culture_list {
    overflow: hidden;
    padding-bottom:20px;
}
.about_culture_list ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding-bottom: 30px;
    overflow: hidden;
}
.about_culture_list_pic img {
    width: 156px;
    height: 156px;
    border-radius: 100%;
    margin: 0 auto;
}
.about_culture_list_pic {
    height: 156px;
    margin-bottom: 25px;
    overflow: hidden;
}
.about_culture_list_sore h3 {
    font-size: 16px;
    color: #000000;
    margin-bottom: 25px;
    overflow: hidden;
}
.about_culture_list_sore p {
    font-size: 15px;
    color: #000000;
    line-height: 26px;
    width: 220px;
    margin: 0 auto;
}
.newstend_righttile h3 {
    font-size: 20px;
    font-weight: normal;
    overflow: hidden;
}
.newstend_righttile{
    overflow: hidden;
}









.about_nr_con_right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.about_nr_con_right p {
    background: #f5f5f5;
    padding: 10px 25px;
    font-size: 14px;
    color: #666666;
}
.about_nr_con_right p span {
    color: #0193db;
    font-weight: 900;
}
.about_culture {
    padding-top: 50px;
    overflow: hidden;
}

/*企业文化*/
.culturevoice {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
}
.culturevoice ul li .culturevoice_left{
    display: none;
}
.culturevoice ul li .culturevoice_right {
    display: block;
}
.culturevoice ul li:first-child .culturevoice_right {
    display: none;
}
.culturevoice ul li:first-child .culturevoice_left {
    display: block;
}
.culturevoice ul {
    display: flex;
    overflow: hidden;
}
.culturevoice ul li {
    float: left;
    display: inline;
    height: 420px;
    cursor: pointer;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    margin: 0px 2px;
}
.culturevoice_right_nr,.culturevoice_left_nr{
    height: 420px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    color: #fff;
}
.culturevoice_left{
    min-width: 540px;
}
.culturevoice_right{
    min-width: 160px;
}
.culturevoice_left_nr {
    display: flex;
    align-items: center;
    padding: 0px 50px;
    position: relative;
}
.culturevoice_left_nr_top_pic img {
    width: 40px;
}
.culturevoice_left_nr_top {
    display: flex;
    overflow: hidden;
    margin-bottom: 25px;
}
.culturevoice_left_nr_top_pic {
    min-width: 40px;
    margin-right: 8px;
}
.culturevoice_left_nr_top_title h3 {
    font-size: 16px;
    margin-top: 4px;
}
.culturevoice_left_nr_top_title h3 {
    font-size: 16px;
}
.culturevoice_left_nr_top_title p {
    font-size: 12px;
    font-family: "Arial";
    opacity: 0.6;
    margin-top: 1px;
}
.culturevoice_left_nr_bottom {
    width: 100%;
    line-height: 34px;
    font-size: 14px;
}
.culturevoice_left_nr_logo {
    position: absolute;
    right: 35px;
    bottom: 35px;
}
.culturevoice_left_nr_logo img {
    height: 45px;
}
.culturevoice_right_nr {
    text-align: center;
}
.culturevoice_right_nr_pic {
    margin-top: 60px;
    overflow: hidden;
    margin-bottom: 10px;
}
.culturevoice_right_nr_pic img {
    height: 35px;
}
.culturevoice_right_nr_title p {
    font-size: 14px;
    opacity: 0.6;
    margin-bottom: 10px;
}
.culturevoice_right_nr_title h3{
    font-size: 20px;
    font-weight: normal;
}
.about_culture_top_nr{
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-bottom: 20px;
}
.about_speech_all {
    background: #f5f5f5;
    overflow: hidden;
}
.about_speech {
    padding-top: 30px;
}
.about_speech_nr {
    display: flex;
    padding: 60px 0px;
}
.about_speech_nr_left {
    min-width: 536px;
    width: 536px;
    height: 358px;
    overflow: hidden;
}
.about_speech_nr_left:hover img{
    transform: scale(1.1);
}
.about_speech_nr_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s ease-in-out;
}
.about_speech_nr_right {
    flex: 1;
    margin-left: 50px;
    display: flex;
    align-items: center;
    color: #666666;
    font-size: 15px;
    line-height: 34px;
}
.product {
    padding-top: 20px;
    padding-bottom: 50px;
    overflow: hidden;
}
.product ul li {
    width: 285px;
    height: 343px;
    border: 1px solid #e3e3e3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin-right: 17px;
    margin-bottom: 17px;
}

.productLogoys {
    display: none;
    margin: 0 auto;
}
.productLogo {
    display: block;
    margin: 0 auto;
}
.product_nr_pic {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
}
.product_nr_pic:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background: #4b4b4b;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.product_nr_title p {
    font-size: 20px;
    color: #010101;
    padding: 0px 12px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}
.productjicheng p {
    -webkit-line-clamp: 1;
    height: 30px;
}
.productjicheng ul li span {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}
.product ul li:hover{
    border:0;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    border: 1px solid #fff;
}
.product ul li:hover .productLogo{
    display: none;
}
.product ul li:hover .productLogoys{
    display: block;
}

.product ul li:hover .product_nr_title p{
    color:#fff;
}
.product ul li:hover .product_nr_title span{
    color:#fff;
}
.product ul li:hover .product_nr_pic:after{
    background: #fff;
}
.product_details_title {
    padding: 35px 0px 25px;
    overflow: hidden;
    border-bottom: 1px solid #535353;
    margin-bottom: 40px;
}
.product_details_title h3 {
    font-size: 22px;
    margin-bottom: 8px;
    overflow: hidden;
}
.product_details_title p {
    font-size: 16px;
    color: #666666;
}
.product_details_nr {
    padding: 0px 0px 40px;
    overflow: hidden;
}
.product_details_nr_title h3 {
    font-size: 16px;
    color: #0193db;
}
.product_details_nr_title {
    padding-bottom: 30px;
    overflow: hidden;
}
.product_details_nr_jiegou {
    display: flex;
    align-items: center;
}
.product_details_nr_jiegou_left {
    min-width: 420px;
    width: 420px;
    margin-right: 50px;
}
.product_details_nr_jiegou_left img{
    max-width: 400px;
}
.product_details_nr_jiegou_right {
    flex: 1;
}

.table_molecular {
    display: flex;
    border: 1px solid #e5e5e5;
    margin-bottom: 8px;
    overflow: hidden;
}
.table_molecular h4 {
    min-width: 155px;
    text-align: right;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    font-size: 16px;
    color: #fff;
    padding: 10px 0px;
    padding-right: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.table_molecular p {
    padding: 10px 20px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
}
.quality {
    padding-bottom: 50px;
    overflow: hidden;
}
.feature {
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    display: inline-block;
}
.feature_nr {
    padding: 0px 20px;
    box-sizing: border-box;
    margin-bottom: 45px;
    overflow: hidden;
    break-inside: avoid;
}
.feature_nr_title {
    font-size: 14px;
    color: #606060;
    line-height: 26px;
    text-align: justify;
}

.feature:after {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 50px);
    border-right: 1px dashed #dadada;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.quality_nr {
    overflow: hidden;
}
/*.quality_nr table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    overflow:hidden;
}*/

.quality_nr table {
    overflow-x: scroll;
    border: 1px solid #ccc;
    border-left: none;
    border-bottom: none;
    border-collapse: collapse;
    width: 100%;
}

.quality_nr table tr td,.quality_nr table tr th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    color: #606060;
}

.quality_nr table tr td{
    padding: 10px;
}
.quality_nr table tr th p {
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
}

.quality_nr table tr th p span:last-child{
    border-right:0;
}
.quality_nr table tr th p span {
    flex: 1;
    border-right: 1px solid #ccc;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: normal;
    color:#fff;
}
.quality_nr table tr th h3 {
    font-size: 14px;
    padding: 7px 10px;
    color:#fff;
}
.quality_nr table tr:first-child {
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    overflow: hidden;
}
.about {
    min-height: 500px;
}
.about_keyan {
    padding-top: 40px;
}
.about_keyan_nr {
    overflow: hidden;
    display: flex;
}
.about_keyan_nr_left {
    width: 355px;
    float: left;
    min-width: 355px;
}
.about_keyan_nr_right {
    float: left;
    display: flex;
    flex: 1;
    margin-left: 30px;
    justify-content: flex-end;
}
.about_keyan_nr_right_pic {
    margin-left: 25px;
    overflow: hidden;
}
.about_keyan_nr_left p {
    padding: 13px 20px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    margin-bottom: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.about_keyan_nr_right_pic a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid;
    border-color:#eeeeee;
    width: 230px;
    height: 160px;
    overflow: hidden;
}
.about_keyan_nr_right_pic img {
    width: 223px;
    height: auto;
    object-fit: cover;
    transition: all .7s ease-in-out;
}
.about_keyan_nr_right_pic:hover a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid;
    border-color:#00a5f9;
    overflow: hidden;
}

.about_chengguo_nr {
    overflow: hidden;
}
.about_chengguo_nr ul {
    display: flex;
}
.about_chengguo_nr ul li {
    flex: 1;
    min-width: 400px;
}
.about_chengguo_nr_title {
    height: 385px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.about_chengguo_nr_title img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s ease-in-out;
}
.about_chengguo_nr_title:hover img{
    transform: scale(1.1);
}
.about_chengguo_nr_title_sore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    min-height: 209px;
    padding: 25px;
    font-size: 14px;
    color: #434343;
    line-height: 26px;
    text-align: justify;
}
.patent {
    padding: 50px 0px 35px;
    overflow: hidden;
}
.patent_top{
    padding-bottom: 25px;
    overflow:hidden;
}
.patent_top h3 {
    font-size: 16px;
    font-weight: normal;
    position: relative;
    color:#0297e0;
    font-weight:700;
}
.patent_nr {
    overflow: hidden;
}
.patent_nr .swiper-container{
    padding-bottom: 40px;
}
.patent_nr .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #00a0e9 !important;
}
.patent_nr {
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
}
.patent_nr .swiper-pagination{
    bottom: 0 !important;
}
.patent_nr_pic {
    width: 225px;
    height: 330px;
    border: 2px solid #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
}
.patent_nr_pic:hover{
    border: 2px solid #0193db;
}
.patent_nr_pic img {
    max-width: 210px;
    max-height: 330px;
    margin: 0 auto;
    object-fit: cover;
}
.throw {
    background: #f9f9f9;
    overflow: hidden;
    padding-bottom: 50px;
}
.throw_nr {
    display: flex;
    overflow: hidden;
    background: #fff;
}
.throw_nr_left {
    flex: 1;
    padding: 25px;
    display: flex;
    align-items: center;
}
.throw_nr_right {
    flex: 1;
    min-width: 600px;
    width: 600px;
    overflow: hidden;
}
.throw_nr_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s ease-in-out;
}
.throw_nr_right:hover img{
    transform: scale(1.1);
}
.throw_nr_left_sore_logo {
    margin-bottom: 20px;
    overflow: hidden;
}
.throw_nr_left_sore_title {
    color: #403f3f;
    font-size: 14px;
    line-height: 34px;
}
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999;
}
.popup_nr {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.popup_close {
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    cursor: pointer;
}
.popup_close i{
    font-size: 40px;
}
.beijingpoup {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}
.popup_nr_pic {
    position: relative;
    z-index: 99;
}
.about_speech_nr_right_title {
    text-align: justify;
}
.search_paonew_nr {
    display: none;
}
.search_paonew .search_paonew_nr:first-child{
    display: block;
}
.course {
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 50px;
}
.course_nr_app_left {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 320px;
    height: 100px;
    min-width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.course_nr_app {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 8px;
    margin-right: 8px;
    background: #f5f5f5;
}
.course_nr_app_right {
    flex: 1;
    padding: 0px 50px;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
}
.course_nr_app_left span {
    width: 40px;
    height: 40px;
    background: url(../images/supplier/num.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-family: "Arial";
}
.course_nr_app_left h3 {
    margin-left: 15px;
    font-size: 18px;
    font-weight: normal;
}
.course_nr_app:hover{
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}
.contact_app_nr_add_icon {
    width: 20px;
    height: 20px;
    background: #313131;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.contact_app_nr_add_icon i {
    font-size: 12px;
}
.contact_app_nr {
    width: 580px;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}
.contact_app {
    overflow: hidden;
    padding-bottom: 20px;
}
.contact_app_nr_pic img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.contact_app_nr_pic {
    overflow: hidden;
}
.contact_app_nr_title h3 {
    padding: 20px 0px 16px;
    border-bottom: 1px dashed #d7d7d7;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    color: #232424;
}
.contact_app_nr_add {
    padding-top: 20px;
    overflow: hidden;
}
.contact_app_nr_title h3 span {
    font-size: 18px;
    opacity: 0.4;
    padding-left: 10px;
}
.contact_app_nr_add p label {
    font-size: 14px;
    color: #6c6c6c;
    padding-left: 10px;
    min-width: 45px;
}
.contact_app_nr_title {
    font-size: 14px;
    color: #161616;
}
.contact_app_nr_add p {
    display: flex;
    padding-bottom: 15px;
    overflow: hidden;
}
.contact_app_nr_more {
    overflow: hidden;
    padding-top:20px;
}
.contact_app_nr_more a {
    width: 110px;
    height: 30px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
.contact_app_nr:nth-child(2n) {
    margin-right: 0;
}
.investor {
    padding: 40px 0px 50px;
    overflow: hidden;
}
.investor_nr_pic img {
    width: 790px;
    height: 480px;
    object-fit: cover;
}
.investor_nr {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}
.investor_nr_title {
    position: absolute;
    right: 0;
    top: 0;
    width: 565px;
    height: 100%;
    display: flex;
    align-items: center;
}
.investor_nr_title_sore {
    width: 100%;
    height: 380px;
    background: rgba(137,64,0,0.6);
    position: relative;
    overflow: hidden;
}
.investor_nr_title_sore:after {
    position: absolute;
    content: "";
    width: 268px;
    height: 245px;
    background: url(../images/supplier/phoneicon.png);
    background-size: cover;
    background-repeat: no-repeat;
    right: -65px;
    bottom: -5px;
}
.investor_nr_title_sore_biaoti {
    color: #fff;
    overflow: hidden;
    padding: 45px 80px;
}
.investor_nr_title_sore_biaoti p {
    font-size: 16px;
    padding-bottom: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.investor_nr_title_sore_biaoti p:last-child{
    margin-bottom: 0;
}
.investor_nr_title_sore_biaoti p label {
    margin-right: 5px;
    min-width: 25px;
}
.investor_nr_title_sore_biaoti p i {
    font-size: 22px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 2px;
}
.investor_nr_title_sore_biaoti p a {
    font-size: 16px;
    color: #fff;
}
.inv3 {
    font-size: 25px !important;
    margin-left: -2px;
}
.inv4 {
    font-size: 19px !important;
    margin-left: 1px;
}
.inv5 {
    font-size: 17px !important;
}
.inv6 {
    margin-left: 1px;
    font-size: 16px !important;
}
.inv7 {
    font-size: 19px !important;
}
.investor_nr_title_sore_biaoti h3 {
    font-family: "Arial";
    font-weight: normal;
    font-size: 40px;
    padding-top: 15px;
    width: 100%;
}
.development {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-bottom: 50px;
}
.development_right {
    min-width: 600px;
    width: 600px;
}
.development_right img {
    width: 100%;
    height: 354px;
    object-fit: cover;
}
.development_left {
    flex: 1;
    margin-right: 100px;
    text-align: justify;
    font-size: 16px;
    line-height: 36px;
    color: #3e3e3e;
}
.global {
    padding-top: 40px;
    padding-bottom: 30px;
    overflow: hidden;
}
.global_nr_list {
    overflow: hidden;
    margin-bottom: 35px;
}
.global_nr_list_pic {
    float: left;
    width: 600px;
}
.global_nr_list_pic img {
    width: 600px;
    height: 325px;
    object-fit: cover;
}
.global_nr_list_title {
    float: left;
    width: 600px;
}
.global_nr_list_title_nr {
    padding-left: 120px;
    padding-top: 50px;
    overflow: hidden;
}
.global_nr_list:nth-child(2n) .global_nr_list_pic{
    float: right;
}
.global_nr_list_title_icon img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.global_nr_list_title_nr h3 {
    font-size: 20px;
    color: #0297e0;
    font-weight: normal;
    font-family: "Source Han Sans CN";
    margin-bottom: 25px;
    overflow: hidden;
}
.global_nr_list_title_icon {
    margin-bottom: 15px;
    overflow: hidden;
}
.global_nr_list_title_nr p {
    font-size: 16px;
    color: #343434;
    line-height: 30px;
}
.searchline{
    height: 120px;
}
.search_tab {
    overflow: hidden;
    padding: 20px 0px;
}
.search_tab ul li{
   float: left;
    width: 130px;
    height: 35px;
    line-height: 35px;
    background: #eeeeee;
    margin-right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 40px; 
    cursor: pointer;
}
.search_tab ul li a{
    color:#666666;
    font-size: 14px;
}
.search_tab ul li.on {
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
}
.search_tab ul li.on a{
    color:#fff;
}
.leisure {
    text-align: center;
    padding-top: 100px;
    overflow: hidden;
}
.leisure i {
    font-size: 60px;
    color: #ccc;
}
.leisure p {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}
.salary_nr {
    margin-bottom: 50px;
    overflow: hidden;
}
.salary_nr_left {
    float: left;
    width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 360px;
}
.salary_nr_right {
    float: left;
    width: 600px;
    overflow: hidden;
}
.salary_nr_left_sore {
    padding: 0px 40px;
    overflow: hidden;
}
.salary_nr_left_sore h3 {
    font-size: 20px;
    color: #292929;
    font-weight: normal;
    padding-bottom: 30px;
}
.salary_nr_left_sore p {
    font-size: 16px;
    line-height: 34px;
    color: #666666;
    text-align: justify;
}
.salary_nr:nth-child(2n) .salary_nr_left{
    float: right;
}
.salary {
    padding-bottom: 20px;
    overflow: hidden;
}
.train {
    overflow: hidden;
    padding-bottom:20px;
}
.train_nr {
    float: left;
    width: 580px;
    margin-right: 40px;
    background: #f5f5f5;
    margin-bottom: 40px;
}
.train_nr:nth-child(2n){
    margin-right: 0;
}
.train_nr_sore {
    padding: 70px 55px 30px;
    overflow: hidden;
}
.train_nr_sore_pic img {
    width: 50px;
}
.train_nr_sore_pic {
    margin-bottom: 20px;
    height: 50px;
    overflow: hidden;
}
.train_nr_sore h3 {
    font-size: 22px;
    color: #0193db;
    margin-bottom: 25px;
}

.train_nr_sore p {
    font-size: 16px;
    line-height: 36px;
    color: #3e3e3e;
    text-align: justify;
    min-height: 180px;
}
.train_nr_sore_logo {
    padding-top: 20px;
    text-align: right;
}
.archite_top h3 {
    font-size: 18px;
    color: #0193db;
    font-weight: normal;
}
.archite_top {
    padding-bottom: 20px;
    overflow: hidden;
}
.archite_nr {
    overflow: hidden;
    padding-bottom: 30px;
}
.archite_nr_sore {
    float: left;
    width: 590px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #f8f8f8;
}
.archite_nr_sore:nth-child(2n){
    margin-right: 0;
}
.archite_nr_sore_pic img {
    width: 100%;
    height: 218px;
    object-fit: cover;
}
.archite_nr_sore_pic {
    overflow: hidden;
}
.archite_nr_sore_title {
    padding: 40px;
    overflow: hidden;
    min-height: 215px;
}
.archite_nr_sore_title h3 {
    font-size: 16px;
    color: #3e3e3e;
    margin-bottom: 15px;
    overflow: hidden;
}
.archite_nr_sore_title p {
    font-size: 15px;
    color: #666666;
    line-height: 30px;
    text-align: justify;
}
.archite_nr_subry {
    overflow: hidden;
    padding-bottom: 15px;
}
.archite_nr_subry_pic {
    float: left;
    width: 600px;
    overflow: hidden;
}
.archite_nr_subry_pic img {
    width: 100%;
    height: 283px;
    object-fit: cover;
}
.archite_nr_subry_title {
    float: left;
    width: 600px;
    height: 283px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.archite_nr_subry_title_sore {
    padding-left: 40px;
}
.archite_nr_subry_title_sore h3 {
    font-size: 16px;
    color: #3e3e3e;
    margin-bottom: 25px;
    overflow: hidden;
}
.archite_nr_subry_title_sore p {
    font-size: 15px;
    line-height: 32px;
    color: #3e3e3e;
    text-align: justify;
}
.archite_nr_subry:nth-child(2n) .archite_nr_subry_pic{
    float:right; 
}
.archite_nr_subry:nth-child(2n) .archite_nr_subry_title_sore{
    padding-left: 0;
    padding-right: 40px;
}
.reseat .archite_nr_subry_title_sore{
    padding-left: 0;
    padding-right: 40px;
}
.reseat:nth-child(2n) .archite_nr_subry_title{
    float: right;
}
.reseat:nth-child(2n) .archite_nr_subry_title_sore{
    padding-left: 40px;
    padding-right: 0;
}
.archite {
    padding-bottom: 20px;
    overflow: hidden;
}
.jobnav {
    overflow: hidden;
}

.jobnav ul li {
    float: left;
    margin-right: 20px;
}
.jobnav ul li a {
    width: 130px;
    height: 36px;
    background: #eeeeee;
    display: inline-block;
    border-radius: 40px;
    line-height: 36px;
    text-align: center;
}
.jobnav ul li.on a{
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    color:#fff;
}
.jobnav_nr {
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 50px;
}
.jobnav_nr_up {
    overflow: hidden;
}
.jobnav_nr_up ul {
    display: flex;
}

.jobnav_nr_up ul li {
    background: #505050;
    color: #fff;
    padding: 15px 0px;
    font-size: 16px;
    float: left;
    flex: 1;
    text-align: center;
}
/*.jobnav_nr_up ul li:first-child {
    text-align: left;
    padding-left: 45px;
}*/
.jobnav_nr_con_top {
    overflow: hidden;
}
.jobnav_nr_con_top ul {
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.jobnav_nr_con_top ul:hover{
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    
}
.jobnav_nr_con_top ul:hover li{
    color:#fff;
    border-bottom:0;
}
.jobnav_nr_bottom.cut{
    border-bottom: 1px dashed #dbdbdb;
}
.jobnav_nr_con_top ul li {
    text-align: center;
    padding: 15px 0px;
    font-size: 15px;
    color: #666666;
    border-bottom: 1px dashed #dbdbdb;
    flex: 1;
}
.jobnav_nr_tany_last_app {
    padding-bottom: 30px;
    overflow: hidden;
}
.jobnav_nr_tany_last_app:last-child{
    padding-bottom: 0;
}
/*.jobnav_nr_con_top ul li:first-child {
    text-align: left;
    padding-left: 45px;
}*/
.bold {
    font-weight: 600;
}
.check {
    cursor: pointer;
}
.check:hover{
    color:#0193db;
}

.jobnav_nr_tany {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.jobnav_nr_tany_top ul li {
    float: left;
    width: 270px;
    padding-bottom: 30px;
}
.jobnav_nr_tany_top ul li:first-child{
    width: 450px;
}
.jobnav_nr_tany_top ul li:nth-child(3n+1){
    width: 450px;
}
.jobnav_nr_tany_top {
    padding-top: 25px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.jobnav_nr_tany_top ul li label {
    font-size: 15px;
    color: #838383;
}
.jobnav_nr_tany_top ul li span {
    font-size: 15px;
    color: #494949;
    padding-left: 5px;
}
.jobnav_nr_tany_last {
    padding: 35px 0px 40px;
/*    border-bottom: 1px solid #000;*/
    overflow: hidden;
    font-size: 15px;
    color: #494949;
    line-height: 36px;
}
.jobnav_nr_tany_mail {
    padding: 30px 0px 60px;
    overflow: hidden;
}
.jobnav_nr_tany_mail p {
    float: right;
    background: #505050;
    font-size: 15px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    padding: 0px 25px;
    overflow: hidden;
}
.jobnav_nr_tany_mail p a {
    color: #fff;
    font-size: 15px;
}
.jobnav_nr_bottom {
    overflow: hidden;
}
.jobnav_nrtdy {
    display: none;
    transition: all 0.3s linear 0s;
}

.jobnav_nr_bottom.cut .jobnav_nrtdy{
    display: block;
    transition: all 0.3s linear 0s;
}
.jobnav_nr_bottom.cut .jobnav_nr_con_top{
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    transition: all 0.3s linear 0s;
}
.jobnav_nr_bottom.cut .jobnav_nr_con_top ul li{
    color:#fff;
    border-bottom:0;
}
.global_top {
    padding-bottom: 100px;
    overflow: hidden;
}
.global_top ul li {
    float: left;
    margin-right: 30px;
    overflow: hidden;
    font-size: 15px;
    color: #565656;
}
.global_top ul li i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 8px;
}
.global_nr {
    width: 1200px;
    height: 642px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 60px;
    position: relative;
}
.global_nr_total_bottom {
    display: none;
    opacity: 0;
    position: absolute;
    top: -275px;
    width: 253px;
    height: 110px;
    right: -115px;
    border: 1px solid #d2d2d2;
    background: rgba(255,255,255,0.6);
    transition: all 0.3s linear 0s;
    
}
.global_nr_total.open .global_nr_total_bottom{
    display: block;
    opacity: 1;
    transition: all 0.3s linear 0s;
}
.global_nr_all {
    position: absolute;
    right: 160px;
    top: 252px;
}
.global_nr_total:first-child .global_nr_total_top {
    color: #00a2ff;
}

.global_nr_total_icon {
    float: left;
}
.global_nr_total_top span {
    font-size: 12px;
    font-family: "宋体";
    font-weight: 700;
}
.global_nr_total:first-child {
    position: absolute;
    right: -34px;
    top: -13px;
}
.global_nr_total:first-child .global_nr_total_top span{
    font-size: 14px;
}
.global_nr_total_icon i {
    
    display: inline-block;
    vertical-align: top; 
}
.global_nr_total:first-child .global_nr_total_icon i {
    margin-top: -11px;
    font-size: 37px;
    position: relative;
    z-index: 99;
}
.global_nr_total:first-child .global_nr_total_bottom{
    border-bottom: 1px solid #00a2ff;
}
/*2*/
.global_nr_total:nth-child(2) {
    position: absolute;
    right: -38px;
    top: 14px;
}
.global_nr_total:nth-child(2) .global_nr_total_icon{
    width: 20px;
    height: 20px;
    border-radius:100%;
    background: #36ce90;
    display: flex;
    align-items: center;
    justify-content: center;
}
.global_nr_total:nth-child(2) .global_nr_total_icon i {
    margin-top: 0px;
    font-size: 12px;
    color: #fff;
    transform: scale(0.8,0.8);
}

.global_nr_total:nth-child(2) .global_nr_total_top {
    display: flex;
    align-items: center;
    color:#07cc7c;
}
.global_nr_total:nth-child(2) .global_nr_total_top span{
    margin-left: 4px;
}
/*3*/
.global_nr_total:nth-child(3) {
    position: absolute;
    right: 90px;
    top: 3px;
}
.global_nr_total:nth-child(3) .global_nr_total_icon {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #ff0feb;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}
.global_nr_total:nth-child(3) .global_nr_total_icon i {
    margin-top: 0px;
    font-size: 16px;
    color: #fff;
    transform: scale(0.85,0.85);
}
.global_nr_total:nth-child(3) .global_nr_total_top {
    color:#ff0feb;
}
.global_nr_total:nth-child(3) .global_nr_total_top span {
    margin-left: 4px;
    float: right;
    padding-right: 7px;
    margin-top: 2px;
}

/*4*/
.global_nr_total:nth-child(4) {
    position: absolute;
    right: 63px;
    top: -17px;
}
.global_nr_total:nth-child(4) .global_nr_total_icon {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #f10000;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    position: absolute;
    right: -4px;
    top: 13px;
}
.global_nr_total:nth-child(4) .global_nr_total_icon i {
    margin-top: 0px;
    font-size: 13px;
    color: #fff;
    transform: scale(0.75,0.75);
}
.global_nr_total:nth-child(4) .global_nr_total_top {
    color:#f10000;
}
.global_nr_total:nth-child(4) .global_nr_total_top span {
    margin-left: 4px;
    float: right;
    padding-right: 17px;
}
.global_nr_total_bottom_sore h3 {
    font-size: 15px;
    color: #343434;
    padding-top: 20px;
}
.global_nr_total_bottom_sore h3 img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    vertical-align: top;
    margin-right: 3px;
}
.global_nr_total_bottom_sore {
    padding: 10px 20px;
    position: relative;
}
.global_nr_total_bottom_pic {
    position: absolute;
    right: 20px;
    top: 15px;
}
.global_nr_total_bottom_pic img {
    height: 30px;
}
.global_nr_total_bottom_sore p {
    font-size: 14px;
    color: #343434;
    padding-top: 10px;
}
.global_nr_total_top{
    width: 100px;
    cursor: pointer;
    position: relative;
}
.global_nr_total_top:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 160px;
    border-left: 1px dashed #00b4ff;
    left: 19px;
    top: -163px;
    transition: all 0.3s linear 0s;
    display: none;
}
.global_nr_total.open .global_nr_total_top:after{
    display: block;
}
.global_nr_total:nth-child(2) .global_nr_total_bottom {
    right: -120px;
    border-bottom: 1px solid #36ce90;
    width: 270px;
    top: -269px;
}
.global_nr_total:nth-child(2) .global_nr_total_bottom .global_nr_total_bottom_sore h3 i {
    font-size: 17px;
    color: #07cc7c;
    font-weight: normal;
    margin-right: 4px;
}
.global_nr_total:nth-child(2) .global_nr_total_top:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 160px;
    border-left: 1px dashed #36ce90;
    left: 9px;
    top: -157px;
}
/*3*/
.global_nr_total:nth-child(3) .global_nr_total_bottom {
    right: -197px;
    border-bottom: 1px solid #ff0feb;
    top: -269px;
}
.global_nr_total:nth-child(3) .global_nr_total_bottom .global_nr_total_bottom_sore h3 i {
    font-size: 22px;
    color: #ff0feb;
    font-weight: normal;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -6px;
}
.global_nr_total:nth-child(3) .global_nr_total_top:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 160px;
    border-left: 1px dashed #ff0feb;
    left: 89px;
    top: -157px;
}
/*4*/
.global_nr_total:nth-child(4) .global_nr_total_bottom {
    right: -200px;
    border-bottom: 1px solid #f10000;
    top: -259px;
}
.global_nr_total:nth-child(4) .global_nr_total_bottom .global_nr_total_bottom_sore h3 i {
    font-size: 16px;
    color: #f10000;
    font-weight: normal;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -6px;
}
.global_nr_total:nth-child(4) .global_nr_total_top:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 160px;
    border-left: 1px dashed #f10000;
    left: 93px;
    top: -147px;
}

.system_all{
    overflow:hidden;
}
.responsibility{
    width: 585px;
    background: #f5f5f5;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.responsibility:nth-child(2n){
    margin-right: 0;
}
.responsibility_nr {
    padding: 50px 40px 35px;
}
.responsibility_nr_pic img {
    width: 60px;
    object-fit: cover;
}
.responsibility_nr_pic {
    margin-bottom: 20px;
    overflow: hidden;
}
.responsibility_nr_title h3 {
    font-size: 20px;
    color: #0193db;
    font-weight: normal;
    margin-bottom: 20px;
    overflow: hidden;
}
.responsibility_nr_title_sore {
    overflow: hidden;
}
.responsibility_nr_title_sore_con {
    float: left;
    margin-left: 40px;
    line-height: 28px;
    min-height: 140px;
}
.responsibility_nr_title_sore_con:first-child{
    margin-left: 0;
}
.responsibility_nr_title_sore_con h6 {
    font-size: 14px;
    color: #383838;
}
.responsibility_nr_title_sore_con p {
    font-size: 14px;
    color: #383838;
}
.timeline {
    position: relative;
    background: url(../images/timeline.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-bottom: 80px;
    overflow: hidden;
}
.productall {
    display: flex;
    overflow: hidden;
}

.productall_left {
    min-width: 245px;
    margin-right: 40px;
    width: 245px;
}
.productall_left_top {
    height: 75px;
    background: url(../images/productall.jpg);
    padding-left: 25px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.productall_left_top_title {
    color: #fff;
}
.productall_right {
    flex: 1;
}
.productall_left ul{
    border: 1px solid #eee;
}
.productall_left ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.productall_left ul li:last-child{
    border-bottom: 0;
}
.productall_left_top_title h3 {
    font-size: 18px;
    font-weight: normal;
}
.productall_left_top_title p {
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.8;
}
.productall_left ul li a {
    padding: 18px 15px 18px 25px;
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #3f4041;
}
.productall_left ul li i {
    position: absolute;
    right: 15px;
    font-size: 13px;
    color: #c9caca;
    margin-top: 4px;
    font-weight: 700;
}
.productall_left ul li.on a{
    color:#0193db;
}
.productall_left ul li.on i{
    color:#0193db;
}
.productall_left ul li:hover a{
    color:#0193db;
}
.productall_left ul li:hover i{
    color:#0193db;
}
.productall_left_top_nr {
    display: flex;
    align-items: center;
}
.productall_left_top_nr i {
    color: #fff;
    font-size: 35px;
}
.productall_left_top_icon {
    margin-right: 5px;
}
.productall_right_top {
    display: flex;
    padding-bottom: 15px;
    border-bottom: 2px solid #eee;
    overflow: hidden;
}
.productall_right_top span {
    width: 28px;
    height: 25px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-right: 10px;
}
.productall_right_top h3 {
    font-size: 18px;
    font-weight: normal;
}
.productall {
    display: flex;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 15px;
    overflow: hidden;
}
.productall_right .product ul li {
    width: 213px;
    height: 256px;
    border: 1px solid #e3e3e3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin-right: 17px;
    margin-bottom: 17px;
}
.productall_right .product ul li p{
    font-size: 16px;
}
.productall_right .product_details_title{
    padding: 0px 0px 25px;
}
.productall_right .table_molecular h4 {
    min-width: 120px;
    text-align: right;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    font-size: 15px;
    color: #fff;
    padding: 10px 0px;
    padding-right: 20px;
    
}
.productall_right .product_details_nr_jiegou_left {
    min-width: 360px;
    width: 360px;
    margin-right: 50px;
}
.productall_right .product_details_nr_jiegou_left img {
    max-width: 360px;
}
.product_details_title h6 {
    font-size: 16px;
    margin-bottom: 5px;
    overflow: hidden;
}
.product ul li:nth-child(4n) {
    margin-right: 0;
}
.product_details_title_info {
    font-size: 14px;
    color: #666666;
    margin-top: 4px;
    display: flex;
    line-height: 26px;
}
.product_details_title_info label {
    min-width: 70px;
    margin-right: 2px;
}
.product_details_title_info span {
    flex: 1;
}

.triethy .table_molecular {
    float: left;
    width: 590px;
    margin-right: 15px;
}
.triethy .table_molecular:nth-child(2n) {
    float: right;
    margin-right: 0;
}
.usage{
    margin-bottom: 50px;
}
/*登录*/

.login {
    display: inline-block;
    background: #fff;
    padding: 0px 10px;
    border-radius: 40px;
    margin-left: 5px;
    height: 23px;
    line-height: 23px;
    vertical-align: top;
}
.login a {
    font-size: 12px;
    padding: 0px 8px;
    position: relative;
}
.login a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background: #eee;
    right: 0;
    top: 4px;
}
.login a:last-child:after{
    display: none;
}

.login a:hover{
    color:#2292c9;
}

.headban .login{
    background:#333333;
}
.headban .login a{
    color:#fff;
}
.interest {
    padding-top: 110px;
    background: #f5f5f5;
    overflow: hidden;
}
.interest_nr {
    overflow: hidden;
    padding-bottom: 100px;
}
.interest_top {
    padding-top: 40px;
    overflow: hidden;
    text-align:center;
}
.interest_top h3 {
    position: relative;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    display: inline-block;
    padding-bottom: 15px;
}
.interest_top h3:after {
    position: absolute;
    content: "";
    width: 33px;
    height: 1px;
    background: #606060;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.dlzh {
    font-size: 16px;
    color: #666666;
}
.dlzh a {
    font-size: 16px;
    color: #1999f8;
}
.interest_list ul {
    display: flex;
    padding-left: 60px;
}
.interest_list ul li {
    flex: 1;
    padding-bottom: 20px;
    position: relative;
}
.interest_listtitle {
    display: flex;
    align-items: center;
}
.interest_listtitle span {
    width: 50px;
    height: 50px;
    background: #cccccc;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}
.interest_listtitle h3 {
    font-size: 16px;
    color: #999999;
    font-weight: normal;
    margin-left: 15px;
}
.interest_list ul li.on .interest_listtitle span{
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
}
.interest_list ul li.on .interest_listtitle h3{
    color:#018cce;
}
.interest_list {
    padding-top: 35px;
    padding-bottom: 25px;
    overflow: hidden;
    position: relative;
}
.interest_list:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    bottom: 25px;
    left: 0;
    right: 0;
}
.interest_list ul li.on{
    position: relative;
}
.interest_list ul li.on:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 7px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    left: 7px;
    bottom: -3px;
    border-radius: 10px;
    z-index: 99;
}
.interest_nrxinxi {
    background: #fff;
    padding: 40px 25px 20px;
    overflow: hidden;
}
.interest_nrxinxitop {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 3px solid #959595;
    display: flex;
    align-items: center;
}
.interest_nrxinxitop h3 {
    font-size: 20px;
    color: #323232;
    flex: 1;
}
.interest_nrxinxisore {
    padding: 30px 0px;
    overflow: hidden;
}
.restzysore {
    margin-bottom: 20px;
    overflow: hidden;
}
.restzy {
    float: left;
    width: 370px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    height: 44px;
}
.restzy:nth-child(3n) {
    margin-right: 0;
}
.restzy select {
    flex: 1;
    margin-left: 10px;
    height: 44px;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    color: #333333;
    font-size: 16px;
    padding: 0px 10px;
    cursor: pointer;
    width: 100%;
}
.restzy input {
    flex: 1;
    margin-left: 10px;
    height: 42px;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    color: #333333;
    font-size: 16px;
    padding: 0px 10px;
    cursor: pointer;
    width: 100%;
}
.restzy span {
    min-width: 90px;
    text-align: right;
    font-size: 14px;
    color: #4c4c4c;
    width: 90px;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
}
.restzy span i {
    font-style: inherit;
    color: red;
    padding-left: 3px;
}
.restzy em{
    cursor: pointer;
    color: #000000;
    font-size: 14px;
    font-style: inherit;
    margin-left: 3px;
}
.khtext{
    width: 760px;
    margin-right: 0;
}
/*11111111*/
.radio_type {
    width: 15px !important;
    height: 15px !important;
    appearance: none;
    position: relative;
    outline: none;
    margin-top: -4px;
    padding: 0 !important;
    border-radius: 100% !important;
    border:0 !important;
    vertical-align: middle;
}
.radio_type:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #666666;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    background: #fff;
}
.radio_type:checked:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #bb0000;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    background: #fff;
}
.radio_type:checked:after {
    content: "";
    width: 7px;
    height: 7px;
    text-align: center;
    background: #bb0000;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
}
.radio_type:checked  + em{
    cursor: pointer;
    color: #000000;
    font-size: 14px;
    font-style: inherit;
    margin-left: 3px;
}

/*.restzy .radio{
    margin-right: 5px;
    visibility: hidden;
    position: relative;
    cursor: pointer;
    height: 15px;
    vertical-align: middle;
    width: auto;
}
.restzy .radio:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 15px;
    height: 15px;
    visibility: visible;
    border-radius: 50%;
    border: 1px solid #9e9b97;
}*/
/*.restzy .radio:checked:before {
    border: 1px solid #ff0000;
}

.restzy .radio:checked:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    visibility: visible;
    border-radius: 50%;
    background-color: #ff0000;
}*/

/*.restzy .radio + em {
    cursor: pointer;
    color: #000000;
    font-size: 14px;
    font-style: inherit;
    margin-left: 3px;
}*/
/*
.restzy input[type="radio"]:checked + em {
    color: white;
}
*/
.restzy label {
    margin-right: 35px;
}
.folkapp span i {
    color: red;
    font-style: inherit;
    margin-left: 3px;
}

/*---------------------------------------demo css--------------------------------------------*/

.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}

.date_selector {
    background: #fbfbfb;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0;
    margin-top: -1px;
    position: absolute;
    z-index: 100000;
    display: none;
    border-radius: 3px;
    box-shadow: 0 0 5px #aaa;
    box-shadow: 0 2px 2px #ccc;
    width: auto;
/*    margin-top: 184px;*/
    height: 304px;
}
.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}

.date_selector .nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    overflow: hidden;
}
.date_selector .nav p{clear: none;}

.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}

.date_selector .month_nav {
    float: left;
    flex: 1;
    margin: 0px 10px;
}

.date_selector .year_nav {
    float: left;
    flex: 1;
    margin: 0px 10px;
}

.date_selector .month_name, .date_selector .year_name {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}

.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}

.date_selector .prev{left: 0;}

.date_selector .next{right: 0;}

.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:258px;}

.date_selector th, .date_selector td {
    width: 35px;
    height: 35px;
    padding: 0 !important;
    text-align: center !important;
    color: #666;
    font-weight: normal;
}

.date_selector th{font-size: 12px;}

.date_selector td {
    border: 1px solid #f1f1f1;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
    color: #333333;
    background: #fff;
    font-size: 14px;
}
.date_selector td.today{background: #eee;}

.date_selector td.unselected_month{color: #ccc;}

.date_selector td.selectable_day{cursor: pointer;}

.date_selector td.selected{background:#018cce;color: #fff;font-weight: bold;}

.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#018cce;color: #fff;}

.date_selector span{
    min-width: inherit;
}
.bianju {
    margin-top: 155px;
}
/*-----------------------------------------------------------------------------------*/
.period {
    width: 370px;
}
.yxiaoqi input {
    width: 100%;
    border: 0;
    margin-left: 0;
    position: relative;
    background: url(../images/supplier/date.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 22px;
}
.yxiaoqi {
    display: flex;
    align-items: center;
    flex: 1;
    width: 279px;
    border: 1px solid #b5b5b5;
    margin-left: 10px;
    border-radius: 4px;
    height:42px;
}
.yxiaoqi label {
    margin-right: 0;
    width: 45px;
    height: 44px;
    text-align: center;
    border-left: 1px solid #b5b5b5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    cursor: pointer;
}
.yxiaoqi label i {
    font-size: 25px;
    color: #333333;
}
/**/
#fxk {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
}



/**/
.cqi input[type="checkbox"] {
    margin-right: 3px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #9e9b97;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    vertical-align: middle;
    margin-top: -1px;
    display: inline-block;
    padding:0;
}
.cqi input:checked {
    color: #fff;
    background: linear-gradient(135deg,#3ad86a, #00a5f9); 
    border: 1px solid #43adea; 

}

.cqi input:after {
    content: "\2713";
    font-size: 12px;
}  

.cqi input[type="checkbox"] + em {
    cursor: pointer;
    font-style: inherit;
    color: #4c4c4c;
    font-weight: 700;
    font-size: 14px;
    margin-left: 5px;
}

.cqi {
    margin-left: 10px;
    margin-right: 0 !important;
}
.upold {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.upoldfile {
    position: relative;
    display: inline-block;
    margin-left: 100px;
}
.upoldfile input {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 40px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
}
.peijiananniu {
    width: 180px;
    background: #11a7ee;
    color: #fff;
    font-size: 14px;
    border: 1px solid #11a7ee;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}
.scope {
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
}
.scope span {
    min-width: 90px;
    text-align: right;
    font-size: 14px;
    color: #4c4c4c;
    width: 90px;
    font-weight: 700;
}
.scope span i {
    font-style: inherit;
    color: red;
    padding-left: 3px;
}
.scope textarea {
    flex: 1;
    margin-left: 10px;
    border-radius: 4px;
    height: 78px;
    border: 1px solid #b5b5b5;
    padding: 10px;
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
}
.scope_nr {
    flex: 1;
    display: flex;
    margin-left: 10px;
}
.scopeinp {
    width: 280px;
    margin-right: 20px;
    height: 42px;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    display: flex;
    
}
.scopeinp select{
    width:100%;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 16px;
    color:#333333;
}
.scopeinp:last-child {
    flex: 1;
    margin-right: 0;
}
.scopeinp input {
    padding: 0px 10px;
    width: 100%;
    font-size: 16px;
}
.addzhi {
    display: flex;
    align-items: center;
}
.interest_nrxinxitop h3 i {
    color: red;
    font-style: inherit;
    padding-left: 3px;
}
.khhy {
    width: 500px;
}
.khhy_nr {
    flex: 1;
    display: flex;
    align-items: center;
}
.khhy_nr input {
    margin: 0;

}
.khhy_nr select {
    color: #333333;
    font-size: 16px;
    flex: 0;
    min-width: 143px;
    margin-right: 10px;
    background-size: 16px;
    background-position: 90% 14px;
    background-repeat: no-repeat;
    padding: 0px 15px;
    padding-right: 30px;
}
.tianjia {
    width: 70px;
    background: #f1f1f1;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    color: #11a7ee;
    font-weight: 700;
    cursor: pointer;
}
.folkall {
    background: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
}
.folk {
    padding: 45px 20px 30px;
    overflow: hidden;
}
.folkapp {
    width: 260px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.folkapp:nth-child(4n){
    margin-right:0;
}
.folkapp input {
    flex: 1;
    background: #fff;
    margin-left: 10px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    padding: 0px 10px;
}
.folkapp span {
    min-width: 40px;
    font-size: 14px;
    font-weight: 700;
    color: #4c4c4c;
}
.interest_but {
    padding: 40px 0px 30px;
    text-align: center;
    overflow: hidden;
}
.interest_but button {
    width: 160px;
    height: 42px;
    background: #11a7ee;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    margin: 0px 10px;
    cursor: pointer;
}
.interest_but a{
    width: 160px;
    height: 42px;
    line-height: 42px;
    background: #11a7ee;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    margin: 0px 10px;
    cursor: pointer;
    display: inline-block;
}
.sbu {
    background: #34ce68 !important;
}
.folkall:first-child .closefolk{
    display: none;
}
.closefolk {
    text-align: right;
    padding: 0px 30px;
    padding-top: 10px;
    position: relative;
    right: 0;
    top: 1px;
    cursor: pointer;
}
.noticetop {
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 10px;
}
.noticetop h3 {
    font-size: 26px;
}
.noticenr {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}
.xieyi {
    padding-top: 50px;
    overflow: hidden;
    padding-bottom: 10px;
}

.xieyi em{
    color:#999;
    font-size: 16px;
    font-weight:normal;
    cursor: pointer;
    font-style: inherit;
    margin-left: 5px;
    cursor: pointer;  
}
#fxk {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #999999;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
}

#fxk:checked {
    color: #fff;
    background: linear-gradient(135deg,#3ad86a, #00a5f9); 
    border: 1px solid #43adea; 

}

#fxk:after {content: "\2713";}  
.xieyi #fxk:checked + em{
    color:#11a7ee;
}
.folkupload {
    padding: 45px 20px 30px;
}
.folkmc {
    width: 360px;
}
.folksm {
    width: 325px;
}
.folksm span{
   width:45px;
   min-width: 45px;
}
.folkupload .restzy{
    margin-bottom: 20px;
}
.uploadgaiy .folkall{
    position: inherit;
}
/*.yxiaoqi input:after {
    position: absolute;
    content: "";
    width: 10px;
    background: url(../images/supplier/date.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;
}*/

.moderated {
    padding: 80px 0px 100px;
    text-align: center;
    overflow: hidden;
}
.moderated_nr h3 {
    font-size: 30px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
}
.moderated_nr p {
    font-size: 15px;
    color: #828080;
}
.moderated_nr a {
    width: 100px;
    height: 42px;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 42px;
    border-radius: 5px;
    margin-top: 20px;
}

.settings {
    padding-top: 45px;
    padding-bottom: 20px;
    overflow: hidden;
}
.settings_inp {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    overflow: hidden;
    justify-content: center;
}
.settings_inp span {
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 700;
    min-width: 90px;
    text-align: right;
}
.settings_inp input {
    margin-left: 10px;
    height: 42px;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    color: #333333;
    font-size: 16px;
    padding: 0px 10px;
    cursor: pointer;
    width: 280px;
}
.settings_inp span i {
    font-style: inherit;
    color: red;
    padding-left: 3px;
}
.denglu {
    width: 100%;
    height: calc(100vh);
    background: url(../images/supplier/login.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.denglu_nr {
    width: 435px;
    height: 325px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    padding: 45px 40px;
}
.denglu_nrtop {
    text-align: center;
    overflow: hidden;
    margin-bottom: 35px;
}
.denglu_nrtop h3 {
    font-size: 30px;
    color: #08ace6;
    font-weight: normal;
}

.denglu_nrbottom_nr {
    height: 45px;
    border: 1px solid #b5b5b5;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    border-radius: 4px;
    overflow: hidden;
}
.denglu_nrbottom_nrcon {
    flex: 1;
}
.denglu_nrbottom_nrcon input {
    width: 100%;
    font-size: 15px;
}
.denglu_nrbottom_nrleft i {
    color: #b5b5b5;
    font-size: 17px;
}
.denglu_nrbottom_nrleft {
    min-width: 24px;
    margin-right: 12px;
    position: relative;
    padding-right: 5px;
}
.denglu_nrbottom_nrleft:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    background: #b5b5b5;
    right: 0;
    top: 2px;
}
.dlzcybut {
    height: 45px;
    width: 100%;
    background: linear-gradient(135deg,#3ad86a, #00a5f9);
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
}
.dlzcy {
    margin-top: 35px;
    overflow: hidden;
}
.dlzcy2 {
    margin-top: 15px;
    overflow: hidden;
}
.wjmm {
    text-align: right;
    overflow: hidden;
    margin-top: 15px;
}
.wjmm a {
    font-size: 14px;
    color: #666666;
}

.folkupload .uploadFileListItems{
    width:296px !important;
}

.upold.dwenjian {
    margin-top: 20px;
    display: inline-block;
    overflow: hidden;
}

.dwenjian .uploadFileListItems{
    width: 297px !important;
}
.uploadgaiy .closefolk{
    position: relative !important;
    top: 10px;
}
.uploadgaiy .folkall:first-child .closefolk{
    display: block;
}
.newsnav_app {
    display: flex;
    align-items: center;
}
.newstend {
    display: flex;
    padding-top: 45px;
}
.newstend_left {
    flex: 1;
}
.newstend_right {
    min-width: 320px;
    margin-left: 50px;
    width: 320px;
}
.fujian{
    color:#0193db;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0,0,0,0.5);
}
.modal-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.modal-content {
    background: #fff;
    width: 300px;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
}
.x_content h4 {
    font-size: 16px;
    font-weight: 500;
}
.modal-title {
    flex: 1;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.ztree {
    margin-top: 10px;
    height: 280px;
    overflow-y: auto;
    overflow-x: auto;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}


.modalclise {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent;
    border: 0;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 15px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.treeSelect.show .modal{
    display: block;
}

.closemodal {
    cursor: pointer;
}
#txt {
    background: url(../images/supplier/select.png) no-repeat scroll right center transparent;
    background-size: 18px;
    background-position: 96% 12px;
}


.pstatic{
    position:static !important;
}
/*#industry_type_name {*/
/*    background: url(../images/select.png) no-repeat scroll right center transparent;*/
/*    background-size: 18px;*/
/*    background-position: 96% 12px;*/
/*}*/

.header .tuichuy a,.head .tuichuy a {
    display: inline-block;
    color: #fff !important;
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 12px !important;
    margin-left: 5px;
}

.headban .tuichuy a{
    display: inline-block;
    color: #fff !important;
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 12px !important;
    margin-left: 5px;
}
/*忘记密码*/
.forgetpop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.forgetpop_nr {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.forgetpop_nrtitle {
    background: #fff;
    padding: 70px;
    border-radius: 8px;
    text-align: center;
    line-height: 30px;
    position: relative;
}
.forgetpop_nrtitle span{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}


/*个人中心*/

.personal {
    padding-top: 140px;
}
.personal_nr {
    display: flex;
    min-height: 500px;
    margin-bottom: 40px;
}
.personal_left {
    min-width: 260px;
    margin-right: 40px;
    background: #f5f5f5;
    max-width: 260px;
}
.personal_right{
    flex: 1;
}
.personal_lefttop {
    padding: 30px 0px;
    /* background: linear-gradient(135deg,#3ad86a, #00a5f9); */
    background: url(../images/productall.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.personal_lefttop h3 {
    font-size: 20px;
    font-weight: normal;
    color:#fff;
    padding:0px 20px;
}
.personal_leftnr {
    padding: 20px;
}

.personal_leftnr h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    font-size: 18px;
}
.personal_leftnr ul li{
    padding:20px 0px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}
.personal_leftnr ul li a{
    width:100%;
    display: inline-block;
    font-size: 16px;
    color:#666666;
}

.personal .settings_inp input::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.personal .settings_inp input::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.personal .settings_inp input:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.personal .settings_inp input:-moz-placeholder {
    color: #999;
    font-size: 14px;
}
.personalsub {
    text-align: center;
    padding-top: 40px;
    overflow: hidden;
}
.subbut {
    width: 302px;
    height: 44px;
    margin-left: 100px;
    background: #11a7ee;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 6px;
}
.header .appellation,.head .appellation {
    font-size: 12px;
    color:#fff;
    padding-top: 4px;
}
.appellation i {
    font-size: 21px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}
.headban .appellation{
    color:#000;
    font-size: 12px;
    padding-top: 4px;
}
.header .gysdl a,.head .gysdl a{
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px !important;
    display: inline-block;
    margin-left: 5px;
}
.headban .gysdl a{
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px !important;
    display: inline-block;
    margin-left: 5px;
}
.header .gyszc a,.head .gyszc a {
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px !important;
    display: inline-block;
}
.headban .gyszc a {
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px !important;
    display: inline-block;
}
.gyszc{
    margin-left: 30px !important;
}
.uploadifive-button {
    width: 271px !important;
    height: 40px !important;
    background: #11a7ee !important;
    color: #fff;
    border: 0;
    font-size: 16px !important;
    font-weight: normal !important;
    border-radius: 6px;
    cursor: pointer;
    line-height: 40px !important;
    margin-left: 98px;
    border-radius: 5px !important;
    border: 0 !important;
}

#queue {
    display: inline-block;
    width: 100%;
    padding-left: 97px;
    margin-top:8px;
}
.uploadifive-queue-item {
    padding: 12px 15px !important;
    border-bottom: 0 !important;
    float: left;
    width: 337px !important;
    margin-right: 20px !important;
    margin-top:10px !important;
    height: 45px !important;
    font-size: 14px !important;
    line-height: 22px !important;
}
.uploadifive-queue-item:nth-child(3n) {
    margin-right: 0 !important;
}
.dwenjian .uploadifive-button{
    font-size: 14px !important;
    margin-left: 0 !important;
    width: 260px !important;
    margin-bottom: 6px !important;
}
.dwenjian .upoldfile {
    width: 100% !important;
}
.dwenjian .uploadifive-queue-item {
    padding: 12px 15px !important;
    border-bottom: 0 !important;
    float: left;
    width: 312px !important;
    margin-right: 30px !important;
    margin-top: 15px !important;
    height: 45px !important;
    line-height: 22px !important;
    border: 1px solid #b5b5b5 !important;
    font-size: 14px !important;
}

.newsnav_app .gysdl a{
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px !important;
    display: inline-block;
    margin-left: 5px;
}
.newsnav_app .gyszc a {
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px !important;
    display: inline-block;
}
.newsnav_app .gysdl{
   margin-left: 15px;
}

.newsnav_app .tuichuy a {
    display: inline-block;
    color: #fff !important;
    background: linear-gradient(135deg,#3ad86a, #00a5f9) !important;
    padding: 3px 25px;
    border-radius: 50px;
    font-size: 12px !important;
    margin-left: 5px;
}

.newsnav_app .tuichuy{
    margin-left: 15px;
}
.appellation{
   font-size: 12px;
}

.zhunplid p{
    padding-left: 10px;
    font-size: 14px;
    color: #666666;
}
.xinzichi {
    position: absolute;
    top: 12px;
    left: 275px;
    font-size: 14px;
    color: #666666;
}







@media only screen and (max-width: 1280px) {
    .headban{
        position:absolute;
    }
    .head{
        position:absolute;
    }
}