@font-face{
	font-family: 'aliphtB';
	src:url("../../font/Alibaba_PuHuiTi_2.0_115_Black_115_Black.ttf");
}

@font-face{
	font-family: 'aliphtR';
	src:url("../../font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf");
}

html{
	color:#000;
	background:#fff;
}
body{
	font:14px/1.5 "微软雅黑",arial;
	min-width:1200px;
	margin: 0;
	padding:0;
	clear:both;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	background: #FFFFFF;
	color: #666666;
	line-height: 24px;
}
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:500;
}
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
a, ins {
    text-decoration: none;
	color:#666666;
}
a:hover
{
	color: #498DFD;
	cursor: pointer;
}
a.ellipsis{
	border: none;
}
form {
    display: block;
    margin-top: 0em;
}
input, select, textarea {
    font-size: 100%;
}
ol, ul {
    list-style: none;
}
h3{
	font-size: 18px;
	margin: 5px auto;
	width: fit-content;
}

.white{
	color: #FFFFFF;
}



/* common*/
.fl{
	float:left;
}

.fr{
	float:right;
}

.clear_fix{
/*	clear: both;*/
	zoom: 1;
/*
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
*/
}

.clear_fix::after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.b_color{
	background-color:#498DFD;
}

.b_color_gray{
	background-color: #f6f6f6;
}

.bimg_ln{
	background-image: linear-gradient(90deg,#9AB3F5,#6f99f4);
}

.big_btn{
	width: 142px;
  	height: 38px;
  	border: solid 1px #f98181;
  	margin-right: 10px;
  	background-color: #f98181;
  	border-radius: 5px;
  	cursor: pointer;
  	color: #FFFFFF;
  	outline: none;
	tansition:all .3s linear;
	-webkit-transition:all .3s linear;
	-o-tansition:all .3s linear;
}

.big_btn:hover{
	font-size: 15px;
	box-shadow: 1px 1px 2px 2px gray;
}

.green_btn{
	border: none;
/*    background-image: linear-gradient(90deg, #91BBFF,#498DFD);*/
	background: #498DFD;
    color: #fff;
}

.small_btn{
	padding: 0 8px;	
	background-color: #498DFD;
	display: inline-block;
	width:fit-content;
	height: 26px;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.small_btn:hover{
	color:#fff;
}

/*popWin3L*/
.popWin_fix{
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0px;
    left: 0px;
    display: none;
	background: rgba(0,0,0,.5);
}

.invisible{
	display: none;
}

.popWin_fix>div{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    width: 800px;
    min-height: 40%;
	min-height: 1rem;
    height: fit-content;
    padding: 0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.popWin_fix>div>div:first-child{
	padding: 10px 3%;
    background: #ff2e26;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.popWin_fix .pop_body>p{
	padding: 5px 3%;
	margin-bottom: 10px;
}

.popWin_fix .pop_body>p span{
	display: inline-block;
    font-size: 16px;
    width: 150px;
    text-align: right;
}

.popWin_fix .pop_body>p input{
    width: 550px;
    height: 45px;
    padding: 0 10px;
    border: solid 1px #f4f4f4;
}

.popWin_fix .pop_bt{
	text-align: center;
}

.popWin_fix .pop_bt a{
	display: inline-block;
    padding: 2% 8%;
    margin-bottom: 5%;
    margin-top: 5%;
    background: #ff2e26;
    border-radius: 4px;
    color: #fff;
    margin: 3% 3% 5% 3%;
	cursor: pointer;
}

.popWin_fix .pop_bt a:last-child{
	background: #ddd;
	color: #828282;
}


.site-cap{
	width:100%;
	height:43px;
	line-height:43px;
	background:#333;
	color:#999;
}

.site-cap-l{
	float:left;
	font-size:13px;
	padding-left:10px;
}
.site-cap-r{
	float:right;
	padding-right: 10px;
	height:36px;
	font-size:13px;
}
.site-cap-r a{
	cursor:pointer;
	color:#999;
}

.site-navi-container {
    padding: 12px 0;
	height:45px;
}

.site-logo {
    width: 200px;
    height: 51px;
    overflow: hidden;
    float: left;
    margin-top:-3px;
}

.site-logo a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.site-logo img{
	height: 51px;
}

.tm_ym{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}

.tm_ym .tm{
	font: 30px aliphtR;
}

.tm_ym .ym{
	font: 10px aliphtB;
	margin-top: -5px;
}

.site-navi-items {
    float: left;
    overflow: hidden;
    padding-top: 1px;
}
.site-navi-items .items .item {
    position: relative;
    height: 51px;
    float: left;    
    width: 100px;
}

.site-navi-items .items .item>a{
	font-size: 18px;
    line-height: 50px;
}

.site-navi-items .items .item:last-child ul li:first-child{
	display: none;
}

.cp_enter>a, .pj_enter>a{
	 cursor: default;
}

.cp_enter >a:hover, .pj_enter >a:hover{
	color:#969191;
}

.more_terms{
	color:#fa4141;
}

.site-navi-items .item:hover .navi-box{
	display: block;
}

.navi-box{
	display:none;
	position:fixed;
	height:200px;
	width: 100%;
	top:100px;
	left:0;
	background-color: #fff;
	z-index: 100;
}
.navi-box-inner{
	padding-top: 15px;
}

:root{
      --bkColor: #EBECF9;
      --blur: 10px;
    }


.navi-box-inner ul li{
	height: 30px;
	font-size: 13px;
	text-align: center;
}
.navi-box-inner ul li h3{
	font-size:14px;
	font-weight: bold;
	border-bottom: solid 1px #818181;
}

.navi-box ul{
	float:left;
	margin:0 20px;
}
.navi-box ul li{
	padding-bottom: 10px;
}

.site-navi-items .item:nth-child(2) ul:first-child{
	padding-left: 200px;
}

.site-navi-items .item:nth-child(3) ul:first-child{
	padding-left: 300px;
}

.site-navi-items .item:nth-child(4) ul:first-child{
	padding-left: 488px;
}

.site-navi-items .item:nth-child(5) ul:first-child{
	padding-left: 550px;
}

.site-navi-items .item:nth-child(6) ul:first-child{
	padding-left: 688px;
}

.searchBox {
    width: 300px;
    height: 41px;
    background: #498DFD;
    float: right;
    margin-top: 5px;
    position: relative;
}

.searchBox-text {
    width: 255px;
    height: 37px;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #fff;
    margin: 0;
    padding: 0;
    border: none;
    padding-left: 35px;
    font-size: 12px;
    outline: none;
}

.searchBox-btn {
    width: 69px;
    height: 41px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    line-height: 41px;
    background: #498DFD;
    border: none;
    font-size: 13px;
    color: #fff;
}


/* banner */
.slideBox{  
    height:578px; 
    overflow:hidden;
    position:relative; 
	clear:both;
 }
.slideBox .hd{
    height: 15px;
    overflow: hidden;
    position: absolute;
    /* right: 5px; */
    bottom: 25px;
    width: 100%;
    text-align: center;
    z-index: 1; 
}
.slideBox .hd ul{ 
    display: inline-block;
}
.slideBox .hd ul li{ 
    float: left;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    text-align: center;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    line-height: 100px;
    border-radius: 50px;
}
.slideBox .hd ul li.on{ 
    background:#2ccaba;
    color:#fff;
}
.slideBox .bd{ 
    position:relative;
    width: 100%; height:100%; z-index:0;
}
.slideBox .bd li{
    zoom:1;
     vertical-align:middle;
}
.slideBox .bd img{ 
     height:578px; 
     display:block;      
} 

.slideBox .bd ul{
    margin-left: -960px;
    left: 50%;
    position: relative;
}

.main {
    min-height: 580px;
	width:1200px;
	margin: 0 auto;
}


/*服务头部*/
.slideTxtBox {
    width: 1200px;
    text-align: left;
}
.slideTxtBox .hd {
    height: 62px;
    line-height: 62px;    
    text-align: center;
    position: relative;
    font-size: 20px;
	background:#dae0f7
}
.slideTxtBox .hd ul {
    float: left;
    position: relative;
}
.slideTxtBox .hd ul li {
    float: left;
    border-right: 1px solid #d9e4e9;
    width: 299px;
    cursor: pointer;
    font-family: "微软雅黑";
}
.slideTxtBox .hd ul li:last-child{
    border-right:0px solid #d9e4e9; 
}

.slideTxtBox .hd ul li:hover{
	height:62px; 
    background:#fff; 
    color: #2ccaba;
}

.slideTxtBox .hd ul li.on{ 
    height:62px; 
    background:#fff; 
    color: #2ccaba;
}

.service-container{
	margin: 30px auto 60px auto;
	clear:both;
}
.service-header{
	text-align: center;
	margin:0px auto 15px auto;
}

/*tab*/
.slide_box{
	width: 100%;	
	height: 392px;
	text-align: left;
	background: #fff;
    box-shadow: 0 0 10px #dedede;
}

.slide_box .tab_pages{
	width:1200px;
	height: 62px;
  	line-height: 62px;
  	text-align: center;
  	position: relative;  	
  	background: #dae0f7;
}

.slide_box .tab{
	width:300px;
	height: 62px;
	overflow: visible;
	float: left;
  	cursor: pointer;
  	font-family: "微软雅黑";
}

.slide_box .tab>a{
	font-size: 20px;
}

.slide_box .page{
	width:1200px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	left:0;
	top:62px;
	padding:15px 0;
    zoom:1;
	display: none;
	background-color: #FFFFFF;
}

.slide_box .tab:first-child{

}

.slide_box .tab:first-child .page{
	display: block;	
	z-index: 1;
}

.slide_box .page>*{
	line-height:24px;
    width: 300px;
    height: 130px;
    text-align: center;
    float: left;
    padding-bottom: 20px;
    position: relative;
}

.slide_box .page img{
	height: 40px;
	position: relative;
    display: inline-block;
    top: 0;
  	margin: 10px 0 25px 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
}

.slide_box .page>*:hover img{
	top: -5px;
}

.slide_box .page>* a{
	display: block;
}

.slide_box .page p{
    line-height: 10px;
    padding-bottom: 5px;
}

.slide_box .page li:nth-child(8) a{
	display: grid;
	place-items:center;
	height: 100%;
}

.slide_box .page li:nth-child(8) p{
	line-height: 18px;
}


.slide_box .page span{
    color: #fb0202;
}

.slide_box .tab_pages:hover>*{
	background-color: #dae0f7
}

.slide_box .tab:hover{
	
}

/*
.slide_box .tab:hover .page {
	display: block;
	z-index: 999;
}
*/

.slideTxtBox{
	text-align: left;
	background: #fff;
    box-shadow: 0 0 10px #dedede;
}
.slideTxtBox .bd ul{ 
    padding:15px 0;
    zoom:1;
    overflow: hidden;
    height: 300px;
}
.slideTxtBox .bd li{  
    line-height:24px;
    width: 300px;
    height: 130px;
    text-align: center;
    overflow: hidden;
    float: left;
    padding-bottom: 20px;
    position: relative;
}

.slideTxtBox .bd li img{
    position: relative;
    display: inline-block;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
}
.slideTxtBox .bd li:hover img{
    top: -5px;
}
.slideTxtBox .bd li a{
    display: block;
}

.slideTxtBox .bd li .date{
    float:right;
    color:#999;
}
.slideTxtBox .bd li p{
    line-height: 0;
    padding-bottom: 10px;
}
.slideTxtBox .bd li span{
    color: #fb0202;
}

/*service-header*/
.service-header h2{
	height: 60px;
    line-height: 60px;
    font-size: 26px;
    margin-top: 3px;
    font-weight: normal;
}
.hr-lf {
    display: inline-block;
    width: 60px;
    border-bottom: 1px solid #999;
    line-height: 22px;
    position: relative;
    top: -3px;
    left: -7px;
}
.service-container .service-header .subtitle{
	color: #666;
    font-size: 14px;
}
.hr-rg {
    display: inline-block;
    width: 60px;
    border-bottom: 1px solid #999;
    line-height: 22px;
    position: relative;
    top: -3px;
    left: 7px;
}

/*服务内容*/
.service-content{
	box-shadow: 0 0 10px #000;
}
.service-content li{
	line-height: 24px;
    width: 300px;
    height: 150px;
    text-align: center;
    overflow: hidden;
    float: left;
    padding-bottom: 20px;
    position: relative;	
	top: 0;

    transition: top 0.5s ease-in-out 0s;
}
.service-content li:hover{
	top: -10px;
}
.service-content li a{
	display:block;
}
.service-content li img{
	position: relative;
    display: inline-block;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.service-content li p{
	line-height: 0;
    padding-bottom: 10px;
}
.service-content li span{
	color: #fb0202;
}

/*ourCustomers*/
ul#our-customers {
    overflow: hidden;
}

ul#our-customers li{
    width: 292px;
    height: 164px;
    overflow: hidden;
    position: relative;
    float: left;
    margin:0 10px 10px 0;
}

ul#our-customers li:nth-child(4n){
    margin-right:0;
}

ul#our-customers  li h2{
    width: 292px;
    height: 164px;
	background-color: #939393;
	display: flex;
	justify-content: center;
	align-items: center;
}
ul#our-customers  li h2 img{
    max-width: 292px;
	height:56px;
	margin-bottom: 20px;
	transition: filter 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;    
}   

ul#our-customers  li:hover h2 img{
	top:-10px;
    filter: brightness(1.2);
	scale:1.1;
}

ul#our-customers  li p{
    background: rgba(0, 0, 0, .6);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
}
ul#our-customers  li:hover p{
    color: #498DFD;
}

/*news*/
.news-content {
    height: 392px;
    background: #fff;
    box-shadow: 0 0 10px #dedede;
}

.news-content>div{
    height: 392px;
    width:400px;
    float: left;
    border-right: solid 1px #ededed;
    /* margin-left:-1px; */
}
.news-content>div:nth-child(3){
    border-right: none;
    width: 398px;
}
.news-content>div .biaot{
    background: #f1f4ff;
    line-height: 55px;
    padding: 0 25px;
    overflow: hidden;
    border-bottom: solid #ededed 1px; 
}
.news-content>div .biaot h3{
    float: left;
    font-size: 15px;
   
}
.news-content>div .biaot p{
    float: right;
    color: #498DFD; 
    display: flex;
    align-items: center;
    justify-content: center; 
    /* font-size: 15px; */
}
.news-content>div .biaot p::after{
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-width:5px;
    border-style: solid;
    margin-left:10px;
    border-color:transparent transparent transparent #498DFD ;
   -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.news-content>div .biaot p::before{
    content: "";
    width: 0;
    height: 0;
    margin-right:10px;
    display: block; 
    border-width:5px;
    border-style: solid;
    border-color: transparent #498DFD transparent transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.news-content>div .biaot:hover p::after{
    margin-left:20px;
    
}
.news-content>div .biaot:hover p::before{ 
    margin-right:20px;
}

.news-content .list{
    padding: 0 25px;

}

.news-content .list li{
    height: 51px;
    line-height: 51px;
    border-bottom: dashed 1px #ededed;
}

.news-content .list li>a:not(.headlines){
	width: 290px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-content .list li span{
    float: right;
    color: #919191;
}

.news-content .list li.headlines{
    padding-top:25px; 
    height: 112px;
    line-height: 20px;
    padding-bottom:20px;
}
.news-content .list li.headlines h3{
    height: 91px;
    width: 179px;
    overflow: hidden;
    float: left;
    
}
.news-content .list li.headlines h3 img{
    max-width: 179px; 
	width:100%;
	height: 91px;
	object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.news-content .list li.headlines:hover h3 img{ 
    filter: brightness(1.3);
}

.news-content .list li .text{
    width:160px;
    float: right;
    height: 111px;
    overflow: hidden;
}

.news-content .list li .text dt{
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-content .list li .text p,.news-content .list li .text dd{
    color: #aeaeae;
	padding:5px 0;
}


.news-content .list li .text p{
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2;
    overflow: hidden;
	text-indent: 1em;
	line-height: 24px;
}
.news-content .list li:last-child{
    border-bottom:none;

}

.news-content .right .list li.headlines{
    height: 171px;
    padding-bottom: 13px;
    border-bottom: none;
}

.news-content .right .list li.headlines h3 {
    height: 171px;
    width: 336px;
    margin:0 auto;
}
.news-content .right .list li.headlines h3 img {
    min-height: 171px;
    max-width: 336px;
}

.news-content .right .list li a.you{
    width: 336px;

}

/*ipMarket*/
.px1200 {
    margin: 0 auto;
    width: 1200px;
	position: relative;
}

.jinxuan_bt{
    padding: 10px 0; 
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 0;
}

.jinxuan_bt ul{
    float: right;
}

.jinxuan_bt li{
    font-size: 16px;
    float: left;
    padding: 8px 0;
    margin: 0 10px;
}

.jinxuan_bt li:hover{
	cursor: pointer;
}

.jinxuan_bt a{
	display: inline-block;
}


.ip_sellings .header_pic{
	display: inline-block;
	vertical-align: top;
    height: 438px;
    width: 457px;
    box-shadow: 0 0 10px #dedede;
    background: #dae0f7;
    padding: 10px;
}s

.ip_sellings .header_pic:hover{
	cursor: pointer;
}

.ip_sellings.tms a.header_pic{
	text-align: center;
	line-height: 458px;
	background-image: url( "../../images/ipMarket/cubic.png");
	background-size: cover;
	justify-content: center;
	font-family: "aliphtB";
	font-size: 50px;
	color: #C4C4C4;
}

.ip_sellings .other_pics{
	display: inline-block;
    height: 458px;
    width: 710px;
    box-shadow: 0 0 10px #dedede;
    background: #Fff;
}

.ip_sellings .other_pics ul{
    padding: 10px;
    overflow: hidden;
}

.ip_sellings .other_pics ul li{
    width: 163px;
    height: 210px;
    border: solid 1px #e6e6e6;
    float: left;
    margin: 0 9px 9px 0;
}

.ip_sellings ul li:nth-child(4n){
    margin-right: 0;
}

#ptSellings h2{
	background-color: #FFFFFF;
}


.upperImg_lowerBox{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
}

.upperImg_lowerBox .img{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60%;
	overflow: hidden;
}

.upperImg_lowerBox .img img{
	width: 80%;
	-webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	max-height: 126px;
}

.ip_sellings .header_pic img{
	max-height: 300px;
}

.upperImg_lowerBox:hover img{
	filter: brightness(1.1);
	scale:1.1;
}

.upperImg_lowerBox .item_box{
    margin: 5px;
	width: 100%;
    text-align: center;
    line-height: 25px;
    height: 35%;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center; 
}

.upperImg_lowerBox .item_box p{
	width: 80%;
    font-size: 15px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.upperImg_lowerBox .item_box span{
	width:90%;
    display: block;
    color: #8a8a8a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upperImg_lowerBox .item_box a{
    display: block;
    background: #498DFD;
    overflow: hidden;
    line-height: 22px;
    color: #fff;
    margin: 0 auto;
    border-radius:3px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.size0{
	width:0;
	height: 0;
}

.upperImg_lowerBox:hover .item_box .size0{
	width: 75px;
	height: 22px;
}

.ip_sellings .other_pics ul li.no{
    background: #DCDCDC;
}
 
.ip_sellings .other_pics ul li.no a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}
 
.ip_sellings .other_pics ul li.no:hover{
    background: #dae0f7;   
}

.ip_sellings .other_pics ul li.no a{
    color: #544e4c;
}

.ip_sellings .other_pics ul li.no:hover a{

}

 
/* tup */
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
  }

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.gallery-top {		
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
/* tup */



/*purchase*/
.current_loacation{
	padding: 20px 0;
  	padding-bottom: 10px;
}

.counter{
	margin-bottom: 18px;
	padding: 25px;
  	border: solid 1px #eeeeee;
  	overflow: hidden;
}

.counter_left{
	width: 547px;
	height: 400px;
  	float: left;
	background-image: url("../../images/icon/termBg3d.png") ;
	background-size: cover;
}

.counter_left img{
	display: block;
	margin: 0 auto;
	margin-top: 110px;
	height: 120px;
}

.counter_left img.packet{
	height: 90px;
	margin-top: 140px;
}

.counter_right{
	width: 565px;
	float: right;
	font-size: 14px;
}

.lower_part{
	overflow: hidden;
}

.lower_left{
	width: 890px;
  	float: left;
  	margin-bottom: 20px;
	border:1px solid #EEEEEE;
}

.lower_right{
	width: 290px;
  	float: right;
  	color: #666666;
}

.lower_right >div{
	border: solid 1px #eeeeee;
  	padding: 13px;
  	overflow: hidden;
  	margin-bottom: 10px;
  	background-color: white;
  	opacity: 1;
}

.fuwu_item_boxong{
	overflow: visible;
}
.fuwu_item_boxong::after{
	content: "";
	display:block;
	clear: both;
}

.right div.Jia,div.Jian{	
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: solid 1px #bebebe;
	float: left;
	text-decoration: none;
  	color: #060606;
}

.lanse_k{
    background-color: #6f99f4;
    height: 150px;
}
.lanse_k ul{
    display: flex;
    /* align-items: center;
    justify-content: center; */
    justify-content : space-between;
    padding: 30px 30px 0 30px;
}
.lanse_k ul li{
    text-align: center;
    color: #Fff;
}
.lanse_k ul i{
    line-height: 50px;
    display: inline-block;
    padding:0 20px;
    border:solid 1px #96e5e4;
    border-radius:25px;
    font-style: normal;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom:15px; 
}

.footer{
	background-color: #343342;
}
.footer .px1200{
	padding-top:25px;
	height:200px;
}
.footer-navigate{
	color: #fff;
    float: left; 
	line-height: 25px;
}
.footer-navigate h4{
	padding-bottom:20px;
}
.footer-navigate li{
	text-align: center;
    float: left;
}
.footer-navigate li ol{
    padding: 0 31px;
    height: 160px;
}
.footer-navigate li ol p{
    color: #6a6d74; 
}

.footer-navigate li:last-child ol{
    border-right:none; 
}

.footer-navigate li ol p a{
    color: #6a6d74;
}
.footer-navigate li ol p a:hover{
    color: #498DFD;
}

.bottom{
	background-color: #07030D;
	height:30px;
	padding-top:10px;
}
.claim{
	display:flex;
	justify-content: center;
	align-items:center;
}
.bottom p{
	display:block;
	text-align: center;
	color:#E9E5E5;
	margin:0 auto;
}

.claim img{
	height: 16px;
  	padding: 0 5px 0 10px;
}

.dingdan_biaoge li.on {
	display:block;
}

.dingdan_biaoge li{
	display:none;
}


/*myCart*/
.cartItem {
	    padding: 30px 0;
}

.cartItem>ul{
	padding-bottom: 20px;
}
.cartItem li{
	border: solid 1px #d5d5d5;
	border-bottom:0px;
}

.cartItem li:last-child{
	border-bottom: 1px solid #d5d5d5;
}

.itemTop{
	position:relative;
	padding: 5px 20px;
    background: #fafafa;
    font-size: 16px;
}

.itemMiddle{
	padding: 0 20px;
    overflow: hidden;
	height: 60px;
}

.itemTermInfo{
	overflow: hidden;
	text-align: center;
    width: 100px;	
	height: 100%;
    float: left;
    border-right: solid 1px #d5d5d5;
	line-height: 60px;
}

.itemTermInfo>div{
	padding: 20px 0;
}

.itemAdditionInfo{
	float: left;
    border-right: solid 1px #d5d5d5;
    text-align: center;
    width: 500px;
	height: 100%;
	line-height: 60px;
}

.itemIndicators{
	float: left;
	border-right: solid 1px #d5d5d5;
    text-align: center;
    line-height: 60px;
	width: 250px;
	height: 100%;
	overflow: hidden;
}

.itemPrice{
	float: left;
	border-right: solid 1px #d5d5d5;
    text-align: center;
    line-height: 60px;
	width: 150px;
	height: 100%;
}

.itemTotol{
	float: left;
	text-align: center;
	line-height: 60px;
	width: 100px;
	height:100%;
}

.itemTotol span{
	color: #ff7200;
    font-size: 20px;
}

.checkBox{
    float: left;
    width: 70px;
    text-align: center;
    height: 100%;
	border-right: solid 1px #d5d5d5;
}

.chb{
	margin: 20px 0;
	height: 20px;
	width: 20px;
}

.itemBottom{
	float: right;
	height: 100%;
}

.itemBottom a{
	line-height: 20px;
    padding: 4px 15px;
    border: solid 1px #666;
    border-radius: 40px;
    color: #666;
    margin: 16px 10px;
    display: inline-block;
	cursor: pointer;
}

.orderConfirm{
	height: 50px;
	padding:0 0 20px 45px;
}

.orderConfirm>label{
	display: flex;
  	align-items: center;
  	float: left;
  	height: 50px;
}

#chkAll_items{
	height: 20px;
	width: 20px;
}

#a_generateOrder{
	height: 55px;
    width: 345px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    float: right;
    background: #498DFD;
    color: #fff;
    display: block;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	line-height: 55px;
}

/* 生成订单 */
.generateOrder{
	background-color: #fff;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #313131;
	padding: 40px 50px;
}

.orderDetail li{
	border: solid 1px #d5d5d5;    
	border-color: #efefef;
    border-radius: 3px;
	margin-bottom: 20px;
}

.order_header{
	position: relative;
	padding: 15px 20px;
    background: #fafafa;
    font-size: 16px;
	color: #999;
}

.orderCode{
	
}

.orderInfo{
	display:flex;
	border-color: #efefef;
	padding: 0 20px;
    overflow: hidden;
    border-bottom: solid 1px #d5d5d5;
	justify-content: space-between;
}

.orderSketch{
	overflow: hidden;
	float: left;
	padding: 20px 0;
	width: 767px;
}

.orderSketch .img{
	width: 125px;
    height: 125px;
    overflow: hidden;
    display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
    float: left;
    position: relative;
	background-image: url("../../images/icon/orderBK.png");
	background-size: contain;
}

.orderInfo .img img{
	height: 50px;
	margin-top:20px;
}

.orderSketch .img span{
	font-family: "alphtB";
	font-size: 20px;
	font-weight: bold;
	color: #ACACAC;
	text-shadow: 2px 2px 2px #797979;
}



.orderSketch .text{
	overflow: scroll;	
	float: left;
    margin-left: 30px;
    height: 125px;    
}

.orderSketch .text div{
	display: flex;	
	justify-content: space-around;
	margin: 2px 0;
}

.orderSketch .text p{
	font-size: 15px;
    font-weight: 500;
	cursor: pointer;
}

.orderSketch .text span{
	width: 50px;
	color: #999;
}

.orderSketch .text h3{
    width: 200px;
    font-weight: 500;
    font-size: 14px;
}

.orderStatus{
	text-align: center;
	height:  auto;
	color: #ff996b;
	font-size: 20px;
	font-weight: bold;
	margin:auto 10px;
}

.orderPayButtons p{
	text-align: center;
  	width: 345px;
  	height: 55px;
  	line-height: 55px;
  	font-size: 20px;
  	float: left;
}

.orderTotalPrice{
	height: 55px;
    text-align: right;
	padding-right: 30px;
    font-size: 20px;
	color: #ff996b;
	line-height: 55px;
}

.infoDisplay{
	border: solid 1px #d5d5d5;
	border-color: #efefef;
    border-radius: 3px;	
    margin-bottom: 20px;
}

.infoHeader{
	font-weight: 600;
	position: relative;
	padding: 15px 20px;
    background: #fafafa;
    font-size: 16px;
}

.infoHeaderBt{
	float:right;
	padding-right: 10px;
    color: #ff996b;
    cursor: pointer;
}

.img_r{
	height: 21px;
	float: right;
	overflow: hidden;
	cursor: pointer;
}

.img_r img{
	object-fit:contain;
}

.infoBody{
	padding: 20px;
}

.infoBody p{
	height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #999;
}

.infoBody span{
	float: right;
    color: #444;
}

.infoBody span select {
	background-color: #fff;
	border: none;
	color:#ff996b;
}

.orderPayButtons{
	overflow: auto;
	padding:20px;
}

.longBt{
	display: inline-block;
	background-color: #498DFD;
	color: #FFFFFF;
	text-align: center;
	width:345px;
	height: 55px;
	line-height: 55px;
	border: none;
	font-size: 20px;
	box-shadow: 5px 5px 8px rgba(1,1,1,.3);	
}

.longBt:hover{
	color: #F9494C;
	box-shadow: 1px 1px 1px #979797;
}

.orderPayButtons div{
	float:right;
	padding:  0px;
	margin: 0px;
}

.payBts a:first-child{
	background-color: #f6f6f6;
	color: #6A6A6A;
}

.payBts a:nth-child(2){
	background-color: #498DFD;
	color: #FFFFFF;
	margin-left: 10px;
}

.payBts a:nth-child(2):hover{
	color: #D53B3E;
	font-weight: bolder;
}

.popWin,.popWin_contactInfo{
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0px;
    left: 0px;
    display: none;
}

.popWin_back{
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.popWin_content{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    width: 800px;
    min-height: 40%;
	min-height: 1rem;
    height: fit-content;
    padding: 0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.popWin_header{
	padding: 10px 3%;
    background: #ff2e26;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.popWin_content p{
	padding: 5px 3%;
}

.popWin_content p span{
	display: inline-block;
    font-size: 16px;
    width: 150px;
    text-align: right;
}

.popWin_content p input{
    width: 550px;
    height: 45px;
    padding: 0 10px;
    border: solid 1px #f4f4f4;
}

.popWin_bt{
	text-align: center;
}

.popWin_bt a{
	display: inline-block;
    padding: 2% 8%;
    margin-bottom: 5%;
    margin-top: 5%;
    background: #ff2e26;
    border-radius: 4px;
    color: #fff;
    margin: 3% 3% 5% 3%;
}

.popWin_bt a:last-child{
	background: #ddd;
    color: #828282;
}

/* myOrders 我的订单 */
.orders_tap {
  padding: 30px 0;
}

.orders_tap ul {
  overflow: hidden;
  border-bottom: solid 1px #eee;
}

.orders_tap ul li.no::after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #498DFD;
}

.orders_tap ul li::after {
  content: "";
  width: 0;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ff501f;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.orders_tap ul li.no {
  color: #498DFD;
}

.orders_tap ul li {
  float: left;
  padding: 15px 0;
  margin: 0 20px;
    margin-left: 20px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


.orders_tap ul li:nth-child(1) {
  margin-left: 0;
}

.merge_pay{
	text-align: right;
}

.merge_pay a{
	margin-right: 20px;
}

.merge_pay input{
	margin-left: 3px;
	margin-right: 30px;
}

.orders_container{
	padding-top:10px;
}

.orders li{
	display:none;
    border: solid 1px #d5d5d5;
    margin-bottom: 20px;
}

.orders li.on{
	display:block;
}

.orders li .order_number {
  	padding: 15px 20px;
  	background: #fafafa;
  	font-size: 16px;
	position: relative;
}

.orders li .order_number i {
    width: 30px;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    background: url(../../images/icon/rubish_can.png)   no-repeat;
    margin: auto;
	margin-top:10px;
    cursor: pointer;
}

.orders li .order_depict {
  padding: 0 20px;
  overflow: hidden;
  border-bottom: solid 1px #d5d5d5;
}

.orders li .order_depict .left {
  overflow: hidden;
  width: 655px;
  float: left;
  border-right: solid 1px #d5d5d5;
}

.orders li .order_depict > div {
  padding: 20px 0;
}

.orders li .order_depict .img {
  width: 125px;
  height: 125px;
  overflow: hidden;
  display: flex;
  float: left;
  position: relative;
}

.orders li .order_depict .img img {
  height: 50px;
}

.orders li .order_depict .left .text {
  float: left;
  margin-left: 30px;
  height: 125px;
  position: relative;
  overflow: scroll;
  padding-right: 20px;
}

.orders li .order_depict .left .text p {
  font-size: 16px;
  font-weight: 500;
}

.orders li .order_depict .center {
  float: left;
  border-right: solid 1px #d5d5d5;
  text-align: center;
  line-height: 30px;
  width: 250px;
  height: 125px;
}

.orders li .order_depict .center span {
  color: #ff996b;
  font-size: 20px;
}

.orders li .order_depict .right {
  height: 125px;
  float: left;
  width: 250px;
  text-align: center;
  line-height: 30px;
}

.orders li .order_depict .right .order_status{
	position: relative;
}

.orders li .order_depict .right .order_status span {
	font-size: 16px;
  	color: #ff996b;
}

.orders li .order_depict .right .order_status input{
	position: absolute;
	right: 30px;
	top:38px;
	
}

.orders li .buttoms {
  height: 55px;
  text-align: right;
}

.orders li .buttoms a {
  line-height: 20px;
  padding: 5px 15px;
  border: solid 1px #666;
  border-radius: 40px;
  color: #666;
  margin: 10px 0;
    margin-right: 0px;
  margin-right: 10px;
  display: inline-block;
}

/* purchase */
.bottom_part{
	overflow: hidden;
}

.l_d_290{
	width: 290px;
	float: right;
	color:#666666;
}

.l_d_290>div{
	border: solid 1px #eeeeee;
    padding: 13px;
    overflow: hidden;
    margin-bottom: 10px;
	background-color: white;
	opacity: 1;
}

.relevent_service{
	width: 290px;
	box-sizing: border-box;
}

.contactor_h{

}

.contactor_h .img{
	width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin: 0 15px;
}

.contactor_h .img img
{
	width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.contactor_h .d_contact{
	margin:10px 10px;
	float: left;
}

.contactor_h h3{
	padding-bottom: 10px;
}

.bt_contact{
    padding: 0 8px;
	background-color: #498DFD;
    height: 27px;
    color: #fff;
    border: none;
    margin:0 10px;
	border-radius: 3px;
    cursor: pointer;
}

.head_liD{
	border-bottom: solid 2px #eeeeee;
	text-align: center;
	height:30px;
	font-size: 22px;
	line-height: 22px;
}

.cont_liD{
	overflow: hidden;
	padding:15px 0 15px 0;
}

.item_liD{
	float:left;	
	width: 40%;
	padding:10px;
	text-align: center;
	aspect-ratio: 1 / 1;
}

.item_liD a{
	display:flex;
	flex-direction: column;		
	align-items: center;	
}

.item_liD a .img{
	width: 65%;
}

.item_liD a .img img{
	height: 50px;
}

.item_liD a span{
	
}


.item_IPTra_liD{
	padding:10px;
	text-align: center;
}

.item_IPTra_liD a{
	display:flex;
	flex-direction: column;		
	align-items: center;
}

.item_IPTra_liD a .img{
	width: 200px;
	height: 160px;
	border: solid 1px #eeeeee;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item_IPTra_liD a .img img{
	cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
	filter: brightness(1);
	height: 130px;
	max-width: 180px;
}

.item_IPTra_liD a  .img:hover img{
	transform: scale(1.1);
	filter: brightness(1.1);
}



.r_d_890{
	width: 890px;
	float:left;
	margin-bottom: 20px;
}

.tab_header{
	width: 100%;
	border:1px solid  #eeeeee;
	background-color: #f6f6f6;
	opacity: 1;
}

.fix_hd_top{
	position: fixed;
	top:0;
	z-index: 99;
	box-shadow: 5px 5px 8px rgba(0, 0, 0, .1); 
}

.tab_header ul li.on {
	
}

.tab_header ul li:hover a{
	color: #498DFD;
}

.tab_header ul li.on a{
	font-weight: bold;
	color: #498DFD;
}

.tab_header ul li.on::before{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #498DFD;
    border-left: 6px solid transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tab_header ul li.on::after{
	content: "";
    width: 100%;
    height: 1px;
    background: #498DFD;	
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}


.tab_header ul{	
	padding: 0 10px;
	height: 47px;
}

.tab_header ul li {
	float: left;
	padding:0 10px;
	line-height: 47px;
	font-size: 16px;
	position: relative;	
}

.tab_header ul li a{
	color: #544e4c;
}

.tapPages{
	padding:30px 30px 0 30px;
}

.tapPage{
	min-width: auto;
}

.tapPage h2{
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
	margin:5px 0 50px 0;
}

.tapPage>h2::before{
	content: "";
    width: 120px;
    height: 15px;
    display: block;
    background: url("../../images/shouy_Bt.png") no-repeat;
    background-position: 0 -1px;
    margin-right: 20px;
}

.tapPage h2 span{
	color: #1c4760;
}

.tapPage>h2::after{
	content: "";
    width: 120px;
    height: 15px;
    display: block;
    background: url(../../images/shouy_Bt.png) no-repeat;
    background-position: 0 -22px;
    margin-left: 20px;
}
.tapPage .detail,.tapPage>div{
	margin: 0 0 80px 0;
}

.detail p{
/*
	font-size: 13px;
	line-height: 24px;    
    text-align: justify;
*/
}

.tapPage .about_pt_f{
	
	/*background: url("../../images/ptf_b.jpg") center no-repeat;	*/
	text-indent: 1em;
}

.about_pt_f img{
	padding-bottom: 10px;
}

.center_between{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pt_cans{
	overflow: hidden;
	padding:2px;
}

.pt_can{
	position: relative;
	width:195px;
	height:195px; 
	border: solid 1px  #EEEEEE; 
	margin: 0 0 10px 0;
	overflow: hidden;
	float:left;
	cursor: pointer;
	box-shadow: 0 0 5px 0 #eeeeee;
		
}

.pt_can .img{
	height: 120px; 
	padding:10px;
	background-color: #F6F6F6;
	display: flex;
}

.pt_can .img img{
	object-fit:contain;
	margin: auto;
	width: 40%;
	height: 40%;
}

.pt_can .dis_header{
	display: flex;
	justify-content: center;
	align-items: center;
	height:60px;
}

.pt_can .dis
{
	position: absolute;
	top:200px;
	width:200px;
	height: 200px;
	background-color:#498DFD;
	opacity: 0.8;
	transition: all 1s ease-in-out 0s;
}

.pt_can:hover .dis{
	top: 0px;
}

.pt_can .dis p{
	color:white ;
	padding:5px 20px;
}

.services_ptf ul li{
	height:50px;
	line-height: 40px;
	display:flex;
}

.services_ptf ul li:hover >*{
	background-color:#498DFD;
	color:#FFFFFF;
}

.procedure_files .services_ptf ul li:hover:nth-child(n+2) >*{
	cursor:pointer;
}

.services_ptf ul li:first-child{
	color:#FFFFFF;
	
}

.services_ptf .service_name{
	width:12%;
	margin:0 10px 10px 0;
	line-height: 40px;
	text-align: center;
}

.services_ptf .service_content{
	padding-left: 10px;
	margin: 0 0 10px 0;	
	text-align: left;
	flex:1;
	line-height: 40px;
}

.procedure_flow{
    overflow: hidden;	
}

.procedure_flow ul{
	display: flex;
    align-items: center;
    justify-content: space-around;
}

.procedure_flow ul li {
	float:left;
	width: 12.5%;
}

.procedure_flow ul li div{
	width:100%;
	height: 160px;
	position: relative;	
}

.procedure_flow ul li div span{
	text-align: center;
	padding-top: 25px;
}

.procedure_flow ul li .upper_d span{
	padding-top: 30px;
}

.procedure_flow ul li .upper_d{
	width: 100%;
	height: 50%;
	color:#FFFFFF;
	display: flex;
	justify-content: center;
	align-items:center;
}

.usage ul{
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.usage ul li{
	width: 20%;
	height: auto;
	margin: 0 2.5%;
	box-shadow:0 0 5px rgba(0, 0, 0, .2); 
	overflow: hidden;
}

.usage li>div{
	padding:12px;
}

.usage li div{
	width:100%;
}

.usage li div.upper{
	box-sizing: border-box;
	width: 100%;
	height: 35%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	flex-grow: 0;
	background-color: gainsboro;
}

.usage img{
	display: block;
	margin:5px;
	object-fit: contain;
}

.usage li div.down{
	box-sizing: border-box;
}

.usage p{
	text-indent: 1em;
	text-align: left;
	line-height: 25px;
	height:100%;
}

ul.two_parts li :first-child{
	font-size: 15px;
	font-weight: bolder;
}

ul.two_parts li .upper_d{
	background-color: #498DFD;
}

ul.two_parts li:first-child .upper_d{
	box-sizing: border-box;
/*	border-right:1px solid #FFFFFF;	*/
	background: url("/images/icon/customer.png") no-repeat;
	background-size: 40% auto;
	background-position: 50% 40%;
	display: grid;
	align-content: end;
	background-color: #498DFD;
}

.procedure_flow ul li .down_d{
	width: 100%;
	height: 50%;
	display: flex;
	justify-content: center;	
	align-items:center;
}

ul.two_parts li:first-child .down_d{
	background: url("/images/icon/us.png") no-repeat;
	background-size:40% auto;
	background-position: 50% 40%;
	display: grid;
	align-content: end;
	background-color:#F6F6F6;
}

ul.two_parts li .down_d{
	background-color: #f6f6f6;
}

.usage.whats_pt li {
	width: 25%;	
}

.usage.whats_pt h3{
	color: #ffef69;
}

.usage.whats_pt .upper{
	height: 45%;
	background-color: #498DFD;
}

.usage.whats_pt .upper img{
	width:18%;
}

.ptReExam.usage ul li .upper_d{
	height: 40%;
}

.pt_role .usage>ul>li{
	height: 150px;
	margin: 0 0px 10px 0;
	width:18.7%;
}

.pt_role .usage .upper{
	height:80%;
	background-color: #F6F6F6;
}

.pt_role img{
	width:70%;
	height: 70%;
}

.pt_role .down{
	padding:0;	
	height: 20%;
}

.pt_role p{
	text-align: center;
 	line-height: 30px;	
}

.pt_role ul li:nth-child(5n+1) p{
	font-size:15px;
	font-weight: bolder;
}

.procedure_flow ul li .midle_d{
	position: absolute;
    top: 65px;
    left: 35px;	
	width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.procedure_flow ul li:not(:nth-child(1)) .midle_d{
	border-radius: 0;
	background-color: transparent;
	background: url("../../images/icon/doubleSolidArrow.png");
}

.fn_clear::after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.procedure_files .file_list_pt{
    height: 365px;
}

.procedure_files .file_list_pt ul li{
    height: 365px; 
    width: 100%;
    float: left;
    background: #fff;
	border:1px solid #EEEEEE;
}
.procedure_files .file_list_pt ul li:hover{
    box-shadow: 0 0 12px rgba(0, 0, 0, .2); 	
}

.procedure_files .file_list_pt ul li:hover p{
	cursor: pointer;
}

.procedure_files .file_list_pt ul li:nth-child(2n){
    float: right; 
}
.procedure_files .file_list_pt ul li .bt{
    height: 56px;
    line-height:56px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background: #6f99f4 url(../../images/bantm.png) no-repeat center right;
    display: flex;
    align-items: center;
    justify-content: center;
}
.procedure_files .file_list_pt ul li:nth-child(2n) .bt{  
    background-color: #fbab62;
}
.procedure_files .file_list_pt ul li .bt span{
    position: relative;
}
.procedure_files .file_list_pt ul li .bt i{ 
    width: 45px;
    height: 45px;
    background: url(../../images/tiaom_img.png) no-repeat;
    background-position: -0px -610px;
    display: inline-block; 
}
.procedure_files .file_list_pt ul li:nth-child(2n) .bt i{ 
    background-position: -0px -655px; 
}
.procedure_files .file_list_pt ul li p{
    height: 56px;
    line-height:56px;
    background: #f6f6f6;
    margin: 30px 0;
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.procedure_files .file_list_pt ul li p:hover{
    background: #6c96f3; 
    color: #fff;
}
.procedure_files .file_list_pt ul li:nth-child(2n) p:hover{
    background: #fbab62; 
    color: #fff;
}
.procedure_files .file_list_pt ul li p i{ 
    width: 45px;
    height: 45px;
    background: url(../../images/tiaom_img.png) no-repeat;
    background-position: -0px -700px;
    display: inline-block; 
}

.d_shad{
	box-shadow:0 0 8px rgba(0, 0, 0, .1); 
}

.serve_guarantee{
	overflow: hidden;
	text-align: left;	
	
}

.gurantee_item{
	padding:10px;
}

.guar_img{
	width:20px;
	height:20px;
	margin: 1px 10px 0 0 ;
	padding: 5px;
	background-color: #6f99f4;
	border-radius: 25px;
}

.svgImg{
	width: 100%;
	height: 100%;
}

.guar_comment{
	width:95%;
}

.qas_item{
	margin-bottom: 25px;
}

.qas_item ul li{
	margin-bottom: 25px;
}

.qas_item ul li P{
	overflow: hidden;
}

.qas_item ul li P:nth-child(1){	
	font-weight: bold;
	font-size:17px;
}

.qas_item ul li p:nth-child(2) span:nth-child(2){
	width:95%;
}

.qa_a,.qa_q{
	width: 30px;
	color:#6f99f4;
	font-weight:bold;
	font-size: 20px;
}

.qas_item ul li p span{
	display: inline-block;
	float:left;	
}


/*right_widget*/
.right_widget{
	width:50px;
	position: fixed;
	right:20px;
	top:70%;
	z-index: 99;
}

.right_widget>div{
	width:100%;
	height:50px;
	margin-bottom: 5px;
	background-color:darkgray;
	opacity: 0.9;
	color:#FFFFFF;
	text-align: center;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.right_widget>div:hover{
	cursor: pointer;
	background-color:#498DFD;
}

.right_widget>div a{
	color:#FFFFFF;
}

/*pj*/
.container_pj{
	background: var(--bkColor);
}

.sub_body{
	padding:10px 0 10px 0;
}

.banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search_container{
	height: 85px;
}

.search_slideH{
	position: absolute;
	top:-50px;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top:30px;
	background: #353C93;
	background-image: linear-gradient(to right, #CBCAEF 0% ,#5133E9 50%,#CBCAEF 100%);
	background-size: 200%;
	transition: 0.3s;
}

.search_slideH:hover{
	background-position: right center;
}

.search_slideH input{
	border: none;
	margin-left: 20px;
	padding-left: 50px;
	height: 58px;
	width:70%;
	float: left;
	background: #FFFFFF url("../../images/com_little_img/com_icon/shangb_sos.png" ) no-repeat center left 20px;
}

.search_slideH button{
	border: none;
	margin-left: 4px;
	float: left;
	font-size: 20px;
	height: 58px;
	width: 20%;
	text-align: center;
	color: #FFFFFF;
	background: #E54E50;
}

.search_slideH .bd{
	overflow: hidden;
	color: #FFFFFF;
	padding: 10px;
}

.search_slideH .bd li{
	width: 400px;
}

.terms_head{
	margin-top: 50px;
}

.h2_underLine{
	color: #292c2f;
	position: relative;
	text-align: center;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 30px;
	line-height: 30px;
}

.h2_underLine::after{
	content:"";
	display: block;
	width: 350px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 5px;
	background: -webkit-linear-gradient(left,rgba(0,0,0,.0),#aeaeae,rgba(0,0,0,.0));
	background: -moz-linear-gradient(left,rgba(0,0,0,.0),#aeaeae,rgba(0,0,0,.0));
}

.sp_subH2{
	display: block;
	text-align: center;
	color: #555351;
}

.blk_container{
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.blk1in4{
	width:292px;
	width:25%;
	box-sizing: border-box;
	text-align: center;
	float: left;
	padding: 10px 0px 10px 0px;	
	position: relative;
}

.termDisc_PJ>div{	
	border-left: 4px #FFF solid;
	border-right: 4px #FFF solid;
	height:305px;
}

.termDisc_PJ>div:first-child{
	background: url("../../images/term/pj/pj_bg1.png") no-repeat;
}

.termDisc_PJ>div:nth-child(2){
	background:url("../../images/term/pj/pj_bg2.png " ) no-repeat;
}

.termDisc_PJ>div:nth-child(3){
	background:url("../../images/term/pj/pj_bg3.png " ) no-repeat;
}

.termDisc_PJ>div:nth-child(4){
	background:url("../../images/term/pj/pj_bg4.png " ) no-repeat;
}

.termDiscP_in_termBlc{
	font-size: 30px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

.termDisc_PJ {
	color:#FFFCFC;
}

.termDisc_PJ a{
	color:#FFFFFF;
	display:block;
	margin-top:40%;	
	border:2px solid #FFF ;
	width:80px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}

.termDisc_PJ a:hover{	
	cursor: pointer;
	transform: translateY(-1px);
	transition: 0.3s;
	background:  #BB2F32;
	border: 2px solid #BB2F32;
}

.img_discHead{
	margin: 10px auto 10px auto;
	font-size: 18px;
	color: #111010;
	border-bottom: 1px dotted #dedede;
}

.p_little_gray{
	font-size: 15px;
	line-height: 27px;
	color:#969696;
}

img.img{
	display: block;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.subBody_whyPJ{
	background: #F0F0F0;
}

.why_pj>div{
/*	border-right: 1px dotted #D9D9D9;*/
	border-left: 4px solid var(--bkColor);
	border-right: 4px solid  var(--bkColor);
}

.blk1in6{
	box-sizing: border-box;
	width: 16%;
	text-align: center;
}


.procedure_PJ>div{
	margin: 10px 0 20px 0;
	position: relative;
	transition: 0.3s;
}

.procedure_PJ>div:hover{
	transform: translateY(-4px);
}

.procedure_PJ>div::after{
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right:-30px;
	top:25%;
	z-index: 2;
	background: url("../../images/com_little_img/com_icon/double-right.svg") no-repeat;
}

.procedure_PJ>div:last-child::after{
	background: url();
}

.subBody_outMerit{
	background: #F0F0F0;
}

.our_merit .blk1in4{
/*	background: #E3E3F4*/
	box-sizing: border-box;
	height: 150px;
	border-left: solid 10px var(--bkColor);
	background-image: linear-gradient(to bottom,#AB96F4 0%, #E3E3F4 100%);
	box-shadow: 0 0 10px #dedede;
}

.our_merit .blk1in4 img{
	position: absolute;
	left:calc(50% - 25px);
	top:-25px;
}

.dipt_head{
	padding:25px 0 10px 0;
	
}


/*ipMarket*/
.short_cut{
	
}

.flex_between{
	margin: 20px 0;
	display: flex;
	justify-content: space-between;        
}

.blk1in4_flex{	
	width: 24%;
	height: 150px;
	text-align: center;
	background: #C9D7FC;
}

.short_cut a{
	display: block;
	margin: 30px auto 10px auto;
}

.blk1in4_flex:hover a{
	cursor:pointer;
	color:white;
}


dt{
	font-size: 16px;
}

dd{
	font-size:14px;
	color:#5e5d5d;
	padding:10px 0;
}


.terms_recomand a{
	width:100%;
	height:100%;
	display: block;
	background-color: #DCDCDC;
	overflow: hidden;
}

.terms_recomand a img{
	width:15%;
	float: left;
	display: block;
	margin: 20px 0 0 20px;
	padding:10px 0 20px 0;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.terms_recomand a:hover img{
	width:20%;
	padding-bottom: 8px;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.terms_recomand a:hover dl, .terms_recomand a:hover dd{
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #666;
}

.terms_recomand a dl{
	float:right;
	margin:70px 15px 0 auto;
}

.tm_selected{
	
}

.kind_selectUl{
	text-align: right;
}

.kind_selectUl a{
	margin: 0 10px;
	cursor: pointer;
	display: inline-block;
}

a.on{
	color:#498DFD;
	position: relative;
}

a.on::after{
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	background: #498DFD;
	border-radius: 1px;
	position: absolute;
	left: 0;
	right: 0;
	border: 0;
	margin: auto;
}

.select_disp ul{
	padding: 20px 0 20px 0;
	overflow: hidden;
	display: none;
}

.select_disp ul:first-of-type{
	display: block;	
}

.select_disp li{
	float:left;
	width:225px;
	height: 250px;
	text-align: center;
	border: solid 1px #f0f0f0;
	cursor: default;
	margin: auto;
/*	margin: 0 15px 15px 0;*/
	margin: 7.5px;
	box-sizing: border-box;
}

.select_disp li:hover{
	border-color: #498DFD;
}


.select_disp li>a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;	
}

.select_disp li>a img{
	max-width: 200px;
	height: 100px;
	object-fit: contain;
	margin-top:30px;
	filter:brightness(1);
	-webkit-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.select_disp li>a h2{
	height: 129px;
	width:100%;
	display:grid;
	place-items:center;
	background-color: #DCDCDC;
}

.select_disp dl{
	width: 90%;
}

.select_disp dl dt{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select_disp li:hover{
	background-color: gainsboro;
	cursor: pointer;
}

.select_disp li:hover>a img{
	filter: brightness(1.1);
	transform: scale(1.1);	
}

.select_disp li dt{
	padding-top: 30px;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.select_disp li:hover dt{
	padding-top: 10px;
}

.select_disp li a.small_btn{
	opacity: 0;
}


.select_disp li:hover a.small_btn{
	opacity: 1;
}

.buttom_p{
	background:  #4A43F4;
	color: #FFF;
	width:70px;
	height:26px;
	border-radius: 5px;
	margin:auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select_disp .buttom_p{
	opacity: 0;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.select_disp li:hover .buttom_p{
	opacity: 1;
}

.select_disp ul li:last-child{
	background-color:gainsboro;	
}

.select_disp ul li:last-child>a {
	width: 100%;
  	height: 100%;
	display: grid;
  	place-items: center;
}

.terms_body{
	margin: 15px 0;
}

.deal_cases ul{
	overflow: hidden;
	height: 155.5px;
}

.deal_cases ul li{
	float: left;
}

.qustion_trade{
	margin-bottom: 20px;
}

.qustion_trade .terms_body{
	overflow: hidden;
}

.qustion_trade .left{
	box-sizing: border-box;
	float:left;
	width:68%;

	border: 1px solid #f6f6f6;
  	box-shadow: 0 0 3px 1px gainsboro;
  	margin: 5px;
}

.qustion_trade .right{
	float: right;
	width:30%;
	height: 390px;
	margin-top:5px;
	background: url("../../images/icon/envelopeBK.png") no-repeat;
	text-align: center;
}

.qustion_trade .right h2{
	margin: 30px 0 90px 0;
	color: #ffc5c5;
}

.qustion_trade .right div{
	display: flex;
	align-items: center;
	padding-left: 10px;
	box-shadow: 3px 3px 1px 0 #b7b7b7 inset;
	width: 80%;
	margin:20px auto;
	background-color: #fff;
	height: 30px;
}

.qustion_trade .right div img{
	display: block;
	height: 20px;
}

.qustion_trade .right input{	
	display: block;
	line-height: 30px;
  	width: 90%;
	background:none;
	outline:none;
	border:none;
	margin-left: 10px; 
}

.qustion_trade .right button{
	border: none;
	background-image: linear-gradient(to top,#498dfdf8 ,#89b5fdf9);
	width: 230px;
	height: 35px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bolder;
	box-shadow: 0 0 3px 0 #8e8e8e;
	border-radius:30px;
	margin:45px auto 0 auto;	
	transition:all .3s linear;
	 -webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
}

.qustion_trade .right button:hover{
	cursor: pointer;
	box-shadow: 1px 1px 3px 0 #333;
}

.terms_body .left div{
  	display: block;
	padding-left: 40px;
  	margin-bottom: 5px;
	padding-top: 15px;
}

.terms_body .left div:not(:last-child){
	border-bottom: 2px dotted gainsboro;
}

.terms_body .left div:first-child{
	padding-top: 15px;
}

.terms_body .left div:last-child{
	padding-bottom: 5px;
}

.di_news_dotAhead dt{
	position: relative;
}

.di_news_dotAhead dt::after{
	content:"";
	display: block;
	position: absolute;
	border-radius: 50%;
	background: #181F3A;
	width: 6px;
	height:6px;
	left:-18px;
	bottom: calc(50% - 3px);
}

.di_news_dotAhead dd{
	padding-left: 0px;
	padding-right:10px;
	text-indent: 1em;
}

/*purchaseTMMarket*/
.px890{
	width: 890px;
}

.counter_market>div{
	margin-bottom: 18px;
	padding:25px;
	border:solid 1px #eeeeee;
	overflow:hidden;
}

.counter_market .left{
	width: 30%;
	height: 280px;
	box-sizing: border-box;
	margin-bottom: 1px;
	float: left;	
	position: relative;
	border:1px solid #E5DEDE;
	display: flex;
	align-items: center;
	justify-content: center;	
	overflow: hidden;
}

.counter_market .left .tm_nameinpic{
	position: absolute;
    top: 90px;
}

.counter_market .left .pt_nameinfpic_in{
	position: absolute;
	top: 79px;
	left: 90px;
	font-size: 5px;	
}

.counter_market .left img{
	object-fit: contain;
	width: 80%;
	max-height: 250px;
}

.counter_market .right{
	width: 70%;
	box-sizing: border-box;
    float: right;
	padding-left: 20px;
    font-size: 14px;
}

.counter_market h2{
	border-bottom: dotted 1px;
	margin-bottom: 20px;
}

.counter_market .itemDesc{
	margin: 2px auto 2px 0px;
}

.btnGroup{
	padding: 20px 0 0px 0;
}

.big_bgkBtn{	
	width: 142px;
	height: 40px;
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
	cursor: pointer;
	border: none;
	outline: none;
	background-color: #498DFD;
	tansition:all .3s linear;
	-webkit-transition:all .3s linear;
	-o-tansition:all .3s linear;
}

.big_bgkBtn:hover{
	font-size: 15px;
  	box-shadow: 1px 1px 2px 2px gray;
}

.big_borderBtn{
	width: 142px;
	height: 38px;
	border: solid 1px #ff4f4f;
	margin-right: 10px;
	background: #fff;
	border-radius: 5px;
	cursor: pointer;
	color: #ff4f4f;
	outline: none;
}

.commit{


}

table{
	width: 100%;
	border: 1px solid #E9DFDF;
	border-collapse: collapse;
}

th {
	height: 40px;
	border:1px solid #E9DFDF;
	background: #f6f6f6;
	
}

td{
	border: 1px solid #E9DFDF;	
	font-size: 14px;
	line-height: 28px;
}

table .last_row{
	font-size: 12px;
	color: #999;
	line-height: 24px;
}

.tmTradFile_table td{
	padding-left: 20px;
	height: 110px;
	
}

.tmTradFile_table td.first_col{
	width:100px;
	text-indent: 46px;
}




.tmTradFile_table .first{
	
}

/*转让流程*/
.tm2-process-comm{
    padding: 0 15px;
}
.tm2-process-items{
    width: 800px;
    height: 180px;	
    padding: 10px;
	background-color: #498DFD;
}
.tm2-process-items li{
    width: 23%;
    height: 180px;
    background: #fff;
    float: left;
	position: relative;
    margin-right: 2px;
    text-align: center;
    cursor: pointer;
	transition: all .3s linear;
}
.tm2-process-items li i{
    display: block;
	position:relative;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    background: #7a859d;
    color: #fff;
    margin: 30px auto 0;
    font-style: normal;
    font-family: "aliphtB"!important;
    font-size: 18px;
	transition: all .3s linear
}
.tm2-process-items li h2{
    font-size: 18px;
    color: #333;
    line-height: 18px;
    margin-top: 20px;
}
.tm2-process-items li p{
    font-size: 12px;
    color: #666;
    line-height: 18px;
    margin-top: 7px;
}
.tm2-process-items li p.detail{
    color: #dcdde0;
    display: none;
	transition: all .3s linear
}
.tm2-process-items li .tringle{
    width: 18px;
    height: 11px;
    display: block;
    background: url("/images/ipMarket/purchase/tm2-process-tringle.png") no-repeat;
    margin: 8px auto 0;
	position: absolute;
	left: calc(50% - 9px);
	top: 68%;
}
.tm2-process-items li.selected{
    width: 232px;
    background-color: transparent;
    transition: width 1s;
}
.tm2-process-items li.selected i{
    background: linear-gradient(to bottom right, #ff4c4c, #ffc6c6);
    margin-top: 20px;
}
.tm2-process-items li.selected h2{
    margin-top: 11px;
    color: #fff;
	transition: all .3s linear;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
}
.tm2-process-items li.selected .border{
    width: 24px;
    height: 2px;
    background: #ff543d;
    margin: 10px auto 0;
}
.tm2-process-items li.selected .shrink-comm{
    display: none;
}
.tm2-process-items li.selected .detail{
    display: block;
    width: 182px;
    margin: 16px auto 0;
}
.tm2-process-items li.selected .tringle{
    display: none;
}
.tm2-process-items li:first-child{
    border-radius: 4px 0 0 4px;
}
.tm2-process-items li:last-child{
    border-radius: 0 4px 4px 0;
    margin-right: 0px;
}
/*转让流程*/

.blk1in2{
	width: 48%;
}

.qus_market .blk1in2{
	margin: 7px;
	height: 180px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.qus_qheader{
	height: 40px;
	text-align: left;
	background: #F6F6F6;
}

.qus_qheader img,.qus_Abody img{
	height: 24px;
	float: left;
	margin: 10px 0 0 5px;
	
}

.qus_qheader h3,.qus_Abody p{	
	float: left;	
	width: 80%;
	padding-left: 3%;
	padding-top: 6px;
	font-size: 16px;
}

.qus_Abody{
	background:  #E6E5E9;
}

.qus_Abody p{
	font-size: 13px;
	line-height: 22px;
	padding-top: 10px;
}

/*tmShelf*/
.select_keys{
    border: solid 1px #f1f1f1;
    padding: 18px;
    margin-bottom: 20px;
}

.select_keys li{
	height: 35px;
	margin-bottom: 2px;
	border-bottom: dashed 1px #e9e9e9;
	
    line-height: 30px;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
	padding-bottom: 0;
	
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; 
	
}

.select_keys li.unfold{
	height: 206px;
	
}

.select_keys li .key_type{
    width: 95px;
    float: left;
}
.select_keys li .right{
/*    border-bottom: dashed 1px #e9e9e9;*/
    width: 1000px;
    padding-right: 64px;
    float: left;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}

.select_keys li .right a{
    padding: 4px 18px;
    border-radius: 100px;
    display: inline-block;
    height: 20px;
    line-height: 24px;
    position: relative; 
    padding-top: 1px;
}

.select_keys li .right a.no{
    background: #498DFD;
    color: #fff; 
}
.select_keys li .right a:hover{
    background: #498DFD;
    color: #fff; 
}
.select_keys li .right .fold_arrow{
    position: absolute;
    right: 0;
    top: 5px; 
    width: 45px;
    height: 22px;
    line-height: 22px;
    background: #eef6fa;
    padding: 0 4px;
    cursor: pointer;
}
.select_keys li .right .fold_arrow::after{
    content:"";
    width: 22px;
    height: 22px;
    background: url("/images/common/right_arrow.png") no-repeat center;
    background-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    
}
.select_keys li .right .fold_arrow.unfold::after{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* Internet Explorer */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari å’Œ Chrome */
    -o-transform:rotate(90deg); /* Opera */ 
}
.select_keys li .right a.fire::after{
    content: "";
    background:url("/images/common/hot.png") no-repeat;
    width: 22px;
    height:30px;
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 999;
    opacity: .8;
}

 
.customize{
	display: inline-block;
	margin-left: 20px;
    color: #999; 
}
.customize input{
    width: 80px;
    height: 26px;
    padding: 0 10px 0 30px;
    border: solid 1px #c7c7c7;
}

.customize span{
	display: inline-block;
    position: relative;
}
.customize span.rmb::after{
    content: "¥";
    position: absolute;
    left: 0;
	top: 0px;
    line-height: 33px;
    width: 30px;
    text-align: center;
}

.customize button{
    width: 61px;
    height: 28px;
    background: #498DFD;
    border:none;
    color: #fff;
    margin-left:2px;
    cursor: pointer;
}

button.confirm{
	width: 61px;
    height: 28px;
    background: #498DFD;
    border:none;
    color: #fff;
    margin-left:2px;
    cursor: pointer;
}

.select_keys li .right a.key_selected i{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-style: normal;
    width: 18px;
}

.select_keys li .right a.search_pt{
	background: #F14043;
}

.product_list_container{
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
}

.product_list_container .left{
    width: 955px;
    float: left;
}
.product_list_container .left .select_header{
    height: 45px;
    background: #498DFD;
    line-height: 45px;
    color: #fff;
}
.product_list_container .left .select_header a{
    color: #fff; 
    padding:0 10px;
    margin: 0 10px;
}

.product_list_container .left .select_header a{
    position: relative;
}

.product_list_container .left .select_header a.order_type::after{
    content: "";
    background: url(../images/xia_jiant.png) no-repeat;
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    margin: auto;
}
.product_list_container .left .select_header .select_module{
    display: inline-block;
    float: right;
}
.product_list_container .left .select_header .select_module span{
    padding: 0 4px;
}

.product_list_container .left .select_header .select_module i{
    width: 45px;
    height: 45px;
    display: inline-block;
    float: right;
    cursor: pointer;
}

.product_list_container .left .select_header .select_module i{
    background: url("/images/common/jiant_right.png") no-repeat center;
}
.product_list_container .left .select_header .select_module i.page_arrow_right{
    background: url("/images/common/jiant_left.png") no-repeat center;
}

.product_list_container .right{
    width: 225px;
    float: right;
}

.product_list_container .right .side_list_title{
    width: 223px;
    border: solid 1px #e8e8e8;
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    font-weight: 600;
} 


.product_list_container .products_ul{
    overflow: hidden;
    padding: 20px 0;
}

.product_list_container .products_ul li{
    width: 220px;
    height: 277px;
    float: left;
    border:solid 1px #f3f3f3;
    position: relative;
    margin: 0 22px 22px 0;
}

.product_list_container .products_ul li:nth-child(4n){
    margin-right:0; 
}

.product_list_container .products_ul li .img_tu{
    height: 170px;
    width: 100%;
	position: relative;
    display: flex; 
    justify-content : center;
    align-items : center; 
}

.product_list_container .products_ul li .img_tu span{
	position: absolute;
	top: 55px;
	font-size: 12px;
}

.product_list_container .products_ul li .img_tu img{
	max-height: 150px;
	object-fit: contain;
	width: 60%;
}

.product_list_container .products_ul li .produ_desc_conta{
    height: 107px;
    padding: 0;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.product_list_container .products_ul li .produ_desc_conta h3{
	width: 80%;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top:5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
}

.product_list_container .products_ul li .produ_desc_conta .btm_asd_btn{
    width: 100%;
    height: 40px;
    background: #498dfd;
    display: block;
    text-align: center; 
    line-height: 40px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
    position: absolute;
    bottom: -40px;
    opacity: 0;
} 

.product_list_container .products_ul li:hover .produ_desc_conta .btm_asd_btn{
    bottom: 0;
    opacity: 1;
}

.product_list_container .products_ul li:hover .produ_desc_conta h3{
    padding-top:0;
}

.product_list_container .products_ul li .produ_desc_conta p{
    padding-bottom: 0;
    width:70px;
    height: 22px;
    line-height: 22px;
    color: #498DFD;
    font-size: 12px;
    margin: auto;
    border: solid 1px #498DFD;
    border-radius: 100px;
}

.product_list_container .products_ul li:hover{
    border:solid 1px #498DFD;    
}

.product_list_container .products_ul li .positive_cell{
    width:56px;
    height: 52px;
    background: url("/images/common/positive.png") no-repeat center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.product_list_container .products_ul li .positive_cell.unPositive_cell{
    background: url("/images/common/unpositive.png") no-repeat center; 
}

.bottom_pages{
	padding: 50px 0;
}

.bottom_pages a{
	width: 35px;
  	height: 35px;
  	display: inline-block;
  	line-height: 35px;
  	color: #787878;
  	border: solid 1px #ececec;
	margin-right: 5px;
	text-align: center;
}

.bottom_pages a:hover{
	
}

.bottom_pages a.ellipsis{
	border: none;
}

.bottom_pages a.ellipsis:hover{
	cursor:default;
	background-color: #FFFFFF;
}

.bottom_pages a.no{
	color: #fff;
  	border: solid 1px #498DFD;
  	background: #498DFD;
}

.bottom_pages input{
	width: 25px;
  	padding: 0 5px;
  	height: 35px;
  	outline: none;
  	color: #787878;
  	border: solid 1px #ececec;
}

.bottom_pages a.confirm_page{
	color:#FFFFFF;
	border:1px solid #498DFD;
	background-color: #498DFD;
	width: 55px;
}



.side_list_conta ul{
    padding: 20px 0;
}
.side_list_conta ul li{ 
    width: 226px;
    margin:0 auto;
    background: #f8f8f8;
    border: solid 1px #eee;
    margin-bottom: 10px;
}
.side_list_conta h3{
    font-size: 15px;
    padding: 5px 10px;
    color: #272727;
    padding-top: 10px;
}

.side_list_conta p{
    padding:0 10px 5px 10px; 
    color: #8b8b8b;
}
.side_list_conta ul li .side_list_img{
    width: 226px;
    height: 168px;
    overflow: hidden;
}
.side_list_conta ul li .side_list_img img{
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}



.side_list_conta ul li .side_list_img img{
    cursor: pointer;
	width:80%;
	max-height: 100%;
	object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    filter:brightness(1);
    
}
.side_list_conta ul li .side_list_img:hover img{
    transform: scale(1.1);
    filter:brightness(1.1);
}


.fuwu_item_boxong>div::after{
	content: "";
	display: block;
	clear:both;
}

.fuwu_item_boxong.paras select{
	width: 93px;
  	height: 30px;
	text-align: center;
	background-color: #FFFFFF;	
}

.item_detail p{
	padding: 0 5px;
  	line-height: 35px;
}

.item_detail .service_price span{
	color: #ff3333;
	font-size: 20px;
	font-weight: bolder;
}

.item_detail .breif_desc{
	color: #999;
    padding: 5px 0 10px 0;
}

.item_detail .service_price{
	background: #f7f7f7;
  	height: 50px;
  	line-height: 50px;
}

.service_price p{
	line-height: 50px;
}

.item_detail .service_additions .additions{
	margin:5px 0;
}

.service_price p,.service_additions p,.item_count p{
	float:left;
}

.item_detail .service_additions{
	overflow: visible;
	padding: 15px 0 0 0;
}

.item_detail .service_additions:not(.tmself){
	padding-top:15px;
}

.item_detail .service_additions input[type="text"]{
	height:26px;
	border: none;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	margin-top:5px;
	padding: 0 5px;
}

input:focus {
	background-color: #f0f0f0;
	outline: none;
}

.item_detail .service_additions div::after{
	content: "";
  	display: block;
  	clear: both;
}

.additions>p{
	width: 15%;
	text-align: right;
}

.additions>div{
	float:left;
	width:80%;
}

.service_additions ul{
	float: left;
 	overflow: visible;
  	width: 475px;
}

.service_additions ul li{
	float: left;
  	border-radius: 5px;
 	padding: 3px;
  	margin-right: 8px;
  	cursor: pointer;
  	position: relative;
  	margin-bottom: 9px;
	height: 24px;
	max-width: 60px;
	white-space: nowrap;
	background-color: #d7d7d7;	
	border: solid 1px #9b9b9b;
}

.service_additions ul li span{
	display: block;
	max-width: 60px;
	overflow: hidden;
}

.service_additions ul li:hover::after{
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px;
	z-index: 100;
	width: auto;
	min-width: 200px;
}


.service_additions ul li.no::after{
	content: "";
  	background: url(../../images/dagou_w.png) no-repeat;
  	width: 31px;
  	height: 18px;
  	z-index: 999;
  	display: block;
  	position: absolute;
  	top: -1px;
  	right: -1px;
}

.service_additions .tip{
	visibility: hidden;
  	background-color: #333;
  	color: #fff;
  	text-align: center;
  	border-radius: 6px;
  	padding: 5px;
  	width: max-content;
  	position: absolute;
  	z-index: 1;
  	top: -90%;
  	left: -10%;
  	margin-left: 0px;
  	opacity: 0;
  	transition: opacity 0.3s ease-in-out;
}

.item_detail .item_count{
	overflow: hidden;
}

.item_count div{
	cursor: pointer;
}

.item_count .sub_count_add{
	float: left;
}

.sub_count_add div{
	width: 35px;
  	height: 35px;
  	display: inline-block;
  	line-height: 35px;
  	text-align: center;
  	border: solid 1px #bebebe;
  	float: left;
}

.sub_count_add input{
	width: 45px;
  	padding: 0 10px;
  	float: left;
  	height: 35px;
  	border-left: none;
  	border-right: none;
  	border-top: solid 1px #bebebe;
  	border-bottom: solid 1px #bebebe;
  	outline: none;
  	text-align: center;
}

#total_price{
	color: #ff3333;
	font-size: 20px;
	font-weight: bolder;
	line-height: 32px;
}

.bt_div{
	padding: 15px 0;
}

.bt_div p{
	color: #999;
  	line-height: 40px;
}

.item_detail select{
	width: 93px;
  	height: 30px;
	text-align: center;
	background-color: #FFFFFF;	
}

.custom_rdo span,.custom_chb span,.custom_open_file,.normal_bt{	
	line-height: 20px;
	display:inline-block;
    border: solid 1px #606060;	
	position: relative;
  	margin: 5px 5px 5px 0;
	padding:3px;
	cursor: pointer;
	border-radius: 4px;
	color: #471D1D;
	background-color: #d7d7d7;
	min-width: 50px;
	text-align: center;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.custom_rdo span:hover,.custom_chb span:hover,.custom_open_file:hover,.normal_bt:hover{
	border-color:#498DFD;
	background-color: #498DFD;
	color:#FFFFFF;
	font-weight: bold;
	box-shadow: 2px 2px 1px 0 #424242;
}

.open_file{
	display: none;
}

#tmpic_disp{
	width: 50px;
	height: 50px;
}

.upper_tip,span.upper_tip{
	visibility: hidden; 
	background-color: #EEEEEE;
	color: #000000;
	text-align: center; 
	border-radius: 6px; 
	padding: 5px; 
	width: max-content;
	position: absolute; 
	z-index: 99; 
	top: -90%; 
	left: -10%; 
	margin-left: 0px; 

	opacity: 0; 
	transition: opacity 0.3s ease-in-out; 
}

.additions p,.additions li{
	position: relative;
}

.additions p:hover .upper_tip,.additions li:hover .upper_tip{
	visibility: visible;
	opacity: 0.7;
}

input[name="invisible_input"]{
	display: none;
}

.custom_rdo,.custom_chb {
	display: inline-block;
}

.custom_rdo input,.custom_chb input{
	display: none;
}

.custom_rdo input:checked+span,.custom_chb input:checked+span{
/*	background-color: #0366d6;*/
    border-color: #498DFD;
	box-shadow: 2px 2px 1px 0 #424242;
}

.custom_rdo input:checked+span::after,.custom_chb input:checked+span::after{
	content: "";
	background: url("/images/icon/check_in_triangle.png");
  	width: 31px;
  	height: 18px;
  	z-index: 999;
  	display: block;
  	position: absolute;
  	top: 0px;
  	right: 0px;
}


/*gurantee */
.serve_guarantee{
	
}
.boxs_container{
	width: 100%;
	position: relative;
	margin: auto;
}
.box_packet{
	box-sizing: border-box;
	width:50%;
	padding: 10px;
	float: left;
}

.boxs_container::after{
	content: "";
	display: block;
	clear: both;
}


.inner_box{		
	background: #f6f6f6;
	padding:5px 0 10px 30px;
}

.box_packet:nth-child(2n) .inner_box{
	padding-left:  90px;
}

.inner_box .item_header{
	padding-left: 15px;
	
}

.inner_box .item_header span{
	font-size: 15px;
	font-weight: bold;
}

.inner_box .item_content{
	padding-left: 20px;
}

.inner_box .item_clause{
	text-indent: 24px;
	background: url("../../images/icon/hook.png") no-repeat;
	background-position: 0px 50%;
	font-size: 12px;
	line-height: 24px;
}

.diamond_shield{
	position: absolute;
	width: 200px;
	height: 200px;
	background: url("../../images/icon/HuiXingShield.png") no-repeat;
	background-size: cover;
	top: calc(50% - (200px / 2) - 2px);
	left:calc(50% - (200px / 2) - 2px);
}

.img_txt{
	padding: 30px;
	background: #F6F6F6;
}

.img_txt h2{
	margin: 0;
}

.img_txt h2::before{
	width:0px;
	background: url('');
}

.img_txt h2::after{
	background: url('');
	width: 0px;
}

.img_txt .left_img .term_nickName{
	font-size: 38px;
	line-height: 38px;
	text-shadow: 10px 10px 6px #000000;
	text-indent: 0px;
	margin-top:50px;
	margin-left: 20px;
	font-family: 'aliphtB';
	color:#498DFD;
}

.img_txt .term_slogan{
	color: #fff;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 18px;	
}

.img_txt .term_slogan:nth-child(3){
	margin-top:10px;
	margin-left:80px;
}

.img_txt img{
	display: block;
	margin:30px 0 0 10px;
	
}

.tapPage .img_txt .left_img{
	width: 300px;
	height: 240px;
	background-image: url("../../images/icon/slogans/sloganBG.png");
	background-size: contain;
}

.img_txt::after{
	content: "";
	display: block;
	clear: both;
}

.img_txt >:first-child{
	float: left;
}

.img_txt >:nth-child(2){
	float: left;
	width:52%;
	padding: 0px 30px 0 30px;
}

.img_txt p{
	text-indent:30px;
}

.img_txt P:not(:last-child){
	margin-bottom: 10px;
}

.img_txt h2{
	padding-bottom: 15px;
}

.miniConsult{
	height: 0px;
	width: 100%;
	display: block;
}

.close_miniDiv{
	display: block;
}

/*interlace_listing*/
.interlace_listing{
	border:1px solid #E5E5E5;
}

.interlace_listing>div{
	display: flex;
	justify-content:flex-start;
	align-items: center;
	padding:10px 0;
}

.interlace_listing>div:nth-child(2n+1){	
	background-color: #F6F6F6;
}

.interlace_listing>div:nth-child(2n){
	background-color: white;
}

.interlace_listing .row_header{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#498DFD;
	border-radius: 50%;	
	width:5%;
	max-width: 50px;
	min-width:25px;
	aspect-ratio:1 / 1;	
	color:white;
	font-weight: bold;
	margin: 0 20px 0 30px;
}


.interlace_listing .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:flex-start;
	width:95%;
}

.interlace_listing p{
	line-height: 25px;
}

.interlace_listing .item_name{
	margin-top: 2%;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
}

.interlace_listing div:hover{
	background-color: #498DFD;
	color:#FFFFFF;
}
/*interlace_listing*/

/*entities*/
.entities{
	display: flex;
	justify-content:space-around;
	align-items: center;
}

.entities>div{
	background-color: gainsboro;
	padding:20px;
	overflow: hidden;
}

.entities .paper{
	background-color: darkslateblue;
	padding:30px;
	float: left;
}

.depict{
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	padding:10px;
	margin: 20px;
	height: 100px;
}

.entities .item_name{
	font-size: 16px;
	font-weight: bold;	
}
/*entities*/

/*myInfo*/
.my_infos{
    overflow: hidden;margin: 30px 0;
}

.my_infos .left{
    width: 183px;
    min-height: 730px;
    border-right: 1px solid #dfdfdf;
    float: left;
}

.my_infos .left .left_img{
    width: 148px;
    height: 160px;
    background: #fff;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    margin-bottom: 20px;
}

.my_infos .left .left_img .profile{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 10px;
    background: #f7f7f7;
    text-align: center;

}

.my_infos .left .left_img .profile span{
    padding-top: 30px;
    display: block;
    color: #ff305c;
}

.my_infos .left .left_img .profile img {
    width: 100%;
    min-height: 100%;
	max-width: 100px;
	max-height: 100px;
	object-fit: contain;
}

.my_infos .left .left_img a{
    width: 100px;
    text-align: center;
    height: 30px;line-height: 30px;
    display: block;
    border: solid 1px #f3f3f3;
    border-radius: 4px;
    margin: auto;
}

.my_infos .left .left_img label{
    width: 100px;
    text-align: center;
    height: 30px;line-height: 30px;
    display: block;
    border: solid 1px #f3f3f3;
    border-radius: 4px;
    margin: auto;
}

.my_infos .left .left_img a:hover{
    border: solid 1px #2ccac8; 
    color: #2ccac8;
}


.my_infos .switch{
    width: 148px;
}

.my_infos .switch li{
    height: 35px;
    border: solid 1px #e6e6e6;
    background: #fff;
    line-height: 35px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 5px;
    background: url(../../images/jiant.png) no-repeat center right 15px; 
}

.my_infos .switch li a{
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}

.my_infos .switch li.no{
    border: solid 1px #498DFD;
    background-color: #498DFD;
} 

.my_infos .switch li.no a{
    color: #fff;

}

.my_infos .switch li:hover{
    border: solid 1px #498DFD;
    background-color: #498DFD;
}

.my_infos .switch li:hover a{
    color: #fff;
}

.my_infos .switch li i{
    width:13px; height: 13px;
    display: block;
    background: url(../../images/my_sz_xiaot.png) no-repeat;
    background-position:-10px -73px;
    margin-right: 7px;
}

.my_infos .switch li:hover i{ 
    background-position:-10px -40px;
}

.my_infos .switch li.no i{ 
    background-position:-10px -40px;
}

.my_infos .switch li i.img_my{ 
    background-position:-10px -139px
}

.my_infos .switch li:hover i.img_my{ 
    background-position: -10px -106px;
}

.my_infos .switch li.no i.img_my{ 
    background-position: -10px -106px;
}

.my_infos .switch li i.img_my1{ 
    background-position:-10px -205px;
}

.my_infos .switch li:hover i.img_my1{ 
    background-position: -10px -172px;
}

.my_infos .switch li.no i.img_my1{ 
    background-position: -10px -172px;
}

.my_infos .switch li i.img_my2{ 
    background-position:-10px -271px;
}

.my_infos .switch li:hover i.img_my2{ 
    background-position: -10px -238px;
}

.my_infos .switch li.no i.img_my2{ 
    background-position: -10px -238px;
}

.my_infos .switch li span{
padding-right: 30px;
}

.my_infos .switch li:nth-child(1)
{
    margin-bottom: 35px;
}

.my_infos .right{
    width: 977px;
    background: #fff;
    float: right;
    min-height: 730px;
    border: solid 1px #e6e6e6;
}
.my_infos .right .title{
    padding:10px 30px;
    border-bottom: solid 1px #e6e6e6;
    color: #303030;
    line-height: 30px;
    font-weight: 500;
    font-size: 14px;
}

.infos_container{
    padding: 50px 30px;
}

.infos_container ul{
	padding: 3px;
    overflow: hidden;
    line-height: 40px;
}

.infos_container ul li{
    width: 455px;
    margin-bottom: 30px;
    position: relative;
    float: left;
}

.infos_container ul li .info_key{
    width: 100px;
    text-align: right;
    float: left;
    padding-right: 10px;
}

.infos_container ul li .infos_input{
    width: 300px;
    float: left;
    background: #f7f7f7;
    border:none;
    height: 40px;
    padding:0 10px;
    border-radius: 3px;
}

.infos_container ul li .sex{
    position: absolute;

    top: 0;
    right: 24px;
}

.infos_container ul li .sex span{
    cursor: pointer;
    width: 60px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-left: solid 1px #d8d8d8;
    float: left;
}

.infos_container ul li .sex span.no{
    border-left: solid 1px #93bbfd;
    background: #93bbfd;
}

.infos_container ul li.rich_txt{
    line-height: 25px;
    width: 100%;
}

.infos_container ul li.rich_txt textarea{
    width: 775px;
    padding: 10px;
    border-radius: 3px;
    background: #f7f7f7;
    border: none;
}

.infos_container .buttons{
    width: 100%;
    text-align: center;
}

.infos_container .buttons button{
    padding: 10px 35px;
    border-radius: 3px;
    color: #fff;
    border: none;
    background: #498DFD;;
    margin: 0 10px;
    cursor: pointer;
}
 
.infos_container ul li.rich_txt .preset{
    position: absolute;
    top: 10px;
    left: 120px;
    line-height: 25px;
    color: #999;

}

.infos_container ul li.rich_txt .preset span{
    display: block;
    color: #fb0202;
}

.switch_page.pw_change ul{
	display:flex;
	flex-direction: column;
	align-items: center;
}

.switch_page.pw_change ul li p{
	width:fit-content;
}

/*myInfo*/

/*login登陆*/ 
.login_bed{
    position: relative;
    overflow: hidden;
}
.login_bed .bkg{
    margin-left: -960px;
    left: 50%;
    position: relative;
    height: 820px;
}


.login_frm{
    position: absolute;
    width: 1031px;
    height: 591px;
    background: url("../../images/dengl_fud_Bj_03.png") no-repeat;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.login_frm .frm{
    padding: 50px 115px;
    overflow: hidden;
}

.login_frm .frm .left_frm{
    width: 439px;
    height: 463px;
    float: left;

}

.login_frm .frm .right_frm{
    width: 340px;
    float: right;
}
.login_frm h2{
    font-size: 18px;
    padding-bottom: 40px;
}


.login_frm .input_container{
    margin-bottom: 30px;
    position: relative;
}

.login_frm .input_container input{
    width: 318px; 
    border: solid 1px #e5e5e5;
    height: 44px;
    padding: 0 10px;
    line-height: 44px;
}

.login_frm .verify .bt_verify_code{
    position: absolute;
    top: 1px;
    right: 1px;
    width: 110px;
    background: #f7f7f7;
    border:none;
    border-left: solid 1px #e5e5e5;
    outline: none;
}


.login_frm .input_container button{
    height: 41px;
    width: 340px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    background: #ff7200;
    border-radius: 2px;
    
}


.login_frm .switch_blk{
    text-align: center;
    padding-bottom: 50px;
}

.login_frm .switch_blk a{
    padding: 0 20px;
}
.login_frm .switch_blk a:hover{
    color: #ff7200;

}

.login_frm .switch_blk a:nth-child(1){
    color: #ff7200;
}

.login_frm .social_media{
    text-align: center;
}
.login_frm .social_media p{
    color: #666;
    padding-bottom: 20px;
}

.login_frm .social_media>div{
    display: flex;
    align-items : center;
    justify-content : space-around;
    padding: 0 30px;
}

.login_footer{
    text-align: center;
    padding: 20px 0;
    padding-bottom: 0;
}

.login_footer ul{
    overflow: hidden;
    text-align: center;
}

.login_footer ul li{
    /* float: left; */
    display: inline-block;
    padding: 0 30px;
    position: relative;
    
}
 
.login_footer ul li::after{
    content: "";
    width: 1px;
    height:14px;
    background: #a6a6a6;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.login_footer ul li:nth-child(1)::after{
content: none;
}

.login_footer p{
    line-height: 50px;
}

.login_frm .frm .right_frm{
    position: relative;
}
.login_frm .frm .right_frm .login_page
{
    position: absolute;
    top: 0;
    right: 0; 
    /* -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;  */
    /* opacity: ; */
    /* display: none; */ 
}
#txtLogin_verify{
    display: none; 
} 

#register_verify{
    display: none;
} 

#accountLogin_verify{
    display: block; 
}
#forget_verify{
    display: none;
}

#wxLogin_verify{
	display: none;
}

#register_verify .input_container{
    border: solid 1px #e5e5e5;
}

#register_verify .input_container input{
    border: none;
    width: 218px;
    outline: none;
}
#register_verify .input_container span{ 
 /* display: inline-block;   */
 padding:0 20px;
    
} 
#register_verify .verify .bt_verify_code {
    position: absolute;
    top:0px;
    right: 1px;
    width: 150px; 
    cursor: pointer;
}

.registered{
    text-align: right;
}
.registered a{
    color: #ff742d;
}

#forget_verify>h2,#wxLogin_verify>h2{
    position: relative;
}

#forget_verify>h2 i,#wxLogin_verify>h2 i{
    background: url(../../images/none_Gb.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top:6px; 
    right: 2px; 
    cursor: pointer;
}

.captcha_box{ 
	width: 340px; 
	margin: 50px auto;
	display: none;
}

#bg_image { 
	border: 1px solid #ddd; 
	position: relative; 
}


#sliderImage { 
	position: absolute;
	cursor: move;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/*login*/

/*wxBind*/
.select_regORBind{
	width: 100%;
	position: absolute;
	top:380px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*wxBind*/

/*ptlist*/
.model_header{
    text-align: center;
    padding: 35px 0;
}

.model_header h2{
    color: #292c2f;
    position: relative;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 23px;
}
.model_header h2::after{
    content: "";
    width: 350px;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
    background: -webkit-linear-gradient(left,rgba(0,0,0,.0),#aeaeae,rgba(0,0,0,.0));     
    background: -moz-linear-gradient(left,rgba(0,0,0,.0),#aeaeae,rgba(0,0,0,.0)); 
}

.model_header span{
    color: #555351;
}


.item_recommand{
    height: 319px;
    overflow: hidden;
}
.item_recommand ul{
    float: left;
    background: #fff;
    height: 319px;
    width: 590px; 
}
.item_recommand ul li{
    float: left;
    position: relative;
    overflow: hidden;
}
.item_recommand ul li img{
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    filter:brightness(1);
    
}
.item_recommand ul li:hover img{
    transform: scale(1.1);
    filter:brightness(1.1);
}
.item_recommand ul li.da{
    width: 249px;
    height: 299px;
    margin: 10px 0 0 10px;
}
.item_recommand ul li .txt{
    position: absolute;
    top: 30px;
    left: 25px;
}

.item_recommand ul li .txt h2{
    color: #292c2f;
    font-weight: normal;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item_recommand ul li .txt p{
    padding: 5px 0;
    color: #999;
    max-width: 210px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow : hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.item_recommand ul li .txt span{
    color: #ff8820;
}
.item_recommand ul li .txt span i{
    font-style: normal;
    font-size: 20px;   
} 
.item_recommand ul li.xiao{
    width: 310px;
    height: 144px;
    margin: 10px 0 0 10px;
}

.item_recommand ul.right{
    float: right;
}
.item_recommand ul.right li.da{
    float: right;
    margin: 10px 10px 0 0;
} 

.hot_items{
	margin: 30px auto;
}

.hot_items .item_bt{
	width: 58px;
    height: 70px;
    border: dashed 1px #8a8a8a;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    font-size: 18px;
    color: #646464;
}

.hot_items .item_bt span{
	display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: double;
    border-color: transparent transparent #333;
    position: absolute;
    top: 29px;
    right: -15px;
    margin-left: -10px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.hot_items .item_bt span em{
	display: block;
  	width: 0;
  	height: 0;
  	border-width:0 10px 10px;
  	border-style:solid;
  	border-color:transparent transparent #f8f8f8;
  	position: absolute;
  	top: 1px;
  	left: -10px;
}

.hot_items ul{
	float:left;
	margin-left: 10px;
}

.hot_items li{
	float: left;
}

.hot_items li a{
	width: 85px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hot_items li a img{
	display: block;
	position: relative;
	top: 0px;
	height: 40px;
	margin-bottom: 5px;
	object-fit: contain;	
	-webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.hot_items li:hover a img{
	top:-5px;
}

.all_pats>div{
	padding: 20px 0 50px 0;
}

.all_pats>div:nth-child(2n+1){
	background-color: #f5f5f5;
}

.all_pats>div:nth-child(2n+1) li{
	background-color: #fff;
}

.all_pats>div:nth-child(2n+1) li.hover{
	box-shadow: 0 0 1px 1px #8A8282;
}

.all_pats>div:nth-child(2n) .ptlist li{
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}

.ptlist  li {	
  	width: 256px;
  	height: 310px;
	position: relative;
	top:0;
	margin: 0 20px 20px 0;
  	float: left;
  	background-color: #ffffff;
  	padding:10px;
	transition: all .3s linear;
	-webkit-transition: all 0.3s linear;
}

.ptlist  li:hover{
	box-shadow: 0px 0px 10px 0 #9C9999;
	transform:translate3d(0,-2px,0);
	-webkit-transform: translate3d(0,-2px,0);
}

.ptlist  li .tu{
    width: 100%;
    height: 130px;    
	display: flex;
	align-items: center;
	justify-content: center;
}

.ptlist  li .tu img{
	height: 60px;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;

}

.ptlist  li:hover .tu img{
    margin-top:-20px;
	
}

.ptlist  li .tu i.img1{
    background-position: -0px -0px;

}

.ptlist  li .tu i.img2{
    background-position: -0px -90px;

}

.ptlist  li .tu i.img3{
    background-position: -0px -180px;

}

.ptlist  li h3{
    text-align: center;  
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 30px 0 15px 0;
   }

.ptlist  li .sv_panel{
	border:1px solid #F7EBEC;
	height: 120px;
	overflow: hidden;
	position: relative;
}

.ptlist  li .sv_hide{
	position: absolute;
	z-index:999;
	display: none;
	align-items:center;
	justify-content: space-around;
	width:273px;
	height: 120px;
	margin-top: -120px;
	background: rgba(130,104,104,0.5);
	transition: all 0.5s ease-in-out 0.5s;	
}

.ptlist  li .sv_hide a {
	background: #FC070B;
	color: #FFFFFF;
	width: 75px;
	height: 25px;
	cursor: pointer;
}

.ptlist  li:hover .sv_hide{
	display: block;
} 

.ptlist  li p{
	text-indent: 1em;
    text-align: justify;
    display: -webkit-box;
   text-overflow: ellipsis;
   overflow : hidden;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   padding: 0 25px;
   color: #999;
   line-height: 25px;
}

.left_plus{
	
}

.left_plus>*{
	float: left;
}

.left_plus .first{
	width: 23%;
	height: 240px;
	margin: 0 20px 20px 0px;;	
	background-color: #FF4747BD;	
}

.left_plus .first a{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all .3s linear;
}

.left_plus .first a:hover{
	box-shadow: 0 3px 5px rgba(0,0,0,.3);
	transform: translate3d(0,-2px,0);
	-webkit-transform: translate3d(0,-2px,0);
}

.left_plus .first img {
	width:30%;
	margin-bottom: 10px;
}

.left_plus .first h3{
	color:#ffffff;
}

.left_plus .first p{
	color: #999;
  	line-height: 25px;
	color: #FFFFFF;
}

.left_plus .rights{
	width:75%;
	height: 240px;
	overflow: hidden;
}

.left_plus .rights>*{
	display: block;
	float: left;
	width: 45%;
	height: 90px;
}

.rights a{
	display: flex;
	height: 100%;
	align-items:center;
	justify-content: flex-start;
}

.rights a img{
	width:55px;
	margin-right: 20px;
	
}

.rights a h3{
	margin: 0;
	padding:10px 0;
}

.rights a p{
	padding:0;
}

.international .tab{
	width:16.66%;
}

.international .slide_box .page img{
	margin:20px 0;
	border:1px solid #F5F5F5;
	height: 35px;
}

.international .tab_pages .tab:first-child .page li:nth-child(8) a{
	display: block;
	height: auto;
	line-height: 10px;
}

.list3{
	display: flex;
	justify-content: space-around;
	
}

.list3 a{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.list3 a h3{
	margin: 20px auto;
	padding:0;
}

.list3 a .imgs{
	margin: 30px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.list3 a .imgs + span{
	margin-bottom: 10px;
	white-space: pre;
}

.list3 a .imgs ~ span:nth-of-type(2){
	color: #FF0004;
}

.list3 a .imgs img{
	width: 55px;
  	margin:0 10px 5px 18px;
}

.list3 .end_bt{
	width:100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background-color: #DBDBDB;	
	cursor: pointer;
}

.end_bt span{
	line-height: 50px;
}

.pt_procudure h2,.pt_procudure span{
	color: #FFFFFF;
}

.pt_procudure{
	height: 544px;
  	background:url("../../images/icon/ptProcedure_blk.jpg") no-repeat center;
  	margin:50px 0;
    margin-bottom: 50px;
  	margin-bottom: 20px;
}

.pt_procudure{
    height: 544px;
    background:url("../../images/icon/ptProcedure_blk.jpg") no-repeat center;
    margin: 50px 0; 
    margin-bottom: 20px;
}

.pt_procudure ul.proc_list{
    height: 288px;
    padding-top:5px;
    display: flex;
    justify-content : space-between; 
}
.pt_procudure ul.proc_list li{
    width: 230px;
    height: 288px; 
    background: #fff;
}

.pt_procudure ul.proc_list li .tu_we{
    background: url("../../images/icon/xieq.png");
    height: 76px;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

.pt_procudure ul.proc_list li .tu_we i{
    width: 73px;
    height: 73px;
    background: #fff;
    border-radius:50%;
    display: block;
    position: absolute; 
    left: 0;
    right: 0;
    bottom: -35px;
    margin: auto;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pt_procudure ul.proc_list li:hover .tu_we i{
    bottom: -20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
}
.pt_procudure ul.proc_list li .tu_we i em{
    width: 50px;
    height: 50px;
    background: url("../../images/procedure/contract.png") center/70% no-repeat;
    border-radius:50%;
    display: block;
    position: absolute; 
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.pt_procudure ul.proc_list li .tu_we i em.img{
   background: url("../../images/procedure/scheme.png") center/70% no-repeat;
}
.pt_procudure ul.proc_list li .tu_we i em.img1{
    background: url("../../images/procedure/search.png") center/70% no-repeat;
}
.pt_procudure ul.proc_list li .tu_we i em.img2{
    background: url("../../images/procedure/submit.png") center/70% no-repeat;
}
.pt_procudure ul.proc_list li .tu_we i em.img3{
    background: url("../../images/procedure/certificate.png") center/65% no-repeat;
}

.pt_procudure ul.proc_list li h3{
    text-align: center;
    padding: 20px;
}

.pt_procudure ul.proc_list li p{
    padding: 0 20px;
    text-align: center;
    color: #999; 
    line-height: 25px;
}
 
.common_ques_l{
	height: 602px;
	background-blend-mode: multiply;
  	background:url(../../images/icon/ptQues_l.jpg) no-repeat center;
	background-color: rgba(73,141,253);
  	margin:50px 0 0 0;
	position:relative;
}

.common_ques_l ul li{
    height: 67px;
    width: 545px;
    background: #fff;
    border-radius: 4px;
    padding: 25px;
    float: left;
    margin-bottom: 10px;
}


.common_ques_l ul li:hover{

    background-color: #FF5B5E;

}

.common_ques_l ul li:hover a{
    color: #fff;

}

.common_ques_l ul li:nth-child(2n){
    float:right;
}

.common_ques_l ul li a{
    color: #544e4c;
}

.common_ques_l ul li h3{
    padding-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin: 0;
}

.common_ques_l ul li p{
	text-indent: 1em;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow : hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    opacity: .8;
}

.our_advantage{
	margin: 30px auto;
}

.pta_advantage{
	height: 500px;
	background:url( "../../images/icon/advantage/arc1_5.png") no-repeat ;
	background-position: 0 0;
	background-size: contain;
	margin:1px auto;
}

.pta_advantage ul{
	height: 100%;
	padding-left: 10%;
}

.pta_advantage ul li{
	height: 20%;	
}

.big_circle{
	background:url("../../images/icon/advantage/group.png") no-repeat center ;
	background-size: 50%;
	background-color: #498DFD;
	height:70%;
	aspect-ratio:1 / 1;
	border-radius: 50%;
	margin-right: 20px;
}

.pta_advantage ul li:nth-child(2) .big_circle{
	background-image: url("../../images/icon/advantage/experience.png")
}

.pta_advantage ul li:nth-child(3) .big_circle{
	background-image: url("../../images/icon/advantage/management.png")
}

.pta_advantage ul li:nth-child(4) .big_circle{
	background-image: url("../../images/icon/advantage/serverce.png")
}

.pta_advantage ul li:nth-child(5) .big_circle{
	background-image: url("../../images/icon/advantage/cost.png")
}

.pta_advantage ul li{
	overflow: hidden;
	display: flex;
  	align-items: center;
}

.pta_advantage ul li>*{
	float: left;
}

.pta_advantage ul li:nth-child(1){
	margin-left: 210px;
}

.pta_advantage ul li:nth-child(2){
	margin-left: 240px;
}

.pta_advantage ul li:nth-child(3){
	margin-left: 270px;
}

.pta_advantage ul li:nth-child(4){
	margin-left: 240px;
}

.pta_advantage ul li:nth-child(5){
	margin-left: 210px;
}

.pta_advantage ul li div:nth-child(2){
	width: 80%;
	height: 70%;
	margin:3px 0;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	transition: all .3s linear;
	-webkit-transition:all .3s linear;
}

.pta_advantage ul li div:nth-child(2):hover{
	cursor: pointer;
	background-color: #f5f5f5;
	box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}

.pta_advantage ul li div:nth-child(2) h2{
	display: block;
}

.pta_advantage ul li div:nth-child(2):hover h2{
	color:#498DFD;
}

.pta_advantage ul li div:nth-child(2) span{
	display: block;	
}
/*ptlist*/

.items_depict ul li{
	width: 27%;
  	margin:0;
  	height: 250px;
}

.items_depict ul li .upper{
	height: 50%;
	background: #498DFD;
	color:beige;
}

.items_depict ul li img{
	height: 30px;
}

.slogan_2w ul{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.slogan_2w ul li{
	border: solid 1px #000000;
	width:200px;
	height: 230px;
}

.slogan_2w ul li>div{
	width: 100%;
	height: 100%;
	border: solid 1px #D7D7D7;
	position: relative;
	right: -7px;
	bottom: -7px;
}

.slogan_2w ul li div p:first-child{
	width:56px;
	height: 56px;
	border-radius: 28px;
	background-color: #97bcf9;
	font-size: 25px;
	line-height: 55px;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
	top: -25px;
	text-align: center;
}

.slogan_2w .mult_a{
	width: 100%;
  	height: calc(100% - 50px);
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: space-evenly;
  	margin-top: -20px;
}

.slogan_2w .mult_a a{
	display: block;
	position: relative;
	background-image: linear-gradient(to right,#498dfd7a ,#498dfd00 );
	width: 90%;
	padding:5px 0 5px 20px;
}

.slogan_2w .mult_a a span{
	display: block;
  	width: 15px;
  	height: 15px;
  	border-radius:15px;
  	border:solid #FFF 5px;
  	background-color: #498DFD;
  	position: absolute;
  	top: 10px;
  	left: -20px;
  	color: white;
  	line-height: 15px;
  	text-align: center;	
}


/*news*/
.news_body{
	padding: 20px 10px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
}

.news_body .para{
	margin: 20px auto;
}

.news_body .para p{
	margin: 0 10px;
}

.news_body p:not(.news_stamp){
	text-indent: 2em;
}

.news_body>p:last-of-type{
  	padding-bottom: 10px;
}

.news_title{
	text-align: center;
	font-size: 24px;
  	font-weight: normal;
}

.news_stamp{
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto 
}

.news_stamp::before{
	display: block;
	content: "";
	width: 18px;
	height: 18px;
	background-image: url("../../images/icon/news/time.png");
	position: absolute;
	left: -23px;
	top: 2px;
  	background-size: contain;
}

.separate_line{
	display: block;
	border-bottom: 1px solid #e1e1e1;
	margin:20px 0;
}

.news_body .img {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-around;
}

.news_body .img p{
	max-width: 800px;
	word-break: break-all;
}

.news_body .img img{
	display: block;
	margin: 5px auto;
	max-height: 250px;
}

.page_turning{
	margin-top:20px;
	margin-bottom: 30px;
}
/*newsDetail*/

/*newsCenter*/
.hot_news{
    padding: 20px 0;
    overflow: hidden;
}
.news_banner {
	width: 569px;
	height: 321px;
	overflow: hidden;
    position: relative;
    float: left; 
}

.news_banner .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 15px;
	z-index: 1;
}

.news_banner .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.news_banner .hd ul li {
	float: left;
	margin-right: 2px;
	width: 15px;
	height: 15px;
	line-height: 14px;
	text-align: center;
	background: #fff;
    cursor: pointer;
}


.news_banner .hd ul li.on {
	background: #f00;
	color: #fff;
}

.news_banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.news_banner .bd li {
	zoom: 1;
	vertical-align: middle;
    position: relative;
}

.news_banner .bd li h3{
    background: rgba(0, 0, 0, .8);
    height: 45px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height:45px;
    font-weight: normal;
	margin:0px;
}

.news_banner .bd li h3 span{
    color: #fff;
    padding:0 20px;
    width: 400px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.news_banner .bd img {
	width: 569px;
	height: 321px;
	display: block;
}

.hot_news .right_list{
	width: 631px;
	height: 321px;
	overflow: hidden;
	position: relative;
	float: left;
	background: #498DFD;
}

.hot_news .right_list h3{
    border-bottom: solid 1px #fff;
    margin:0 30px;
    line-height: 35px;
    color: #fff;
    margin-top: 10px;
    position: relative;
}
.hot_news .right_list h3::after{
    content: "";
    width: 4em;
    height: 2px;
    border-radius: 50%;
    background: #fff;
    position: absolute; 
    left: 0;
    bottom: 0; 
    display: block;
}

.hot_news .right_list ul{
    margin:0 30px;
    padding-top: 10px; 
}
.hot_news .right_list ul li{
	border-bottom: dashed 1px #b1dbff;
	line-height: 45px;
	margin-left:20px;
	position: relative;
	height: 45px;
}
.hot_news .right_list ul li::after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffecb3;
    position: absolute;
    top: 0;
    left: -17px;
    bottom: 0;
    margin: auto;
    display: block;
}

.hot_news .right_list ul li a{
    color: #fff;
    width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
}
.hot_news .right_list ul li a:hover{
    color: #ffecb3;
}

.hot_news .right_list ul li span{
    float: right;
    position: relative;
    bottom: -5px;
    color: #b1dbff;    
}

.all_news{
    padding: 20px 0;
    overflow: hidden;

}

.all_news .left{
    float: left;
    width:902px; 
}

.all_news .left ul li{
    height: 140px;
    margin-bottom: 15px;
    background: #f4f4f4;
    padding: 0 70px;
}
.all_news .left ul li span{
    line-height: 140px;
    float: left;
    width: 170px;
    position: relative;
    display: block;
}
.all_news .left ul li span::after{
    content: "";
    position: absolute;
    top: 0; 
    bottom: 0;
    right: 0;
    width: 1px;
    height: 95px;
    margin: auto;
    background: #ccc;
}
.all_news .left ul li dl{
    float: left;
    margin-top: 30px;
    width: 495px;
    padding-left: 70px;
}

.all_news .left ul li dl dt a{
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-bottom: 10px;
    padding-left:10px; 
    position: relative;
}
.all_news .left ul li dl dt a::after{
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #7f7f7f;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;margin:auto;
}
.all_news .left ul li dl dt a:hover::after{
    border-color: transparent transparent transparent #498dfd;
}
.all_news .left ul li dl dd{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow : hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999; 
    text-indent: 1em;
	padding: 0;
} 
.all_news .left ul li:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.all_news .left .navigate{
    text-align: right; 
    margin-bottom: 10px;
}

.all_news .left .navigate a{ 
    padding-left: 20px;
    color: #999;
    display: inline-block;
}

.all_news .left .navigate a.no{
    
color: #2d2d2d;
}

.all_news .right{
    width: 266px;
    float: right;
    margin-top: 30px;
}

.all_news .right .search_box{
    margin: auto;
    width: 200px;
    height: 38px;
    border:solid 1px #498DFD;
    border-radius: 100px;
    position: relative;
    margin-bottom: 50px;
}

.all_news .right .search_box a{
    width: 55px;
    height: 38px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../images/icon/news/magnifier.png") no-repeat center;
	background-size: 50%;
}
.all_news .right .search_box a::after{
    content: "";
    width: 2px;
    height: 22px;
    background: #498DFD;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;   
}

.all_news .right .search_box input{
    padding: 0 10px;
    height: 36px;
    border-radius: 100px;
    outline: none;
    border: none;
    margin: auto;
    background: none;
    width: 122px;
}

.all_news .right .relevent_service{
	width: 266px;
	padding: 13px;
	border: solid 1px #eeeeee;	
}

.all_news .right ul{
    border: solid 1px #ececec;
    padding: 0 30px;
    padding-bottom: 30px; 
    overflow: hidden;
    
}

.all_news .right ul>span{
    text-align: center;
    display: block;
    margin-bottom: 20px;
    line-height: 50px;
}
.all_news .right ul li{
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
    float: left;
}
.all_news .right ul li img{
	width: 50px;
	height: 50px;
}

.all_news .right ul li p{
    color: #373737;
}
/*newsCenter*/

/*newsEdit*/
.news_edit{
	overflow: hidden;
}

.news_edit h2{	
	display: block;
	width:fit-content;
	margin: 0 auto;
}

.news_edit>ul{
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	margin:0 auto 10px auto;
}

.news_edit>ul>li{
	float: none;
	width:50%;
}

.news_edit>ul li:last-child{
	margin-bottom: 0px;
	width: 100%;
}

.news_edit>ul li .infos_input{
	width: 75%;
}

.infos_container>ul li .infos_input.drag_over{
	background-color: aqua
}

.drag_over{
	background-color: aqua
}

.news_edit .content_list{
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
}

.news_edit .content_list>div{
	width: 20%;
}

.news_edit .Content{
	border:1px solid #272727;
	width:80%;
	min-height: 400px;	
	max-height: 1000px;
	overflow: scroll;
}

.news_edit ul.news_pics_list{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.news_edit ul.news_pics_list li{
	margin: 5px;
}

.news_edit .news_content{
	min-height: 400px;
	max-height: 1000px;
	overflow: scroll;
	border: 1px solid #272727;
}
/*newsEdit*/
